/*!
 * @ Author: weiwei
 * @ Date: 2019-04-22 09:39:04
 */
/*Css Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}html,body{width:100%;font-family:"Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none;}.fl{float:left;}.fr{float:right;}
html,body{overflow:hidden;overflow-y:auto;}
.inner{ width: 1200px; margin:0 auto; overflow: hidden; box-sizing: border-box; }
iframe{ width: 100%; height: 460px; }
.page{ clear: both; margin:30px 0; text-align: center; }
.page a{ display: inline-block; padding:0 7px; margin:0 2px; border:1px solid #ccc; text-align: center; line-height: 32px; border-radius: 30px; }
.page .current{ display: inline-block; margin:0 2px; text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background: #108989; color: #fff; }
/*h-tool*/
.h-tool{ height: 42px; line-height: 42px; background: #e6e6e6; overflow: hidden; }
.h-tool .fl p{ font-size: 14px; color: #686666; padding-left: 20px; background: url(../img/ico_map.png) no-repeat left center; }
.h-tool .fr ul{ overflow: hidden; float: right; padding:3px 0; height: 42px; box-sizing: border-box; }
.h-tool .fr li{ float: left; height: 36px; line-height: 36px; padding:0 15px; border-left: 1px solid #d7d7d7; }
.h-tool .fr li a{ display: inline-block; font-size: 14px; color: #666; padding-left: 24px; }
.h-tool .fr li:nth-child(1) a{ background: url(../img/ico_earth.png) no-repeat left center; }
.h-tool .fr li:nth-child(2) a{ background: url(../img/ico_tel.png) no-repeat left center; }
.h-tool .fr li:nth-child(3) a{ background: url(../img/ico_msg.png) no-repeat left center; }
.h-tool .fr li a:hover{ color: #fe0000; }
/*h-top*/
.h-top{ overflow: hidden; padding:30px 0 35px; }
.h-top .tel{ text-align: right; margin-top: 20px; }
/*h-menu*/
.h-menu{ height: 56px; line-height: 56px; background: #108989; }
.h-menu li{ display: inline-block; float: left; text-align: center; overflow: hidden; position: relative; }
.h-menu li a{ text-align: center; display: inline-block; padding:0 26px; font-size: 18px; color: #ffffff; position: relative; font-weight: bold; }
.h-menu li::after{ content: ""; display: inline-block; width: 1px; height: 16px; border:0; background: #fff; position: absolute; left: 0; top:20px; }
.h-menu li:first-child::after{ display: none; }
.h-menu li a::after{ content: ""; display: block; height: 2px; background: #ff9934; border:0; width: 0; position: absolute; left: 50%; bottom: 0; transition: all .3s; }
.h-menu li:hover a::after{ transition: all .3s; left: 0; width: 100%; }
/*banner*/
#banner{ width: 100%; height: 640px; }
#banner .swiper-slide{ min-width: 1200px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height: 640px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:120px; left: 100px; }
#banner .swiper-slide .b1_p{position: absolute; top:210px; left: 6px; }
#banner .swiper-slide .b1_4{position: absolute; top:310px; left: 98px; }
#banner .swiper-slide .b1_a{position: absolute; top:454px; left: 336px; }
#banner .swiper-slide .b1_a small{ display: inline-block; padding:10px 36px; font-size: 18px; color: #fcf9f5; border:3px solid #fff; border-radius: 25px; }
#banner .swiper-slide .b1_a small:hover{ border-color: #ff8800; background: #ff8800; color: #fff; }
#banner .swiper-slide .b2_tit{ position: absolute; top:112px; left: 0; }
#banner .swiper-slide .b2_span{ position: absolute; top:208px; left: 0; }
#banner .swiper-slide .b2_span{ position: absolute; top:208px; left: 0; }
#banner .swiper-slide .b2_p{ position: absolute; font-size: 18px; color:#333333; text-shadow: 1px 1px #fff; padding-left:30px; line-height:20px; background:url(../img/b2_ico_p.png) no-repeat left center; left:32px; }
#banner .swiper-slide .b2_p1{ top:336px; }
#banner .swiper-slide .b2_p2{ top:383px; }
#banner .swiper-slide .b2_p3{ top:430px; }
#banner .swiper-slide .b2_img1{ position: absolute; top:83px; left: 50%; }
#banner .swiper-slide .b2_img2{ position: absolute; top:83px; right: -74px; }
#banner .swiper-slide .b2_img3{ position: absolute; top:318px; right: -74px; }
#banner .swiper-slide .b3_tit{ position: absolute; top:77px; left: 210px; }
#banner .swiper-slide .b3_p{ position: absolute; top:172px; left: 340px; }
#banner .swiper-slide .b3_logo{ position: absolute; top:55px; right: 160px; }
#banner .swiper-slide .b3_honor{ position: absolute; top:264px; left: -126px; }
.sub_banner{ width: 100%; height:350px; text-align:center; }
.sub_banner strong{ font-size:40px; color:#fff; text-shadow: 2px -1px #000; display: block; padding:80px 0 26px; font-weight: bold; }
.sub_banner p{ font-size:18px; color:#fff; text-shadow: 1px 1px #000; line-height: 1; }
.sub_banner a{ display: inline-block; line-height: 1; padding:14px 30px; background:#108989; font-size:20px; font-weight: bold; color:#fff; margin-top:36px; }
.sub_banner a:hover{ background:#ff8800; }
/*h-key*/
.h-key{ background: #fff; padding:25px 0; overflow: hidden; }
.h-keys{ line-height: 45px; }
.h-keys h3{ display: inline-block; float: left; font-size: 18px; color: #2159ac; margin-right: 6px; font-weight: bold; }
.h-keys a{ display: inline-block; font-size: 16px; color: #999999; }
.h-keys a + a{ margin-left: 20px; }
.h-keys a:hover{ color: #fe0000; }
.h-search{ overflow: hidden; }
.h-search form{ width: 310px; height: 45px; }
.h-search .search_text{ width: 260px; height: 45px; background: #e6e6e6; border:0; outline: none; float: left; padding-left: 16px; box-sizing: border-box; line-height: 45px; font-size: 15px; color: #888888; }
.h-search .search_btn{ width: 50px; height: 45px; border:0; outline: none; cursor: pointer; background: #797979 url(../img/ico_search.jpg) no-repeat center; }
/*location*/
.location{ line-height: 56px; background: #eeeeee; }
.location strong{ font-size: 18px; color: #333333; font-weight: bold; }
.location p{ font-size: 14px; color: #666666; }
.location a{ color: #666666; }
.location a:hover{ color: #108989; }
/*m_product*/
.m_product{ overflow: hidden; background: url(../img/m_probg.jpg) no-repeat top center; padding:48px 0 30px; }
.m_product .inner > .hd{ text-align: center; padding-bottom: 45px; }
.m_product .inner > .hd strong{ display: block; height: 64px; text-indent: -9999px; background: url(../img/m_protit.png) no-repeat center; }

.s_type{ width: 280px; overflow: hidden; margin-bottom: 20px; }
.s_type > .hd{ height: 100px; text-align: center; text-indent: -9999px; background: #108989 url(../img/s_typetit.png) no-repeat center; }
.o_type > .hd{ height: 100px; text-align: center; text-indent: -9999px; background: #108989 url(../img/o_type_tit.png) no-repeat center; }
.s_menu{ overflow: hidden; background: #ffffff; }
.s_menu h3{ height: 45px; line-height: 45px; background: #108989 url(../img/ico_righth.png) no-repeat 236px center;; box-sizing: border-box; padding-left: 40px; font-size: 18px; color: #ffffff; font-weight: 400; }
.s_menu ul{ box-sizing: border-box; border-left: 1px solid #e1e1e6; border-right: 1px solid #e1e1e6; padding:12px 0; }
.s_menu li a{ display: block; box-sizing: border-box; height: 45px; line-height: 45px; padding-left: 40px; font-size: 16px; color: #333333; background: url(../img/ico_right.png) no-repeat 236px center; transition: all .3s; }
.s_menu li a:hover{ background:#108989 url(../img/ico_righth.png) no-repeat 242px center; color: #fff; transition: all .3s; }
.s_type > .bd{ background: #108989; box-sizing: border-box; padding:40px 30px; }
.s_type > .bd strong{ font-size: 24px; color: #fff; font-weight: bold; display: block; line-height: 1; margin-bottom: 16px; }
.s_type > .bd p{ box-sizing: border-box; padding-left: 24px; line-height: 32px; font-size: 14px; color: #cccccc; }
.s_type > .bd p:nth-of-type(1){ background: url(../img/ico_user.png) no-repeat 4px 9px; }
.s_type > .bd p:nth-of-type(2){ background: url(../img/ico_ctel.png) no-repeat 3px 9px; }
.s_type > .bd p:nth-of-type(3){ background: url(../img/ico_mob.png) no-repeat 5px 9px; }
.s_type > .bd p:nth-of-type(4){ background: url(../img/ico_address.png) no-repeat left 9px; }
.m_plist{ width: 880px; overflow: hidden; }
.m_plist a{ display: block; width: 100%; overflow: hidden; }
.m_plist a .img{ height: 214px; width: 100%; overflow: hidden; }
.m_plist a .img img{ width: 100%; height: 100%; object-fit: cover; }
.m_plist a .txt{ text-align: center; background: #fff; border:1px solid #e1e1e6; border-top: 0; box-sizing: border-box; padding:6px 18px 18px; }
.m_plist a .txt strong{ line-height: 45px; font-size: 18px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_plist a .txt p{ font-size: 14px; color: #666666; line-height: 24px; text-align: left; }
.m_plist a .txt span{ display: inline-block; margin-top: 16px; padding:10px 20px; line-height: 1; font-size: 14px; color: #3e474d; background: #f0f0f0; border:1px dashed #c6cdd3; border-radius: 3px; transition: all .3s; }
.m_plist a:hover .txt span{ background: #108989; color: #fff; border-color: #95a9c4; transition: all .3s; }
/*m_pshow*/
.m_pshow{ height: 253px; background: url(../img/m_pshowbg.png) no-repeat top center; position: relative; z-index: 3; }
.m_pshow .fl img{ margin:70px 0 0 410px; }
.m_pshow .fr img{ margin:87px 44px 0 0; }
/*m_super*/
.m_super{ margin-top: -38px; padding:96px 0 116px 0; background: url(../img/super_bg.jpg) no-repeat top center; }
.m_super .hd{ text-align: center; padding-bottom: 32px; }
.m_super .hd strong{ display: block; height: 41px; text-indent: -9999px; background: url(../img/super_tit.png) no-repeat center; }
.m_super .hd span{ display: block; height: 2px; background: url(../img/super_span.png) no-repeat center; margin:21px 0 16px; }
.m_super .hd p{ font-size: 18px; color: #333333; line-height: 1; }
.m_super .bd{ overflow: hidden; background: url(../img/super_bdg.png) no-repeat top center; position: relative; }
.m_super .bd .txt{ overflow: hidden; position: relative; width: 100%; height: 550px; }
.m_super .bd .txt li{ display: block; position: absolute; }
.m_super .bd .txt li strong{ display: block; overflow: hidden; position: relative; margin-bottom: 15px; }
.m_super .bd .txt li strong span{ display: inline-block; width: 48px; height: 54px; border:3px solid #108989; font-size: 30px; color: #333333; font-weight: bold; font-family: "Times New Roman"; box-sizing: border-box; padding:12px 0 0 6px; line-height: 1; }
.m_super .bd .txt li strong b{ font-size: 24px; color: #108989; background: #eeedee; padding:9px 0 2px 7px; position: absolute; top:20px; left: 38px; }
.m_super .bd .txt li p{ font-size: 16px; color: #333333; line-height: 30px; }
.m_super .bd .txt li:nth-child(1){ width: 228px; left:0; top:13px; }
.m_super .bd .txt li:nth-child(2){ width: 258px; left:0; top:213px; }
.m_super .bd .txt li:nth-child(3){ width: 224px; left:0; top:418px; }
.m_super .bd .txt li:nth-child(4){ width: 242px; right:0; top:6px; }
.m_super .bd .txt li:nth-child(5){ width: 210px; right:0; top:206px; }
.m_super .bd .txt li:nth-child(6){ width: 220px; right:0; top:424px; text-align: right; }
.m_super .bd .txt li:nth-child(4) strong span, .m_super .bd .txt li:nth-child(5) strong span{ float: right; }
.m_super .bd .txt li:nth-child(4) strong b, .m_super .bd .txt li:nth-child(5) strong b{ right: 38px; left: unset; padding:9px 7px 2px 0; }
.m_super .bd .txt li:nth-child(4) p, .m_super .bd .txt li:nth-child(5) p{ text-align: right; }
.m_super .bd .txt li:nth-child(6) span{ font-size: 18px; color: #108989; display: inline-block; padding-right: 33px; background: url(../img/super_icotel.png) no-repeat 110px center; line-height: 26px; }
.m_super .bd .txt li:nth-child(6) strong{ display: inline-block; margin-top: 10px; padding:10px 24px; background: #108989; font-size: 26px; color: #ffffff; border-radius: 25px; }
.m_super .bd .img{ position: absolute; left:0; top:0; width: 100%; height: 100%; }
.m_super .bd .img li{ width: 91px; height: 91px; border-radius: 50%; background: #cdced0; padding:8px; box-sizing: border-box; position: absolute; }
.m_super .bd .img li span{ width: 100%; height: 100%; background: #108989; color: #fff; font-size: 45px; display: block; width: 100%; height: 100%; text-align: center; line-height: 75px; border-radius: 50%; }
.m_super .bd .img li:nth-child(1){ top:48px; left: 385px; }
.m_super .bd .img li:nth-child(2){ top:35px; right: 392px; }
.m_super .bd .img li:nth-child(3){ top:242px; left:330px; }
.m_super .bd .img li:nth-child(4){ top:220px; right: 296px; }
.m_super .bd .img li:nth-child(5){ top:438px; left: 446px; }
.m_super .bd .img li:nth-child(6){ top:410px; right: 388px; }
/*m_kf*/
.m_kf{ overflow: hidden; margin-top: -78px; height: 278px; background: url(../img/kf_bg.jpg) no-repeat bottom center; }
.m_kf .fl{ width: 380px; }
.m_kf .fl img{ margin-left: 76px; }
.m_kf .fr{ width: 820px; padding-top: 110px; position: relative; }
.m_kf .fr img:nth-child(2){ margin:16px 0; }
.m_kf .fr a{ display: inline-block; padding:12px 30px 12px 52px; background: #ffcc00 url(../img/kf_icomsg.png) no-repeat 24px center; font-size: 16px; color: #383007; font-weight: bold; border-radius: 3px; position: absolute; top:112px; right: 108px; }
.m_kf .fr a:hover{ color: #fff; }
/*m_case*/
.m_case{ overflow: hidden; padding:50px 0 40px; }
.m_case .hd{ text-align: center; padding-bottom: 42px; }
.m_case .hd strong{ display: block; height: 68px; text-indent: -9999px; background: url(../img/case_tit.png) no-repeat center; margin-bottom: 25px; }
.m_case .hd p{ font-size: 18px; color: #666666; line-height: 1; }
.m_case .bd{ overflow: hidden; }
.m_case .bd a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.m_case .bd a .img{ width: 100%; height: 304px; overflow: hidden; }
.m_case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; }
.m_case .bd a .txt{ border-top:1px solid #dedada; height: 120px; box-sizing: border-box; padding:50px 53px 0;  }
.m_case .bd a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; }
.m_case .bd a > span{ display: inline-block; width: 82px; height: 82px; background: #fff; padding:4px; border-radius: 50%; position: absolute; left: 50%; margin-left: -41px; bottom:76px; }
.m_case .bd a > span i{ display: block; height: 100%; background: #108989 url(../img/case_ico.png) no-repeat center; border-radius: 50%; }
/*m_flow*/
.m_flow{ overflow: hidden; padding:55px 0 100px; background: url(../img/flow_bg.jpg) no-repeat top center; }
.m_flow .hd{ text-align: center; padding-bottom: 64px; }
.m_flow .hd strong{ display: block; height: 62px; text-indent: -9999px; background: url(../img/flow_tit.png) no-repeat center; margin-bottom: 20px; }
.m_flow .hd p{ font-size: 18px; color: #333333; line-height: 1; }
.m_flow .bd{ overflow: hidden; }
.m_flow .bd li{ display: inline-block; cursor: pointer; overflow: hidden; width: 128px; height: 128px; border-radius: 50%; border:5px solid #108989; text-align: center; }
.m_flow .bd li + li{ margin-left: 34px; }
.m_flow .bd li span{ display: inline-block; padding:10px; border:2px solid #848484; border-radius: 50%; margin:20px 0 0; font-size: 26px; color: #646464; }
.m_flow .bd li strong{ display: block; font-size: 20px; color: #333333; font-weight: bold; line-height: 1; margin-top: 12px; }
.m_flow .bd li:hover span{ color: #108989; border-color: #108989; }
/*m_about*/
.m_about{ overflow: hidden; background: url(../img/about_bg.jpg) no-repeat top center; padding-top: 64px; }
.m_about .hd{ background: #fff; overflow: hidden; }
.m_about .hd .fl, .m_about .hd .fr{ width: 600px; }
.m_about .hd .fr{ box-sizing: border-box; padding:40px; }
.m_about .hd .fr strong{ display: block; height: 38px; text-align: left; text-indent: -9999px; background: url(../img/about_tit.png) no-repeat left center; margin-bottom: 16px; }
.m_about .hd .fr small{ font-size: 18px; color: #333333; line-height: 1; display: block;  }
.m_about .hd .fr span{ display: inline-block; width: 64px; height: 2px; background: #108989; margin:14px 0; }
.m_about .hd .fr p{ font-size: 14px; color: #666666; line-height: 28px; }
.m_about .hd .fr a{ display: inline-block; margin-top: 42px; padding:15px 32px; background: #108989; font-size: 14px; color: #ffffff; line-height: 1; }
.m_about .bd, .c_zy{ overflow: hidden; clear: both; margin-top: 20px; }
.m_about .bd li, .c_zy li{ display: inline-block; cursor: pointer; text-align: center; overflow: hidden; width: 236px; height: 200px; float: left; background: #f0f0f0; }
.m_about .bd li span, .c_zy li span{ display: block; font-size: 42px; color: #999999; margin:30px 0 15px; }
.m_about .bd li strong, .c_zy li strong{ display: block; font-size: 18px; color: #333333; line-height: 1; margin-bottom: 32px; position: relative; }
.m_about .bd li strong::after, .c_zy li strong::after{ content: "— — —"; font-size: 7px; position: absolute; left: 50%; margin-left: -21px; top:26px; color: #a9a9a9; }
.m_about .bd li p, .c_zy li p{ font-size: 14px; color: #666666; }
.m_about .bd li + li, .c_zy li + li{ margin-left: 5px; }
.m_about .bd li:nth-child(1), .c_zy li:nth-child(1){ background: #108989; text-align: center; }
.m_about .bd li:nth-child(1) img, .c_zy li:nth-child(1) img{ margin:32px 0 24px; }
.m_about .bd li:nth-child(1) p, .c_zy li:nth-child(1) p{ font-size: 16px; color: #f0f0f0; }
.m_about .bd li:hover, .c_zy li:hover{ background: #3c7be6; }
.m_about .bd li:hover span, .m_about .bd li:hover strong, .m_about .bd li:hover p, .m_about .bd li:hover strong::after{ color: #fff; }
.c_zy li:hover span, .c_zy li:hover strong, .c_zy li:hover p, .c_zy li:hover strong::after{ color: #fff; }
.c_zy{ overflow: hidden; margin:20px 0; }
/*m_show*/
.m_show{ overflow: hidden; margin: 20px 0 34px; }
#m_show{ width:100%; overflow: hidden; }
#m_show .hd{ height:45px; line-height:45px; background:#f0f0f0; }
#m_show .hd ul li{ display: inline-block; float: left; padding:0 24px; cursor:pointer; font-size: 18px; color: #333333; font-weight: bold; position: relative; transition: all .3s; }
#m_show .hd ul li::after{ content: ""; position: absolute; left: 50%; margin-left: -11px; bottom: 0px; opacity: 0; display: inline-block; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-top:9px solid #108989; transition: all .3s; }
#m_show .hd ul li + li{ margin-left: 5px; }
#m_show .hd ul li.on{ height:45px; background:#108989; color: #fff; transition: all .3s; }
#m_show .hd ul li.on::after{ bottom: -9px; opacity: 1; transition: all .3s; }
#m_show .bd{ margin-top: 25px; overflow: hidden; }
#m_show .bd a{ display: block; overflow: hidden; width: 100%; height: 200px; position: relative; }
#m_show .bd a img{ width: 100%; height: 100%; object-fit: cover; }
#m_show .bd a p{ box-sizing: border-box; height: 36px; line-height: 36px; text-align: center; background: rgba(0,0,0,.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px; font-size: 18px; color: #fff; font-weight: bold; position: absolute; bottom:0; width: 100%;  }
/*m_honor*/
.m_honor{ overflow: hidden; background: #d2e9f9; padding:45px 0; }
.m_honor .hd{ text-align: center; padding-bottom: 46px; }
.m_honor .hd strong{ display: block; height: 36px; text-indent: -9999px; background: url(../img/honor_tit.png) no-repeat center; margin-bottom: 15px; }
.m_honor .hd p{ font-size: 16px; color: #333333; line-height: 1; }
.m_honor .bd{ position: relative; overflow: hidden; padding:0 52px; }
.m_honor .bd a{ display: block; width: 100%;  }
.m_honor .bd a .img{ width: 100%; height: 264px; }
.m_honor .bd a .img img{ width: 100%; height: 100%; object-fit: cover; }
.m_honor .bd a p{ font-size: 14px; color: #333333; line-height: 1; padding:15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.m_honor .bd a:hover p{ color: #108989; }
.m_honor .bd .swiper-button-next,.m_honor .bd .swiper-button-prev{ outline: none; text-align: center; width: 43px; height: 43px; transition: all .3s; }
.m_honor .bd .swiper-button-prev{ background: url(../img/c-h-l.png) no-repeat center; left: 0; }
.m_honor .bd .swiper-button-next{ background: url(../img/c-h-r.png) no-repeat center; right: 0; }
.m_honor .bd .swiper-button-prev:hover{ background: url(../img/c-h-l-h.png) no-repeat center; transition: all .3s; }
.m_honor .bd .swiper-button-next:hover{ background: url(../img//c-h-r-h.png) no-repeat center; transition: all .3s; }
/*m_news*/
.m_news{ overflow: hidden; background: url(../img/news_bg.jpg) no-repeat; padding:40px 0 80px; }
.m_news .inner > strong{ display: block; height: 56px; text-indent: -9999px; background: url(../img/news_tit.png) no-repeat center; margin-bottom: 26px; }
#m_news .hd{ height:44px; line-height:44px; text-align: center; }
#m_news .hd ul li{ display: inline-block; width: 150px; text-align: center; border:1px solid #e4e3e3; cursor:pointer; font-size: 18px; color: #333333; position: relative; transition: all .3s; }
#m_news .hd ul li + li{ margin-left: 8px; }
#m_news .hd ul li.on{ height:44px; background:#108989; border-color: #108989; color: #fff; transition: all .3s; }
#m_news .bd{ margin-top: 25px; overflow: hidden; }
#m_news .bd .fl{ width: 482px; }
#m_news .bd .fl .img{ height: 326px; width: 100%; overflow: hidden; }
#m_news .bd .fl .img img{ width: 100%; height: 100%; object-fit: cover; }
#m_news .bd .fl .txt{ overflow: hidden; padding-top: 24px; }
#m_news .bd .fl .txt span{ font-size: 14px; color: #666666; line-height: 1; }
#m_news .bd .fl .txt strong{ font-size: 18px; color: #333333; line-height: 1; display: block; padding:18px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#m_news .bd .fr{ width: 678px; }
#m_news .bd .fr li{ padding-bottom: 30px; overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #babbbb; }
#m_news .bd .fr .img{ height: 104px; width: 144px; float: left; margin-right: 15px; overflow: hidden; }
#m_news .bd .fr .img img{ width: 100%; height: 100%; object-fit: cover; }
#m_news .bd .fr .txt{ overflow: hidden; width: 505px; float: left; }
#m_news .bd .fr .txt span{ font-size: 14px; color: #666666; line-height: 1; }
#m_news .bd .fr .txt strong{ font-size: 18px; color: #333333; line-height: 1; display: block; padding:18px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*m_link*/
.m_link{ height: 58px; line-height: 58px; background: #108989; }
.m_link strong{ font-size: 18px; color: #ffffff; font-weight: bold; }
.m_link a{ display: inline-block; font-size: 16px; color: #dce6f6; margin:0 20px; }
.m_link a:hover{ color: #ff8800; }
/*footer*/
.f_top{ overflow: hidden; background: #1f1f1f; padding:54px 0 20px; }
.f_top .inner{ height: 280px; }
.f_nav > strong, .f_contact > strong, .f_msg > strong { font-size: 20px; font-weight: bold; color: #fcfbfb; line-height: 1; display: block; margin-bottom: 36px; }
.f_nav{ width: 470px; }
.f_nav div a{ display: inline-block; float: left; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #8d8f90; box-sizing: border-box; padding-left: 20px; line-height: 1; margin-bottom: 32px; position: relative; }
.f_nav div a:nth-child(even){ margin-left: 20px; }
.f_nav div a::before{ content: ""; display: inline-block; position: absolute; top:5px; left:0; width:0; height:0; border-top:3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #e8ebf0; transition: all .3s; }
.f_nav div a:hover{ color: #ff8800; }
.f_nav div a:hover::before{ left: 5px; border-left: 5px solid #ff8800; transition: all .3s; }
.f_contact{ width: 400px; }
.f_contact div p{ font-size: 14px; color: #8c9093; line-height: 24px; }
.f_contact div p strong{ font-size: 30px; color: #fefefe; font-weight: bold; line-height: 1; }
.f_contact ul{ margin-top: 28px; }
.f_contact li{ width: 100px; text-align: center; height: 54px; float: left; position: relative; }
.f_contact li + li{ border-left: 1px solid #293038; }
.f_contact li .hd{ text-align: center; }
.f_contact li .hd span{ font-size: 26px; color: #636568; }
.f_contact li .hd p{ font-size: 14px; color: #a9adb0; line-height: 1; margin-top: 8px; }
.f_contact li .bd{ display: none; position: absolute; left:0; top:0; }
.f_contact li .bd p{ display: inline-block; float: left; font-size: 18px; color: #333333; }
.f_contact li:nth-child(1) .bd{ top:116%; left: 36px; background: #e8ebf0; padding:10px 15px; width: 130px; border-radius: 3px; }
.f_contact li:nth-child(1) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 10px; }
.f_contact li:nth-child(1) .bd img{ float: left; margin-right: 10px; }
.f_contact li:nth-child(2) .bd{ top:116%; left: -42px; background: #e8ebf0; padding:10px 15px; width: 168px; border-radius: 3px; }
.f_contact li:nth-child(2) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 46%; }
.f_contact li:nth-child(3) .bd{ top:116%; left: -176px; background: #e8ebf0; padding:10px 15px; width: 220px; border-radius: 3px; }
.f_contact li:nth-child(3) .bd::before{ content: ""; display: inline-block; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:6px solid #e8ebf0; position: absolute; top:-6px; left: 89%; }
.f_contact li:hover .bd{ display: block; }
.f_msg{ width: 330px; }
.f_msg .bd div{ border:1px solid #fff; padding:12px; text-align: center; display: inline-block; float: left; }
.f_msg .bd div img{ width: 126px; height: 126px; background: #fff; object-fit: contain; }
.f_msg .bd div p{ font-size: 14px; color: #fff; margin-top:12px; line-height: 1; }
.f_msg .bd div + div{ margin-left: 20px; }

/*.f_msg input{ width: 100%; height: 42px; background: unset; line-height: 42px; box-sizing: border-box; padding:0 24px; border:1px solid #5a5a5a; font-size: 14px; color: #cccccc; }
.f_msg input + input{ margin-top: 10px; }
.f_msg input:last-child{ background: #108989; border-color: #108989; cursor: pointer; }
.f_msg input:last-child:hover{ background: #ff8800; border-color: #ff8800; }*/
.f_copy{ line-height: 48px; background: #000204; }
.f_copy p{ color: #62676a; font-size: 14px; }
/*article*/
.main{ overflow: hidden; padding-top: 20px; }
.news_content{ overflow: hidden; margin:30px 0; }
.news_title h2{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
.news_title p{ font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.news_content .fl{ width: 840px; background: #fff; box-sizing: border-box; padding:30px; }
.news_content .fl p{ font-size: 16px; color: #333; line-height: 1.5; margin-bottom: 10px; }
.news_content .fr{ width: 330px; box-sizing: border-box; }
.news_content .fr div{ font-size: 16px; color: #666; padding:20px; background: #fff; margin-bottom: 20px; }
.news_content .fr div a{ display: block; margin:12px 0; font-size: 18px; color: #666; line-height: 1.5; }
.news_content .fr div a:hover{ color: #108989; }
#dplayer{ width: 92.5%; height: 460px; margin:0 auto 20px; padding:20px 0 0; }

/*pro-bd*/
.article{ width: 880px; overflow: hidden; }
.pro-bd li{ width: 280px; float: left; margin:0 20px 20px 0; }
.pro-bd li:nth-child(3n+0){ margin-right: 0; }
.pro-bd li a{ display: block; width: 100%; overflow: hidden; }
.pro-bd li a .img{ height: 214px; width: 100%; overflow: hidden; }
.pro-bd li a .img img{ width: 100%; height: 100%; object-fit: cover; }
.pro-bd li a .txt{ text-align: center; background: #fff; border:1px solid #e1e1e6; border-top: 0; box-sizing: border-box; padding:6px 18px 18px; }
.pro-bd li a .txt strong{ line-height: 45px; font-size: 18px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-bd li a .txt p{ font-size: 14px; color: #666666; line-height: 24px; text-align: left; }
.pro-bd li a .txt span{ display: inline-block; margin-top: 16px; padding:10px 20px; line-height: 1; font-size: 14px; color: #3e474d; background: #f0f0f0; border:1px dashed #c6cdd3; border-radius: 3px; transition: all .3s; }
.pro-bd li a:hover .txt span{ background: #108989; color: #fff; border-color: #95a9c4; transition: all .3s; }
/*案例*/
.case_list li{ width: 280px; float: left; margin:0 20px 20px 0; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list li a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.case_list li a .img{ width: 100%; height: 236px; overflow: hidden; }
.case_list li a .img img{ width: 100%; height: 100%; object-fit: cover; }
.case_list li a .txt{ border-top:1px solid #dedada; height: 120px; box-sizing: border-box; padding:50px 12px 0;  }
.case_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; }
.case_list li a > span{ display: inline-block; width: 82px; height: 82px; background: #fff; padding:4px; border-radius: 50%; position: absolute; left: 50%; margin-left: -41px; bottom:76px; }
.case_list li a > span i{ display: block; height: 100%; background: #108989 url(../img/case_ico.png) no-repeat center; border-radius: 50%; }
/*新闻列表*/
.news_list{ overflow: hidden; }
.news_list li{ width: 425px; margin-bottom: 20px; float: left; margin-right: 30px; box-sizing: border-box; padding:30px; border:2px dashed #eee; transition: .36s all ease; position: relative; top:0; }
.news_list li:nth-child(even){ margin-right: 0; }
.news_list li strong{ font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list li span{ display: block; line-height: 40px; color: #ddd; font-size: 14px; height: 40px; }
.news_list li p{ line-height: 28px; font-size: 16px; margin: 10px 0; height: 56px; }
.news_list li small{ padding: 15px 30px; margin-top: 10px; color: #666; border: 1px solid #ddd; display: inline-block; }
.news_list li:hover{ border:2px dashed #108989;top:2px; transition: .36s all ease; }
.news_list li:hover strong{ color: #108989; }
.news_list li:hover small{ background: #108989; color: #fff; }
/*产品详情内页*/
.p_focus{ overflow: hidden; margin:44px 0 50px; }
.p_focus .fl{ width: 592px; }
.p_focus .fl img{ width: 100%; height: 424px; object-fit: cover; }
.p_focus .fr{ width: 578px; }
.p_focus .p_info > strong{ display: block; width: 100%; line-height: 65px; font-size: 22px; font-weight: bold; float: left; color: #108989; }
.p_focus .p_info > div{ background: #f1f2f4; padding:18px; clear: both; }
.p_focus .p_info > div p{ font-size: 14px; color: #666666; line-height: 30px; }
.p_focus .p_info > div p span{ color: #333333; font-weight: bold; }
.p_focus .p_info > div p i{ color: #ff8800; }
.p_focus .p_info > p{ overflow: hidden; margin:25px 0 30px; line-height: 1; }
.p_focus .p_info > p span{ font-size: 14px; color: #333333; font-weight: bold;  }
.p_focus .p_info > p b{ font-size: 36px; color: #ff8800; font-weight: bold;  }
.p_focus .p_info > a{ border-radius: 30px; display: inline-block; padding:12px 40px; background: #ff8800; font-size: 16px; color: #ffffff; }
.p_focus .p_info > a span{ font-size: 20px; color: #fff; display: inline-block; margin-right: 10px; }
.p_focus .p_info > a + a{ background: #3a3939; margin-left: 10px; }
.p_tit{ clear: both; text-align: center;  }
.p_tit h2{ font-size: 30px; color: #108989; font-weight: bold; line-height: 1; margin-bottom: 24px; }
.p_tit p{ font-size: 16px; color: #666666; line-height: 1; margin-bottom: 14px; }
.t_strong{ width: 100%; border-bottom: 1px solid #108989; margin-bottom: 24px; }
.t_strong strong{ display: inline-block; background: #108989; padding:12px 18px; line-height: 1; font-size: 18px; color: #fefcfc; font-weight: bold; }
.p_album{ overflow: hidden; }
#album{ overflow: hidden; padding:0 0 52px; }
#album a{ display: block; width: 100%; height: 170px; }
#album a img{ width: 100%; height: 100%; object-fit: cover; }
.p_content{ overflow: hidden; padding:0 145px; }
.p_content strong{ font-weight: bold; }
.p_content p, .article p{ font-size: 20px; color: #000000; line-height: 36px; }
.p_content h4{ height: 54px; line-height: 54px; background: #dad7d7; text-align: center; font-size: 22px; color: #333333; border-radius: 4px; margin:12px 0; }
.p_content .parm{ width: 50%; float: left; padding-right: 20px; box-sizing:border-box; }
.p_content .parm p{ height: 32px; line-height: 32px; background: #eeeeee; font-size: 22px; color: #333333; }
.p_content .parm p + p{ margin-top: 5px; }
.p_content .parm p span{ display: inline-block; width: 35%; box-sizing:border-box; padding:0 15px; text-align: center; margin-right: 10px; background: #124da5; color: #fff; }
.p_content .parm_img{ width: 50%; float: left; }
.p_content .parm_img img{ width: 100%; }
.p_content #dplayer{ width: 100%; }
.p_super{ overflow: hidden; }
.o_tit{ height: 50px; line-height: 50px; background: url(../img/o_tit_bg.jpg) no-repeat left center; margin: 30px 0; }
.o_tit strong{ font-size: 28px; color: #fefcfc; line-height: 50px; display: inline-block; padding-left: 18px; font-weight: bold; height: 50px; }
.p_super .hd{ text-align: center; position: relative; margin:8px 0 24px; }
.p_super .hd span{ display: block; width: 100%; color: #e5ebf4; text-transform: uppercase; font-size: 58px; font-family: Arial; line-height: 1; font-weight: 900; }
.p_super .hd strong{ font-size: 36px; color: #353536; font-weight: bold; position: absolute; top:14px; left: 0; width: 100%; }
.p_super .hd p{ font-size: 16px; color: #848484; line-height: 1; margin-top: 20px; }
.p_super ul{ overflow: hidden; padding:0 90px 12px; text-align: center; }
.p_super ul li{ display: inline-block; margin-right: 35px; }
.p_super ul li:nth-child(5){ margin-right: 0; }
.p_super ul li:nth-child(3){ clear: left; }
.p_super .bd p{ height: 62px; line-height: 68px; background: url(../img/p_super_p.png) no-repeat left center; font-size: 22px; color: #fffefe; margin-bottom: 10px; }
.p_super .bd p strong{ padding:0 26px 0 30px; display: inline-block; font-size: 24px; position: relative; top:-6px; font-weight: bold; }
.p_case a{ display: block; width: 100%; height: 316px; box-sizing: border-box; border:3px solid #108989; }
.p_case a img{ width: 100%; height: 100%; object-fit: cover; }
.p_honor{ overflow: hidden; padding:60px 0; }
.p_honor .hd{ text-align: center; position: relative; padding-bottom: 70px; }
.p_honor .hd span{ display: block; width: 100%; color: rgba(3,68,165,.23); text-transform: uppercase; font-size: 62px; font-family: Arial; line-height: 1; font-weight: 900; }
.p_honor .hd strong{ font-size: 40px; color: #108989; font-weight: bold; position: absolute; top:18px; left: 50%; margin-left: -80px; }
.p_honor .bd a{ display: block; width: 100%;height: 388px; }
.p_honor .bd a img{ width: 100%; height: 100%;  object-fit: cover; }
#prev_next{ margin-top: 20px; border-top: 2px dotted #ccc; padding:15px 0; }
#prev_next li{ color: #7e8c8d; width: 50%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#prev_next li + li{ text-align: right; }
#prev_next li a:hover{ color: #088683; }
/*contact us*/
.u_info{ overflow: hidden; clear: both;  padding-top: 20px; }
.u_info .fl{ width: 1000px; }
.u_info .fr{ width: 200px; text-align: right; }
.u_info .fr img{ max-width: 100%; float: right; padding-top: 40px; }
.u_info .tit, .u_map .tit, .u_msg .tit{ overflow: hidden; margin-bottom: 42px; }
.u_info .tit strong, .u_map .tit strong, .u_msg .tit strong{ line-height: 1; font-size: 36px; color: #333333; font-weight: normal; }
.u_info .tit p, .u_map .tit p, .u_msg .tit p{ line-height: 1; margin-top: 10px; font-size: 16px; color: #666666; position: relative; padding-left: 30px; text-transform: uppercase; }
.u_info .tit p::before, .u_map .tit p::before, .u_msg .tit p::before{ content: ""; display: inline-block; border:0; width: 24px; height: 2px; background: #333; position: absolute; left:0; top:50%; margin-top: -1px; }
.u_info .txt p{ width: 50%; float: left; font-size: 16px; color: #333333; line-height: 30px; }
.u_info .txt p a{ color: #333; }
.u_info .txt p a:hover{ color: #f99901; }
.u_map{ overflow: hidden; margin-top: 60px; }
.u_map #dituContent{ width: 1396px; height: 576px; border:2px solid #f1f1f1; }
.u_msg{ overflow: hidden; margin: 38px 0; background: #f0f0f1; box-sizing: border-box; padding:80px; }
.u_msg .fl{ width: 100%; }
#u_msg{ overflow: hidden; }
#u_msg .form-top{ overflow: hidden; margin-bottom: 20px; }
#u_msg .form-top input{ width: 510px; float: left; height: 60px; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top input + input{ margin-left: 20px; }
#u_msg .form-con textarea{ width: 100%; height: 60px; resize: none; margin-bottom: 20px; box-sizing: border-box; padding:22px 20px 0; font-size: 16px; color: #666666; background: #fff; }
#u_msg .form-top .verify{ margin-left: 20px;  height: 62px; float: left; }
#u_msg .form-top .verify img{ height: 60px; }
#u_msg .form-top > a{ display: inline-block; width: 224px; float: left; margin-left: 20px; height: 60px; line-height: 60px; text-align: center; background: #0856c9; font-size: 18px; color: #fff; outline: none; cursor: pointer; }
#u_msg .form-top > a:hover{ background: #108989; color: #fff; }
/*公司简介*/
.c_info{ overflow: hidden;  }
.c_info .fl, .c_info .fr{ width: 585px; height: 400px; }
.c_info .fl a{ display: block; width: 100%; height: 100%; }
#show,#compamy{ width: 100%; height: 100%; }
.c_info .fl img{ width: 100%; height: 100%; object-fit: cover; }
#compamy .swiper-slide { font-size: 18px; line-height: 32px; font-weight: bold; margin-top: 12px; text-align: justify;  height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; }
/*资质页面*/
.honor_list{ overflow: hidden; }
.honor_list li{ width: 285px; float: left; margin-right: 20px; margin-bottom: 20px; }
.honor_list li:nth-child(4n+0){ margin-right: 0; }
.honor_list li a{ display: block; width: 100%; overflow: hidden; }
.honor_list li a img{ width: 100%; height: 100%; height: 386px;  object-fit: contain; background: #fafafa; }
.honor_list li a h3{ font-size: 18px; font-weight: bold; color: #333333; line-height: 1; padding: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; }
.honor_list li:hover h3{ color: #108989; }

.show_list{ overflow: hidden; }
.show_list li{ width: 285px; float: left; margin-right: 20px; margin-bottom: 20px; }
.show_list li:nth-child(4n+0){ margin-right: 0; }
.show_list li a{ display: block; width: 100%; overflow: hidden; }
.show_list li a img{ width: 100%; height: 100%; height: 220px;  object-fit: cover; background: #fafafa; }
.show_list li a h3{ font-size: 18px; font-weight: bold; color: #333333; line-height: 1; padding: 15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; }
.show_list li:hover h3{ color: #108989; }
/*侧边浮窗*/
.scrollsidebar{position:absolute; z-index:999; top:150px; width: 130px; overflow: hidden; transition: all .3s; }
.close_btn{ cursor: pointer; display: inline-block; width: 16px; height: 16px; background: url(../img/ico-close.png) no-repeat; position: absolute; top:5px; right: 5px; text-indent: -999px; }
.scrollsidebar .s_hd img{ width: 100%; position: relative; bottom: -3px; }
.scrollsidebar .s_center{ width: 130px; border:5px solid #1d3f9f; background: #fff; text-align: center; box-sizing: border-box; padding:0 3px; }
.scrollsidebar .s_center p{ font-size: 14px; color: #1d3f9f; padding:20px 0 15px;  }
.scrollsidebar .s_center h3{ font-size: 16px; color: #1d3f9f; font-weight: bold; margin-bottom: 15px; }
.scrollsidebar .s_center a{ display: inline-block; border-radius: 30px; background: #1d3f9f; padding:10px 14px; font-size: 14px; color: #fff; }
.scrollsidebar .s_center a span{ font-size: 14px; color: #fff; display: inline; }
.scrollsidebar .s_center .close_btn{ cursor: pointer; padding:0; display: inline-block; width: 16px; height: 16px; background: url(../img/ico-close.png) no-repeat; position: absolute; top:5px; right: 5px; text-indent: -999px; }
.scrollsidebar .s_center img{ margin:14px 0 12px; max-width: 100%; }
.scrollsidebar .s_center span{ display: block; font-size: 14px; color: #666666; padding-bottom: 10px; }
.scrollsidebar .s_center .cd-top{  width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:7px solid #1d3f9f; position: absolute; bottom:5px; cursor: pointer; left: 50%; margin-left: -8px; }