@charset "utf-8";
/*=============================公共样式=====================================*/

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif;padding: 0;margin:0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, th,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
html,body{/*width:100%;position:relative;height:auto;overflow-x:hidden;*/}
*[align="center"]{margin:0 auto;}
html{font-size: 62.5%;}
html{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust: none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}


body{font-size: 1.6rem;/* =16px*/*padding-top:90px;}
::-webkit-scrollbar {width:8px;height:8px;background:#f1f1f1;}
::-webkit-scrollbar-track {border-radius:10px; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:10px;background:#c1c1c1;}
::selection{background:#0174c5;color:#fff;}
::-moz-selection{background:#0174c5;color:#fff;}
::-webkit-selection{background:#0174c5;color:#fff;}
h1,h2,h3,h4,h5,h6,strong{font-weight: normal;}
a,input,img,:focus{mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/}/*去除a标签带来的虚框*/
input, textarea {outline-style: none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
ul,li{list-style:none}
i, cite, em, var, address, dfn {font-style: normal;}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0; color:#333333;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
input{padding: 0 5px;vertical-align: middle;line-height: normal;}
img{max-width:100%;}
.bold{font-weight: bold;}
.c-label{min-width: 44px;height: 22px;font-size: 12px;line-height: 20px;text-align: center;vertical-align: middle;padding: 0 9px;float: left;box-sizing: border-box;border: 1px solid #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.c-label.onsell{color: #0174c5;border-color: #0174c5;}
.tc{width: 100%;text-align: center;}
.pr{position: relative;}
.f12 {font-size: 12px;}
/*css定义超链接四个状态也有顺序的。*/
a:link, a:visited{text-decoration: none;cursor:pointer !important;}
a:hover, a:active{border: none;color: #0174c5;}

/*辅助样式*/
.fl,.left{float:left !important;}
.fr,.right{float:right !important;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.no_padding{padding:0 !important;}
.no_margin{margin:0 !important;}
.no_bg_img{background-image:none !important;}
.fix{position:fixed;top:0;*padding-top:50px;}
.border{border:1px solid #dedede;}
.clear{clear:both;}
.clearfix:after,.main_box:after,.w1300:after{content:''; height:0;display:block; overflow:hidden; clear:both;}
.h_x{color:#fe0505;font-weight:bold;padding-left:10px;padding-top:10px;}
.dd{background: #d6d7d9;border-radius:50%;height:7px;display:inline-block;width:7px;margin:0 10px;}
hr{display:block;height:1px;border:0;background:#e0dede;margin:10px 0 30px 0;padding:0}
.wrap{width: 1300px;margin: 0 auto;box-sizing: border-box;position: relative;}
.wrap:after{content:"";height:0;display:block;overflow:hidden;clear:both;}
.mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: rgba(0,0,0,0.6);}
.wrapper{width: 100%;min-width: 1200px;min-height: 100%;position: relative;box-sizing: border-box;padding-top: 100px;*padding-bottom: 486px;}

@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.4.0');
src:url('../font/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
url('../font/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../font/fontawesome-webfont.woff?v=4.4.0') format('woff'),
url('../font/fontawesome-webfont.ttf?v=4.4.0') format('truetype');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/*===============================================头部===================================================*/
.nybanner{background-repeat:no-repeat;background-position: center;background-size: cover;}
.nybanner img{*max-width:100%;opacity: 0;display:block;}
.nybanner .pc,.nybanner .phone{background-repeat:no-repeat;background-position: center;background-size: cover;}

.header{width: 100%;min-width: 1200px;height: 100px;position: fixed;top: 0;left: 0;z-index: 90;background: #fff;*box-shadow:0px 2px 4px #f5f5f5;}
.header a{display: block;}
.header .logo{width: 380px;height:70px;float: left;overflow: hidden;margin-top: 23px;}
.header .logo img{width: 100%;}
.header .slogan{height: 60px;margin-top: 20px;border-left: solid 1px #e5e5e5;margin-left: 26px;padding-left: 24px;float: left;line-height: 26px;font-size: 12px;color: #888888;padding-top: 8px;}
.header .slogan span{font-size: 18px;font-weight: bold;color: #0473c2;}
.header .top_search{float: right;margin-top: 30px;display: block;position: relative;}
.header .top_search em{width: 38px;height: 38px;cursor: pointer; line-height: 38px;text-align: center;display: block;border: solid 1px #e6e6e6;font-size: 12px;color: #999999;border-radius: 50%;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;background:url(../images/searchBtn.png)no-repeat center;background-size:15px!important;}
.header .top_search em:hover{border: solid 1px #0473c2;color: #fff;background:url(../images/searchBtn2.png) #0473c2 no-repeat center;background-size:15px!important;}
.header .top_search .search_con{ display:none;position:absolute; bottom:-80px;right:0px; width:280px; height:0px; padding-top:11px; padding-bottom:4px; background:rgba(255,255,255,0.8);z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.header .top_search .search_con .input1{ height:39px; line-height:39px; background:none; border:0; padding-left:5px; margin-left:7px; padding-right:47px; width:170px; float:left; outline:none; font-size:14px; color:#666666; font-family:"微软雅黑";}
.header .top_search .search_con .bnts{ float:left; width:40px; height:39px; background:url(../images/searchBtn.png) center center no-repeat; border:0;cursor:pointer;}
.header .top_search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/searchBtn2.png) #0473c2 center center no-repeat;}

.header .menuBtn{display:none;}
.header .nav{float: right;margin-right: 5px;}
.header .nav>ul>li{float: left;position: relative;margin: 0 22px;}
.header .nav>ul>li>a{height: 100px;line-height: 97px;display: block;font-size: 16px;color: #333333;/*transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;*/}
.header .nav>ul>li>a::after{content:"";width: 0%;height: 3px;background: #0473c2;position: absolute;bottom: 0;left: 50%;z-index: 5;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.header .nav>ul>li.on> a,
.header .nav li a:hover{color: #0473c2;font-weight: bold;}
.header .nav>ul>li.on> a{font-weight: bold;}
.header .nav>ul>li.on>a::after,.header .nav>ul>li:hover>a::after{width: 100%;left: 0;}

.header .nav .sub{position: absolute;top: 100px;left: 50%;z-index: 10;transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);-moz-transform: translate(-50%,0%);-ms-transform: translate(-50%,0%);-o-transform: translate(-50%,0%);*background: rgba(4, 115, 194,0.5);display: none;}
.header .nav .sub li{*border-bottom: solid 1px #eee;margin-bottom:1px;background: rgba(4, 115, 194,0.5);}
.header .nav .sub li:last-child{border-bottom: none;}
.header .nav .sub li a{min-width: 120px;width: 100%;white-space: nowrap;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;display: block;padding: 0 14px;box-sizing: border-box;}
.header .nav .sub li a:hover{background: #0473c2;}
.header .nav li:hover .sub{display:block;}
#banner-container{}
#banner-container .swiper-slide a{display:block; background-repeat: no-repeat;background-position: center;background-size: cover!important;}
#banner-container .swiper-slide a img{opacity: 0;}

.i_one{background: #1c1c1e url(../images/row1-bg.jpg) left top; padding: 160px 0 160px 0;}
.i_one .wrap{max-width: 1170px;}
.t1{text-align:center;}
.t1:before {line-height: 1; content: ''; width: 61px; height: 0; border-top: 2px solid #616161; display: inline-block;}
.t1 span {font-size: 40px;display: block;color: #3E3E40;margin-top: 10px;}
.list-1{margin: 0 -40px; padding: 84px 0; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-around;}
.list-1 li{float: left; width: 33.33333%; color: #fff; padding: 0 40px;}
.list-1 h3{font-size: 30px; margin: 20px 0;}
.list-xian{width: 20px; height: 2px; float: right; background-color: #7E7E7E; text-align: right;}
.list-zi{font-size: 16px; text-align: right; clear: both; padding-top: 20px;}
.list-zi p{text-align: right; color: #3F3F3F; font-size: 15px; line-height: 180%;}
.list-zi2{font-size: 16px; text-align: left; clear: both; padding-top: 20px;}
.list-zi2 p{text-align: left; color: #3F3F3F; font-size: 15px; line-height: 180%;}
.small-title{color: #3B3B3B; font-size: 1.5em; margin: 30px 0px;}
.cir{position: relative;}

.i_two{padding: 100px 0px;}
.list-p1 li .pad{position: relative; width: 200px; height: 200px; margin: 0 auto;}
.list-p1 li{float: left; width: 18%; *position: absolute;margin-left:-32px; /*overflow: hidden;*/}
.list-p1 .front{position: absolute; left: 0; top: 0; width: 100%; border-radius: 100%; height: 100%; -webkit-transition:.3s; transition:.3s; overflow: hidden;}
.list-p1 li .sanjiao:before,.list-p1 li.active .pad:before{content: ""; *width: 10px; *height: 10px; border-width: 20px; border-style: solid; border-color: #177CAA transparent transparent transparent; position: absolute; top: 98%; left: 40%;}
.list-p1 li{width:200px;height:200px;}
.list-p1 li .front{background:url(../images/trous.png)no-repeat center;background-size:100%;}
.list-p1 li:nth-child(2n) .front{background:url(../images/trous2.png)no-repeat center;background-size:100%;}
.list-p1 li.active .front{background:url(../images/trous-zhe.png)no-repeat center;background-size:100%;}
.list-p1 li:nth-child(1){margin-left:0;}
.list-p1 li:nth-child(2){}

.list-p1 .back{background-color: #fff;}
.list-p1{padding-top: 50px; padding-bottom: 50px;display: flex; overflow: hidden; position: relative; height: 300px; align-items: center;justify-content: center;display:none;}
.list-p1 .front img{ opacity: 0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); text-align: center; max-width: 100%;}

.list-p1 .back{opacity: 0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.list-p1 .pad:hover .back{opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.i_two_tab{width:1040px;margin:auto;padding-top: 50px;padding-bottom: 0px;display: flex;overflow: hidden; position: relative; height: 300px;align-items: center;
 justify-content: center;}
#i_two-container{width:1040px;padding-bottom: 50px;}
#i_two-container .swiper-slide .pad{position: relative; width: 200px; height: 200px; margin: 0 auto;}
#i_two-container .swiper-slide .sanjiao:before,#i_two-container .swiper-slide.active .pad:before{content: ""; *width: 10px; *height: 10px; border-width: 20px; border-style: solid; border-color: #177CAA transparent transparent transparent; position: absolute; top: 98%; left: 40%;}
#i_two-container .swiper-slide{width:200px!important;height:200px;}
#i_two-container .swiper-slide .front{position: absolute; left: 0; top: 0; width: 100%; border-radius: 100%; height: 100%; -webkit-transition:.3s; transition:.3s; overflow: hidden;background:url(../images/trous.png)no-repeat center;background-size:100%;}
#i_two-container .swiper-slide .front img{opacity: 0; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); text-align: center; max-width: 100%;}
#i_two-container .swiper-slide:nth-child(2n) .front{background:url(../images/trous2.png)no-repeat center;background-size:100%;}
#i_two-container .swiper-slide.active .front{background:url(../images/trous-zhe.png)no-repeat center;background-size:100%;}


.i_two-kong{position: absolute; text-align: center; left: 25%; top: 30%; width: 50%; /* padding-top: 10%; */}
.i_two-kong img{width: 40px; height: auto;}
.i_two-zi{text-align: center; color: #4F4F4F; font-size: 16px; font-weight: bold; margin: 0px auto; margin-top: 4px;}

.i_two .list-show{position: relative;height:450px;}
.i_two .list-show dl{opacity: 0;z-index:0;position: absolute;top:0;width:100%;}
.i_two .list-show dl.cur{opacity:1;z-index:1;position:absolute;}
.i_two .list-show .list-show-zi{width:80%;margin:0 auto;line-height:32px;}
.i_two .list-show .list_box{margin-top:70px;position: relative;}
.i_two .list-show .list_box .swiper-container{padding-bottom:40px;}
.i_two .list-show .list_box .swiper-wrapper,.i_two .list-show .list_box .swiper-slide{height:auto;}
.i_two .list-show .list_box .swiper-slide a{display:block;height:260px;padding:3px;}
.i_two .list-show .list_box .swiper-slide .box{box-shadow: 0px 0px 4px #dfdfdf;}
.i_two .list-show .list_box .swiper-slide .img{height:210px;border-bottom:#dfdfdf solid 1px;display:flex;align-items: center;justify-content: center;}
.i_two .list-show .list_box .swiper-slide .img img{max-width:90%;max-height:80%;}
.i_two .list-show .list_box .swiper-slide .text{height:50px;line-height:50px;text-align:center;}
.i_two .list-show .list_box .swiper-slide .text h3{font-size:16px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_two .list-show .list_box .swiper-slide a:hover .text h3{color:#0473c2;}
.i_two .list-show .list_box .swiper-button-next{left: auto; right:0px;}
.i_two .list-show .list_box .swiper-button-prev{left: 0px; right: auto;}
.i_two .list-show .list_box .swiper-button-prev,.i_two .list-show .list_box .swiper-button-next{margin-top: -70px;width:30px;height:60px;background:rgba(4,115,194,0.8);text-align:center;line-height:60px;color:#FFFFFF;font-size:30px;font-family:'宋体';opacity: 0.2;}
.i_two .list-show .list_box .swiper-container:hover .swiper-button-prev,.i_two .list-show .list_box .swiper-container:hover .swiper-button-next{opacity: 1;}

.i_three{padding: 80px 0px 120px; background:url(../images/indexbg3.jpg);height:370px;}
.i_three .t1:before{border-top: 2px solid #FFFFFF;}
.i_three .t1 span{color: #FFFFFF;}
.i_three ul{display:flex;align-items: center;justify-content: center;margin-top:140px;}
.i_three ul li{width:240px;text-align:center;height:170px;margin:0 60px;}
.i_three ul li i{font-size:60px;color:#FFFFFF;font-weight: 600;}
.i_three ul li p{font-size:20px;color:#FFFFFF;margin-top:30px;line-height:32px;}
.i_three ul li:nth-child(1) p{text-align:left;}

/**/
/*尾部*/
.footer{ background:#333333; color:#999999; font-size:15px; clear:both; border-top:5px solid #0174c5;padding-top:65px; text-align:left; }
.f_bg_div{ max-width:1400px; width:96%; margin:0 auto;}
.footer a{color:#999999; text-decoration:none;}
.footer a:hover{ color:#fff;}
.footer .links{ overflow:hidden; float:left; max-width:370px; text-align:left;}
.footer .links img{ *width:96%; max-width:349px; display:block; margin-bottom:13px;}
.footer .links ul li{margin-bottom:3px; padding-left:26px; display:block; overflow:hidden; line-height:24px;}
.footer .links ul li.bgs1{background:url(../images/foot_pic1.png) left center no-repeat;}
.footer .links ul li.bgs2{background:url(../images/foot_pic5.png) left center no-repeat;}
.footer .links ul li.bgs3{background:url(../images/foot_pic3.png) left center no-repeat;}
.footer .links ul li.bgs4{background:url(../images/foot_pic4.png) left center no-repeat;}
.footer .f_weixin{ float:right;  overflow:hidden; margin-left:20px; margin-right:20px;text-align:center;}
.footer .f_weixin .imgs{ width:127px; overflow:hidden; background:url(../images/foot_bg3.png) no-repeat; height:127px; background-size:100% 100%;}
.footer .f_weixin .imgs img{ display:block; margin:0 auto; margin-top:9px; width:109px; height:109px;}
.footer .f_weixin label{ line-height:30px; padding-top:12px; padding-bottom:12px; overflow:hidden; display:block;}
.footer .f_div2_r2{ float:right;text-align:left; margin-top:44px; margin-bottom:80px;}

.foot_a{ /*float:left; */line-height:20px; font-size:14px;/*overflow:hidden;*/ text-align:right; }
.foot_a span{display:inline-block; vertical-align:top; line-height:40px; color:#cccccc; font-size:14px;}
.foot_a ul{ display:inline-block;vertical-align:top;}
.foot_a ul li{ display:inline-block;width:40px; height:40px; margin-left:10px;}
.foot_a ul li a{ display:block; width:100%; height:100%;margin:0; position:relative;transition:all 0.3s;}
.foot_a ul li a:hover{/*filter: Alpha(Opacity=60);opacity: 0.6;*/}
.foot_a ul li a:after{content: ""; position:absolute; width:100%; height:100%;left:0%; top:0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center;}
.foot_a ul li a:hover:after{ background-size:100% 100%;}
.foot_a ul li.weixin a{ background:url(../images/foot_ico2.png) center center no-repeat;background-size:100% 100%;}
.foot_a ul li.weixin a:hover{filter: Alpha(Opacity=100);opacity: 1.0; }
.foot_a ul li.weixin a:after{ background-image:url(../images/foot_ico2_on.png);}
.foot_a ul li.weixin .wem1{width: 203px; bottom:50px; text-align: center;  position: absolute; margin-left:-78px;margin-top: -203px; background-image: url(../images/ewm.png);background-repeat: no-repeat; height:0; overflow:hidden;transition:all 0.3s;}
.foot_a ul li.weixin .wem1 img{ width:155px; height:155px; margin-right:5px;transition:all 0.3s;}
.foot_a ul li.weixin a:hover .wem1{ height:155px;padding-top: 20px; padding-bottom:20px;}
.foot_a ul li.qq{ margin-right:0;}
.foot_a ul li.qq a{ background:url(../images/foot_ico1.png) no-repeat;background-size:100% 100%;}
.foot_a ul li.qq a:after{ background-image:url(../images/foot_ico1_on.png);}
.foot_a ul li.qq a.bds_sqq{ width:40px; padding:0;}
.foot_a .bdshare-button-style0-24{ height:100%;}
.foot_a ul li.sinna a.bds_tsina{ background:url(../images/foot_ico3.png) left top no-repeat; width:40px; padding:0;background-size:100% 100%;}
.foot_a ul li.sinna a.bds_tsina:after{ background-image:url(../images/foot_ico3_on.png);}

.f_div3{ line-height:24px; min-height:24px; margin-top:30px; border-top:1px solid #454545; clear:both;  color:#666; font-size:14px; padding-top:1.5%; padding-bottom:1.5%;}
.f_div3 a{ color:#666;}
.f_div3 a:hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8; color:#fff;}

/***/
.container{}
.columnMenu{height: 60px;background: #fff;border-bottom: #dfdfdf solid 1px;}
.columnMenu .menu{float: left;width:900px;}
.columnMenu .menu li{float: left;margin-right: 32px;}
.columnMenu .menu li a{height: 57px;line-height: 57px;font-size: 16px;color: #555555;display: block;}
.columnMenu .menu li.one a,.columnMenu .menu li.on a,.columnMenu .menu li a:hover{color: #0174c5;}
.columnMenu .menu li.on a{border-bottom: 3px #0174c5 solid;}

#menu-container .swiper-slide{text-align:center;}
#menu-container .swiper-slide a{height: 57px;line-height: 57px;font-size: 16px;color: #555555;display: block;}
#menu-container .swiper-slide.on a,#menu-container .swiper-slide.on a,#menu-container .swiper-slide a:hover{color: #0174c5;}
#menu-container .swiper-slide.on a{border-bottom: 3px #0174c5 solid;}

.columnMenu .crumbs{float: right;}
.columnMenu .crumbs li{float: left;line-height: 60px;padding-left: 26px;font-size: 14px;color: #888888;background: url(../images/crumbs1.gif) no-repeat 9px center;}
.columnMenu .crumbs li:first-child{padding-left: 34px;background: url(../images/crumbs2.gif) no-repeat 0 center;}
.columnMenu .crumbs li a{font-size: 14px;color: #888888;padding:0 8px;}
.columnMenu .crumbs li a:first-child{padding-left:0;}
.columnMenu .crumbs li:last-child a{color: #555555;}
.columnMenu .crumbs li a:hover{color: #0174c5;}

/*关于我们*/
.aboutTit{ float:left; width:100%; text-align:center; margin:5.71% 0 0 0;}
.aboutTit .en{ float:left; width:100%; color:#323232; font-size:28px; line-height:28px; font-weight:bold; text-transform:uppercase;}
.aboutTit .zh{ float:left; width:100%; color:#333333; font-size:21px; line-height:31px; padding:10px 0 14px 0; position:relative;}
.aboutTit .zh:after{ float:left; width:59px; height:2px; background:#0473c2; position:absolute; left:50%; bottom:0; content:''; margin-left:-30px;}
.aboutInfo1{ float:left; width:100%; color:#666666; font-size:15px; line-height:30px; padding:2.07% 0 4% 0;}
.aboutInfo1 p{text-indent:24px;margin-top:10px;}


.about2{border-top:#dfdfdf solid 1px;}
.aboutInfo2{ float:left; width:100%; margin:2.07% 0 5.07% 0;}
.aboutInfo2 .ul1{ margin:0 0px;display:none;}
.aboutInfo2 .ul1:after{content:'';display:block;overflow: hidden; clear: both;}
.aboutInfo2 .l1{ float:left; width:calc(20% - 60px); padding:0 30px; text-align:center;}
.aboutInfo2 .l1:nth-child(4){*margin-left:15%;*margin-top:80px;}
.aboutInfo2 .l1:nth-child(5){*margin-top:80px;}
.aboutInfo2 .img{ float:left; width:100%;}
.aboutInfo2 .img .ico{ width:120px; height:120px;}
.aboutInfo2 .tit{ float:left; width:100%; color:#383635; font-size:18px; line-height:26px; margin:22px 0 14px 0;}
.aboutInfo2 .info{ float:left; width:100%; color:#808080; font-size:14px; line-height:24px;text-align:left;}
.aboutInfo2 .l1:hover .img .ico{-webkit-transition: 1s ease;-moz-transition: 1s ease;-ms-transition: 1s ease;-o-transition: 1s ease;transition: 1s ease;-webkit-transform: rotateY(360deg);  -moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}
#about2-container .swiper-slide{text-align:center;}

.about3{ float:left; width:100%; background:#0473c2; position:relative;}
.about3 .bg2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;opacity:0.3; filter:alpha(opacity=30);}
.about3 .list{ float:left; width:100%; position:relative; z-index:8; padding:3.85% 0;}
.about3 .list .l1{ float:left; width:33.33%; text-align:center; position:relative;}
.about3 .list .l1::after{ float:left; width:1px; height:46px; background:#fff; position:absolute; right:0; top:50%; margin-top:-23px; content:'';opacity:0.5; filter:alpha(opacity=50);}
.about3 .list .l1:last-child::after{ display:none;}
.about3 .list .info{ float:left; width:100%; color:#fff; font-size:14px; line-height:20px;}
.about3 .list .Comp{ float:left; width:100%; color:#fff; font-size:30px; line-height:46px;}
.about3 .list .nub{ font-size:46px;}

/*资质荣誉*/
.about4{float:left; width:100%;  position:relative;background: #f5f5f5;}
.about4 .list{ margin-top:40px;float:left;position: relative;}
.about4 .list #about4-container{width: 1300px;padding-bottom:80px;}
.about4 .list #about4-container .swiper-wrapper{height:auto;}
#about4-button-next{bottom:30px;right:50%;top:auto;margin-right:-80px;width: 15px;height: 30px; background-size: 15px 30px;}
#about4-button-prev{bottom:30px;left:50%;top:auto;margin-left:-80px;width: 15px;height: 30px; background-size: 15px 30px;}
#about4-pagination{bottom:35px;}

.about4 .list ul:after{content: "";height: 0;display: block;overflow: hidden;clear: both;}
.about4 .list ul li{ width:23.5%; margin-right:2%; float:left; overflow:hidden; margin-bottom:2%; background:#fff; position:relative;}
.about4 .list ul li:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0; height:3px; background:#0174c5;transition:all 0.3s;}
.about4 .list ul li:nth-child(4n+0){ margin-right:0;}
.about4 .list ul li:hover:after{ width:100%; left:0; right:0;}
.about4 .list ul li .imgs{ width:94%; margin:0 auto; height:200px; margin-top:10%;max-height:200px;overflow: hidden;}
.about4 .list ul li .imgs img{ display:block; margin:0 auto; max-width:100%;-webkit-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.about4 .list ul li h2{ color:#333333; font-size:15px; font-weight:normal; height:52px; overflow:hidden; line-height:52px; text-align:center;white-space:nowrap;text-overflow:ellipsis; }
.about4 .list ul li .ico{ background:url(../images/honor_bg1.png) no-repeat; background-size:100% 100%; display:block; margin:0 auto; width:40px; height:40px; margin-bottom:10%; margin-top:3px;}

.about4 .list2{margin-top:40px;float:left;position: relative;display:none;width:100%;}
#about42-container .swiper-slide{ overflow:hidden;background:#fff; position:relative;}
#about42-container .swiper-slide:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0; height:3px; background:#0174c5;transition:all 0.3s;}
#about42-container .swiper-slide a{display:block;}
#about42-container .swiper-slide:hover:after{ width:100%; left:0; right:0;}
#about42-container .swiper-slide .imgs{ width:94%; margin:0 auto;  margin-top:10%;max-height:200px;overflow: hidden;}
#about42-container .swiper-slide .imgs img{ display:block; margin:0 auto; max-width:100%;-webkit-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
#about42-container .swiper-slide h2{ color:#333333; font-size:15px; font-weight:normal; height:52px; overflow:hidden; line-height:52px; text-align:center;white-space:nowrap;text-overflow:ellipsis; }
#about42-container .swiper-slide .ico{ background:url(../images/honor_bg1.png) no-repeat; background-size:100% 100%; display:block; margin:0 auto; width:40px; height:40px; margin-bottom:10%; margin-top:3px;}



/***/
.news_tab:after{content: "";height: 0;display: block;overflow: hidden;clear: both;}
.news_tab{text-align:center;*float:left;*width:100%;*margin-top:20px;position: absolute;right:0;top:110px;}
.news_tab a{display: inline-block; vertical-align: middle;width: 30px; height: 30px; overflow: hidden; white-space: nowrap; color: #ccc;margin: 2px;}
.news_tab a:before {width: 30px; height: 30px;line-height: 30px;font-size: 20px;text-align: center;display: inline-block; font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal;font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;}
.news_tab a:nth-child(1):before {content: "\f00a";}
.news_tab a:nth-child(2):before {content:"\f00b";}
.news_tab a.active:before {color:#0174c5;}

.news_list{float:left;width:100%;margin-top:50px;}
.news_list ul:after{content: "";height: 0;display: block;overflow: hidden;clear: both;}
.news_list ul.grid{width:1300px;margin:auto;}
.news_list ul.grid li{ float:left; width:32%; overflow:hidden; margin-bottom:2%; margin-right:2%;transition:all 0.3s; padding-bottom:1px; position:relative;box-shadow: 0px 0px 4px #dfdfdf;}
.news_list ul.grid li:nth-child(3n+0){ margin-right:0;}
.news_list ul.grid li:before{ content:""; position:absolute; bottom:0; left:0; height:0; border-bottom:3px solid #FFFFFF; width:100%;}
.news_list ul.grid li:after{ content:""; position:absolute; bottom:0; left:0; height:0; border-bottom:3px solid #0174c5; width:0;transition:all 0.3s;}
.news_list ul.grid li:hover:after{ width:100%;}
.news_list ul.grid li a{display:block;padding: 10px}
.news_list ul.grid li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_list ul.grid li .imgs{width:100%; overflow:hidden;height:280px; background-repeat:no-repeat ;background-position:center ; background-size:cover;}
.news_list ul.grid li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_list ul.grid li .news_txt{ overflow:hidden;margin-top:17px; padding-bottom:27px;}
.news_list ul.grid li .news_txt h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#333333; margin-bottom:10px; white-space:nowrap;text-overflow:ellipsis; font-weight:normal;}
.news_list ul.grid li .news_txt p{ *max-width:346px; line-height:26px; height:52px; overflow:hidden;font-size:14px; color:#868686; text-align:left;margin-bottom:23px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list ul.grid li .news_txt span{ color:#b7b7b7; font-size:14px; display:block; line-height:38px; height:38px; overflow:hidden;}
.news_list ul.grid li .news_txt em{ float:left;height:44px; line-height:44px; color:#666666; font-size:14px;transition:all 0.3s; width:144px;  position:relative; background: url(../images/i_bg2.png) 97px center no-repeat; text-indent:33px;border:#f1f1f1 solid 1px;}
.news_list ul.grid li .news_txt em:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:-1;transition:all 0.3s;}
.news_list ul.grid li .news_txt em:after{ content:""; position:absolute; top:0; left:0; width:0%; height:100%; background:#0174c5; z-index:-1;transition:all 0.3s;}
.news_list ul.grid li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_list ul.grid li:hover .news_txt h2{color:#0174c5;}
.news_list ul.grid li:hover .news_txt em{color:#fff;}
.news_list ul.grid li:hover .news_txt em:after{ width:100%;}
.news_list ul.grid li:hover .news_txt em{background-image:url(../images/i_bg2_on.png); }
.news_list ul.grid li .news_txt em:hover{ background-position:100px center; text-indent:36px;}

.news_list ul.list{}
.news_list ul.list li{width: 100%; margin-bottom:0px;*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);background-color: #fff;padding: 30px 0;border-bottom: #dedee2 1px solid;-moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;-transition: all 0.6s ease-in-out;  -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.news_list ul.list li a{display:block;width:1300px;margin:0 auto;}
.news_list ul.list li a:after{content: "";height: 0;display: block;overflow: hidden;clear: both;}
.news_list ul.list li .imgs{float:left;width:25%; overflow: hidden;display: block;height:220px;background-repeat:no-repeat ;background-position:center ; background-size:cover;background-size:cover;}
.news_list ul.list li .imgs img {width: 100%; display: block;-moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;    transition: all 0.6s ease-in-out;}
.news_list ul.list li .news_txt{width: calc(75% - 8%); float: left;padding:10px 0 0;margin:0 4%;height:210px;position: relative;display: table-cell;}
.news_list ul.list li .news_txt h2{font-size: 22px;padding-bottom: 18px;}
.news_list ul.list li .news_txt p{font-size:15px;display: -webkit-box; *height: 56px;line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #666;}
.news_list ul.list li .news_txt span{font-size:14px;position: absolute;left:0%;bottom:20px;padding-left:18px;color:#666666;background:url(../images/time.png)no-repeat center left;}
.news_list ul.list li a:hover .news_txt h2{color:#0174c5;}
.news_list ul.list li .news_txt em{color:#666666;font-size:14px;position: absolute;left:16%;bottom:20px;padding-right:10px;}
.news_list ul.list li .news_txt em:after{content:'+';position: absolute;font-size:14px;right:0;}
.news_list ul.list li:hover{background-color:#f3f4f8;}
.news_list ul.list li .imgs img:hover{-moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out;    transition: all 0.6s ease-in-out; -moz-transform: scale(1.05); -o-moz-transform: scale(1.05);  -o-moz-transform: scale(1.05); -webkit-moz-transform: scale(1.05); transform: scale(1.05);}

.product_tab .list-p1{width:100%;}
.product_tab .list-p1:after,.product_list .list_box ul:after{content: "";height: 0;display: block;overflow: hidden;clear: both;}
.product_list{float:left;margin-top:20px;width:100%;}
.product_list .list-show-zi{width:90%;margin:0 auto;line-height:28px;}
.product_list .list-show-zi p{color:#565656;font-size:14px;}
.product_list .list_box {margin-top:50px;}
.product_list .list_box ul li{width:calc(20% - 16px);float:left;margin-right:20px;margin-bottom:30px;}
.product_list .list_box ul li:nth-child(5n){margin-right:0;}
.product_list .list_box ul li a{display:block;height:260px;padding:3px;}
.product_list .list_box ul li .box{box-shadow: 0px 0px 4px #dfdfdf;}
.product_list .list_box ul li .img{height:210px;border-bottom:#dfdfdf solid 1px;display:flex;align-items: center;justify-content: center;background-repeat:no-repeat ;background-position:center ; background-size:cover;}
.product_list .list_box ul li .img img{max-width:90%;max-height:80%;}
.product_list .list_box ul li .text{height:50px;line-height:50px;text-align:center;}
.product_list .list_box ul li .text h3{font-size:16px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.product_list .list_box ul li a:hover h3{color:#0473c2;}

.case_list{float:left;margin-top:50px;}
.case_list li{width: calc(33.33% - 14.5px);float: left;margin: 0 0 22px 20px;text-align: center;box-shadow:0px 0px 3px 1px #dfdfdf;}
.case_list li:nth-child(3n+1){margin-left: 0;}
.case_list li a{display: block;}
.case_list li a:hover .pic img{transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);}
.case_list li a:hover .filter{opacity: 1;filter: alpha(opacity=100);}
.case_list li a:hover .txt{background: #175bc0;color: #fff;}
.case_list li .pic{height: 239px;overflow: hidden;position: relative;background-repeat:no-repeat;background-position:center ; background-size:cover;}
.case_list li .pic img{width: 100%;display: block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.case_list li .pic .filter{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;background: url(../images/caseList_filter.png) no-repeat;background-size: 100% 100%;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;opacity: 0;filter: alpha(opacity=0);}
.case_list li .txt{background: #fff;height: 64px;*line-height: 64px;font-size: 16px;color: #333333;overflow: hidden;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;display:flex;align-items: center;justify-content: center;}
.case_list li .txt h3{font-size: 16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;margin-bottom:5px;}
.case_list li .txt p{font-size: 14px;}


/*分页*/
.page{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:60px; padding-bottom:70px; clear:both;}
.page a{ display:inline-block; height:34px; line-height:34px; padding-left:11px; overflow:hidden; padding-right:11px; min-width:18px;  text-align:center; color:#333; font-size:14px; border:1px solid #dfdfdf; background-color:#fff; margin-left:2px; margin-right:2px;}
.page a:hover{ text-decoration:none; color:#fff; background-color:#0174c5;border:1px solid #0174c5;}
.page a.on{color:#fff;background-color:#0174c5;border:1px solid #0174c5;}
.page a.first,.page a.last{ }
.page a.first:hover,.page a.last:hover{background-color:#0174c5;}

/**/
.contact_box{ float:left;width:100%; overflow:hidden; margin-top:2%; margin-top:50px;background:#fff; position:relative;box-shadow:0px 0px 3px 1px #dfdfdf;}
.contact_box .contact_left{ max-width:550px; width:50%; float:left; overflow:hidden; color:#666666; font-size:16px;}
.contact_box .contact_left .cons{ max-width:490px; width:94%; margin:0 auto; overflow:hidden;}
.contact_box .contact_left .title{ font-weight:bold; color:#333; margin-bottom:30px; padding-bottom:20px; margin-top:80px; position:relative;}
.contact_box .contact_left .title:after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:25px; background:#cccccc;}
.contact_box .contact_left .list li{ line-height:40px; overflow:hidden; background-repeat:no-repeat; background-position:left center; padding-left:57px; margin-bottom:30px;}
.contact_box .contact_left .list li a{color:#666666;}
.contact_box .contact_left .list li a:hover{color:#0174c5;}
.contact_box .contact_left .list li.bgs1{ background-image:url(../images/contact_pic1.png);background-size:40px 40px;}
.contact_box .contact_left .list li.bgs2{ background-image:url(../images/contact_pic2.png);background-size:40px 40px;}
.contact_box .contact_left .list li.bgs3{ background-image:url(../images/contact_pic3.png);background-size:40px 40px;}
.contact_box .contact_left .list li.bgs4{ background-image:url(../images/contact_pic4.png);background-size:40px 40px;}

.contact_box .contact_map{ overflow:hidden;}
.contact_map iframe{height: 578px;}

.message_box{float:left;width:100%; margin-top:50px;margin-bottom:100px; overflow:hidden; background:#fff; padding-top:4%; margin-bottom:6%;box-shadow:0px 0px 3px 1px #dfdfdf;}
.feedback_div{ margin:0 auto;padding-bottom:5%; overflow:hidden; text-align:center; width:96%; max-width:1320px;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#f2f2f2; height:54px; line-height:54px; font-size:14px; color:#999; border:none; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs2:focus{ color:#333;}

.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#f2f2f2; font-size:14px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#999; height:170px;  }
.feedback_div .textarea:focus{ color:#333;}
.feedback_div .bnts2{-webkit-tap-highlight-color: transparent;  border: none; width:30%; max-width:150px;font-size: 14px; height: 46px; background: #0174c5; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; margin-top:2%;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}


/**/
.show_box{margin-top:50px;margin-bottom:100px;}
.show_box .showTit{text-align: center;border-bottom: solid 1px #ebebeb;padding-bottom: 30px;width:80%;margin:auto;}
.show_box .showTit .tit{line-height: 40px;font-size:24px;color: #333333;}
.show_box .showTit .info{line-height: 20px;font-size: 15px; color: #999999; margin-top: 16px;}
.show_box .showTit .info span{padding:0 10px;}

.show_box .article{margin:30px auto 0;width:80%;}
.show_box .article p{line-height:30px;font-size:15px;color:#565656;margin:5px 0 0 ;}
.show_box .prevnext {padding-top: 36px;line-height: 20px;font-size: 16px;color: #868686;border-top: solid 1px #ebebeb;width:80%;margin:30px auto 0;}
.show_box .prevnext:after {content: "";height: 0;display: block;clear: both;}
.show_box .prevnext a {font-size: 16px;color: #666666;}
.show_box .prevnext a:hover {color: #175bc0;}
.show_box .prevnext p {width: 40%;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.container .prevnext .fr {text-align: right;}
.phone{display:none!important;}
.pc{display:block!important;}
/*===============================================手机站===================================================*/
@media screen and (max-width:1300px){
.wrapper{padding-top: 60px;min-width: 100%;}
.wrap{max-width:96%;width:96%;}
.header{min-width:100%;width:100%;height: 60px;display:flex;align-items: center;*justify-content: center;}
.header .top_search{margin-top:10px;margin-right:50px;}
.header .top_search em{border:0;}
.header .top_search .search_con{bottom: -52px;right: 0px;width: 280px;padding-top: 0px;padding-bottom: 0px;}
.header .menuBtn{width: 50px;height: 50px;display: block;position: absolute;right: 0px;top: 5px;z-index: 130;}
.header .menuBtn span{width: 24px;height: 0.14em;background: #333333;border-radius: 3px;position: absolute;left: 13px;top: 23px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
.header .menuBtn span.line1{top: 15px;}
.header .menuBtn span.line3{top: 31px;}
.wrapper .menuBtn.on span{background: #FFFFFF;}
.wrapper .menuBtn.on span.line1,.wrapper.shiftLeft .menuBtn span.line1{top: 23px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.wrapper .menuBtn.on span.line2,.wrapper.shiftLeft .menuBtn span.line2{opacity: 0;}
.wrapper .menuBtn.on span.line3,.wrapper.shiftLeft .menuBtn span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header .logo{width:240px;height:auto;margin-top:10px;}    
.header .nav{display:none;}
.header .nav{width: 100%;min-height: 100%;position: fixed;top: 0;left: 0;bottom: 0;z-index: 105;margin: 0px;background:#333333;overflow: auto;display: none;opacity: 0.98;}
.header .nav .logo{width: 80px;height: auto;margin: 10px auto 0 auto;display: block;float:none;}
.header .nav .logo img{width: 100%;display: block;}
.header .nav .bottom{display: block;}
.header .nav > ul > li.on > a:after, .header .nav > ul > li:hover > a:after{display:none;}
.header .nav > ul{padding: 0 40px;box-sizing: border-box;margin-top: 50px;}
.header .nav > ul > li{float: none;margin: 0;border-bottom: solid 1px #595b60;text-align:left;}
.header .nav>ul>li.on> a, .header .nav li a:hover{color:#FFFFFF;}
.header .nav > ul > li.down > a{background: url(../images/nav_list1.png) no-repeat right 0 center;background-size: 10px auto;padding: 0;}
.header .nav > ul > li.now > a{background-image: url(../images/nav_list2.png);}
.header .nav > ul > li.on > a,.header .nav > ul > li > a{width: 100%;height: 50px;line-height: 50px;font-size: 15px;color: #fff;padding-left:0;}
.header .nav li:hover .sub1{display:none;}
.header .nav .sub2,.header .nav .sub1{width: 100%;min-width: 160px;position: static;top: 0;left: 0;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);background: none;}
.header .nav .sub2 li,.header .nav .sub1 li{width: 100%;background: none;margin: 0;float: none;}
.header .nav .sub2 li a,.header .nav .sub1 li a:hover,.header .nav .sub1 li a{display: block;height: 50px;line-height: 50px;text-align: left;color: #ccc;padding: 0;text-indent: 20px;border-top: dashed 1px #454650;}
.header .nav .sub2 li .txt{width: 100%;float: none;padding: 0;text-align: left;}
.header .nav .sub2 li .txt .p2{font-size: 14px;color: #ccc;}
.header .nav .sub2 li .txt .p1,.header .nav .sub2 li a::after,.header .nav .sub2 li .pic{display: none;}
.header .nav .bottom{text-align: center;line-height: 50px;margin-top: 30px;}
.header .nav .bottom center{display: inline-block;}
.header .nav .bottom a{width: 40px;height: 40px;line-height: 40px;display:none;float: left;background: no-repeat center;background-size: 100% 100%;margin-left: 10px;font-size: 20px;color: #fff;}
.header .nav .bottom a.dh{width: auto;display:block;margin-left:0;}

.t1 span{font-size:36px;}
.i_one{padding:60px 0;}
.i_one .wrap{max-width:96%;}
.i_one .list-1{width:100%;display: block;margin:0 auto;padding:40px 0 ;}
.i_one .list-1 li{width:calc(100% - 40px);padding:0 20px;}
.i_one .list-1 li .cir{width:70%;min-width:200px;margin:0 auto;padding:20px 0;}
.i_one .list-1 li .cir img{width:100%;}
.i_two_tab{width:100%;}
#i_two-container{width:100%;}
.i_two .list-show .list-show-zi{width:100%;}
.i_two .list-show .list_box{margin-top: 40px;}
.i_three ul li{width:calc(50% - 40px);float: left;margin: 0 20px;height:140px;}
.i_three ul{display:block;margin-top:80px;}
.i_three ul li:nth-child(1) p{text-align:center;}
.i_three ul li i{font-size: 40px;}
.i_three ul li p{font-size: 16px;margin-top: 10px;line-height: 24px;}
.i_three ul li:last-child{width:calc(100% - 40px);}

.footer{padding:30px 0 0;}
.foot_a{display:none;}
.footer .f_weixin{float:left;}
.footer .links{margin-left:20px;}
.footer .f_ewm{margin-top:30px;display:flex; justify-content: center;float:left;width:100%;}
.footer .f_div3{margin-top:10px;}
.footer .f_div3 .fl,.footer .f_div3 .fr{float:none!important;display:block; text-align:center;}

/***/
.columnMenu .crumbs{display:none;}
.columnMenu .menu{width:100%;position: relative;}
#menu-button-next,#menu-button-prev{background-size: 10px 18px;width: 10px;height: 18px;margin-top: -10px;}
#menu-button-next{right:0;}
#menu-button-prev{left:0;}
#menu-container {width:90%;margin:0 auto;}
.aboutTit{margin:40px 0 0;}
.aboutInfo2{margin:40px 0 60px;}
#about2-button-next,#about2-button-prev{background-size: 15px 24px;width: 15px;height: 24px;margin-top: -10px;}
#about2-button-next{right:0;}
#about2-button-prev{left:0;}
.about4 .list2{display:block;}
.about4 .list{display:none;}
.about4{padding-bottom:40px;}
.case_list li{width:calc(50% - 10px);margin:0 10px 20px 0!important;}
.case_list li:nth-child(2n){margin-right:0!important;}
.case_list li .pic{height:200px;}
.news_list ul.grid{width:96%;}
.news_list ul.grid li{width:calc(50% - 20px);margin:0 20 20px !important;}
.news_list ul.grid li:nth-child(2n){margin-right:0!important;}
.news_list ul.list li a{width:96%;}
.news_list ul.list li{padding:30px 0 20px;}
.news_list ul.list li .news_txt h2{font-size:20px;  padding-bottom: 10px;}
.news_list ul.list li .news_txt,.news_list ul.list li .imgs{height: 180px;}
.news_list ul.list li .news_txt em{left:20%;} 
.contact_box .contact_left{width:100%;}
.contact_map{width:100%;}
.product_list .list_box{margin-top:30px;}
.product_list .list_box ul li{width:calc(50% - 20px);margin:0 10px 20px;}
.product_list .list_box ul li a{height: auto;}
.product_list .list_box ul li .img{width:100%;}
.product_list .list_box ul li .img img{max-height:80%;max-width:100%;}
.aboutTit .en{font-size: 24px;}
.contact_box .contact_left .title{margin-top: 40px;}


.phone{display:block!important;}
.pc{display:none!important;}
    
}
@media screen and (max-width: 500px){

.case_list li{width:90%;float:none!important;margin:0 auto 20px !important;}
.case_list li:nth-child(2n) {margin:0 auto 20px !important;}
.case_list li .pic{height:auto;}
.news_tab{top:50%;}
.news_list ul.grid{width:96%;}
.news_list ul.grid li{width:100%;float:none!important;margin:0 auto 20px !important;}
.news_list ul.grid li:nth-child(2n){margin-right:0!important;}
.news_list ul.list li a{width:96%;}
.news_list ul.list li{padding:15px 0 5px;}
.news_list ul.list li .imgs{display:none;}
.news_list ul.list li .news_txt h2{font-size:20px;  padding-bottom: 10px;}
.news_list ul.list li .news_txt{width:100%;height: 180px;}
.news_list ul.list li .news_txt em{left:50%;}
.contact_box .contact_left .list li{line-height:30px;}
.contact_box .contact_left .list li.bgs1,.contact_box .contact_left .list li.bgs2,.contact_box .contact_left .list li.bgs4{background-size:30px 30px;padding-left:40px;}
.contact_map iframe{height:300px!important;}
.page{padding-top: 30px; padding-bottom: 40px;}
.page a{margin-bottom:10px;}
.feedback_div{}
.feedback_div .divs{width:100%;margin-right:0;margin-bottom: 10px;}
.feedback_div .inputs2{height: 42px;line-height: 42px;}
.product_list .list_box{margin-top:30px;}
.product_list .list_box ul li{width:100%;margin:0 0 20px;float:none!important;}
.product_list .list_box ul li a{height: auto;}
.product_list .list_box ul li .img{width:100%;}
.product_list .list_box ul li .img img{max-height:80%;max-width:100%;}

.show_box{margin-top: 30px;margin-bottom:60px;}
.show_box .showTit .tit{font-size: 20px;width:100%;}
.show_box .showTit{padding-bottom: 20px;width:100%;}
.show_box .article{width: 100%;margin: 20px auto 0;line-height:30px;}
.show_box .article img{max-width:100%;height:auto!important;}
.show_box .prevnext{width:100%;padding:20px 0 0 ;}
.show_box .prevnext p{float:none;width:100%;text-align:left!important;margin-top:10px;}

}
@media screen and (max-width: 400px){
#about42-container .swiper-slide .imgs{max-height: 280px;}
}