@charset "utf-8";
/* CSS Document */
/*top*/
.datu{width:100%;height:280px;position:relative;}
.datu img{display:none;}
.datu p{text-align:center;position:absolute;top:50%;width:100%; transform:translateY(-50%);font-size:28px;color:#216bcc; text-shadow:0 1px 2px #FFF;font-weight: bold;}

.n-produ2{width:1200px;margin:auto;position:relative;}
.n-pr{color:#999;line-height:32px;position:absolute;bottom:100%;left:0;}
.n-pr a{font-size:14px;color:#fff;margin:0 10px;}
.n-pr a:hover{color:#d7000f}

/*简介*/
/*about2*/
.n-about2{width:100%;padding:40px 0 80px;}
.n-about2-a{width:1200px;margin:auto;text-align:right;background:url(../images/about2.png) no-repeat top right;padding-top:30px;}
.n-about2-a h3{font-size:30px;color:#216bcc;}
.n-about2-a p{font-size:18px;color:#666;margin: 10px 0 20px;}
.n-about2-a samp{display:inline-block;width:30px;height:3px;background:#0d2f54;}
.n-about2-b{width:1200px;margin:30px auto 0;overflow:hidden;}
.n-about2-b-a{width:55%;float:left;}
.n-about2-b-a img{width:100%;}
.n-about2-b-b{width:45%;float:left;box-sizing:border-box;padding-left:40px;font-size:14px;line-height:30px;color:#666;}

#n-stru{width:100%; background:url(../images/inside-banner2.jpg) fixed;background-size:100% 100%;}
.n-stru{width:1200px;margin:auto;text-align:center;padding:60px 0;}
.n-stru img{max-width:100%;}
.n-stru h4{font-size:22px;margin-bottom:40px;line-height:60px;}
.n-stru h4 p{width:50px;height:1px;margin:auto;background:#F00;}

.n-custa{margin:60px auto 40px;text-align:center}
.n-custa h4{font-size:22px;margin-bottom:40px;line-height:60px;}
.n-custa h4 p{width:50px;height:1px;margin:auto;background:#F00;}
.n-cust{width:1200px;margin:auto;padding-bottom:60px;}
.n-custb{padding:40px;background:#FFF;}
.n-custb ul{box-sizing:border-box;overflow:hidden;border-top:1px solid #eee;border-left:1px solid #eee;}
.n-custb li{width:20%;float:left;text-align:center;padding:10px;box-sizing:border-box;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.n-custb li img{max-width:100%;}

/*联系我们*/
.inner{background:#f2f3f7;padding:40px 0 0;}
.width{width:1200px;margin:auto;padding-bottom:30px;}

.contac_ny1{overflow: hidden;}
.contac_ny1 .contac_ny1_01{overflow: hidden;}
.contac_ny1 .contac_ny1_01 h2{text-align: center;font-size: 24px;position: relative;padding-bottom: 30px;}
.contac_ny1 .contac_ny1_01 h2:before{content: '';position: absolute;width: 100px;height: 1px;background: #005bac;left: 50%;bottom: 4px;
transform: translateX(-50%);
-ms-transform:translateX(-50%); 	/* IE 9 */
-moz-transform:translateX(-50%); 	/* Firefox */
-webkit-transform:translateX(-50%); /* Safari 和 Chrome */
}
.contac_ny1 .contac_ny1_01 h2:after{content: '';position: absolute;width:8px;border-radius:50%;height: 8px;background:#005bac;left: 50%;bottom: 0;
transform: translateX(-50%);
-ms-transform:translateX(-50%); 	/* IE 9 */
-moz-transform:translateX(-50%); 	/* Firefox */
-webkit-transform:translateX(-50%); /* Safari 和 Chrome */
}

.contac_ny .contac_ny1 .con_info{width: 88.3%;margin: 0 auto;margin-left: 12%;padding: 50px 0;}
.contac_ny .contac_ny1 .con_info > div.fls{display: inline-block;vertical-align: top;width: 31%;margin-top: 30px;}
.contac_ny .contac_ny1 .con_info > div.fls em{float: left;display:block;font-size: 0px;}
.contac_ny .contac_ny1 .con_info > div.fls .con_info_t{float: left;width: 80%;padding-left: 10px;}
.contac_ny .contac_ny1 .con_info p{color: #555;}
.contac_ny .contac_ny1 .con_info p.p2{margin-bottom: 5px;font-weight: bold;}
.contac_ny .contac_ny1 .con_info p.p2 img{display: inline-block;vertical-align: middle;}
.contac_ny .contac_ny1 .con_info p.p2 span{display: inline-block;vertical-align: middle;}
.contac_ny .contac_ny1 .con_info p.p3{line-height: 24px;}
.contac_ny .contac_ny1 .con_info .p4 {font-size: 20px;color: #008cd6;line-height: 26px;margin: 10px 0px 80px 22px;}

.contac_ny .dts{overflow: hidden;padding-top: 20px;}

/*留言*/
.i-cont{margin:40px auto;text-align:center;}
.i-cont p samp{font-size: 14px;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif,'微软雅黑';line-height: 22px;color: #000;font-weight:bold;margin-right:5px;}
.i-cont p span{display:inline-block;width:120px;height:1px;background:#818181; vertical-align:middle;}
.i-cont h4{font-size:24px;margin-top:10px;font-family:Arial, Helvetica, sans-serif,'微软雅黑';font-weight:normal;}

.customers {width: 800px;margin:0 auto 0px;overflow: hidden;text-align: center;display: block;padding-bottom:60px;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;outline: none;}
.input2 {margin: 0;margin-top:20px;padding: 2% 2%;width: 45%;}
.input1 {margin-top: 20px;padding: 2% 2%;width: 94.44%;clear: both;}
.customers textarea {border: #CCC 1px solid;display: inline-block;font-size: 16px;text-transform: uppercase;margin: 20px 0;outline: none;clear: both;}
.input1h {padding: 2% 2%;height: 180px;width: 94.44%;}
.ftjbtn {background: #216bcc;border: #216bcc 1px solid !important;color: #FFF;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49.22%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#216bcc;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#216bcc 1px solid; }

/*人才招聘*/
#rec{width:990px;margin:40px auto 0;font-size:18px;color:#333;line-height:28px;border:1px solid #dce2e8;padding:20px;background:#f9f9f9; box-shadow:0 0 5px #c8e9f0  inset;}
#rec h5{font-size:16px;line-height:26px;color:#333;}
#rec p{font-size:14px;line-height:28px;color:rgba(102,102,102,1);}
#rec h6{margin:20px auto 10px;font-size:16px;}
#rec a{display:block;color:rgba(249,77,81,1);margin:20px auto;font-size:14px;}
#recr{width:1000px;margin:40px auto 0;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:20px;}
#recr-a,.recr-a{width:70%;float:left;}
#recr-b,.recr-b{width:10%;float:left;}
#recr-c,.recr-c{width:20%;float:left;text-align:right;}
.recr{widtH:1000px;margin: 20px auto 0;padding-bottom:80px;}
.recr li{overflow:hidden;line-height:40px;;border-bottom:1px solid #eee;}
.recr-a{box-sizing:border-box;padding-left:20px;color:#333}
.recr-d{font-size:16px;}
.recr-b,.recr-c{font-size:14px;color:#666}
.recr-e{margin:15px 0;font-size:13px;line-height:24px;color:#333;display:none;}

/*新闻*/
.n-news{width:1200px;margin:20px auto;overflow:hidden;}
.n-class{width:20%;float:left; position:relative;}
.n-class_text{ text-align:center;background:#09F;padding:20px 0;}
.n-class_text p{font-size:24px;color:#fff;}
.n-class_text i{ font-size:14px; font-style:normal;color:#fff;margin-top:5px;display:inline-block;}

.n-class_tile{overflow:hidden;}
.n-class_tile ul{text-align:center;}
.n-class_tile li{line-height:40px;background:#eee;margin-top:1px;}
.n-class_tile li a{padding:5px 10px;color:#333;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.n-class_tile li a.n-class_tile_a{background:#d2d4e0;color:#083f88;}
.n-class_tile li a:hover{background:#d2d4e0;color:#083f88;}

.n-class_contact{text-align:center;background:#09F;padding:10px 0;margin-top:30px;color:#fff;}
.n-class_contact_text{box-sizing:border-box;font-size:14px;color:#666;}
.n-class_contact_text img{width:100%;}
.n-class_contact_text_p{border:1px solid #eee;border-top:0;padding:10px;line-height:26px;}

.n-class_you{width:75%;float:right;}
.n-news_text{overflow:hidden;padding-top:5px;}
.n-news_text li{overflow:hidden;border-bottom:1px dashed #ccc;padding-bottom:15px;margin-bottom:15px; transition:all 0.2s;}
.n-news_text li .n-news_img{width:160px;float:left;margin-right:20px;}
.n-news_text li img{width:100%;}
.n-news_text li .n-news_words{width:calc(100% - 180px);float:left;}
.n-news_text li .n-news_words h6{font-size:16px;font-weight:normal;color:#333;}
.n-news_text li .n-news_words i{font-style:normal;font-size:12px;color:#999;padding:10px 0;display:inline-block;}
.n-news_text li .n-news_words p{font-size:14px;line-height:24px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.n-news_text li:hover{ transform:translateY(-5px);}
.n-news_text li:hover .n-news_words h6{color:#216bcc;}
.n-news_text li:hover .n-news_words p{color:#333;}

.i-ff{text-align:center;font-size:20px;margin:20px 0 15px;font-weight:bold;color:#333}
.i-fg{text-align:center;font-size:12px;color:#666;padding-bottom:10px;}
.i-fg p{display:inline-block;padding:0 10px;}
.i-fg b{ font-weight:normal;}
.i-fh{font-size:14px;line-height:26px;color:#333;margin:20px auto 0px;padding:40px 0 30px;border-top:1px solid #CCC;}
.i-fh p{ text-indent:2em;}
.i-fh img{max-width:100%;}

/*产品*/
.n-stren{margin:40px auto 0;overflow:hidden;padding-bottom:40px;}
.n-stren li{float:left;text-align:center;font-size:14px;background:#FFF;margin-bottom:20px;line-height:51px;width:32%;border: 1px solid #eee;box-sizing: border-box;}
.n-stren li:nth-child(2){margin:0 2% 20px 2%;}
.n-stren li:nth-child(5){margin:0 2% 20px 2%;}
.n-stren li:nth-child(8){margin:0 2% 20px 2%;}
.n-stren li:nth-child(n+10){display:none;}
.n-stren li:nth-child(11){margin:0 2% 20px 2%;}
.n-stren li div{overflow:hidden;}
.n-stren li a{color:#333;display:block;}
.n-stren li p{background:#FFF;}
.n-stren li:hover p{background:#09f}
.n-stren li:hover a{color:#FFF}
.n-stren li img{width:100%; transition:all 0.2s;}
.n-stren li:hover img{ transform:scale(1.1);}
/**/
.ga{overflow:Hidden;margin:50px auto 40px;width:1200px;}
.gaa{width:650px;float:left;}
.gaa img{width:100%;}
.gab{widtH:calc(100% - 700px);float:left;margin-left:50px;color:#666;line-height:26px;font-size:14px;}
.gab h4{font-size:20px;color:#333;border-bottom:1px solid #CCC;padding-bottom:10px;margin-bottom:30px;}
.gac{font-size:18px; font-weight:bold;color:#333;margin-top:10px;}
.gac b{display:inline-block;color:#da2b2b}
.gad{border-bottom:1px solid rgba(204, 204, 204, 0.59);margin:30px auto 15px;font-size:16px;padding:5px 0;color:#333; font-weight:bold;width:1200px;}
.gae{font-size:14px;line-height:26px;color:#333;width:1200px;margin:auto;margin-bottom:40px;}

/*产品详情*/
.product_con_t{padding:3.5% 0;overflow: hidden}
.product_con_t .t_r{ float:right; width:51%;}
.product_con_t .t_r .bt{ font-size:24px; border-bottom:1px solid #d1d1d1; padding:10px 0 15px 0; }
.product_con_t .t_r .bt_2{ font-size:20px; color:#0086e4; margin-top:10px;}
.product_con_t .t_r .box{ margin-top:2%; line-height:32px; padding:1% 0;  }
.product_con_t .t_r .box p{font-weight:bold;font-size:14px;}
.product_con_t .t_r .box samp{display:block;margin-bottom:10px;color:#666;font-size:14px;}
.product_con_t .t_r .box span{color:#666;}
.product_con_t .t_r .more{ width:100px; height:45px; line-height:45px; text-align:center;  background:#00b8fc; margin-top:5%;}
.product_con_t .t_r .more a{ display:block; color:#FFF;}
.product_con_t .t_r .more a:hover{ display:block; color:#FFF; text-decoration:none;}


.product_con_b{ margin-top:1%;}
.product_con_b .bt{ font-size:18px; font-weight:bold; margin-bottom:40px;}
.product_con_b .slideTxtBox{ width:100%;}
.product_con_b .slideTxtBox .hd{ line-height:50px; border-bottom:1px solid #00b8fc;overflow: hidden}
.product_con_b .slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer; background:#dadada; font-size:16px; margin-right:1px;}
.product_con_b .slideTxtBox .hd ul li.on{ height:50px;  background:#0084e0; color:#FFF;}
.product_con_b .slideTxtBox .bd .con_b_con{ padding:18px 0; line-height:32px;color:#333;font-size:14px;}
.product_con_b .slideTxtBox .bd .con_b_con img{max-width: 100%;}

.con_b_con table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.con_b_con td, .con_b_con th{ padding:5px 10px;}
.con_b_con td, .con_b_con th{border-right:1px solid #777; border-bottom:1px solid #777; line-height:32px; font-size: 14px;}
.recTitle{padding-left:20px; height:48px;line-height:48px;background:#eee;font-size:18px;color:#083f88;}
.recTitle a{float:right;font-size:14px;color:#666;margin-right:5px;}

/* related product */
.relatedProduct{overflow:hidden;margin:20px 0;}
.relatedProduct ul{padding-top:15px;margin-right:-2%;}
.relatedProduct li{width:23%;height:auto;float:left;margin-right:2%;margin-bottom:5px;}
.relatedProduct li img{border:1px solid #d9d9d9;padding:3px;width:100%;box-sizing: border-box;}
.relatedProduct li img:hover{border-color:#0086e4}
.relatedProduct li span{width:100%;height:35px;line-height:35px; font-size:14px; text-align:center; display:block;}
/*参观*/
.n-honor{margin:40px auto 0;overflow:hidden;}
.n-honor li{float:left;text-align:center;font-size:14px;background:#FFF;margin-bottom:20px;line-height:51px;padding-top:5px;width:23%;margin-right:2.6%;}
.n-honor li:nth-child(4n){margin-right:0;}
.n-honor li img{width:100%;}
.n-honor li a{color:#333}
.n-honor li:hover p{background:#216bcc;color:#FFF}
/*企业文化*/
.culture{font-size:14px;line-height:30px;overflow:hidden;margin:30px auto 0;}

/*上下页*/
.sxy{margin:auto;text-align:center;}
.sxy a{display:inline-block;color:#000;font-size:12px;border:1px solid #CCC;}
.sxy a:hover{background:#024ea5;color:#fff;}

/*篇*/
.ypian{margin:20px auto 0px;font-size:14px;line-height:26px;color:#666;width:1200px;padding-bottom:30px;}
.ypian a{color:#000;}
.ypian a:Hover{color:#d3283b}
/*返回*/
.fanghui{width:100%;margin:auto;text-align:center;font-size:14px;}
.fanghui a{color:#000;}
.trr{margin:20px auto 0px;overflow:hidden;border-top:1px solid #E8E8E8;line-height:30px;font-size:15px;padding-bottom:30px;}
.trr a{margin-left:10px;color:#666}
.trr a:hover{color:#FF5151}


@media screen and (max-width:1200px){
	.n-about2-a,.n-about2-b,.n-cust,.n-stru,.width,.n-produ2,.n-news{width:96%;}
	#rec{width:100%;box-sizing:border-box;}
	#recr,.recr{width:100%;}
	
	}
@media screen and (max-width:980px){
	.datu{margin-top:80px;}
	.contac_ny .contac_ny1 .con_info{margin-left:auto;width:100%;}
	.customers{width:100%}
	}
@media screen and (max-width:768px){
	.datu{margin-top:60px;height:auto;}
	.datu p{font-size:20px;}
	.datu img{display:block;width:100%;}
	.n-about2-b-a{display:none;}
.n-about2-b-b{width:100%;padding-left:0;}
.n-about2-a h3{font-size:24px;}
.n-about2{padding:20px 0px 0px; }
.n-custa{margin: 40px auto 40px;}
.n-custb{padding:0;}
.n-custb li{width: 33%;}
.n-stru{display:none;}
.contac_ny .contac_ny1 .con_info > div.fls{width:100%;margin-top: 10px;}
.contac_ny1 .contac_ny1_01 h2{font-size:16px;color:#666;}
.contac_ny .contac_ny1 .con_info{padding:20px 0;}
.contac_ny .contac_ny1 .con_info > div.fls .con_info_t{font-size:14px;}
.input2{width:44%;}
.i-cont h4{font-size:22px;}
.i-cont{margin:14px auto;}
.customers{padding-bottom: 30px;}
.customers input{font-size:14px;}
.recr-a{padding-left:0;}
#recr-c, .recr-c{width:30%;}
#rec h5{font-size:14px;}
.recr{padding-bottom:0;}
.n-class{width:100%;float:none;}
.n-class_you{width:100%;float:none;}
.n-news_text{width:100%;padding-top:24px;}
.n-class_contact,.n-class_contact_text,.n-class_text{display:none;}
.n-class_tile ul{font-size:0;}
.n-class_tile li{width:calc(50% - 2px);font-size:14px;margin:1px;line-height:26px;float:left;}
.n-news_text li .n-news_words h6{font-size:14px;}
.n-news_text li .n-news_words p{font-size:12px;}
.n-news_text li .n-news_words i{padding:5px 0;}
.n-news_text li .n-news_img{display:none;}
.n-news_text li .n-news_words{width:100%;}
.i-ff{margin:0 auto 5px;font-size:16px;}
.i-fh{padding: 20px 0 30px;}
.trr{padding-bottom: 0px; }
.n-stren li{width:calc(50% - 5px);}
.n-stren li:nth-child(2){margin:0 0 20px 10px;}
.n-stren li:nth-child(5){margin:0 0 20px 0;}
.n-stren li:nth-child(8){margin:0 0 20px 10px;}
.n-stren li:nth-child(11){margin:0 0 20px 0;}
.n-stren li:nth-child(even){margin-left:10px;}
.n-stren li:nth-child(n+10){display:block;}
.n-stren{padding-bottom: 10px;}
.sxybottom{padding-bottom:0;}
.product_con_t .t_r{width:100%;}
.product_con_t .t_r .bt{font-size:18px;}
.product_con_b .slideTxtBox .hd{line-height:40px;}
.relatedProduct li{width:48%;}
.n-honor li{width:49%;margin-right:2%;margin-bottom:0;line-height:38px;}
.n-honor li:nth-child(2n){margin-right:0;}
.n-honor{margin:20px auto;}
	}