@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
a{ text-decoration:none; color:#333}
ul,li,dl,dd{ list-style-type:none;}
body,samp,pre{ font-family:Arial,'微软雅黑', Helvetica, sans-serif; }
table { border-collapse:collapse; border-spacing:0; table-layout: fixed;}
bddy,
html{padding:0;margin:0;}

.yuyan{width:100%;border-bottom:1px solid #b2b2b2 ;overflow:hidden;background:#e5e5e5;}
.yuyan a{width:50%;float:left;font-size:12px;color:#666;line-height:38px;text-align:center;}
.yuyan a:last-child{border-left:1px solid #b2b2b2 ;box-sizing:border-box;}
.yuyan img{display:inline-block; vertical-align:middle;margin-right:5px;}
/*logo*/
.logo{position:relative;border-bottom:2px solid #003989;}
.logo_a{padding:10px 0 10px 10px;}
/*导航点击*/
.zhz{width:50px;height:50px;overflow:hidden;position:absolute;top:0;right:0;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}

.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*导航*/
.daohan{position:absolute;top:100%;left:0;background:#282c33;width:100%;font-size:14px;display:none; z-index:9999;overflow:hidden;}
.daohan ul{float:left;width:50%;border-right:1px solid #393d43;box-sizing:border-box;}
.daohan li p{line-height:40px;border-bottom:1px solid #393d43;box-sizing:border-box;padding-left:20px;overflow:hidden;}
.daohan li p samp{display:inline-block;float:right;padding:15px;}
.daohan li p samp.zuan{ transform:rotate(90deg);}
.daohan a{color:#fff;}
.daohan li dl{box-sizing:border-box;padding-left:30px;line-height:30px;border-bottom:1px solid #393d43;display:none;font-size:12px;background:#3a4149;}
.daohan li dl a{color:#bdbdbd;display:block;}

/*热销产品*/
#rexiao{width:100%;padding:30px 0 10px 0;background:#f9f9f9;margin-bottom:30px;}
.scp{width:96%;margin:auto;overflow:hidden;}
.scp li{width:49%;float:left;margin-right:2%;text-align:center;margin-bottom:10px;line-height:28px;}
.scp li:nth-child(2n){margin-right:0;}
.scp li img{width:100%;box-sizing:border-box;padding:5px;border:1px solid #CCC;background:#FFF;}

#tiao{width:100px;margin:20px auto;text-align:center;line-height:28px;font-size:14px;}
#tiao a{display:block;width:100%;}
#tiao .ad{color:#FFF;border:1px solid #FFF;}
#tiao .ac{color:#000;border:1px solid #000;}

.title{text-align:center;padding-bottom:25px;}
.title h2{font-size:22px;color:rgba(34, 34, 34, 0.88);font-weight: normal;}
.title span{font-weight:normal;font-size:14px;color:#7f7e7e; letter-spacing:3px;line-height:26px;}
.title p{width:30px;margin:auto;height:4px;background:#014099;}
/*新闻*/
#news{width:96%;margin:40px auto 20px;}
.news li{font-size:14px;line-height:40px;overflow:hidden;border-bottom:1px dashed #E6E6E6}
.news-zi{float:right;color:#525252;width:28%;}
.news-ti{width:72%;float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#525252}

/*底部*/
.bottom{background:#00275f;font-size:12px;line-height:22px;color:#eee;box-sizing:border-box;padding:10px;text-align:center;}

/********************************/
.datu img {width: 100%;}
#fir{overflow:hidden;padding:20px 0 30px;}
#fir li{width:50%;float:left; box-sizing:border-box;margin:5px 0;}
#fir li:nth-child(odd){padding:0 10px 0 10px;}
#fir li:nth-child(even){padding:0 10px 0 10px;}
#fir li a{display:block;width:100%;background:#e8e8e8;font-size:14px;text-align:center;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#fir li a.fzi{color:#FFF;background:#014099}

.w{text-align:center;font-size:0;margin-top:20px;}
.wa{width:60px;display:inline-block;height:1px;background:#000; vertical-align:bottom;}
.wb{width:30px;display:inline-block;height:2px;background:#014099; vertical-align:bottom;}
.wc{display:inline-block;font-size:17px;padding:0 10px; vertical-align:bottom; font-weight:bold}
.wc a{color:#000}
.wd{text-align:center;font-size:12px;color:#999;line-height:20px;}
.we{text-align:center;font-size:12px;color:#666;}

/*上下*/
.sxy{width:100%;margin:auto;text-align:center;margin-bottom:20px;}
.sxy a{display:inline-block;color:#000;margin:0 2px;line-height:24px;font-size:12px;border:1px solid #CCC;padding:0 8px;}
.sxy a:hover{background:#eb3d00;color:#FFF;}

.ti{width:96%;margin:0 auto 20px;font-size:14px;line-height:28px;}
.ti a{color:#f83c33;}
.ti a:hover{ text-decoration:underline}
/*关于我们*/
.heazi{font-size:14px;line-height:28px;color:#333;width:96%;margin:20px auto;}
.heazi img{width:100%;}
.List{width:96%;margin:auto;}
.List ul{overflow: hidden;}
.List ul li{margin-bottom: 18px;overflow: hidden;}
.List ul li.last{margin-bottom: 0;}
.List ul li .img{display: block;margin-bottom: 10px;height: 164px;width: 100%;}
.List ul li .img img{height: 100%;width: 100%;}
.List ul li .h3{line-height: 16px;}
.List ul li .h3 a{font-size: 16px; font-weight: normal; color: #4e5059;}
.List ul li .h3 i.icon{ display: block; width: 15px;height: 1px;background: #009fe7;margin:4px 0; }
.List ul li .txt{font-size: 14px; color: #828594;}
.CultureBox{font-size: 14px;color: #828594;margin-top: 20px; background: #f8fafc; border:1px solid #dee9f5;padding: 10px;}
.CultureBox ul{}
.CultureBox ul li{padding-left: 25px; background: url('../images/libgul.png') no-repeat 0 8px; margin-top: 30px;}
.MainTitle{background: url('../images/tlbg.png') no-repeat 0 center; padding-left: 15px; font-size: 18px;color: #4e5059; margin-bottom: 28px;}

/*联系我们*/
.contact{margin:30px auto;width:96%;}
.contact_a{font-size:20px;color:#009fe7;font-weight:bold;margin-bottom:20px;}
.contact_b{font-size:14px;line-height:40px;color:#666;overflow:hidden;margin:30px auto;}
.contact_b img{display:inline-block; vertical-align:middle;margin-right:5px;}
/*招聘*/
.cont1{ padding:20px 0 35px;width:96%;margin:auto;}
.cont1 h2{ font-size: 28px; line-height: 32px; color:#4e5059; font-weight: normal; margin:0; margin-bottom: 10px; }
.cont1 h3{ font-size: 14px; line-height: 22px; color:#828594; margin:0; }
.MainTitle{background: url('../images/tlbg.png') no-repeat 0 center; padding-left: 15px; font-size: 18px;color: #4e5059;width:93%;margin:auto; margin-bottom: 28px;}
.conta{overflow:hidden;line-height:50px;color:#fff;background:#9bafc7;box-sizing:border-box;padding:0 10px;width:96%;margin:auto;}
.conta li:nth-child(1){width:60%;float:left;}
.conta li:nth-child(2){width:30%;float:left;}


.cont{border:1px solid #d3d6da;overflow:hidden;width:96%;margin:20px auto 40px;}
.cont li:last-child{border:0;}
.cont li:last-child .con{border:0;}
.con{overflow:hidden;box-sizing:border-box;padding:0 10px;line-height:50px;font-size:14px;color:#333;border-bottom:1px solid #d3d6da;}
.con>p:nth-child(1){width:45%;float:left;}
.con>p:nth-child(2){width:35%;float:left;}
.con>p:nth-child(3){width:20%;float:left;}

.con>p:nth-child(3){float:left;color:#999; cursor:pointer; background:url(../images/job_icon1.png) right no-repeat;padding:0 15px;box-sizing:border-box;}
.con>p:nth-child(3) img{margin-left:5px;}
.con>p:nth-child(3).img_2{ background:url(../images/job_icon2.png) right no-repeat !important;}
.con>p:nth-child(3).con_p .dd{display:none;}
.con>p:nth-child(3).con_p.img_2 .dd{display:block;color:#6ec8f1;}
.con>p:nth-child(3).con_p.img_2 .ddd{display:none;}

.con_a{box-sizing:border-box;padding:20px;font-size:14px;line-height:26px;color:#666;display:none;border-bottom:1px solid #d3d6da}
/*留言*/
.customers {margin:20px auto 40px;overflow: hidden;text-align: center;display: block;width:96%;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 16px;outline: none;}
.input2 {margin: 0;padding: 2% 2%;width: 49%;box-sizing:border-box;}
.input1 {margin-top: 20px;padding: 2% 2%;width: 94.44%;clear: both;}
.customers textarea {border: #CCC 1px solid;display: inline-block;font-size: 16px;margin: 20px 0;outline: none;clear: both; font-family:Arial,'微软雅黑';}
.input1h {padding: 2% 2%;height: 180px;width: 94.44%;}
.ftjbtn {background: #596e8e;border: #596e8e 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:#596e8e;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#596e8e 1px solid; }
/*新闻*/
.i-news{overflow:hidden;margin:auto;width:96%;}
.i-news li{;float:left;box-sizing:border-box;border:1px solid #dee9f5;margin-bottom:30px;}
.i-news_a{overflow:hidden;}
.i-news_a img{width:100%;max-height:200px;}
.i-news_b{box-sizing:border-box;padding:25px 10px;}
.i-news_b h4{font-size:15px;margin-bottom:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:normal;}
.i-news_b h4 a{color:#333;}
.i-news_b h4 a:hover{color:#014099;}
.i-news_b p{font-size:14px;line-height:26px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.i-news_c{overflow:hidden;border-top:1px solid #dee9f5;}
.i-news_ca{width:50%;float:left;padding:5px 0;text-align:center;line-height:35px;font-size:14px;}
.i-news_ca a{color:#014099;}
.i-news_ca a:hover{color:#F00}
.i-news_cb{width:50%;float:left;box-sizing:border-box;border-left:1px solid #dee9f5;text-align:center;font-size:12px;color:#999;padding:5px 0;}
.i-news_cb samp{ font-style:normal; font-family:Arial,'微软雅黑';margin-top:5px;display:block;}

.n-news{font-size:17px;border-bottom:1px dashed #eee;line-height:50px;color:#333;text-align:center;width:96%;margin:auto;}
.n-news_a{font-size:14px;line-height:32px;color:#7b7b7b;margin:30px auto;width:96%;}

.n-news_b{border:1px solid #eee;margin-bottom:40px;font-size:14px;padding:5px;line-height:30px;box-sizing:border-box;}
.n-news_b a{color:#666;}
.n-news_b a:hover{color:#333;}

/*产品*/
.i-pro{font-size:12px;line-height:30px;margin:30px auto 20px;color:#666;width:96%;}
.i-prod{overflow:hidden;width:96%;margin:0 auto 10px;}
.i-prod li{width:calc(50% - 10px);float:left;margin:0 20px 10px 0;text-align:center;box-sizing:border-box;border:1px solid #ccc;}
.i-prod li:nth-child(2n){margin-right:0;}
.i-prod li img{width:100%;}
.i-prod li p{line-height:30px;font-size:14px;color:#666;}
.i-prod li:hover{border:1px solid #003989;}
.i-prod li:hover p{color:#003989;}

/*2*/
.i-pro2{overflow:hidden;width:96%;margin:auto;}
.i-pro2 li{box-sizing:border-box;padding-left:10px;height:397px;margin-bottom:8px;position:relative;}
.i-pro2 li a{color:#fff;}
.i-pro2_a h4{padding-top: 34px;font-size: 18px;font-weight: normal;line-height: 1.2;}
.i-pro2_a span{display:block;font-size:26px;}
.i-pro2_a dl{margin-top:20px;}
.i-pro2_a dd{margin: 0 0 4px 9px;text-indent: -9px;line-height: 1.6;font-size: 14px;}
.i-pro2_b{font-size:16px;font-weight:bold;position:absolute;bottom:40px;left:30px;}
.i-pro2_b a:hover{color:#003989;}

/*3*/
.i-pro3{background:url(../images/bg_h3.gif) repeat-x 0 bottom;font-size:18px;padding:16px 5px 14px;color:#222;}
.i-pro3_a{margin:10px auto;}
.i-pro3_a p{display:inline-block;line-height:30px;padding:0 20px;background:#596e8e;color:#fff;font-size:14px;}


.i-pro3_b{margin:20px auto 10px; font-size:16px;color:#003989;}
.i-pro3_b img{display:inline-block; vertical-align:middle;}
.i-pro3_c{width:96%;margin:0 auto 20px;}
.i-pro3_c li{overflow:hidden;font-size:0;border:1px solid #eee;border-bottom:0;padding:5px 0;}
.i-pro3_c li:last-child{border-bottom:1px solid #eee;}
.i-pro3_c .p3z{display:inline-block; vertical-align:middle;width:100px;}
.i-pro3_c .p3z img{width:100%;}
.i-pro3_c .p3y{display:inline-block; vertical-align:middle;font-size:12px;line-height:22px;width:calc(100% - 110px);margin-left:10px;}
.i-pro3_c .p3y h3{font-size:16px;margin-bottom:5px;}

/*4*/
.i-pro4{overflow:hidden;margin:10px auto;}
.i-pro4_a{width:96%;border:1px solid #eee;margin:auto;}
.i-pro4_a img{width:100%;}
.i-pro4_b{width:96%;margin:10px auto;}
.i-pro4_b h4{font-size:20px;line-height:40px;border-bottom:1px solid #eee;color:#009fe7;}
.i-pro4_b_a{font-size:14px;line-height:26px;color:#333;margin-top:10px;}

.i-pro4_c{background: #f8f9fb;border-bottom: 1px solid #bfe7f9;padding-left:10px;box-sizing:border-box;}
.i-pro4_c p{display:inline-block;line-height:40px;font-size:14px;border-top:3px solid #f8f9fb;border-left: 1px solid #f8f9fb;border-right: 1px solid #f8f9fb;width:30%;text-align:center;}

.i-pro4_c p.i-pro4-f{background: #fff;border-top: 3px solid #009fe7;border-left: 1px solid #bfe7f9;border-right: 1px solid #bfe7f9;color: #009fe7;position:relative;}
.i-pro4_c .i-pro4-f:after{ content:'';width:100%;position:absolute;bottom:-1px;left:0;height:1px;background:#fff;z-index:2;}
.qqq{display:none;margin:30px auto;font-size:14px;line-height:30px;color:#333;width:96%;}
.qqq img{max-width:100%;}
.i-pro4_h{overflow:hidden;}
.i-pro4_h li{border-bottom:1px solid #eee;line-height:30px;}
.i-pro4_h p{display:inline-block; vertical-align:middle;font-size:14px;color:#666;}
.i-pro4_h p:after{ content:url(../images/pdf.png); vertical-align:middle;margin-left:10px;}
.i-pro4_h a{float:right;}
.i-pro4_h a:hover{background:#000}