/*!
 * @ 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: #0344a5; color: #fff; }
img{ max-width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
@font-face{ font-family: DIN; src: url('./fonts/DIN-Medium.ttf'); }
/*header*/
.header{ overflow: hidden; background: url(../img/header_bg.jpg) no-repeat top center; }
/*h-tool*/
.h-tool{ height: 46px; line-height: 46px; overflow: hidden; border-bottom: 1px solid #e3e1e1; }
.h-tool .fl p{ font-size: 14px; color: #666666; }
.h-tool .fr{ overflow: hidden; text-align: right; }
.h-tool .fr a{ display: inline-block; margin:0 14px; line-height: 46px; font-size: 14px; color: #666666; }
.h-tool .fr a span{ font-size: 16px; color: #666666; margin-right: 10px; display: inline-block; text-align: right; line-height: 1; position: relative; top:0; }
.h-tool .fr a:nth-child(2) span{ font-size: 20px; width: 18px; top:2px; }
.h-tool .fr a:nth-child(3) span{ font-size: 26px; width: 18px; top:0; }
.h-tool .fr a:hover, .h-tool .fr a:hover span{ color: #00a73e; }
/*h-top*/
.h-top{ overflow: hidden; padding:20px 0; }
.h-top .tel{ text-align: right; }
.h-top .tel > span{ display: inline-block; width: 54px; height: 54px; background: #00a73e; border-radius: 50%; text-align: center; line-height: 54px; font-size: 26px; color: #fff; float: left; margin-right: 12px; }
.h-top .tel > div{ float: left; text-align: left; }
.h-top .tel > div small{ font-size: 14px; color: #666666; display: block; line-height: 1; margin:3px 0 7px; }
.h-top .tel > div strong{ font-family: DIN; font-size: 30px; color: #333333; line-height: 1; }
/*h-menu*/
.h-menu{ height: 56px; line-height: 56px; background: #016bbf; }
.h-menu li{ display: inline-block; float: left; text-align: center; overflow: hidden; position: relative; }
.h-menu li + li{ border-left: 1px solid #1184ad; }
.h-menu li a{ text-align: center; display: inline-block; padding:0 6px; font-size: 15px; color: #ffffff; position: relative; }
.h-menu li a span{ font-size: 18px; color: #fff; margin-right: 10px; }
.h-menu li a small{ display: inline-block; padding:12px 20px; background: #016bbf; transition: all .3s; line-height: 1; }
.h-menu li:hover{ border-color: #016bbf; }
.h-menu li:hover a small{ background: #00a73e; border-radius: 10px 0 10px 0; transition: all .3s; }
/*banner*/
#banner{ width: 100%; height: 620px; }
#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: 620px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:70px; left: 0; }
#banner .swiper-slide .b1_p{position: absolute; top:308px; left: 25px; }
#banner .swiper-slide .b1_tel{position: absolute; top:446px; left: 22px; }
#banner .swiper-slide .b1_img{position: absolute; top:22px; right: -22px; }
#banner .swiper-slide .b2_img{ position: absolute; top:62px; left: 438px; }
#banner .swiper-slide .b2_tit{ position: absolute; top:116px; left: 0; }
#banner .swiper-slide .b2_p{ position: absolute; top:320px; left: 0; }
#banner .swiper-slide .b2_a{ position: absolute; top:400px; left: 0; }
#banner .swiper-slide .b3_tit{ position: absolute; top:146px; left: 160px; }
#banner .swiper-slide .b3_p{ position: absolute; top:272px; left: 82px; }
#banner .swiper-slide .b3_a{ position: absolute; top:350px; left: 50%; margin-left: -17px; }
#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 66px; height: 66px; border:1px solid #7babd4; border-radius: 50%; margin-top:-33px; }
#banner .swiper-button-prev{ left: 220px; }
#banner .swiper-button-next{ left: auto; right: 220px; }
#banner .swiper-button-prev::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -2px; }
#banner .swiper-button-next::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -4px;  }
#banner .swiper-button-prev:hover{ background: #00a73e; border-color: #00a73e; }
#banner .swiper-button-next:hover{ background: #00a73e; border-color: #00a73e; }
#banner .swiper-button-prev:hover::before{ border-right:6px solid #fff; }
#banner .swiper-button-next:hover::before{ border-left:6px solid #fff; }
#banner .swiper-pagination{ bottom: 44px; }
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border:1px solid transparent; position: relative; }
#banner .swiper-pagination-bullet::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: transparent; position: absolute; left:2px; top:2px; }
#banner .swiper-pagination-bullet-active{ background: transparent;  border:1px solid #fff; }
#banner .swiper-pagination-bullet-active::before{ background: #fff;  }
.sub_banner{ width: 100%; height:338px; }
.sub_banner img{ margin:72px 0 0 4px; }
/*h-key*/
.h-key{ background: #fff; padding:10px 0; overflow: hidden; }
.h-keys{ line-height: 40px; }
.h-keys h3{ display: inline-block; float: left; font-size: 16px; color: #333; margin-right: 12px; }
.h-keys a{ display: inline-block; font-size: 16px; color: #666; }
.h-keys a + a{ margin-left: 16px; }
.h-keys a:hover{ color: #00a73e; }
.h-search{ overflow: hidden; }
.h-search form{ width: 225px; height: 38px; border:1px solid #f0f1f1; }
.h-search .search_text{ width: 178px; height: 38px; background: transparent; border:0; outline: none; float: left; padding-left: 16px; box-sizing: border-box; line-height: 38px; font-size: 14px; color: #999999; }
.h-search .search_btn{ width: 47px; height: 38px; border:0; outline: none; cursor: pointer; background: url(../img/ico_search.jpg) no-repeat center; }
/*location*/
.location{ font-size: 14px; color: #666666; overflow: hidden; line-height: 56px; height: 56px; background: #f7f7f7; border-bottom: 1px solid #e3e3e3; }
.location .fl strong{ font-size: 18px; color: #196ba9; font-weight: bold; }
.location .fr a{ font-size: 14px; color: #666666; }
.location .fr span{ font-size: 16px; color: #999999; margin:0 10px 0 0; }
/*m_product*/
.m_product{ overflow: hidden; background: #f2f2f2; padding:48px 0 64px; }
.m_product .inner{ overflow: visible; }
.m_product .inner > .hd{ text-align: center; margin-bottom: 50px; height: 102px; text-indent: -9999px; background: url(../img/product_tit.png) no-repeat center; }
.m_product .more{ display: block; padding-top:50px; overflow: hidden; clear: both; text-align: center; }
.m_product .more a{ display: inline-block; padding:18px 24px; line-height: 1; border:1px solid #dedbdb; font-size: 16px; color: #333333; border-radius: 10px 0 0 0; transition:all .3s; letter-spacing: 0; }
.m_product .more a + a{ background: #00a73e; border-color: #00a73e; font-size: 16px; color: #fff; border-radius: 0 0 10px 0; margin-left: -4px; }
.m_product .more a:hover{ background: #016bbf; border-color: #016bbf; letter-spacing: 3px; transition:all .3s; color: #fff; }
.s_type{ width: 289px; overflow: hidden; border-bottom: 6px solid #016bbf; }
.s_type .hd{ height: 58px; line-height: 58px; background: #016bbf; box-sizing: border-box; padding:0 23px 0 30px; position: relative; }
.s_type .hd::after{ content: ""; display: block; width: 0; height: 100%; background: #00a73e; position: absolute; top:0; left: 0; transition:all .5s; }
.s_type .hd a{ display: block; position: relative; z-index: 33; }
.s_type .hd small{ font-size: 20px; color: #ffffff; }
.s_type .hd span{ font-size: 20px; color: #fff; line-height: 58px; display: inline-block; float: right; }
.s_type .hd:hover::after{ width: 100%; transition: all .5s; }
.s_type .bd{ background: #d6e8f6; overflow-y: scroll; overflow-x: hidden; height: 180px; scroll-behavior: smooth; }
.s_type .bd a{ display: block; height: 36px; line-height: 36px; box-sizing: border-box; padding-left: 36px; font-size: 14px; color: #333333; transition:all .5s; }
.s_type .bd a span{ font-size: 8px; color: #92979c; margin-right: 16px; display: inline-block; transition:all .5s;  }
.s_type .bd a:hover{ padding-left: 42px; transition:all .5s; color: #00a73e;  }
.s_type .bd a:hover span{ color: #00a73e; }
.s_type .bd::-webkit-scrollbar { width:4px; height: 2px; }
.s_type .bd::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #016bbf;  }
.s_type .bd::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #a3a5a6; }
.m_plist{ width: 880px; overflow: hidden; }
.m_plist a{ display: block; width: 100%; overflow: hidden; border-radius: 10px; }
.m_plist a .img{ width: 100%; height: 256px; overflow: hidden; transition: all .5s; background: #d6e8f6; }
.m_plist a .img img{ width: 100%; height: 100%; object-fit: contain; transition:all .5s; }
.m_plist a .txt{ height: 96px; background: #e6e6e6; box-sizing: border-box; padding:20px;  transition:all .3s; }
.m_plist a .txt strong{ line-height: 20px; display: block; width: 80%; float: left; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
.m_plist a .txt span{ display: block; font-size: 20px; width: 20px; height: 20px; color: #696969; float: right; }
.m_plist a .txt p{ clear: both; line-height: 1; padding:20px 0 6px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_plist a:hover img{ transition: all .5s; transform: scale(1.05); }
.m_plist a:hover .txt{ background: #016bbf; transition:all .3s; }
.m_plist a:hover .txt strong{ color: #fff; padding-left: 5px; transition:all .5s; }
.m_plist a:hover .txt span{ color: #fff; margin-right: 5px; transition:all .5s; }
.m_plist a:hover .txt p{ color: #fff; transition:all .5s; }
/*m_show*/
.m_show{ background: url(../img/show_bg.jpg) no-repeat top center; height: 213px; }
.m_show .fl{ width: 790px; padding-top: 48px; }
.m_show .fl img + img{ margin-top:16px; }
.m_show .fr{ width: 410px; padding-top: 45px; }
.m_show .fr > img{ margin:26px 0 16px;  }
.m_show .fr strong{ font-family: Impact; font-size: 36px; color: #fff; line-height: 1; display: inline-block; }
.m_show .fr > div{ float: right; width: 108px; }
.m_show .fr > div img{ width: 100%; }
.m_show .fr > div p{ text-align: center; line-height: 1; font-size: 14px; color: #ffffff; margin-top:14px; }
/*m_case*/
.m_case{ overflow: hidden; padding:68px 0 90px; }
.m_case .inner > .hd{ text-align: center; margin-bottom: 24px; height: 103px; text-indent: -9999px; background: url(../img/case_tit.png) no-repeat center; }
.case_box .hd{ height: 64px; border:1px solid #dfe2e3; width: 100%; box-sizing: border-box; margin-bottom:20px; }
.case_box .hd li{ padding:0 50px; line-height: 64px; float: left; text-align: center; font-size: 18px; color: #040d2a; cursor: pointer; }
.case_box .hd li span{ display: inline-block; width: 32px; height: 32px; font-size: 30px; color: #454444; margin-right: 18px; line-height: 1; position: relative; top:4px; }
.case_box .hd li + li{ border-left: 1px solid #dfe2e3; }
.case_box .hd li.on{ background: #016bbf; color: #fff; }
.case_box .hd li.on span{ color: #fff; }
.case_box .bd ul{ overflow: hidden; background: #f2f2f2; height: 434px; }
.case_box .bd ul .fl{ width: 504px; box-sizing: border-box; padding:50px; }
.case_box .bd ul .fl strong{ margin:7px 0 45px; font-size: 24px; color: #333333; font-weight: bold; line-height: 34px; display: block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.case_box .bd ul .fl p{ font-size: 14px; color: #333333; line-height: 34px; margin-bottom:32px; }
.case_box .bd ul .fl a{ display: inline-block; padding:14px 24px; border:1px solid #016bbf; background: #016bbf; border-radius: 10px 0 10px 0; line-height: 1; font-size: 14px; color: #ffffff; }
.case_box .bd ul .fl a span{ font-size: 18px; line-height: 1; color: #fff; margin-left: 12px; }
.case_box .bd ul .fl a + a{ border-color: #edeaea; background: #fff; color: #333333; margin-left: 12px;border-radius: 10px 0 10px 0; }
.case_box .bd ul .fl a + a span{ color: #3b3b3b; }
.case_box .bd ul .fl a:hover{ background: #00a73e; border-color: #00a73e; color: #fff; }
.case_box .bd ul .fl a:hover span{ color: #fff; }
.case_box .bd ul .fr{ width: 696px; height: 100%; overflow: hidden; position: relative; }
.case_box .bd ul .fr img{ width: 100%; height: 100%; object-fit: cover; }
.case_box .bd ul .fr .txt{ height: 60px; background: rgba(7,78,103,.5); width: 100%; box-sizing: border-box; padding:0 40px; position: absolute; left:0; bottom:0; }
.case_box .bd ul .fr .txt strong{ display: block; width: 90%; float: left; font-size: 16px; color: #ffffff; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_box .bd ul .fr .txt span{ font-size: 30px; line-height: 60px; color: #c1d3d9; float: right; }
.case_brand{ overflow: hidden; margin-top:36px; text-align: center; }
.case_brand .swiper-slide{ overflow: hidden; }
.case_brand .swiper-slide .img{ width: 100%; height: 94px; border:1px solid #dfe2e3; overflow: hidden; box-sizing: border-box; padding:15px; }
.case_brand .swiper-slide img{ width: 100%; height: 100%; object-fit: contain; }
.case_brand .swiper-slide strong{ display: block; font-size: 14px; color: #333333; line-height: 30px; text-align: center; }
.case_brand > a{ display: inline-block; width: 178px; height: 52px; line-height: 52px; text-align: center; font-size: 14px; color: #666666; border-radius: 4px; border:1px solid #dedddd; position: relative; top:-3px; transitiona:all .3s; }
.case_brand > a:hover{ background:#00a73e; color: #fff; transition:all .3s;  }
.case_brand .case_tel{ height: 50px; border:1px solid #00a73e; border-radius: 4px; display: inline-block; margin-left: 22px; }
.case_brand .case_tel span{ display: inline-block; background: #00a73e; width: 50px; float: left; text-align: center; font-size: 14px; color: #fff; line-height: 18px; box-sizing: border-box; padding:7px 10px; }
.case_brand .case_tel small{ display: inline-block; background: #f4f4f4; width: 196px; line-height: 50px; font-size: 24px; color: #00a73e; }
#brand{ overflow: hidden; margin-bottom:40px; }
/*m_super*/
.m_super{ overflow: hidden; background: url(../img/super_bg.jpg) no-repeat top center; box-sizing: border-box; padding:70px 0; }
.m_super .inner > .hd{ text-align: center; margin-bottom: 24px; height: 91px; text-indent: -9999px; background: url(../img/super_tit.png) no-repeat center; }
.m_super .bd{ overflow: hidden; }
.m_super .bd li{ width: 291px; float: left; box-sizing: border-box; background: #fff; padding:20px 16px; transition: all .5s; }
.m_super .bd li .img{ width: 100%; height: 215px; overflow: hidden; }
.m_super .bd li .img img{ width: 100%; height: 100%; object-fit: cover; transitiona: all .5s; }
.m_super .bd li + li{ margin-left: 12px; }
.m_super .bd li:first-child{ border-radius: 40px 0 0 0; }
.m_super .bd li:first-child .img{ border-radius: 40px 0 0 0; }
.m_super .bd li:last-child{ border-radius: 0 40px 0 0; }
.m_super .bd li:last-child .img{ border-radius: 0 40px 0 0; }
.m_super .bd li .txt{ min-height: 318px; }
.m_super .bd li .txt > .img{ width: 75px; height: 75px; margin:-28px auto 0; background: #fff; border-radius: 50%; text-align: center; line-height: 75px; position: relative; }
.m_super .bd li .txt > .img img{ width: auto; height: auto; vertical-align: middle; }
.m_super .bd li .txt strong{ display: inline-block; height: 38px; line-height: 38px; font-size: 20px; color: #016bbf; font-weight: bold; border-bottom: 1px solid #dbddde; transition:all .5s; width: auto; margin-bottom:12px; }
.m_super .bd li .txt p{ font-size: 14px; line-height: 24px; color: #666666; padding-left: 36px; transition: all .5s; position: relative; }
.m_super .bd li:hover{ background: #00a73e; transition: all .5s; }
.m_super .bd li:hover img{ transition:all .5s; transform: scale(1.05); }
.m_super .bd li:hover strong{ color: #fff; border-color: #fff; width: 100%; box-sizing: border-box; padding:0 15px; transition: all .5s; }
.m_super .bd li:hover p{ color: #fff; transition: all .5s; }
.m_super .bd li:hover .txt > .img img{ animation: swing 1s;}
.m_super .bd li:hover .coment .ima .cc{ background-color: #fff; }
.m_super .bd li .txt .info{ position: relative; overflow: hidden; }
.coment { width: 32px; height: 20px; position: absolute; left: 0; top:3px; }
.coment::after{ content: ""; display: inline-block; width: 20px; height: 1px; background: #dddddd; border:0; position: absolute; right: 0; top:9px; z-index: 22; }
.coment .ima {float:left;position:relative;width:20px;height:20px; z-index: 33; }
.coment .ima .cc {position:absolute;width:5px;height:5px;opacity:1;background-color:#00a73e;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:circulmove 3s infinite linear;}
.coment .ima .cc1 {animation:circulmove 3s 1s infinite linear;}
.coment .ima .cc2 {animation:circulmove 3s 2s infinite linear;}
@keyframes circulmove {0% {width:5px;height:5px;opacity:1;}
100% {width:20px;height:20px;opacity:0;}
}
/*m_flow*/
.m_flow{ overflow: hidden; box-sizing: border-box; padding:52px 0 92px; }
.m_flow .inner > .hd{ text-align: center; margin-bottom: 40px; height: 95px; text-indent: -9999px; background: url(../img/flow_tit.png) no-repeat center; }
.m_flow .bd{ overflow: hidden; position: relative; }
.m_flow .bd::after{ content: ""; width: 100%; height: 1px; background: #d9d9d9; border:0; position: absolute; top:65px; left: 0; }
.m_flow .bd li{ width: 130px; float: left; position: relative; z-index: 2; cursor: pointer; }
.m_flow .bd li + li{ margin-left: 84px; }
.m_flow .bd li .img{ width: 130px; background: #fff; box-sizing: border-box; border:1px solid #e0e0e0; height: 130px; text-align: center; line-height: 130px; border-radius: 50%; }
.m_flow .bd li .img img{ vertical-align: middle; }
.m_flow .bd li p{ text-align: center; font-size: 18px; color: #333333; line-height: 24px; margin-top:20px; }
.m_flow .bd li:hover img{ animation: swing 1s;}
.m_flow .bd li:hover .img{ border-color: #00a73e; }
.m_flow .bd li:hover p{ color: #00a73e; }
/*m_about*/
.m_about{ overflow: hidden; background: url(../img/about_bg.jpg) no-repeat top center; box-sizing: border-box; padding:52px 0 0; }
.m_about .inner > .hd{ text-align: center; margin-bottom: 30px; height: 102px; text-indent: -9999px; background: url(../img/about_tit.png) no-repeat center; }
.m_about .bd{ overflow: hidden; background: url(../img/about_bd_bg.jpg) no-repeat right center; }
.m_about .bd .fl{ width: 514px; }
.m_about .bd .fl img{ margin:8 0 18px; }
.m_about .bd .fl p{ font-size: 14px; color: #999999; line-height: 24px; }
.m_about .bd .fl a{ display: inline-block; margin-top:40px; padding:14px 28px; background: #016bbf; line-height: 1; font-size: 16px; color: #ffffff; text-transform: uppercase; transition:all .3s; }
.m_about .bd .fl a:hover{ padding: 14px 36px; background: #00a73e; }
.m_about .bd .fr{ width: 686px; height: 351px; }
.m_about .bd .fr img{ margin-left: 38px; }
/*m_factory*/
.m_factory{ overflow: hidden; margin-top:24px; background: url(../img/factory_bg.jpg) no-repeat left center; padding:38px 0; }
.m_factory a{ display: block; width: 100%; overflow: hidden; height: 245px; position: relative; }
.m_factory a img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.m_factory a strong{ display: block; width: 100%; background: rgba(0,0,0, .5); text-align: center; box-sizing: border-box; padding:0 15px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: normal; position: absolute; bottom:0; left: 0; transitiona:all .5s; }
.m_factory a:hover img{ transition:all .5s; transform: scale(1.05); }
.m_factory a:hover strong{transition:all .5s; background: rgba(0,0,0, .8); height: 56px; line-height: 56px; }
/*m_honor*/
.m_honor{ overflow: hidden; background: #f0f0f0; padding:48px 0 64px; }
.m_honor .inner{ overflow: visible; }
.m_honor .inner > .hd{ text-align: center; margin-bottom: 24px; height: 65px; text-indent: -9999px; background: url(../img/honor_tit.png) no-repeat center; }
.m_honor .bd{ overflow: hidden; position: relative; overflow: visible; }
.m_honor .bd a{ display: block; width: 100%;  }
.m_honor .bd a .img{ width: 100%; height: 242px; }
.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: #0344a5; }
.m_honor .bd .swiper-button-next,.m_honor .bd .swiper-button-prev{ background-image: none; width: 36px; height: 36px; text-align: center; margin-top: -18px; line-height: 36px; outline: none; }
.m_honor .bd .swiper-button-prev span, .m_honor .bd .swiper-button-next span{ font-size: 36px; color: #666; line-height: 36px; }
.m_honor .bd .swiper-button-next{ right: -72px; transition: all .3s; }
.m_honor .bd .swiper-button-prev{ left: -72px; transition: all .3s; }
.m_honor .bd .swiper-button-next:hover span{ color: #1b79c4; transition: all .3s; }
.m_honor .bd .swiper-button-prev:hover span{ color: #1b79c4; transition: all .3s; }
/*m_msg*/
.m_msg{ overflow: hidden; background: url(../img/msg_bg.jpg) no-repeat top center; height: 205px; box-sizing: border-box; padding:32px 0; }
.m_msg .fl{ width: 516px; }
.m_msg .fl strong{ display: block; font-size: 26px; color: #fff; font-weight: bold; line-height: 1; margin:3px 0 16px; }
.m_msg .fl strong span{ color: #ebe20b; font-weight: bold; }
.m_msg .fl p{ font-size: 14px; color: #ffffff; line-height: 1; }
.m_msg .fl > div{ display: inline-block; margin-top:16px; border:1px solid #fff; border-radius: 30px; padding:10px 24px; }
.m_msg .fl > div span{ display:  inline-block; width: 27px; height: 27px; background: #fff; border-radius: 50%; margin-right: 15px; text-align: center; line-height: 27px; font-size: 14px; color: #0a6ebd; }
.m_msg .fl > div small{ display: inline-block; font-size: 18px; color: #ffffff; font-weight: bold; line-height: 1; position: relative; top:2px; }
.m_msg .fr{ width: 684px; }
.m_msg .fr p{ font-size: 18px; color: #ffffff; line-height: 1; margin-bottom:17px; }
.m_msg .fr p strong{ color: #e8f605; }
.m_msg .fr input{ float: left; border:0; width: 486px; height: 51px; background: #fff; border-radius: 3px; box-sizing: border-box; padding-left: 22px; font-size: 14px; color: #666666; }
.m_msg .fr input + input{ margin-top:6px; }
.m_msg .fr #submit{ float: right; width: 168px; height: 108px; background: #00a73e; text-align: center; border-radius: 3px; border:0; }
.m_msg .fr #submit small{ font-size: 18px; color: #ffffff; line-height: 1; margin:20px 0 0; display: inline-block; }
.m_msg .fr #submit span{ font-size: 32px; color: #fff; line-height: 1; display: block; }
/*m_news*/
.m_news{ overflow: hidden; background: #fff; padding:66px 0 42px; }
.m_news .inner > .hd{ text-align: center; margin-bottom: 36px; height: 102px; text-indent: -9999px; background: url(../img/news_tit.png) no-repeat center; }
.m_news .tit{ border-bottom: 1px solid #ebe8e8; padding-bottom: 20px; position: relative; margin-bottom:20px; }
.m_news .tit::after{ content: ""; display: inline-block; width: 100px; height: 3px; background: #1858ba; border:0; position: absolute; left: 0; bottom:0; }
.m_news .tit strong{ font-size: 24px; color: #1858ba; line-height: 1; }
.m_news .tit strong span{ font-size: 14px; color: #999999; text-transform: uppercase; }
.m_news .tit a{ margin-top:16px; float: right; font-size: 14px; color: #666666; text-transform: uppercase; margin-right: 4px;  }
.m_news .fl{ width: 562px; }
.m_news .fl a{ display: block; height: 36px; line-height: 36px; overflow: hidden; }
.m_news .fl a strong{ width: 80%; display: block; float: left; position: relative; font-size: 14px; color: #333333; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.m_news .fl a strong::before{ content: ""; display: inline-block; width: 18px; height: 1px; background: #333333; border:0; position: absolute; left: 5px; top:18px; }
.m_news .fl a span{ float: right; font-size: 14px; color: #999999; line-height: 36px; display: inline-block; }
.m_news .fl a:first-child{ height: 246px; margin-bottom:20px; overflow: hidden; }
.m_news .fl a:first-child .img{ width: 346px; float: left; overflow: hidden; }
.m_news .fl a:first-child .img img{ width: 100%; height: 100%; object-fit: cover; }
.m_news .fl a:first-child .txt{ width: 200px; float: right; }
.m_news .fl a:first-child .txt strong{ font-size: 16px; color: #333333; height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_news .fl a:first-child .txt strong::before{ display: none; padding-left: 0; }
.m_news .fl a:first-child .txt span{ font-size: 16px; color: #999999; display: block; line-height: 1; margin:20px 0; width: 100%; }
.m_news .fl a:first-child .txt p{ font-size: 14px; color: #999999; line-height: 30px; }
.m_news .fl a:first-child .txt small{ font-size: 14px; color: #00a73e; margin-top:30px; display: inline-block; }
.m_news .fr{ width: 562px; }
.m_news .fr .bd a{ display: block; width: 100%; height: 100px; overflow: hidden; clear: both; }
.m_news .fr .bd a + a{ margin-top:40px; }
.m_news .fr .bd a .img{ width: 180px; height: 100%; float: left; overflow: hidden; }
.m_news .fr .bd a .img img{ width: 100%; height: 100%; overflow: hidden; }
.m_news .fr .bd a .txt{ width: 350px; float: right; }
.m_news .fr .bd a .txt strong{ display: block; height: 28px; line-height: 28px; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; margin-bottom:18px; }
.m_news .fr .bd a .txt strong span{ float: left; text-align: center; display: block; width: 22px; height: 22px; background: #1858ba; font-size: 14px; color: #ffffff; line-height: 22px; margin-right: 10px; }
.m_news .fr .bd a .txt p{ font-size: 14px; color: #999999; line-height: 24px; }
.m_news .fr .bd a .txt p span{ float: left; text-align: center; display: block; width: 22px; height: 22px; background: #00a73e; font-size: 14px; color: #ffffff; line-height: 22px; margin-right: 10px; }
/*footer*/
.footer{ background:#404040; padding:77px 0 0; }
.f_top{ overflow: hidden; }
.f_top strong{ display: block; height: 46px; border-bottom: 1px dotted #4f4f50; text-align: left; font-size: 18px; color: #fff; margin-bottom:16px; }
.f_logo{ width: 310px; }
.f_logo img{ margin:17px 0 30px; }
.f_logo div{ padding-left: 46px; background: url(../img/f_tel_ico.png) no-repeat left center; }
.f_logo div p{ font-size: 22px; color: #999999; line-height: 26px; }
.f_nav{ width: 240px; }
.f_nav div{ overflow: hidden; }
.f_nav div a{ display: block; float: left; width: 33%; text-align: left; font-size: 14px; color: #999999; line-height: 30px; }
.f_contact{ margin-left: 70px; width: 240px; }
.f_contact p{ font-size: 14px; color: #999999; line-height: 30px;  }
.f_ewm{ width: 240px; }
.f_ewm > div{ width: 106px; float: left; }
.f_ewm > div + div{ margin-left: 22px; }
.f_ewm > div img{ width: 100%; }
.f_ewm > div p{ font-size: 14px; color: #999999; line-height: 1; margin-top:24px; text-align: center; }
.f_copy{ overflow: hidden; padding:16px 0; border-top:1px solid #5f5f5f; margin-top:32px; }
.f_copy p{ line-height: 28px; font-size: 14px; color: #8a8a8a; }
.f_copy .fl{ text-align: left; }
.f_copy .fr{ text-align: right; }
/*产品详情内页*/
.main{ overflow: hidden; padding:20px 0 0; }
.main .inner{ overflow: visible; }
.g_main{ background: #fff; margin-top:-20px; padding:35px 0; margin-bottom:25px; overflow: hidden; }
.g_main .g_img{ width: 586px; height: 410px; background: #f7f7f7; position: relative; float: left; }
.g_main .g_img .p_img{ width: 100%; height: 100%; object-fit: cover; }
.g_main .g_img .g_logo{ position: absolute; top:30px; left: 30px; }
.g_main .g_img .g_cjzx{ position: absolute; bottom:0; left: 0; }
.g_main .g_info{ width: 580px; float: right; }
.g_main .g_info strong{ height: 64px; line-height: 64px; margin:5px 0 0; text-align: left; display: block; font-size: 24px; color: #016bbf; }
.g_main .g_info .info{ padding:40px; background: #f6f7f8; overflow: hidden; }
.g_main .g_info .info b{ font-size: 16px; color: #ef7820; font-weight: bold; display: block; line-height: 1; margin-bottom:6px; }
.g_main .g_info .info p{ font-size: 14px; color: #666666; line-height: 30px; margin-bottom:60px; }
.g_main .g_info .info a{ display: inline-block; padding:14px 40px; line-height: 1; background: #016bbf; font-size: 28px; color: #ffffff; border-radius: 5px; float: left; }
.g_main .g_info .info > div{ float: left; margin-left: 22px; width: 280px; }
.g_main .g_info .info > div span{ font-size: 40px; line-height: 54px; color: #2679ba; float: left; margin-right: 12px; }
.g_main .g_info .info > div p{ font-size: 14px; color: #333333; line-height: 1; margin:2px 0 10px; }
.g_main .g_info .info > div small{ font-size: 28px; color: #2679ba; line-height: 1; }
.article{ width: 886px; overflow: hidden; background: #fff; }
.article p{ font-size: 16px; color: #333333; line-height: 36px; }
/*g_type*/
.g_type{ width: 290px; }
.g_type .s_type .bd{ height: auto; }
.g_plan{ margin:10px 0; background: #016bbf; text-align: center; padding:32px 0; }
.g_plan strong{ display: block; font-size: 30px; font-weight: bold; color: #ffffff; margin:0 0 16px; line-height: 1; }
.g_plan p{ font-size: 20px; line-height: 1; color: #ffffff; }
.g_plan a{ display: inline-block; padding:12px 40px; border:1px solid #fff; font-size: 16px; color: #ffffff; line-height: 1; transition: all .3s; border-radius: 5px; margin-top:22px; }
.g_plan a:hover{ transition: all .3s; background: #00a73e; border-color: #00a73e; }
.g_xgcp > strong, .g_msg > strong{ display: block; margin:15px 0; font-size: 18px; color: #333333; border-left: 3px solid #2679ba; padding-left: 15px; }
.g_xgcp a{ display: block; width: 100%; overflow: hidden; }
.g_xgcp a .img{ width: 100%; height: 250px; overflow: hidden; transition: all .5s; background: #fff; }
.g_xgcp a .img img{ width: 100%; height: 100%; object-fit: cover; transition:all .5s; }
.g_xgcp a .txt{ height: 96px; background: #fff; box-sizing: border-box; padding:20px;  transition:all .3s; width: 101%; }
.g_xgcp a .txt strong{ line-height: 20px; display: block; width: 80%; float: left; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
.g_xgcp a .txt span{ display: block; font-size: 20px; width: 20px; height: 20px; color: #696969; float: right; }
.g_xgcp a .txt p{ clear: both; line-height: 1; padding:20px 0 6px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_xgcp a:hover img{ transition: all .5s; transform: scale(1.05); }
.g_xgcp a:hover .txt{ background: #016bbf; transition:all .3s; }
.g_xgcp a:hover .txt strong{ color: #fff; padding-left: 5px; transition:all .5s; }
.g_xgcp a:hover .txt span{ color: #fff; margin-right: 5px; transition:all .5s; }
.g_xgcp a:hover .txt p{ color: #fff; transition:all .5s; }
.g_form{ background: #ffffff; box-sizing: border-box; padding:20px; margin-bottom:60px; }
.g_form input{ width: 100%; height: 36px; box-sizing: border-box; border:1px solid #e6e6e6; margin-bottom:10px; padding:0 10px; font-size: 14px; color: #666666; }
.g_form textarea{ width: 100%; height: 118px; box-sizing: border-box; border:1px solid #e6e6e6; margin-bottom:10px; resize: none; }
.g_form #captcha{ width: 118px; float: left; }
.g_form #captcha +img{ width: 100px; height: 32px; vertical-align: middle; float: left; margin-left: 10px; }
.g_form #submit{ cursor: pointer; border-radius: 3px; background: #016bbf; border:0; height: 42px; line-height: 42px; font-size: 16px; color: #ffffff; transition: all .3s; }
.g_form #submit:hover{ transition: all .3s; background: #00a73e; }
/*g_nav*/
.g_nav{ height: 56px; line-height: 56px; background: #e7e8e9; overflow: visible; width: 886px; z-index: 999; }
.g_nav li{ display: inline-block; margin-left: 55px; }
.g_nav a{ display: inline-block; padding:0 25px; font-size: 18px; color: #333333; position: relative; transition: all .5s; }
.g_nav a::after{ content: ""; display: inline-block; width: 0; height: 2px; background: #2679ba; border:0; transition: all .5s; position: absolute; bottom:-2px; left: 50%; }
.g_nav a:hover{ font-size: 20px; color: #2679ba; font-weight: bold; transition: all .5s; }
.g_nav a:hover::after{ width: 100%; transition: all .5s; left: 0; }
.g_nav .nav_hover a{ font-size: 20px; color: #2679ba; font-weight: bold; transition: all .5s;  }
.g_nav .nav_hover a::after{ width: 100%; transition: all .5s; left: 0; }
/*g_content*/
.g_content{ box-sizing: border-box; padding:32px; }
.g_content img{ max-width: 100%; }
#album{ overflow: hidden; margin-bottom:32px; }
#album a{ display: block; width: 100%; height: 188px; }
#album a img{ width: 100%; height: 100%; object-fit: cover; }
.g_content h2{ font-size: 28px; font-weight: bold; color: #333333; display: inline-block; border-bottom: 4px solid #016bbf; line-height: 1; margin-bottom:25px; }
.g_content em{ line-height: 1; margin:12px 12px 12px 0 ; display: inline-block; padding:4px 6px; background: #016bbf; font-size: 18px; color: #fff; border-radius: 3px; }
.g_content h4, .g_tit{ clear: both; margin:20px 0; height: 44px; line-height: 44px; border-bottom: 2px solid #e3e3e3; }
.g_content h4 strong, .g_tit strong{ font-size: 24px; color: #016bbf; display: inline-block; line-height: 44px; border-bottom: 2px solid #0062b5; padding:0 8px 0 28px; background: url(../img/h4_ico.png) no-repeat left center; }
.g_super{ overflow: hidden; }
.g_super li{ overflow: hidden; float: left; width: 180px; box-sizing: border-box; }
.g_super li + li{ margin-left: 34px; }
.g_super li .hd{ overflow: hidden; padding: 32px 0 10px; }
.g_super li .hd span{ float: left; display: inline-block; width: 62px; height: 62px; line-height: 62px; background: #0060b7; border-radius: 50%; text-align: center; font-size: 32px; color: #fff; margin-right: 15px; }
.g_super li .hd small{ display: inline-block; line-height: 24px; font-size: 18px; color: #333333; font-weight: bold; }
.g_super li .bd{ overflow: hidden; }
.g_super li .bd p{ min-height: 72px; font-size: 14px; color: #666666; line-height: 20px; }
#g_honor{ overflow: hidden;  margin-bottom:60px; }
#g_honor a{ display: block; width: 100%; }
#g_honor a .img{ width: 100%; height: 210px; overflow: hidden; }
#g_honor a .img img{ width: 100%; height: 100%; object-fit: contain; }
#g_honor a strong{ display: block; height: 34px; line-height: 34px; text-align: center; font-size: 12px; color: #333333; box-sizing: border-box; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#g_case{ overflow: hidden; }
#g_case a{ display: block; width: 100%; }
#g_case a .img{ width: 100%; height: 182px; overflow: hidden; }
#g_case a .img img{ width: 100%; height: 100%; object-fit: cover; }
#g_case a strong{ display: block; height: 38px; line-height: 38px; background: #817f7f; text-align: center; font-size: 16px; color: #ffffff; box-sizing: border-box; margin-top:1px; padding:0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*prev_next*/
#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; }
/*.........................................*/
/*copmany*/
.c_qyfc{ overflow: hidden; background: #fff; padding:20px 0; }
.c_qyfc .hd{ text-align: center; padding-bottom: 12px; }
.c_qyfc .hd strong{ display: block; font-size: 24px; line-height: 1.8; font-weight: bold; }
.c_qyfc .bd{overflow: hidden; }
.c_qyfc .bd a{ display: block; overflow: hidden; width: 100%;}
.c_qyfc .bd a .img{ width: 100%; height: 210px; overflow: hidden; }
.c_qyfc .bd a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.c_qyfc .bd a strong{ display: block; text-align: center; box-sizing: border-box; height: 62px; line-height: 62px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 15px; font-size: 18px; color: #333; font-weight: normal;  }
.c_qyfc .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.c_qyfc .bd .swiper-button-next,.c_qyfc .bd .swiper-button-prev{ background-image: none; width: 40px; height: 60px; background: rgba(0,0,0,.5); text-align: center; margin-top: -30px; line-height: 60px; }
.c_qyfc .bd .swiper-button-prev span, .c_qyfc .bd .swiper-button-next span{ font-size: 30px; color: #fff; line-height: 60px; }
.c_qyfc .bd .swiper-button-next{ right: -60px; transition: all .3s; }
.c_qyfc .bd .swiper-button-prev{ left: -60px; transition: all .3s; }
.c_qyfc .bd:hover .swiper-button-next{ right: 0; transition: all .3s; }
.c_qyfc .bd:hover .swiper-button-prev{ left: 0; transition: all .3s; }
.c_info .txt{ font-size: 16px; line-height: 32px; }
.c_info .txt strong{ position: relative; font-size: 24px; color: #016bbf; font-weight: bold; line-height: 1; margin:20px 0 40px; display: block; text-align: center; }
.c_info .txt strong::before{ content: ""; display: inline-block; width: 100px; height: 2px; background: #016bbf; border:0; position: absolute; left: 50%; bottom: -20px; margin-top: -1px; margin-left: -50px; }
/*article*/
.pro-bd{ overflow: hidden; }
.pro-bd li{ width: 280px; float: left; margin:0 20px 20px 0; position: relative; }
.pro-bd li:nth-child(3n+0){ margin-right: 0; }
.pro-bd li a{ display: block; width: 100%; overflow: hidden; border-radius: 10px; }
.pro-bd li a .img{ width: 100%; height: 256px; overflow: hidden; transition: all .5s; background: #d6e8f6; }
.pro-bd li a .img img{ width: 100%; height: 100%; object-fit: contain; transition:all .5s; }
.pro-bd li a .txt{ height: 96px; background: #e6e6e6; box-sizing: border-box; padding:20px;  transition:all .3s; }
.pro-bd li a .txt strong{ line-height: 20px; display: block; width: 80%; float: left; font-size: 16px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }
.pro-bd li a .txt span{ display: block; font-size: 20px; width: 20px; height: 20px; color: #696969; float: right; }
.pro-bd li a .txt p{ clear: both; line-height: 1; padding:20px 0 6px; font-size: 14px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-bd li a:hover img{ transition: all .5s; transform: scale(1.05); }
.pro-bd li a:hover .txt{ background: #016bbf; transition:all .3s; }
.pro-bd li a:hover .txt strong{ color: #fff; padding-left: 5px; transition:all .5s; }
.pro-bd li a:hover .txt span{ color: #fff; margin-right: 5px; transition:all .5s; }
.pro-bd li a:hover .txt p{ color: #fff; transition:all .5s; }
/*g_news*/
.g_news{ overflow: hidden; margin:25px 0; width: 100%; clear: both; }
.g_news .hd{ font-size: 12px; color: #787979; text-transform: uppercase; padding-left: 22px; box-sizing: border-box; width: 100%; margin-bottom:22px; background: url(../img/g_news_ico.png) no-repeat left center; }
.g_news .hd strong{ font-size: 18px; color: #1b2464; font-weight: bold; }
.g_news li{ width: 49%; box-sizing: border-box; float: left; height: 46px; line-height: 46px; overflow: hidden; border-bottom: 1px dashed #c1c1c1; }
.g_news li:nth-child(even){ margin-right: 2%; }
.g_news li a{ display: block; }
.g_news li strong{ transition: all .3s; display: block; width: 70%; float: left; font-size: 16px; color: #000000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.g_news li span{ transition: all .3s; display: block; width: 30%; float: right; text-align: right; font-size: 16px; color: #000000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  box-sizing: border-box; }
.g_news li:hover{ background: #1b2464; color: #fff; }
.g_news li:hover strong{ transition: all .3s; padding-left: 10px; color: #fff;}
.g_news li:hover span{ transition: all .3s; padding-right: 10px; color: #fff;}
.g_news li:first-child{ height: 190px; width: 100%; margin-right: 0; border-bottom: 0; background:#f1f1f1; padding:15px; margin-bottom: 20px; }
.g_news li:first-child .img{ width: 236px; height: 100%; overflow: hidden; float: left; }
.g_news li:first-child .img img{ width: 100%; height: 100%; overflow: hidden; object-fit: cover; }
.g_news li:first-child .txt{ width: 600px; float: right; }
.g_news li:first-child strong{ width: 100%; font-size: 17px; color: #000000; font-weight: bold; line-height: 46px; }
.g_news li:first-child p{ font-size: 14px; color: #484848; line-height: 24px; }
.g_news li:first-child:hover{ background: #1b2464; }
.g_news li:first-child:hover strong{ color: #fff; }
.g_news li:first-child:hover p{ color: #fff; }
/*案例*/
.case_list li{  width: 282px; height: 262px; overflow: hidden; float: left; margin:0 20px 20px 0; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list li a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.case_list li a img{ width: 100%; height: 100%; object-fit: cover; }
.case_list li a .txt{ height: 60px; background: rgba(7,78,103,.5); width: 100%; box-sizing: border-box; padding:0 15px; position: absolute; left:0; bottom:0; }
.case_list li a .txt strong{ display: block; width: 80%; float: left; font-size: 16px; color: #ffffff; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list li a .txt span{ font-size: 30px; line-height: 60px; color: #c1d3d9; float: right; }
/*新闻列表*/
.news_list{ overflow: hidden; }
.news_list li{ overflow: hidden; width: 100%; box-sizing:border-box; padding:20px 0; border-bottom: 1px solid rgba(0, 0, 0, .06); overflow: hidden; }
.news_list li .img{ width: 20%; float: left; height: 130px; overflow: hidden; }
.news_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .36s ease;  }
.news_list li .txt{ width: 80%; float: left; }
.news_list li .txt .fl{ width: 90%; float: left; box-sizing:border-box; padding:15px 30px;  transition: all .36s ease; }
.news_list li .txt .fl strong{ font-size: 18px; color: #575757; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:12px; display: block; }
.news_list li .txt .fl p{ font-size: 14px; color: #999; line-height: 24px; overflow: hidden; }
.news_list li .txt .fr{ width: 10%; float: right; }
.news_list li .txt .fr small{ font-size:30px; display: block; font-family: DinMedium; color: #999; margin-bottom:20px; }
.news_list li .txt .fr span{ font-size: 36px; color: #999; margin-left:3px; transition: all .36s ease; }
.news_list li:hover img{ transform: scale(1.05); transition: all .36s ease; }
.news_list li:hover .fl{ padding:15px 45px;  transition: all .36s ease;}
.news_list li:hover .txt strong, .news_list li:hover .txt small{  color: #016bbf; transition: all .36s ease; }
.news_list li:hover .txt .fr span{ margin-left: 10px; color: #016bbf; transition: all .36s ease; }
/*article*/
.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: #0344a5; }
#dplayer{ width: 92.5%; height: 460px; margin:0 auto 20px; padding:20px 0 0; }
/*pro-bd*/
/*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: #0344a5; 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: #0344a5; }
.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: #0344a5; }
/*侧边浮窗*/
.scrollsidebar{ padding-left: 30px; position:absolute; z-index:999; top:150px; width: 165px; overflow: hidden; transition: all .3s; }
.close_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 25; }
.show_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 24; }
.close_btn span, .show_btn span{ display: inline-block; font-size: 18px; color: #fff; margin:20px 0 0 10px; line-height: 1; }
.scrollsidebar .s_center{ position: relative; z-index: 33; width: 150px; background: #86c328; text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
.scrollsidebar .s_center strong{ font-size: 18px; color: #fff; line-height: 1; display: block; margin:12px 0; }
.scrollsidebar .s_center span{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom:12px; display: inline-block; }
.scrollsidebar .s_center .img{ width: 100%; background: #fff; }
.scrollsidebar .s_center .img p{ line-height: 38px; font-size: 14px; color: #666666; margin:-10px 0 0; }
.scrollsidebar .s_center p{ font-size: 15px; color: #fff; line-height: 1; margin:14px 0; }
.scrollsidebar .s_center b{ font-size: 18px; color: #fff; font-weight: bold; }
.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: #fff; border-radius: 3px; font-size: 14px; color: #3f3f3f; margin-top:14px; }
.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #86c328; font-size: 18px; margin:0 8px 0 0; }
.scrollsidebar .s_center .cd-top{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 33; cursor: pointer; }
/*animation*/
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}