@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td, img{border:medium none; margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; }
a:hover { text-decoration: none;}
/** 重置图片元素 **/
img{ border:0px}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/*页面*/
body{background:#fff;font-family:"Microsoft YaHei";font-size: 14px;} 
.clear{clear:both}
.w1200{width:1200px;margin:0 auto}
/*头部*/
.Top{ width: 100%; background: #1d458b;padding: 15px 0; overflow: hidden;}
.TOP-right{ float: right;}
.TOP-right a{ color: #fff;}
.TOP-right a,.TOP-right img{ display: block; float: left; margin-right: 8px;}
.TOP-right img{ margin-top: 3px;}
.TOP-right a:hover{ text-decoration: underline;}

.navbar{ padding: 25px; overflow: hidden;}
.navbar .navbar-brand{ display: block; float: left;}
.navbar .navbar-right{ float: right;}
.navbar .navbar-right li{ float: left; margin-left: 25px; }
.navbar .navbar-right li a{ display: block;width: 95px; height: 40px;line-height: 40px; text-align: center;  color: #666; font-size: 16px;}
.navbar .navbar-right li.cur-nav a{ color: #fff; background: #1d458b;}
.navbar .navbar-right li a:hover{  color: #fff; background: #1d458b;}
/* flexslider */
.flexslider{position:relative;height:620px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:620px;}
.slides li a{ display: block; width: 100%; height: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}


.sy-Title h2{ text-align: center; color: #333; font-size: 30px;}
.sy-Title h2 p,.sy-Title h2 span,.sy-Title h2 p i{display: inline-block; }
.sy-Title h2 span{ width: 40px; height: 2px; background: #a3a3a3; margin: 0px 28px;vertical-align: middle;}
.sy-Title h2 p { letter-spacing: 1px;}
.sy-Title h2 p i{ font-style: normal; font-weight: normal;}
.sy-Title>p{ text-align: center; color: #666; margin-top: 5px;}

.YS-about{ margin-top: 40px; padding: 70px 0; overflow: hidden; background: #f1f5f8;}
.YS-about .about-cer{ margin-top: 35px;}
.YS-about .about-cer .about-text{ float: left; width: 545px; }
.YS-about .about-cer .about-text p{ color: #666;line-height: 40px; text-indent: 20px; margin-top: 15px; font-size: 12px;}
.YS-about .about-cer img{ display: block; float: right;}

.YS-supply{ margin: 70px 0;}
.supply-imgs{ margin-top: 50px;}
.supply-imgs li { float: left;margin-left:20px; width: 268px; height: 102px;border: 1px solid #e9eaea; margin-top: 15px;  overflow: hidden; }
.supply-imgs li:nth-child(1)..supply-imgs li:nth-child(2*2n+1){ margin-left:0; }
.supply-imgs li a{ display: block;}
.supply-more{display: block;width: 102px; height: 40px; line-height: 40px; text-align: center; background: #f6c216; color: #000; margin: 70px auto 0 auto;}
.supply-more:hover{ background: #1d458b; color: #fff;}
.supply-imgs li:hover{ border: 1px solid #f1f5f8;}
.supply-imgs li img:hover{transform: scale(1.3);  transition: all 1s ease 0s;  -webkit-transform: scale(1.3);  -webkit-transform: all 1s ease 0s;  }
.footer{ background: #1d458b; width: 100%; overflow: hidden; padding-bottom: 30px; padding-top: 10px;}
.footer .footer-nav{ height: 60px;line-height: 60px; border-bottom: 2px solid #2e4e86; }
.footer .footer-nav ul{ float: left;}
.footer .footer-nav ul li{ float: left; font-size: 16px; margin-left: 60px;}
.footer .footer-nav ul li:nth-child(1){ margin-left: 0;}
.footer .footer-nav ul li a{ color: #fff;}
.footer .footer-nav ul li a:hover{ color: #f6c216;}
.footer .footer-nav dl{ float: right;}
.footer .footer-nav dl dd{ float: left; margin-left: 15px; margin-right: 5px;}
.footer .footer-nav dl dd a{ color: #fff;}
.footer .footer-nav dl dd a img{ vertical-align: middle;}
.footer .footer-bot{ color: #fff; padding-top: 50px;}
.footer .footer-bot .bot-left{ float: left; margin-top: 50px;}
.footer .footer-bot .bot-left h2{ font-size: 16px; font-weight: normal;}
.footer .footer-bot .bot-left p{ font-size: 10px;}
.footer .footer-bot .bot-left span{ display: block; margin-top: 5px; font-size: 12px; color: #a8b2ca;}
.footer .footer-bot .bot-right{ float: right;}
.footer .footer-bot .bot-right .bot-top{ float:left; margin-top: 60px;}
.footer .footer-bot .bot-right .bot-top h3{ font-size: 18px; font-weight: normal;}
.footer .footer-bot .bot-right img{ float:left; display: block; margin-left: 10px; }

.n-banner{ width: 100%;}
.n-banner img{ width: 100%;}
.middle-nav{ width: 100%; background: #efefef; height: 60px; line-height: 60px; margin-top: -4px;}
.middle-nav a{ display: block; width: 258px; text-align: center; height:69px; line-height: 60px; float: left; font-size: 16px; color: #333;}
.middle-nav a.cur-mnav{ background: url(../images/nav-bg.png) no-repeat; color: #fff;}

.middle-NR{ width: 100%; margin-top: 60px;}
.MD-title{ background: url(../images/mnav-bg.png) no-repeat top center; height: 48px;  text-align: center;}
.MD-title h2{ font-size: 30px; font-weight: normal; color-interpolation: #333;}
.MD-title p{ font-size: 14px; color: #8b8c8c; }
.ContanT{ margin-top: 50px;}
.ContanT>p{ text-indent: 30px; line-height: 30px; color: #999; margin-bottom: 20px;}
.contact-icorns{ background: #f6f6f6; padding: 50px 0 90px 0; overflow: hidden;}
.contact-icorns dl dd{ float: left; width: 338px; height: 298px; border: 1px solid #e5e5e5; background: #fff; margin-left: 90px;}
.contact-icorns dl dd:nth-child(1){ margin-left: 0;}
.contact-icorns dl dd img{ display: block; margin: 40px auto 0 auto;}
.contact-icorns dl dd span{ display: block; text-align: center; color: #444343; margin-top: 10px;}
.contact-icorns dl dd p{ text-align: center; color: #6b6868; margin-top: 20px; line-height: 24px;}
.contact-icorns dl dd:nth-child(2) span,.contact-icorns dl dd:nth-child(3) span{ margin-top: 60px; font-size: 16px;}
.map{ margin-top: 40px; margin-bottom: 40px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    
.Contact .con-img{ display: block; margin: 80px auto 40px auto;}
.Contact ul.apply-ul li h1{ height: 23px; line-height: 23px; background: #f7f7f7; width: 100%; font-size: 18px; color: #1f2774;}
.Contact ul.apply-ul li h1 img{ vertical-align: middle; margin-left: 10px;}
.Contact ul.apply-ul li h1 a{ font-size: 12px; float: right; margin-right: 10px;color: #1f2774; font-weight: normal;}
.con-details { margin: 35px 0;}
.con-details span{ display: inline-block; margin-left: 40px; color: #333; font-size: 12px;}
.con-details span:nth-child(1){ margin-left: 0;}
.Contact ul.apply-ul li>i{ font-style: normal; color: #1b1b1b; font-size:14px;}
.Contact ul.apply-ul li>p{ color: #999; margin-top: 30px; line-height: 26px; font-size: 13px;}
.Contact ul.apply-ul li{ margin-top: 60px;}
.Contact ul.apply-ul li .apply{ margin-top: 30px;}
.Contact ul.apply-ul li .apply .apply-link{ display: block; float: left; background: #e70a1a; color: #fff; width: 110px; height: 40px; line-height: 40px; text-align: center; float: left;}
.Contact ul.apply-ul li .apply .share{ float: right;}
.Contact ul.apply-ul li .apply .share img{ vertical-align: middle;}
.Contact ul.apply-ul li .apply .share a{ color: #333; margin: 5px 10px;}

.pages{ text-align: center; margin-top: 25px; margin-bottom:90px;}
.pages li{ display: inline-block; margin-left: 5px;}
.pages li a{ display: block; padding: 5px 10px; background: #efefef; color:#464545;}
.pages li a.cur-page{ background: #1d458b; color: #fff;}

.sale-after{}
.sale-after>p,.provider>p{ text-indent: 30px; color: #666; margin: 110px 0; line-height: 26px;}
.sale-after .sale-items li{ border-bottom: 1px dashed #dddddd;overflow: hidden; padding-bottom: 50px;margin-top: 50px;}
.sale-after .sale-items li img{ display: block; float: left; width: 74px; height: 90px; vertical-align: middle;}
.sale-after .sale-items li dl { float: left; width: 875px; margin-left: 30px;}
.sale-after .sale-items li dl dt{ font-size: 18px; color: #333;height: 20px; line-height: 20px;}
.sale-after .sale-items li dl dt span{ display: inline-block; width: 5px; height: 20px; margin-right: 5px; background: #1970d1;}
.sale-after .sale-items li dl dt i{ display: block; font-size: 12px; color: #999999; margin-left: 10px; font-style: normal;}
.sale-after .sale-items li dl dd{ height: 20px; line-height: 20px; width: 100%; overflow: hidden; font-size: 12px; color: #999; margin-top: 50px;}
.sale-after .sale-items li .download{ display: block; float: right; width: 106px; height: 44px;line-height: 46px; text-align: center; color: #1970d1; background: #fff; border-radius: 5px; border: 1px solid #00aeff;}
.sale-after .sale-items li{ margin-top: 30px;}

.provider{}
.provider>p{ text-align: center; margin: 50px 0;}
.pro-details{ }
.pro-details .proo{background: #efefef; padding: 10px 0; overflow: hidden;}
.position{ float: left;color: #9a9a9a;}
.position a{ color: #9a9a9a; margin: 0 10px;}
.return{ display: block; float: right; width: 134px; height: 42px; line-height: 42px; text-align: center; background: #1d458b; color:#fff}
.pro-details>h2{ color: #666666; font-size: 26px; text-align: center; margin-top: 70px; letter-spacing: 1px;}
.pro-details>p{ text-align: center; color: #999; margin-top: 5px;}
.line{ width: 100%; height: 1px; background: #d3d3d9; margin: 30px 0;}
.produt-top{ width: 1200px; padding-bottom: 50px; border-bottom: 1px solid #E1E1E1; overflow: hidden;}
.produt-top img{ display: block; float: left; margin-left: 30px;}
.pro-text{ width: 715px; float: right;}
.pro-text dt{ font-size: 18px;color: #333;}
.pro-text dd{font-size: 16px; line-height: 26px; color: #666; margin-top: 10px;}
.pro-text dl:last-child{ margin-top: 65px;}

.parameters{margin-bottom: 100px;}
.parameters-name{ width: 105px; height: 38px; line-height: 40px; text-align: center; display: block; border: 1px solid #1970d1; color: #1970d1; border-radius: 10px; margin: 60px 0;}
.parameters dl dd{ float: left; margin-left: 50px;}
.parameters dl dd:nth-child(1){ margin-left: 25px;}
.parameters ul { margin-top: 40px;}
.parameters ul li{ width: 1200px;  height: 46px; line-height: 46px; overflow: hidden;margin-top: 4px;}
.parameters ul li .li-left{ float: left; width: 250px; text-align: center;background: #f5f5f5;}
.parameters ul li .li-right{ float: right; width: 945px; text-align: center;background: #f5f5f5;}


.productss {width: 1200px;margin: 0px auto; overflow: hidden;}
.productss ul{overflow: hidden;}
.productss ul li{width: 355px;height:330px ;float: left;margin-top: 30px; }
.productss ul li img{width: 355px; height: 268px; display: block;}
.productss ul li:nth-child(3n){margin-left:67.5px ;}
.productss ul li:nth-child(3n-1){margin-left:67.5px ;}
.productss ul li a{display: block;height: 62px;width: 355px;text-align: center;line-height: 62px;font-size: 14px; color: #333;}
.pro_a{overflow: hidden;clear: both;margin-top: 40px;margin-bottom: 40px;}
.pro_a a{display: block; height: 45px;width: 370px;margin: 0 auto;color:#333333; border: 4px solid #f2f2f2;text-align: center;line-height: 45px;font-size: 15px;}

.profile{width: 1200px;margin: 50px auto 150px auto;color: #666666;text-indent: 20px;line-height:30px ;font-size: 15px;}
.profile p:first-child{margin-top: 0px;}
.profile p{margin-top:30px ;}
.profile img{ display: block; margin: 10px auto;}

.scrollpic {
	width: 1100px;
	margin:40px auto 0 auto;
}
#myscroll,#myscroll2{
	display: block;
	width: 100%;
	position: relative;
	height: 240px;
	overflow: hidden;
}
#myscroll #myscrollbox,#myscroll2 #myscrollbox2 {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul,#myscroll2 ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li,#myscroll2 ul li {
	display: block;
	float: left;
	padding: 0;
	width:280px;
}
#myscroll ul li a,#myscroll2 ul li a {
	display: block;
	float: left;
	width: 260px;
	padding: 0;
	position: relative;
	height: 240px;
	color: #333;
}
#myscroll a .intro,#myscroll2 a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5,#myscroll2 a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p,#myscroll2 a .intro p {
	line-height: 20px;
	margin: 50px 20px;
	height: 100px;
	overflow: hidden;			
}
#myscroll a .intro,#myscroll2 a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro,#myscroll2 a:hover .intro {
	bottom: 0px;
}
#mybtns,#mybtns2 {
	margin: 10px 0;
	width: 1100px;
	display: block;
	height: 42px;
}
#mybtns a,#mybtns2 a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #f1f5f8;
	margin-left:10px;
	
}
#mybtns a:hover,#mybtns2 a:hover {
	background-color: #347fdc;
}
#mybtns a:hover,#mybtns2 a:hover, #myscroll,#myscroll2, #mybtns a,#mybtns2 a, #myscroll a:hover .intro,#myscroll2 a:hover .intro #myscroll2 a .intro, #myscroll #myscrollbox,#myscroll2 #myscrollbox2{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left,#mybtns2 #left2 {
	background-image: url(../images/jt_l.png);
}
#mybtns #right,#mybtns2 #right2 {
	background-image: url(../images/jt_r.png);
}
.Pro-Item{ margin-top: 70px;}
#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.type-name
{
	width: 325px; margin: 30px auto 0 auto;
}
.type-name li{ float:left; cursor: pointer; background:#f0f5f8; color:#333; width: 145px; height: 45px; line-height: 45px; text-align: center;}
.type-name li:nth-child(2){ margin-left: 35px;}
.type-name li.cur-type{ background: #053382; color:#fff;}
.scrollpic-box{ margin-top: 30px;}

.Apply-Job{ margin-top: 50px; margin-bottom: 70px;}
.form-control{  margin-top: 15px; height: 50px; line-height: 50px; background: #f7f7f7; color: #333; }
.form-control label{ display: block; float: left; margin-left: 10px;}
.form-control .text-box{ display: block; float: left; height: 100%; background: transparent; width: 480px; border: none; outline: none;}
.form-control .text-box option{border: none;}
.form-control span{ display: block; float: right; margin-right: 10px; color: red;}
.Apply-left{ float: left;width: 580px;}
.Apply-left:nth-child(2n){ float: right;}
.textarea{ height: 158px;}
.textarea textarea{ background: transparent; width: 490px; height: 150px;}
.form-control .yzm{ width: 100px;}
.yza-control img,.yza-control a{ display: block; float: left;}
.yza-control img{ margin-top: 8px; vertical-align: middle;}
.yza-control a{ color: #666; margin-left: 5px;}
.submit{ width: 255px; margin: 50px auto 60px auto;}
.submit input{ width: 120px; height: 32px; line-height: 32px; outline:none; cursor: pointer; float: left; border: none; background: #053382; color: #fff;}
.submit input[type='reset']{ background: #909090; margin-left: 15px;}