@charset "utf-8";
/* CSS Document */
/*header*/
	#header{background:#777; width:100%;}
	.header{width:1200px; margin:0 auto;}
	.wec{ color:#fff; font-size:0.8em; line-height:28px; float:left;}
/*lang*/
	.lang { margin-right:20px; float:right;}
	.lang a{font-weight:bold; color:#f78431; font-size:0.875em;}
	.lang img {position:relative; top:3px; margin:0 5px;}

/*nav*/
	#nav_01{background:url(../images/1.jpg) repeat-x; width:100%;}
	.logo{width:18.333333333333332%;}
	.logo img{margin:8px 0 0 26%;}
	.nav{width:1200px; margin:0 auto;}
	.nav_list{width:81.66666666666667%;}
	.nav_list #nav> ul > li{float:left; width:14.085714285714285%; line-height:74px; text-align:center; border-right:1px solid #ece8e8; position:relative;}
	.nav_list #nav > ul > li >ul{background:#fff; display:none; position:absolute;z-index:99999; box-shadow:1px 1px 3px #979797;}
	.nav_list #nav > ul > li >ul > li{width:138px; display:block;}
	.nav_list #nav > ul > li >ul > li a{color:#464646;}
	.nav_list #nav > ul > li >ul > li{line-height:30px;}
	.nav_list #nav > ul > li > ul > li >a{font-size:0.8em;}
	.nav_list #nav > ul > li >ul > li:hover{background:#f78431;}
	.nav_list #nav > ul > li >ul > li:hover a{color:#fff;}
	.nav_list #nav > ul >.curr{background:#777777;}
	.nav_list #nav > ul .curr01{color:#fff;}
	.nav_list #nav > ul > li:last-child{border:none;}
	.nav_list #nav > ul > li:hover{background:#777777;}
	.nav_list #nav > ul > li > a{font-size:0.95em; color:#464646; font-weight: bold;}
	.nav_list #nav > ul > li:hover>a{color:#fff;}
	.nav_list #nav > ul > li:hover >ul{display:block;}
	#slideshow {clear: both;overflow: hidden;position: relative;z-index: 1;width: 100%;}
	#slideshow img {width: 100%;height: 498px;}
	#slideshow li {position: absolute;opacity: 0;height: 100%;width: 100%;filter: Alpha(opacity=0);}
	#menu {
		display: none;
		text-align: right;
		margin-top: -.5em;
	}
	#menu a {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #ededed;
		background-repeat: repeat-x;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
		background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
		border-left-color: #e5e5e5;
		border-right-color: #e5e5e5;
		border-top-color: #e5e5e5;
		border-bottom-color: #bfbfbf;
		color: #fff;
		width: 50px;
		text-shadow: none;
		margin: 0 auto 0;
		display: inline-block;
		border: 0;
		text-transform: none;
		background: #0e4562 !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding: 1% 0;
	}
	#menu a:hover { background: #000!important; }
	.box { width: 100%; }
	.icon-bar {
		display: block;
		width: 55%;
		height: 2px;
		margin: 10% auto;
		background-color: #f5f5f5;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
	#close_menu { display: none; }
	/**/
	#banner{
	display:block;
	margin:0 auto;
   position: relative;
}
#banner>a{
   position: absolute;
   top:40%;
   width:3.1875463306152705707931801334322%;
   z-index:222;
}


/*ie下的焦点图**/
#banner{
	display:block;
	margin:0 auto;
   position: relative;
}
#banner>a{
   position: absolute;
   top:40%;
   width:3.1875463306152705707931801334322%;
   z-index:222;
}


/*ie下的焦点图**/
#demo1{
  overflow:hidden;
  position:relative;
  z-index:0;
  width:100%;
  margin:0 auto;
}
#demo1 .imgList li{
	float:left;
	width:100%;
}
#banner .pager{ position:relative; height:3em; width:100%;z-index:100; text-align:right; text-align:center;}

#banner .pager a {
	display:inline-block; text-indent:-99999px;height:0.6em; width:0.6em;  border-radius:50%; _display:inline; margin-right:.7em;
    margin-top:1em;
	background:url(../images/ie_pager.png) no-repeat;
	background-size:100% 100%;
	}
