@charset "utf-8";
/* CSS Document */
.xiaot{width:100%;display:table;height:300px;}

#zuoyou{background:#fff;padding:30px 0 50px;}
.zuoyou{max-width:1200px;margin:auto;overflow:hidden;width:96%;}
.zuo{width:264px;float:left;margin-right:20px;margin-bottom:20px;}
.you{width:calc(100% - 300px);float:right;box-sizing:border-box;padding:0 10px;}
.zuo-lx{font-size:12px;line-height:24px;margin:14px auto 0;padding:5px 10px;box-sizing:border-box;background: #fff;background-color: #FFF;border:1px solid #d6d6d6; color:#333;display:none;}
.zuo-lx img{width:100%;}

/*一次改*/
.i-cl{text-align:center;background:#0071B0;padding:30px 0;}
.i-cl h3{font-size:20px;color:#fff;font-weight:bold;}
.i-cl h3 i{width:44px;display:inline-block;margin-right:10px;}
.i-cl h3 img{width:100%;}

.news-list{width: 100%;overflow: hidden;}
.news-list li{width: 100%;padding: 35px 0;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.news-list li .img{width: 28%;float: left;height: 218px;overflow: hidden;}
.news-list li .img img{width: 100%;height: 100%;object-fit: cover;}
.news-list li .text{width: 72%;float: left;padding-left: 35px;box-sizing:border-box;}
.news-list li .text h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all .4s;}
.news-list li .text h6{font-size: 14px;color: #777;line-height: 30px;height: 60px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 20px 0 40px;}
.news-list li .text p{font-size: 14px;color: #999;line-height: 20px;}
.news-list li:hover .text h5{color: #0077b4;}

@media screen and (min-width:980px){
.i-ass{background:#fafafa;}
.i-ass li{font-size:0;padding-left:10px;line-height:80px;border-bottom: 1px solid #eee;}
.i-ass li a{display:inline-block; vertical-align:middle;font-size:14px;width:calc(100% - 50px);}
.i-ass li i{display:inline-block; vertical-align:middle;height:1px;width:10px;background:#ccc;position:relative;margin-right:20px; transition:all 0.3s;}
.i-ass li i:after{ content:'';width:16px;height:1px;background:#ccc;position:absolute;top:5px;left:0; transition:all 0.3s;}
.i-ass li i:before{content:'';width:20px;height:1px;background:#ccc;position:absolute;top:-5px;left:0; transition:all 0.3s;}
.i-ass li.gui{background:#eee;}
.i-ass li.gui a{width:calc(100% - 65px);color:#0071B0;}
.i-ass li.gui i{width:25px;background:#0071B0;}
.i-ass li.gui i:after{width:20px;background:#0071B0;}
.i-ass li.gui i:before{width:14px;background:#0071B0;}
.i-ass li:hover{background:#eee;}
.i-ass li:hover a{width:calc(100% - 45px);color:#0071B0;}
.i-ass li:hover i{width:25px;background:#0071B0;}
.i-ass li:hover i:after{width:20px;background:#0071B0;}
.i-ass li:hover i:before{width:14px;background:#0071B0;}

}

.miab{overflow:hidden;border:1px solid #e6e6e6;margin-bottom: 20px;}
.mia{display:inline-block; vertical-align:middle;overflow:hidden;font-size:16px;font-weight:bold;color:#346dbd;padding:15px;border-right:1px solid #e6e6e6}

.mianb{display:inline-block;font-size:0;margin:auto; vertical-align:middle;box-sizing:border-box;padding-left:12px;}
.mianb p{display:inline-block; vertical-align:middle;font-size:14px;color:#888}
.mianb img{display:inline-block; vertical-align:middle;margin-right:5px;}
.mianb a{display:inline-block; vertical-align:middle;margin-right:15px;font-size:14px;color:#666}
.mianb a:after{ content:'»';margin-left:15px;}
.mianb a:last-child:after{content:'';margin-left:0;}
.mianb a:last-child{margin-right:0;}
.mianb a:hover{color:#346dbd;}

.ye{border-top:1px solid #eee;padding:20px 0;position:relative;}
.ye p{padding:5px 0;font-size:14px;color:#666;}
.ye p a{color:#666}
.ye p a:Hover{color:#346dbd;}
.ye i{ font-style:normal;font-size:14px;positioN:absolute;top:20%;right:0;padding-left:28px;background:url(../images/tb30.png) left no-repeat;}
.ye i:Hover{background:url(../images/tb31.png) left no-repeat;}
.ye i:Hover a{color:#F00;}

/*about us*/
.i-about_a{overflow:hidden;margin:7px auto;font-size:14px;line-height:30px;color: #404040;}
.i-about_a p{text-indent:2em;}
.i-about_a img{max-width:100%;}

/*产品*/
.i-prob{overflow:hidden;}
.i-prob li{width:31%;float:left;margin-right:3.5%;box-sizing:border-box;border:1px solid #eee;text-align:center;margin-bottom:20px;}
.i-prob li:nth-child(3n){margin-right:0;}
.i-prob img{width:100%; transition:all 0.3s;}
.i-prob-a{overflow:hidden;}
.i-prob-b{font-size:14px;line-height:50px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i-prob li:hover img{ transform:scale(1.2);}
.i-prob li:hover{border:1px solid #0071B0;}
.i-prob li:hover .i-prob-b{color:#fff;background:#0071B0}

/*产品详情*/
.pro-c{max-width:1200px;margin:auto;}
.i-proda{overflow:hidden;margin-top:40px;}
.i-proda-a{width:400px;float:left;}
.i-proda-a img{width:100%}
.i-proda-b{width:calc(100% - 450px);margin-left:50px;float:left;color:#2b2b2b;margin-top:20px;}
.i-proda-b-a{line-height:30px;font-size:20px;border-bottom:1px solid #ccc;padding-bottom:10px; font-weight:bold;}
.i-proda-b-b{margin-top:20px;line-height:28px;font-size: 14px;box-sizing: border-box;padding-left: 10px;}
.i-proda-b-c{margin-top:30px;font-weight:bold;color: #0089e1;font-size:18px;}
.i-proda-b-c img{margin-right:10px;}
.i-proda-c{margin-top:20px;padding-top:20px;}
.i-proda-ca{border-bottom:2px solid #0071b0;font-size:16px;color:#fff; font-weight:bold;}
.i-proda-ca p{display:inline-block;padding:5px 30px;background:#0071b0; border-top-left-radius:6px;border-top-right-radius:6px;}
.i-proda-ca h4{display:inline-block;padding:10px 40px;text-align:center;background:#fff; cursor:pointer;transform:translateY(1px);border-top:1px solid #eee;font-size:16px;box-sizing:border-box;}
.i-proda-ca h4:nth-child(1){border-left:1px solid #eee;}
.i-proda-ca h4:nth-child(2){border-right:1px solid #eee;}
.i-proda-ca .active{background:#0071b0;color:#fff;border-top:1px solid #0071b0;}
.i-proda-cb{font-size:14px;line-height:28px;margin:30px auto;color: #444;}
.i-proda-cb img{max-width:100%;}

/*推荐*/
.tuij{background:#eee;font-size:20px;color:#333;line-height:46px;box-sizing:border-box;padding-left:20px;position:relative;}
.tuij:before{ content:'';width:10px;height:20px;background:#0071b0;display:block;position:absolute;top:13px;left:5px;}
.tuj{overflow:hidden;margin:30px auto;}
.tuj li{width:23.5%;float:left;margin-right:2%;text-align:center;font-size:14px;}
.tuj img{width:100%;}
.tuj p{line-height:30px;}
.tuj li:nth-child(4){margin-right:0;}
.tuj li:hover a{color:#0089e1;}

/*放大镜*/
.productShowPic{width:362px;}
.productShowPic .box{width:362px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{background:#fff}
.tb-s310, .tb-s310 img{max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(images/mask.png);cursor:move;z-index:1;}

.tb-picList{height:60px;overflow: hidden;margin-top:10px;position:relative;}
.tb-picList a.prev,.tb-picList a.next{display:block;width:12px;height:21px;position:absolute;top:18px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{left:auto;right:0;background-position:0 -42px;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:90%;height:60px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:60px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:84px;overflow:hidden;margin-right:2px}
.tb-picList .tb-thumb ul li a{display:block;border:1px solid #edecec;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img{height:53px;cursor:pointer;}
.tb-picList .tb-thumb ul li a.tb-selected{border:1px solid #7a482c;}

/*技术*/
.tech li{border:1px solid #eee;padding:20px;box-sizing:border-box;margin-bottom:20px;}
.tech li .tea{font-size:18px;margin-bottom:10px; color:#121212;}
.tech li .tea em,.tech li .teb em{color:#0071B0;font-size:20px; font-weight:bold;}
.tech li .teb{font-size:14px;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:60px;color:#5c5c5c;}
.tech li .teb div{display:inline-block;}
.tech li:hover{border:1px solid #0071B0;}
.tech li:hover .tea{ font-weight:bold;}

.i-cttext{text-align:center;border-bottom: 1px solid #dedede;padding-bottom: 20px;margin-bottom: 20px;}
.i-cttext h4{font-size:24px;margin-bottom: 16px;}
.i-cttext p{font-size:12px;color:#666;}
.i-ctnei{line-height:30px;color:#666;font-size:14px;padding:0 0 30px;}
.i-ctnei img{max-width:100%;}

.i-ban{height:300px;}
.i-sj{display:none;}
.i-sj img{width:100%;}
.i-cut{position:relative;height:100%;}
.i-cuta{color:#fff; vertical-align:middle;width:100%;position:absolute;top:50%;left:0; transform:translateY(-50%);display: none;}
.i-cuta p{font-size:16px;}
.i-cuta h3{font-size:36px;}
.i-mb{position:absolute;bottom:0px;left:0px;z-index:1;background:url(../images/lantu.png) left center;width:100%;padding:20px;box-sizing:border-box;}
.i-mb img{margin:0 5px 2px 0;}
.i-mb samp{color:#fff}
.i-mb a{display:inline-block;margin-right:10px;color:#fff;font-size:14px;}
.i-mb a:after{ content:'-';margin-left:10px;}
.i-mb a:last-child:after{ content:'';}
.i-mb a:hover{color:#00509a;}
/*栏目*/
.i-lm{background:#f6f6f6;}
.i-lma{overflow:hidden;font-size:0;padding:25px 0 10px;}
.i-lma li{display:inline-block;font-size:16px;margin-right:50px;margin-bottom:10px;}
.i-lma li a{display:inline-block;}
.i-lma li.ou a{border-bottom:2px solid #00509a;color:#00509a}
.i-lma li a:hover{color:#00509a;}
.i-la{text-align:center;font-size:16px;padding:20px 0;position:relative;display:none;}
.i-la p{position:absolute;top:46%;right:10px;width:24px;height:2px;background:#666;margin:2px 0;}
.i-la p:after{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;top:-6px;}
.i-la p:before{ content:'';width:24px;height:2px;background:#666;display:block;position:absolute;bottom:-6px;}
.i-la p.lat:before{display:none;}
.i-la p.lat{ transform:translateY(3px);}

/*about2*/
.n-about2-b-b{box-sizing:border-box;font-size:15px;line-height:34px;color:#282828;padding:50px 0;}

#n-stru{width:100%; background:url(../images/inside-banner2.jpg) fixed;background-size:100% 100%;}
.n-stru{margin:auto;text-align:center;padding:60px 0;}
.n-stru img{max-width:100%;}
.n-stru h4{font-size:30px;margin-bottom:40px;line-height:60px;color: #333;}
.n-stru h4 p{width:50px;height:1px;margin:auto;background:#F00;}
#n-cult{width:100%; background:url(../images/inside-banner3.jpg) fixed;background-size:100% 100%;padding:0 0 60px;}
.n-cult{max-width:820px;margin:auto;text-align:center;padding:60px 0;color:#FFF;line-height:2em;font-size:15px;}
.n-cult h4{font-size:30px;margin-bottom:40px;line-height:60px; color:#FFF;font-weight: bold;}
.n-cult h4 p{width:50px;height:2px;margin:auto;background:#fff;}
.n-culthei{padding-bottom:0;}
.n-culthei h4{color:#333;margin-bottom:0;}
.n-culthei h4 p{background:#333;}

.n-ldea{max-width:1000px;margin:auto;}
.n-ldea ul{display:-webkit-flex;display:-moz-box;display:-o-box;display:-ms-flexbox;display:flex;justify-content:space-around;flex-wrap:wrap;}
.n-ldea li{width:24%;border:1px solid #8d8d8d;box-sizing:border-box;padding:20px;text-align:center;}
.n-ldea li h5{font-size:18px;color:#fff;border-bottom: 2px solid #eee;display: inline-block;padding-bottom: 10px;}
.n-ldea li .ldeazi{font-size:14px;color:#eee;line-height:2em;margin-top:20px;}

/*发展效果*/
.Timeline000768{position:relative;}
.Timeline000768:before{ position:absolute; content:''; z-index:0; width:100%; height:1px; background-color:#ccc; top:50%; left:0;}
.Timeline000768 .swiper-container {position: relative;overflow: hidden;z-index: 1;width: 100%;height:400px;margin: 0 auto;max-width: 1400px;}
.Timeline000768 ul{position: relative;width: 100%;margin: 0 auto;height: 100%;z-index: 1;display: flex;transition-property: transform;transform: translate3d(0, 0, 0);transition-timing-function: ease-out;   }
.Timeline000768 ul li{width: 100%; height: 100%;position: relative; z-index:4;float: left;text-align: center;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.Timeline000768  li::before,
.Timeline000768  li::after{ position:absolute; content:''; top:50%; z-index:4;}
.Timeline000768  li::before{ background-color:#b4bcc3; width:15px; height:15px; border-radius:50%; margin-top:-7px;}
.Timeline000768  li:nth-child(2n)::after{margin-top:-35px; }
.Timeline000768  li figure,
.Timeline000768  li .txt{position:absolute; width:100%; height:34%;left:0; }
.Timeline000768  li figure{top:54px; background-position:center center; background-repeat:no-repeat; background-size:cover;margin: 0;}
.Timeline000768  li:nth-child(2n) figure{ top:auto;}
.Timeline000768  li .txt{ bottom:30px; padding:0;}
.Timeline000768  li:nth-child(2n) .txt{ top:60px; bottom:auto;}
.Timeline000768  li .txt h1{ margin:0; color:#606060; font-size:30px; font-family:Arial; padding-top:20px;}
.Timeline000768  li .txt figure span{display: block;font-size: 14px;line-height: 28px;color: #555;padding: 5px 0 0;}

/*荣誉*/
.i-honor,.i-visi{overflow:hidden;margin:50px auto;}
.i-honor ul{overflow:hidden;}
.i-honor li{width:18.4%;float:left;text-align:center;font-size:14px;margin-bottom:20px;margin-right:2%;box-sizing:border-box;border:4px solid #f5f7f7;}
.i-honor li img{width:100%;}
.i-honor li:hover{border:4px solid #f2f2f2;}
.i-honor li:nth-child(5n){margin-right:0;}

.i-visi li{width:23.5%;float:left;text-align:center;font-size:14px;margin-bottom:10px;margin-right:2%;line-height:35px;}
.i-visi li:hover a{color:#304ea8;}
.i-visi li a{display:block;}
.i-visi li img{width:100%;box-sizing:border-box;border:1px solid #d6d6d6;}
.i-visi li:nth-child(4n){margin-right:0;}
.i-visi li:hover img{border:1px solid #024583;}

/*我们*/
#con{overflow:hidden;margin:60px auto;}
.contact{width:46%;float:left;padding-right:4%;margin-top:30px;line-height:30px;}
.contact h2{font-size:20px;font-weight:bold;position: relative;}
.contact h3{font-size:24px;color:#333;margin-bottom:20px;}
.contact img{width:20px;margin-right:10px;}
.cotu{width:50%;float:right;}

.ctu{overflow:hidden;margin-bottom:60px;}
.ctu li{width:46%;float:left;border-top:1px solid #eee;padding:30px 0;line-height:40px;}
.ctu li:nth-child(2n){float:right;}
.ctu b{color:#333;font-size:18px;margin-bottom:20px;}
.ctu img{width:20px;margin-right:10px;}

/*留言*/
.customers {max-width: 800px;margin:0 auto 0px;overflow: hidden;text-align: center;display: block;padding-bottom:60px;font-size:0px;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 16px;outline: none;box-sizing: border-box;}
.customers input:first-child{margin-right:2%;}
.input2 {margin: 0;padding: 2% 2%;width: 49%;}
.input1 {margin-top: 20px;padding: 2% 2%;width:100%;clear: both;box-sizing:border-box;}
.customers textarea {border: #CCC 1px solid;display: inline-block;font-size: 16px;margin: 20px 0;outline: none;clear: both; font-family:Arial,'微软雅黑', Helvetica, sans-serif;}
.input1h {padding: 2% 2%;height: 180px;width:100%;box-sizing:border-box;}
.ftjbtn {background: #00509a;border: #00509a 1px solid !important;color: #FFF;margin-right: 2%;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#00509a;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#00509a 1px solid; }

.leav{text-align:center;font-size:24px;margin:40px auto 30px;}

/*人才招聘*/
.recruit_d{margin:40px auto 40px;}
.recruit_d .recruit_top{width:100%;background:#f4f4f4;overflow:hidden;}
.recruit_d .recruit_top span{display:block;font-size:16px;color:#333;padding:23px 0;line-height:18px;width:21%;text-align:center;float:left;}
.recruit_d .recruit_ul{}
.recruit_d .recruit_ul li{}
.recruit_d .recruit_ul li:last-child{border-bottom:none;}
.recruit_d .recruit_ul li .recr_d{position:relative;overflow:hidden;border-bottom: 1px solid #e6e6e6;}
.recruit_d .recruit_ul li .recr_d span{display:block;width:21%;font-size:14px;color:#656565;padding:15px;text-align:center;float:left;}
.recruit_d .recruit_ul li .recr_d i{position:absolute;right:10px;top:50%;display:block;width:20px;height:20px;margin-top:-9px;background:url(../images/tb34.png) no-repeat center;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.recruit_d .recruit_ul li.active .recr_d i{background:url(../images/tb35.png) no-repeat center;}
.recruit_d .recruit_ul li .recr_text{padding:20px;background:#f4f4f4;color:#555;display:none;}
.recruit_d .recruit_ul li .recr_text .recr_tm{padding-bottom:14px;border-bottom:1px solid #dedede;overflow:hidden;}
.recruit_d .recruit_ul li .recr_text .recr_tm span{display:block;width:25%;float:left;}
.recruit_d .recruit_ul li .recr_text .recr_tm span em{display:block;font-size:14px;padding:6px 0;}
.recruit_d .recruit_ul li .recr_text .recr_tk{padding:20px 0;overflow: hidden;}
.recruit_d .recruit_ul li .recr_text .recr_tk dl{}
.recruit_d .recruit_ul li .recr_text .recr_tk dl:last-child{margin-right:0;}
.recruit_d .recruit_ul li .recr_text .recr_tk dl dt{font-size:16px;margin-bottom:14px;padding-top:10px;}
.recruit_d .recruit_ul li .recr_text .recr_tk dl dd{font-size:14px;line-height:1.8;margin-bottom:6px;}
.recruit_d .recruit_ul li .recr_text .email_d{padding-top:10px;}
.recruit_d .recruit_ul li .recr_text .email_d a{display:inline-block;padding:20px 0 10px;font-size:16px;color:#555;transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-o-transition:0.4s ease;}
.recruit_d .recruit_ul li .recr_text .email_d a:hover{color:#da2418;}

/*地图*/
.diut {margin:60px auto;}
.diut li{margin-bottom:30px;}
.diut li .du1{line-height:40px;font-size:16px;display:inline-block;padding:6px 20px;background:#00509a;}
.diut li .du1 a{color:#fff;}
.diut li .du2{overflow:hidden;box-sizing:border-box;border-bottom: 1px solid #eee;}
.diut li .du2 p{display:inline-block;text-align:center;margin:0 20px;}
.diut li .du2 p a{padding:10px 30px;display:block;}