#banner .pager a.selected,#banner .pager a:hover{
	background:url(../images/ie_pager_hover.png) no-repeat;
	background-size:100% 100%;
	
	
}

/* 滑动焦点图 */
.swiper-container00{width:100%;}
.swiper-container01,.swiper-container02,.swiper-container03,.swiper-container04{width:100%;}
.swiper-container {height:auto; text-align:center;margin:0 auto;position:relative; overflow:hidden; z-index:5; background:#F8F8F8;}
.swiper-wrapper {position: relative;z-index:10;}
.swiper-slide {position:relative;text-align:center; float:left;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ max-height:100%;vertical-align:middle; position:relative; height:100%;}
.pagination{ position:relative; height:0em; line-height:1.5em;width:100%;z-index:100; text-align:right; text-align:center; top:-40px;}
.pagination .swiper-pagination-switch{ display:inline-block; height:5px; width:5.5%; background:#fff; _display:inline; margin-right:10px;}
.pagination .swiper-active-switch{ background:#f78431;}
/*company_pro*/
	#company_pro{width:1200px; margin:0 auto;margin-top: 3.5%;}
	.company_pro{width:92.16666666666666%; margin-left:4.833333333333333%; text-align:center;}
	.company_pro > a h1,.index_news> a h1{font-size:1.45em;margin-right:2%;}
	.company_pro > a h2,.index_news> a h2{font-size:1.125em;margin-right:2%; padding-bottom:10px;}
	.company_pro p{font-size:0.95em; line-height:30px;margin: 5.06% 0 4.8% 0;}
/*pro_show*/
	#pro_show{background:url(../images/4.jpg) no-repeat; position:relative;margin-top: 6.54%; text-align:center;}
	#pro_show>img{position:absolute;left:48.3%; top:-40px;}
	#pro_show > a h1{padding:4.5% 0 0 0; color:#fff;font-size:1.45em; margin-left:20px;}
	#pro_show > a h2{ color:#fff;font-size:1.125em; padding-bottom:2.2%; margin-left:20px;}
	.pro_show{width:1200px; margin:0 auto; padding-top: 4.19%;}
	.pnav{width:81.41666666666667%; margin:0 auto;padding-bottom: 4%;}
	.pnav strong{ font-size:30px; color:#fff; display:inline-block; margin:41px 0 20px 11px;}
	.pnav ul{ padding-left:13px;}
	.pnav li{ float:left;text-align:center;cursor:pointer; background:#1e3885;width:18.229%;margin-right:1.2%;}
	.pnav li .pic{max-width:227px;}
	.pnav li:hover{background:#f9ab09;}
	.pnav li:last-child{margin:0;}
 	.pnav li a{ color:#fff; font-size:1.125em; line-height:51px;}
	.subcon{ overflow:hidden; margin:0 auto; width:81.41666666666667%; padding-left: 2%}
	.subcon li{ float:left;overflow:hidden; margin-right:17px; width:23.23439099283521%;}
	.subcon li .pic{max-width:227px;}
	.subcon li:last-child{margin:0;}
	.subcon li .pic img{ display:inline; vertical-align:middle; width:98%;border:2px solid rgba(255,255,255,0);}
	.subcon li .pic img:hover{border:2px solid #f9ab09;}
	.subcon li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:1.125em; padding: 18.94% 0 30% 0;}
	.subcon li span a{ display:block; color:#565656;}
/*index_news*/
	#index_news{width:1200px; margin:0 auto; padding-top: 4.5%;padding-bottom: 5.7%;}
	.index_news{width:92.16666666666666%; margin-left:4.833333333333333%; text-align:center;}
	.news_detail{margin-top: 4.98%;}
	.news_detail > img{max-height:293px; max-width:447px; float:left;}
	.news_right{width:53.97830018083183%;text-align:left; float:right;}
	.news_right > h1>a{font-size:15px; color:#f78431; margin-bottom:7px;}
	.news_right > h2{color:#292421; font-size:0.8em; line-height:24px; font-weight:normal; margin-bottom:15px;}
	.news01{margin-bottom:10px;}
	.news01_left{text-align:center;width:60px;; background:#e8e8e8; height:60px;}
	.news01_left > p:first-child{font-size:1.6em; font-family:Arial; padding-top: 10px;margin-right: 5px;}
	.news01_left > p:last-child{font-size:0.75em; font-family:Arial;}
	.news01_right{width:89.74974874371859%; background:#f1f1f1; height:60px;margin-left:1px;}
	.news01_right a> p{margin-left:10px;}
	.news01_right a> p:first-child{font-size:0.95em;  max-height:21px; overflow:hidden;margin-top:10px;}
	.news01_right a> p:first-child:hover{color:#f78431;}
	.news01_right a> p:last-child{font-size:0.8em; margin-top:3px; max-height:17px; overflow:hidden;}
	/*footer*/
	#footer{background:#5e5e5e; border-top:4px solid #b60018;}
	.footer{width:1200px; margin:0 auto;}
	.footer p{color:#fff; font-size:0.875em;}
	.footer span{color:#fff;}
	.footer .footer01 div >p:first-child{padding:30px 0 15px 0;}
	.footer_link{padding: 1.675% 0;}
	.footer a{color:#fff; font-size:0.875em; background:url(../images/8.jpg) center right no-repeat; padding-right:6px; margin-left:5px;}
	.footer a:last-child{background:none;}
	/*内页     main*/
	#main{background:#f1f1f1;padding-top:4.3% ;padding-bottom: 5.7%;}
	.main{width:1200px; margin:0 auto;}
	.side_nav{border:1px solid #dddddd; text-align:center; background:#fff;}
	.side_nav a{width:14%; display:inline-block;padding:12px 2px; font-size: 0.8em; color:#464646;margin-left: -5px;}
	.side_nav a:hover{background:#de5e02; color:#fff;}
	.side_nav .curr02{background:#de5e02; color:#fff;}
	/*about*/
	.about{width:1198px; margin:0 auto; border:1px solid #dddddd; margin-top:1.75%; background:#fff;}
	.about_main,.pro_main{width:89.75%; margin:0 auto;}
	.about_main > h1{font-size:1.45em; text-align:center;padding: 2.94% 0px 2.574%; border-bottom:1px solid #dddddd; font-weight:normal;}
	.about_main > p{line-height:28px; font-size:0.8em;padding-top: 3.405%;}
	.about_main > p strong{font-size:15px;}
	.pro_main > p span{color:#b60018;}
	.about_main > img{padding:2.3% 0 2.95%;}
	.about_main01{position:relative;}
	.about_main01>p{margin-top:10px; font-size:0.875em;}
	.about_main01>p>span{color:#d80606; margin-right:7px;}
	.about_main01 .p1{margin-left:70px;}
	.about_main01 .pic{width:34.40366972477064%; position:absolute;right:0; top:0;}
	.about_main01 .p2{width:63.11926605504588%; text-align:justify; font-size:0.8em; line-height:28px; margin-top: 2.76%;}
	.about_main01 .p3{margin:0;line-height:28px;font-size:0.8em;padding-bottom: 5.88%;}
	.pro_main > h1{font-size:1.45em; text-align:center;padding: 2.94% 0px 2.574%; border-bottom:1px solid #dddddd; font-weight:normal; position:relative;}
	.pro_main > p{line-height:24px; font-size:0.8em;padding-top: 3.405%; width:95.7643%; margin:0 auto;}
	.product{padding:3.5% 7px 0 7px; width:95.76427255985267%; margin:0 auto;}
	.product ul{width:100%;}
	.product ul li{width:22.788461538461538%; float:left; margin:0 1% 25px 1.2%; position:relative;}
	.product ul li .pic{width:100%; text-align:center; max-width:233px;}
	.product ul li .pic >img {box-shadow:2px 2px 5px; border-radius:5px;}
	.product ul li .pic .bigger{position:absolute; right:3%; bottom:19%;}
	.span{display:block; width:100%; position:relative; color:#b60018; font-size:0.95em; margin-top: 9.4%;max-height: 21px; overflow: hidden;}
	/*shebei*/
	.product01{padding:3.5% 7px 0 7px; width:95.76427255985267%; margin:0 auto;}
	.product01 ul{width:100%;}
	.product01 ul li{width:30.835734870317005%; float:left; margin:0 2% 25px 0.5%; position:relative;}
	.product01 ul li .pic01{width:100%; text-align:center; max-width:321px;}
	.product01 ul li .pic01 >img {box-shadow:2px 2px 5px; border-radius:5px;}
	.product01 ul li .pic01 .bigger{position:absolute; right:3%; bottom:22%;}
	/*activity*/
	.activity{width:96.69117647058824%; margin:2.298% auto 0;}
	.activity img{float:left;
		width: 35%;
	}
	.activity .activity_in{float:left; margin-left:6.749049429657794%; width:58.23536121673004%;}
	.activity_title{position:relative; margin:15px 0 20px;}
	.activity_in>p{font-size:0.8em; color:#292421; line-height:24px; max-height:168px; overflow:hidden;}
	.activity_title span:first-child a{font-size:0.95em; color:#f78431; font-weight:bold;}
	.activity_title span:last-child{position:absolute; right:0; font-size:0.8em;}
	/*news======*/
	.news{margin-left:20px; margin-top: 4.6%;}
	.news02{margin-top:25px;}
	.news02_left{text-align:center;width:60px;; background:#e8e8e8; height:60px;}
	.news02_left > p:first-child{font-size:1.6em; font-family:Arial; padding-top: 10px;margin-right: 5px;}
	.news02_left > p:last-child{font-size:0.75em; font-family:Arial;}
	.news02_right{width:89.74974874371859%; background:#f1f1f1; height:60px;margin-left:1px;}
	.news02_right a> p{margin-left:10px;}
	.news02_right a> p:first-child{font-size:0.95em;  max-height:21px; overflow:hidden;margin-top:10px;}
	.news02_right a> p:first-child:hover{color:#f78431;}
	.news02_right a> p:last-child{font-size:0.8em; margin-top:3px; max-height:16px; overflow:hidden;}
	.date{position:absolute; right:70px; bottom:15px; font-size:13px; font-weight:normal;}
	.pro_main > .p4{line-height:24px; font-size:0.8em;padding-top: 3.405%; width:94.32558139534883%;}
	/*招贤纳士*/
	.zxns{text-align:center;margin-top: 3.07%;}
	.career{width:1060px; margin:0 auto;}
	.career >p{text-align:left; line-height:24px; font-size:0.8em; padding:9px 0 0 10px; width:60%;}
	.career_title{margin-top: 2.33%; background:url(../images/04.png) no-repeat center bottom; padding-bottom:5px;position:relative;}
	.career .career_left{float:left; font-size:0.95em; padding-left:10px; position:absolute; bottom:5px;}
	.career .career_more{float:right; font-size:0.8em; width:142px; height:28px; background:#ff964b;margin-right:10px;}
	.career .career_more a{color:#fff; line-height:28px;}
	.career:last-child{padding-bottom: 5.59%;}
	/*page===========*/
	.page{text-align:center;margin-top: 4.55%; margin-bottom: 9.2%;}
	.page a{font-size:0.875em; color:#fff; background:#bebebe; border-radius:5px;width:32px; display: inline-block; line-height:30px;}
	.page a:first-child{margin-right:10px; width:65px; height:31px;}
	.page a:last-child{margin-left:10px;width:65px; height:31px;}
	.page a:hover{background:#f78431;}
	.page01{text-align:center;margin-top: 4.55%; margin-bottom: 9.2%;}
	.page01 a{font-size:0.875em; color:#fff; background:#bebebe; border-radius:2px; padding:10px 13px; margin-right:35px;}
	.page01 a:hover{background:#f78431;}
	.shebei{  margin-top: 1.75% 0 0 0;}
	/*contact*/
	.contact{width:85.25%; margin:0 auto;margin-top: 3.758%;}
	.address{margin-top:25px; width:100%;}
	.address01{width:44.7477%; float:left; background:#fb9a44; max-height:305px;}
	.address01 h1{font-size:1.125em; color:#fff; text-align:center;padding: 7.57% 0 4.32% 0; border-bottom:1px solid #fff; width:90.49676025917927%; margin-left:30px;}
	.address01 > .address02{width: 90.4968%;margin-left: 30px;}
	.address01 >.address02 p{padding-top: 7.16%;padding-bottom: 18.15%;}
	.address01 >.address02 p span{line-height:40px; color:#fff; font-size:0.8em;}
	.address01 >.address02 p span:nth-of-type(2){margin-left:38px;}
	.address01 >.address02 p span:nth-of-type(4){margin-left:24px;}
	.address01 >.address02 p span:last-child{display:block;}
	.address03{float:left;width:55%;}
	.friend_link{background:#ededed; margin-top:25px; margin-bottom: 9.5%;}
	.friend_link > h1{font-size:1.4em; text-align:center; font-weight:normal; width:80.90107737512243%; margin:0 auto; padding-bottom:10px; border-bottom:1px solid #8f8f8f; padding-top: 2.45%;}
	.qirui{width:37.902097902097903%; text-align:center;}
	.qirui img{padding:30px 23px 17px;border-bottom:1px solid #8f8f8f;}
	.qirui span{padding:11px 0 20px;display: block;}
	.friend_link01{width:70.02938295788442%; margin:0 auto;}
	@media (max-width:1035px) {
#menu {
	position: relative;
	top: -15px;
	display: block;
	width:20%;
	float:right;
}
#nav {
	position: fixed;
	width: 40%;
	right: -55%;
	top: 0;
	background: rgba(14,69,98,.9);
	height: 100%;
	z-index: 999;
}
#nav>ul {
	margin: 5% 0 0;
	padding: 0;
}
.nav_list #nav > ul > li {
	background: none;
	display: block;
	float: none;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
.nav_list #nav > ul > li > a {
	color: #fff;
	display: block;
	padding: 5px 0;
	line-height: 30px;
}
.nav_list #nav > ul > li > ul{right:-150px;}
#nav ul li a:hover, #nav ul li a.curr {
	color: #fff;
	background: rgb(119, 119, 119);
	margin: 0;
}
#close_menu {
	display: block;
	position: absolute;
	left: -28px;
	top: 40%;
	color: #fff;
	background:rgba(14, 69, 98, 0.9);
}
}
@media (max-width:640px){
.lang{position:absolute; right:0; top:30px;}
.header,.nav,.logo,#company_pro,.pro_show,.pnav,.subcon,#index_news,.news_right,.footer,.main,.about,.about_main01 .p2,.career,.career > p{width:100%;}
.logo img{margin:0px; position:relative; top:10px;}
.nav_list{width:90%;}
/*banner*/
.pagination{top:-20px;}
#pro_show{background:url(../images/9.jpg) no-repeat;}
#pro_show > img{width:15%;display: block;
margin: 0 auto;
left: 43.3%;
position:absolute;
top: -15px;}

.pnav li{width:45%; margin-bottom:5px;}
.subcon li{width:42%;margin-left:10px; margin-right:10px;}
.subcon li:last-child{margin-left:10px; margin-right:10px;}
.subcon li span{padding:10px 0;}
.subcon li .pic:hover img{width:100%; height:auto; }
	.pnav li a{max-height: 25px; overflow: hidden; line-height: 25px;
		display: block;}
.news_detail > img{width:100%;}
.news01_right{width:75%;}
.footer .footer01 div >p:first-child{padding:15px 0;}
.footer .footer01 div >p span{display:block;}
.side_nav a{width: 37%;}
.about_main01 .pic{display:none;}
.product ul li .pic .bigger{bottom:35%;}
.activity .activity_in{width:100%; margin:0;}
.news02_right{width:75%;}
.career .career_more{width:65px;}
.address01{width:100%; float:none;}
.address01 > .address02 p span{display:block; margin:0;}
.address01 >.address02 p span:nth-of-type(2){margin-left:0;}
.address01 >.address02 p span:nth-of-type(4){margin-left:0;}
.address03{width:100%}
.qirui{width:45%; text-align:center;}
.qirui img{padding:30px 0 17px;border-bottom:1px solid #8f8f8f;}
#footer{text-align:center;}
.footer01 div {float:none;}
.date{display:none;}
#main{padding-bottom:10%;}
.news{margin-left:0;}
#pro_show > a h1{padding: 12.5% 0px 0px;}
.product ul li{width:47%;}
.product01 ul li{width:47%;}
	.pro_show{margin-top: 20px;}
	#lightbox-nav a{max-height: 200px;}
	.activity img{width:100%;}
}
@media (max-width:320px){
#slideshow > li >img{height:100px;}
	.address03{width:100%}
}