@charset "utf-8";
/* @font-face {
    font-family: "Century751 No2 BT Bold";
    src: url("../fonts/Century751 No2 BT Bold.ttf");
    font-weight: bold;
    font-style: normal;
} */
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto}
.g-bg-color1{background:#0770af;background:-webkit-linear-gradient(to right,#0770af,#19e69b);background:linear-gradient(to right,#0770af,#19e69b)}
.bg-color1{ background: #0770af;}
.bg-color2{ background: #ff8400;}
.relative{ position: relative;}
.zindex0{ z-index: 0;}
.zindex1{ z-index: 1;}
.imgcut{ position: relative; padding-bottom: 75%;}
.imgcut img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}
.flexwrap{ -webkit-flex-wrap: wrap; flex-wrap:wrap;}
.justifycenter{-webkit-justify-content: center; justify-content: center;}
.flexcolumn{ -webkit-flex-direction: column; flex-direction: column;}
a.more{ max-width: 15rem; padding-left:3rem; padding-right: 1rem; height: 4rem; line-height: 4rem; border-radius: 5rem; background: #eee; font-size: 1.4rem; color:#ff8400; transition: all 0.5s;}
a.more small{ display: block; width:3rem; height: 3rem; line-height: 3rem; border-radius: 50%; color: #fff; background:#ff8400; margin: 1rem 0; text-align: center; transition: all 0.5s;}
a.more:hover{ background:#ff8400; color: #fff; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.1);}
a.more:hover small{ color:#ff8400; background: #fff;}
.hidden{ display: none;}

/*顶部*/
.topbar{ position: relative; z-index: 999; width: 100%; height: 4rem; line-height: 4rem; background: #f5f5f5;}
.topbar p span{ font-weight:bold; padding:0 0.2rem; color:#333}
.topbar p,.topbar p a{ color: #555; font-size: 1.4rem;}
.topbar p{ width: 100%; text-align: left;}
.topbar p:last-child{ text-align: right;}
.topbar p a{ display: inline-block; padding: 0 2rem; border-right: 1px solid #ddd;}
.topbar p a:first-child{ border-left: 1px solid #ddd;}
.topbar p a:hover{ color: #0094d4;}
.header{ position: relative; z-index: 999; width: 100%; height: auto; background: #fff;}
.header .container.flex{padding-top: 1rem; padding-bottom: 1rem;}
.logo,.tel,.top_dot{ width: 100%;}
.logo{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.logo p{ padding-left: 3rem; border-left: 1px solid #ddd; text-align: left;}
.logo p strong{ font-size: 2rem; white-space: nowrap;}
.logo p span{ display: block;}
.logo p span a{ display: block;line-height: 3.5rem; padding: 0 2rem; color: #fff; font-size: 1.4rem;}
.top_dot ul{ -webkit-justify-content: center; justify-content: center;}
.top_dot ul li{ padding: 1rem;}
.top_dot ul li span{ font-size: 1.4rem; margin: auto;}
.top_dot ul li span.icon{ display: block; width: 3rem; height: 3rem; background-size: contain; background-repeat: no-repeat; background-position: 50%;}
.top_dot ul li span.icon01{ background-image: url(../images/icon01.png);}
.top_dot ul li span.icon02{ background-image: url(../images/icon02.png);}
.top_dot ul li span.icon03{ background-image: url(../images/icon03.png);}
.top_dot ul li span.icon04{ background-image: url(../images/icon04.png);}
.tel{ -webkit-justify-content: flex-end;justify-content: flex-end;}
.telbox{ padding-left: 5rem; background: url(../images/icon-tel.png) no-repeat left center; background-size: 4.5rem 4.5rem;}
.telbox p{ line-height: 2.6rem;}
.telbox p small{ font-size: 1.6rem; color: #333;}
.telbox p span{ font-family: Georgia,'Microsoft YaHei',sans-serif; font-size: 3.5rem; color: #ff8400;}

.navbox{ display: block; width: 100%;}
.nav{height: 6rem;line-height: 6rem;}
.nav ul li{ position: relative; width: 11%;}
.nav ul li>a{ position: relative; z-index: 1; display: block; width: 100%; text-align: center; color: #fff; font-size: 1.8rem;}
.nav ul li:hover,.nav ul li.active{background:#ff8400}
.nav ul li .subnav{ position: absolute; top: 6rem; width: 100%; min-width:12rem; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:#ff8400;}
.nav ul li:hover .subnav{max-height: 100rem;}
.nav .subnav a{ display: block; width: 100%; line-height: 2rem; padding: 1rem 2rem; border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff; font-size: 1.6rem; text-align: center;   transition: all 0.5s; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav .subnav a:hover{ text-indent: 1rem; background: rgba(0,0,0,.1);}
.nav ul .search{ width: 20%; height: 6rem; overflow: hidden; background: rgba(0,0,0,.2);}
.shape .search-form{transform: skewX(20deg);}
.nav ul .search input{ float: left; width: 18rem; height:6rem; line-height: 6rem; padding: 0 1rem; background: none; border: none; color: #fff; font-size: 1.6rem;}
.nav ul .search input::placeholder{ color: #fff; font-size: 1.6rem;}
.nav ul .search input.button{ width: 6rem; background: url(../images/search-btn.png) no-repeat center;}
.nav ul .search-form{ display: flex; justify-content: center;} 
/*移动端导航样式*/
.menu-handler{position:fixed;z-index:1012;right:0;top:1rem;width:6rem;height:6rem;overflow:hidden;cursor:pointer;}
.menu-handler .burger{position:absolute;z-index:5;top:1.8rem;left:50%;display:block;width:3.4rem;height:0.5rem;margin:0 0 0 -1.7rem;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:2.8rem}
.menu-handler .burger-3{top:3.8rem}
.menu-handler.active .burger-1{top:2.6rem;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:2.6rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);display:none}
.menuBox{position:fixed;width:100%;top:0;right:-100%;height:100%; z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none; background: #fff;}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(0,0,0,.2)}
.navMobile dd a{display:block;line-height:6rem;color:#333;font-weight:400;font-size:2.4rem;text-align:center}
.navMobile dd .mtnav a{ line-height: 3rem; font-size: 2rem;}
.navMobile dd p a.act{color:#333}
.mtnav a{padding:13px 48px;font-size:16px}
.mtnav{background:#eee;display:none}
.m-wx{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:15px;margin:auto;border-top:1px solid rgba(255,255,255,.2)}
.m-wx img{margin:auto}
.m-wx .codebox{max-width:50%;padding:2%;text-align:center;line-height:2rem; font-size: 2.4rem; color:#333}
@media screen and (max-width:1365px){
    .nav ul li > a{ font-size: 1.6rem;}
    .nav ul .search input{ width: 16rem;}
}
@media screen and (max-width:1199px){
    .logo a{ padding-right: 1rem;}
    .logo p{ padding-left: 1rem;}
    .logo p strong{ font-size: 1.6rem;}
    .logo p span{ margin: 0; font-size: 1.4rem;}
    .logo img{ max-height: 6rem;}
    .telbox p span{ font-size: 3rem;}
    .tel{ min-height: 6rem; padding-right: 6rem;}
}
@media screen and (max-width:767px){
    .logo{ min-height: 6rem;}
    .logo p span a{ line-height: 3rem; font-size: 1rem; min-width: 6rem;}
    .menu-handler{ top: 1rem;}
    .navMobile{margin-top:7rem;}
    .telbox p small{ font-size: 1.4rem;}
    .telbox p span{ font-size: 2.4rem;}
}
/*幻灯大图*/
#banner{position:relative;width:100%;height:auto; padding-bottom: 8rem; overflow:hidden;cursor:pointer;}
#banner .swiper-container{ position: relative; z-index: 2; width:100%;height:auto;margin:0 auto;max-height:900px; overflow: visible;}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-slide img{
    width:100%;
    height:auto;
    /*transition:1s ease 2s;transform:scale(1.1,1.1)*/
}
/*#banner .swiper-slide-active img,#banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}*/
#banner .swiper-container img{width:100%;height:auto}
#banner .swiper-container .swiper-button-next:hover,#banner .swiper-container .swiper-button-prev:hover{opacity:1}
#banner .swiper-button-next,#banner .swiper-button-prev{width:2rem; height: 4rem; position: absolute; bottom: -6rem; top: auto;}
#banner .swiper-button-prev{background:url(../images/left.png) no-repeat center; background-size:2rem 4rem; left: 10rem;}
#banner .swiper-button-next{background:url(../images/right.png) no-repeat center; background-size:2rem 4rem; right: auto; left: 28rem;}
#banner .bottom-nav{position:absolute; left: 14rem; bottom:-5rem;z-index:999;width:12rem; height: 2rem;}
#banner .swiper-pagination{position:relative;display:block;height:2rem;}
#banner .swiper-pagination-bullet{ display: block; float: left; width:2rem;height:2rem;border:1px solid #fff;border-radius:50%;background:0 0;box-sizing:border-box;margin:0 0.5rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;opacity:1}
#banner .swiper-pagination-bullet-active{background:#fff}
.banner-bar{ position: absolute; z-index: 1; width: 100%; height: 8rem; bottom: 0; background: #f0f0f0; }
.banner-bar::after{ content: ""; position: absolute; left: 0; top: 0; z-index: 999; width: 35rem; height: 8rem;background:#0770af;background:-webkit-linear-gradient(to right,#0770af,#19e69b);background:linear-gradient(to right,#0770af,#19e69b)}
.banner-bar .dot_btn{ width: auto; margin-right: 5rem; height: 8rem;}
.banner-bar .hot_new{ width: 100%; height: 8rem; line-height: 8rem; padding-left: 30rem;}
.banner-bar .hot_new span{ display: block; float: left; padding-left: 3rem; background: url(../images/hot.png) no-repeat left center;}
.banner-bar .hot_new a{ display:inline-block; padding:0 0.3rem;}
.search{ width: 100%; max-width: 23rem; height: 4rem; overflow: hidden; padding-left: 1rem; background:#fff; border-radius: 4rem;}
.search input{ float: left; width: 18rem; height:4rem; line-height: 4rem; padding: 0 1rem; background: none; border: none; font-size: 1.4rem;}
.search input.button{ width: 3rem; height: 3rem; margin-top: .5rem; border-radius: 50%; background: url(../images/search.png) no-repeat center #ff8400;}
@media screen and (max-width:1600px){
    .banner-bar::after{width: 35rem;}
    .banner-bar .hot_new{ padding-left: 30rem;}
}
@media screen and (max-width:1199px){
    #banner{ padding-bottom: 0;}
    .banner-bar{ position: relative; height: auto; bottom: 0;}
    .banner-bar .hot_new{ padding-left: 0;}
    #banner .swiper-button-next, #banner .swiper-button-prev,#banner .bottom-nav,.banner-bar::after,.banner-bar .dot_btn{ display: none;}
}
@media screen and (max-width:767px){
    #banner .bottom-nav{ bottom: 1rem;}
    .banner-bar{ margin: 0;}
    .search{ margin: 1rem auto; max-width: 80%; position: relative;}
    .search input{width: 100%;}
    .search input.button{ position: absolute; right: .5rem;}
}
/*首页板块*/
.wrapper{ width: 100%; height: auto; overflow: hidden;}
.tit{ position: relative; text-align: center; padding: 6rem 0;}
.tit span{ font-family: 'Century751 No2 BT Bold'; position: absolute; top: 1rem; z-index: 0; display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 6rem; font-weight: bold; color: #eee;}
.tit h3{ position: relative; font-size: 3rem; padding-bottom: 3rem; background: url(../images/titbg.png) no-repeat bottom center; font-weight: normal; background-size: auto 2rem;}
.tit h3 b{ color: #ba0000;}
.tit p{ font-size: 1.6rem;white-space:nowrap;text-overflow :ellipsis;overflow : hidden; line-height: 2;}
.titbg h3{ color: #fff;}
.titbg span{ color: rgba(255,255,255,.2);}
.titbg p{ color: #fff;}
@media screen and (max-width:767px){
    .tit span{ font-size: 4rem;}
    .tit{ padding-top: 5rem; padding-bottom: 2rem;}
}
/*产品*/
.module01{ width: 100%; padding: 5rem 0; height: auto; overflow: hidden;}
.module01 .box .menubar ul{ width: 100%; -webkit-justify-content: space-around; justify-content: space-around;}
.module01 .box .menubar ul li{ width: 20%; text-align: center;}
.module01 .box .menubar ul li span{ display: block; margin: auto; font-size: 1.8rem; font-weight: bold; line-height: 2;}
.module01 .box .menubar ul li:hover span,.module01 .box .menubar ul li.on span{ color: #ff8400;}
.module01 .box .menubar ul li span.icon-img{ width: 12rem; height: 12rem; overflow: hidden;
    border: 5px solid transparent;
    border-radius: 50%;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image:linear-gradient(to right, #fff, #fff), linear-gradient(90deg, #0770af 0%, #19e69b 100%);
}
.module01 .box .menubar ul li span img{ width: 100%; transition: all 0.5s;}
.module01 .box .menubar ul li:hover img{ transform: rotate(360deg);}
.module01 .box .menubar ul li dl{ -webkit-justify-content: center; justify-content: center; padding: 1rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.module01 .box .menubar ul li dl a{ font-size: 1.4rem; padding: 0 1rem;}
.module01 .box .menubar ul li dl a:hover{ color: #ff8400; text-decoration: underline;}
.module01 .box .imglist{margin: 2rem auto; display: none; width: 100%;}
.module01 .box .imglist.active{ display: block;}
.module01 .box .imglist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin:0 -2.5rem;-webkit-justify-content: flex-start; justify-content: flex-start;}
.module01 .box .imglist ul li{ width: 33.33%; padding:1.5rem 2.5rem;}
.module01 .box .imglist ul li a{ display: block; position: relative;}
.module01 .box .imglist ul li .img{ width: 100%; background: #f5f5f5; border:0 solid #ddd; padding: 1.5rem;}
.module01 .box .imglist ul li .imgcut{ padding-bottom: 63.333%;}
/*.module01 .box .imglist ul li .imgcut img{ transition: all 0.5s;}*/
.module01 .box .imglist ul li:hover .imgcut img{-webkit-filter: brightness(106%);filter: brightness(106%);}
.module01 .box .imglist ul li:hover p{ color: #ff8400;}
.module01 .box .imglist ul li span.tag{ display: none; width: 3rem; position: absolute; z-index: 2; left: 1.5rem; top: 1.5rem;}
.module01 .box .imglist ul li span.ontag{ display: block;}
.module01 .box .imglist ul li span.tag img{ display: block; width: 100%;}
.module01 .box .imglist ul li p{ line-height: 2;}
.module01 .box .more a{ display: block; width: 100%; padding: 1rem; text-align: center; background: #eee; color: #333; font-size: 1.4rem;}
.module01 .box .more a:hover{background:linear-gradient(to right,#0770af,#19e69b);color: #fff;}
@media screen and (max-width:1199px){
    .module01 .box .imglist ul{ margin: 0 -1rem;}
    .module01 .box .imglist ul li{ width:33.33%; padding: 1rem;}
    .module01 .box .menubar ul li{ width: 25%;}
    .module01 .box .menubar ul li dl a{ padding: 0 0.5rem; white-space: nowrap;}
}
@media screen and (max-width:767px){
    .module01 .box .menubar ul{ flex-wrap: wrap;}
    .module01 .box .menubar ul li{ width: 49%; margin-bottom: 1rem;}
    .module01 .box .imglist ul{ margin: -0.5rem;}
    .module01 .box .imglist ul li{ padding: 0.5rem; width: 50%;}
    .module01 .box .imglist ul li span.tag{ width: 2rem;} 
}
/*优势*/
.module02{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: url(../images/bg.jpg) no-repeat; background-size: cover; background-position: 50%;}
.module02 .tit h3{ background-image: url(../images/titbg1.png);}
.module02 .box{ padding-bottom: 3rem;}
.module02 .box .img{ position: relative; z-index: 2; width: 30%;}
.module02 .box .img img{ max-width: 100%; border-radius: 50%; border:5px solid rgba(255,255,255,.5)}
.module02 .box ul{ -webkit-flex-direction: column;flex-direction: column; width: 25%;}
.module02 .box ul li{ position: relative; padding: 3rem 0; width: 100%; color: #fff; border-bottom: 1px solid #fff;}
.module02 .box ul.text-right li::after{ content: ""; position: absolute; width: 100%; height: 100%; right:calc(-100% + 2px); bottom:-1px;background: url(../images/line2.png) no-repeat; background-size: 100% 100%;}
.module02 .box ul.text-left li::after{ content: ""; position: absolute; width: 100%; height: 100%; left:calc(-100% + 2px);; bottom:-1px;background: url(../images/line2.png) no-repeat; background-size: 100% 100%;}
.module02 .box ul.text-right li:last-child::after{ background: url(../images/line.png) no-repeat; background-size: 100% 100%; }
.module02 .box ul.text-left li:last-child::after{ background: url(../images/line1.png) no-repeat; background-size: 100% 100%; }
.module02 .box ul.text-right li:first-child::after{ top:100%; background: url(../images/line1.png) no-repeat; background-size: 100% 100%; }
.module02 .box ul.text-left li:first-child::after{ top:100%; background: url(../images/line.png) no-repeat; background-size: 100% 100%; }
.module02 .box ul li h3{ font-size: 2.5rem; padding-bottom: 2rem;}
@media screen and (max-width:1199px){
    .module02 .box ul{ width: 30%;}
    .module02 .box ul li{ padding: 1rem 0;}
    .module02 .box ul li h3{ font-size: 2rem; padding-bottom: 1rem; font-weight: normal;}
    .module02 .box ul li p{font-size: 1.4rem; line-height: 1.5;}
}
@media screen and (max-width:767px){
    .module02 .box{ -webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .module02 .box ul,.module02 .box .img{ width: 100%; padding: 1rem 0;}
    .module02 .box .img{ width: 80%; margin: auto;}
    .module02 .box ul.text-right{ text-align: left;}
    .module02 .box ul li{ padding: 3rem 0;}
    .module02 .box ul li h3{ font-size: 2.5rem; }
    .module02 .box ul li p{font-size: 1.8rem; line-height: 1.5}
    .module02 .box ul li::after{display: none;}
}
/*工程案例*/
.module03{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.module03 .tit{ padding-bottom: 3rem;}
.module03 .menubar ul{ -webkit-justify-content: center; justify-content: center;}
.module03 .menubar ul li{ padding: 0 3rem; text-align: center; line-height: 2;}
.module03 .menubar ul li span{ display: block; font-size: 1.8rem;}
.module03 .menubar ul li span.icon{ position: relative; width: 8rem; height: 8rem; border-radius: 50%; overflow: hidden; background: #ff8400;}
.module03 .menubar ul li:hover span.icon,.module03 .menubar ul li.on span.icon{background:linear-gradient(to right,#0770af,#19e69b);}
.module03 .menubar ul li span.icon img{ position: absolute; display: block; width: 50%; height: 50%; object-fit: cover; top: 25%; left: 25%;}
.module03 .box .imglist{ margin-top: 2rem; display: none; width: 100%;}
.module03 .box .imglist.active{ display: block;}
.module03 .box .imglist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5rem;}
.module03 .box .imglist ul li{ width: 25%; padding: 1.5rem;}
.module03 .box .imglist ul li.big{ width: 50%;}
.module03 .box .imglist ul li a{ display: block; position: relative; overflow: hidden;}
.module03 .box .imglist ul li .imgcut{ overflow: hidden;}
.module03 .box .imglist ul li .txt{width: 100%; height: 5rem; line-height: 5rem; padding: 0 2rem; background: #f0f0f0; color: #333; text-align: center;}
.module03 .box .imglist ul li .txt span.arrow{ display: block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; border-radius: 50%; background:#ff8400; color: #fff;}
.module03 .box .imglist ul li img{ transition: all 0.5s;}
.module03 .box .imglist ul li .imgbox{ padding-bottom: 70%; overflow: hidden;}
.module03 .box .imglist ul li:hover img{ transform: scale(1.1);}
.module03 .box .imglist ul li:hover .txt{ color:#ff8400;}
@media screen and (max-width:1199px){
    .module03 .menubar ul li span.icon{ width: 6rem; height: 6rem;}
    .module03 .menubar ul li span{ font-size: 1.6rem;}
    .module03 .box .imglist ul li{ width:33.33%;}
    .module03 .box .imglist > ul > li:nth-child(n+7){ display: none;}
}
@media screen and (max-width:767px){
    .module03 .menubar ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module03 .menubar ul li{ line-height: 1;}
    .module03 .menubar ul li span{ line-height: 2;}
    .module03 .box .imglist ul{ margin: -0.5rem;}
    .module03 .box .imglist ul li{ padding: 0.5rem; width: 50%;}
}
/*关于*/
.module06{ width: 100%; height: auto; padding-bottom: 5rem; overflow: hidden; background: #fff;}
.module06 .about_bar{ width: 100%; padding: 5rem 0; background: url(../images/bg.jpg) no-repeat; background-size: cover; background-position: 50%;}
.module06 .about_bar .about_tel{ width: 50%; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
.module06 .about_bar .numCount{ width: 50%;}
.module06 .about_bar .about_tel small,.module06 .about_bar .about_tel span{ display: block;}
.module06 .about_bar .about_tel p{ line-height: 3rem; margin: 1rem 0; color: #fff; font-size: 1.8rem; padding-left: 7rem; background-size: 5rem 5rem; background-position: left center; background-repeat: no-repeat;}
.module06 .about_bar .about_tel p:first-child{ background-image: url(../images/phone1.png);}
.module06 .about_bar .about_tel p:last-child{ background-image: url(../images/address1.png);}
.module06 .about_bar .about_tel small{ font-size: 1.4rem;}
.module06 .about_bar .about_tel span.number{ font-size: 3rem; font-weight: bold;}
.module06 .item{ width:25%; box-sizing: border-box; border: 2px solid rgba(255,255,255,1); box-shadow: 0 0 1rem rgba(0,255,162,.5);  border-radius: 50%; cursor: pointer;}
.module06 .item .txt{ position: relative; text-align: center; padding-bottom: 100%; }
.module06 .item .txt .txtbox{ position: absolute; width: 100%; height: 100%; text-align: center; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.module06 .item .txt h3{ transition: all 0.5s; font-size: 5rem; color:#fff}
.module06 .item .txt p{ color:#fff; font-size: 1.4rem;}
.module06 .item:hover h3{ transform: scale(1.2);}
/*简介*/
.module06 .box{ width: 100%; height: auto; padding: 3rem 0; }
.module06 .left,.module06 .right{ width: 50%; height: auto;}
.module06 .left h3{ font-size: 3rem; color: #333; line-height: 3rem; -webkit-justify-content: flex-start; justify-content: flex-start;}
.module06 .left h3 span.g-bg-color1{ font-size: 6rem; width: 6rem; height: 8rem; line-height: 8rem; text-align: center; color: rgba(255,255,255,.2);}
.module06 .left h3 span:not(.g-bg-color1){ padding-left: 1rem; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
.module06 .left h3 b{ display: block; font-size: 5rem; line-height: 1; font-weight: bold; color: rgba(0,0,0,0.05);}
.module06 .left h3 small{ padding-left: 3rem; font-size: 2.4rem; color: #333;}
.module06 .left p{ line-height: 3rem; font-size: 1.6rem; margin: 3rem 0; text-align: justify; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
.module06 .right{ padding-left: 5rem;}
.module06 .right .imgbox{ padding-bottom: 65%;}
/*视频*/
.video{ position: relative; width: 100%; height: auto; overflow: hidden; }
.videolist { position:relative; width:100%; height:auto; margin: auto; background: #000; }
/*.videolist img{ opacity: 0.5;}*/
.videolist img.videoed{ opacity: 1;}
.videolist span{ font-size: 20px; display: inline-block; position: absolute; top: 50%; left: 50%;margin-top: 30px; margin-left: -60px; color: #fff;}
.videolist:hover{ cursor: pointer; }
.videoed { width:50px; height:50px; position: absolute; left:50%; top:50%; margin-left: -25px; margin-top: -25px; z-index:99; border-radius:100%; }
.videos{ display:none; position:absolute; left:0; top:0; z-index:100; width: 100%; height:100%; background: #10aba5;}
.videos video{ height: 100%;}
.vclose{ position:absolute;right:1rem; top:1rem; border-radius:100%; cursor: pointer; }
/*子栏*/
.module06 ul.list{ width: 100%; height: auto; padding: 3rem 0;}
.module06 ul.list li{ width: 24%;}
.module06 ul.list li a{ display: block; position: relative; background: #000;}
.module06 ul.list li a .imgcut{ padding-bottom: 50%; opacity: 0.5; transition: all 0.5s;}
.module06 ul.list li a .txt{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; color: #fff;}
.module06 ul.list li a .txt .flex{ height: 100%;}
.module06 ul.list li a .txt h3{font-size: 2.4rem; line-height: 2;}
.module06 ul.list li a .txt p{font-size: 1.4rem; text-transform: uppercase;}
.module06 ul.list li:hover .imgcut{ opacity: 0.2;}

@media screen and (max-width:1199px){
    .module06 .about_bar .about_tel{ width: 40%;}
    .module06 .numCount{ width: 60%;}
    .module06 .item{ width: 30%;}
    .module06 .item .txt h3{ font-size: 3rem;}
    .module06 .item .txt p{ font-size: 1.2rem;}
    .module06 .about_bar .about_tel p{ font-size: 1.4rem; line-height: 2rem;}
    .module06 .box{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06 .left,.module06 .right{ width: 100%; padding: 1rem 0;}
    .module06 .about_bar .about_tel span.number{ font-size: 2.5rem; line-height: 2.5rem;}
    .module06 ul.list{ padding: 0;}
    .module06 ul.list li{ width: 49%; margin-bottom: 1.525rem;}
}
@media screen and (max-width:767px){
    .module06 .about_bar .container{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06 .about_bar .about_tel,.module06 .about_bar .numCount{ width: 100%;}
    .module06 .about_bar .about_tel small{ font-size: 1.8rem;}
    .module06 .numCount{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3rem;}
    .module06 .about_bar .about_tel span.number{ font-size: 3rem;}
    .module06 .about_bar .about_tel p{ line-height: 1.5; font-size: 2rem;}
    .module06 .item{width: 45%; border: none; display: block; margin-bottom: 3rem;}
    .module06 .item .txt h3{ font-size: 5rem;}
    .module06 .item .txt p{ font-size: 1.6rem;}
    .module06 .left h3 small{ font-size: 1.4rem;}
    
}
/*伙伴*/
.module05{ height: auto; overflow: hidden; background:#fff;}
.module05 .box{  padding-bottom: 5rem;}
.module05 .box ul{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module05 .box li{ width: 16.666%; overflow: hidden;}
.module05 .box a{ display: block; padding: 1px;}
.module05 .box a div.imgcut{ padding-bottom: 45%; background: #f5f5f5;}
.module05 a img{ padding: 1px; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%); filter: gray; opacity:0.9; transition:all 0.5s}
.module05 a:hover img{ -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%); filter: gray; opacity:1;}
@media screen and (max-width:1199px){
    .module05 .box li{ width: 25%;}
}
@media screen and (max-width:767px){
    .module05 .box li{ width: 33%; margin-bottom: 2px;}
}

/*新闻*/
.module09{ width: 100%; padding-bottom: 10rem; height: auto; overflow: hidden;}
.module09 .box{ -webkit-align-items: stretch; align-items: stretch;}
.module09 .lbox,.module09 .cbox,.module09 .rbox{ width: 31%; background: #fff; box-shadow: 0 0 3rem rgba(0,0,0,.1);}
.module09 .lbox .txt,.module09 .lbox .list{ padding:3rem 3rem;}
.module09 .lbox .txt{ padding-bottom: 0;}
.module09 .lbox .top .imgcut{ padding-bottom: 50%;}
.module09 .lbox .txt h3{ position: relative; padding-left: 6rem; padding-bottom: 1rem; line-height: 2rem; white-space: nowrap;}
.module09 .lbox .txt h3 span{ position: absolute; left: 0; display: block; width: 4rem; text-align: center; line-height: 2rem; font-size: 1.4rem; font-weight: normal; background: #ff8400; color: #fff;}
.module09 .lbox .txt p{ font-size: 1.4rem; color: #666; line-height: 2.4rem;}
.module09 .lbox .list ul{-webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1rem; border-top: 1px solid #ddd;}
.module09 .lbox .list li{ width: 100%; margin: 0.5rem 0;}
.module09 .lbox .list li i{ display: block; font-size: 1.2rem; padding: 0 0.5rem; background: #ccc; color: #fff; margin-right: 1rem;}
.module09 .lbox .list li:hover a{ color: #ff8400;}
.module09 .lbox .list li:hover i{ background: #ff8400;}
.module09 .lbox .list li span{ width: 100%; overflow: hidden; white-space: nowrap; }
.module09 .lbox .list li span.date{ width: auto; min-width: 10rem; text-align: right; color: #aaa;}
.module09 .cbox .title span{ font-size: 2.4rem; padding: 1rem 3rem; color: #fff;}
.module09 .cbox .title a{ padding: 1rem; color: #fff;}
.module09 .cbox .top,.module09 .cbox .list{ padding: 3rem;}
.module09 .cbox .list{ padding-top: 0;}
.module09 .cbox .top .txt.flex,.module09 .cbox .list ul.flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module09 .cbox .img{ width: 30%;}
.module09 .cbox .top .txt{ width: 70%; padding-left: 1rem;}
.module09 .cbox .top .txt p{ font-size: 1.4rem; line-height: 2rem; color: #666; margin: 0.5rem 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.module09 .cbox .top .txt h3{ line-height: 3rem; white-space: nowrap;}
.module09 .cbox .top .txt span{ color: #aaa; font-size: 1.2rem;}
.module09 .cbox .list li{ width: 100%; line-height: 4rem; padding-left: 2rem; background: url(../images/dot.jpg) no-repeat left center; white-space: nowrap;}
.module09 .cbox .list li a{ display: block; overflow: hidden; color: #888;}
.module09 .cbox .list li span{ width: auto; min-width: 8rem; text-align: right;color: #888;}
.module09 .cbox .list li:hover a{ color: #ff8400;}
.module09 .rbox .title span{ font-size: 2.4rem; padding: 1rem 3rem; color: #fff;}
.module09 .rbox .title a{ padding: 1rem; color: #fff;}
.module09 .rbox ul{ padding: 3rem;}
.module09 .rbox ul li{ padding: 1.5rem 0; border-bottom: 1px dotted #aaa;}
.module09 .rbox ul li h3{ line-height: 4rem; position: relative; padding-left: 3rem;}
.module09 .rbox ul li h3 span{ position: absolute; left: 0; top: 1rem; display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.4rem; background: #10aba5; color: #fff;}
.module09 .rbox ul li p{ position: relative; padding-left: 3rem; font-size: 1.4rem; line-height: 2.4rem; color: #666; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.module09 .rbox ul li p span{ position: absolute; left: 0; top: 0; display: block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.4rem; background: #ff8400; color: #fff;}
@media screen and (max-width:1199px){
    .module09{ padding-top: 0; padding-bottom: 5rem;}
    .module09 .box{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module09 .lbox,.module09 .cbox,.module09 .rbox{ width: 100%; margin-bottom: 3rem;}
}
@media screen and (max-width:767px){
    .module09{ padding-bottom: 3rem;}
    .module09 .lbox .list li span.date{ min-width: 12rem; font-size: 1.6rem;}
}


/*底部*/
.footer{ width: 100%; height: auto; margin-top: 10rem; padding-top: 10rem; background: url(../images/fbg.jpg) no-repeat center; background-size: cover; color: #fff;}
.footer a{ color: #fff;}
.footer .container{ position: relative;}
.footer .message_box{ width: 100%; position: absolute; left: 0; top: -20rem; padding:0 15px; }
.footer .message form{ padding-top: 1rem;}
.footer .message{ width: 100%; height: 20rem; padding:3rem 5rem; background-image: url(../images/contact.jpg); background-size: cover;}
.footer .message input,.footer .message textarea{ width: 20%; max-width: 50rem; border: none; border-radius: 0; color: #fff; padding: 1rem; font-size: 1.4rem; line-height: 3rem; height: 5rem;}
.footer .message ::-webkit-input-placeholder { color: #fff; } 
.footer .message :-moz-placeholder { color: #fff; } 
.footer .message ::-moz-placeholder { color: #fff; } 
.footer .message :-ms-input-placeholder { color: #fff; } 
.footer .message input:not(.btn),.footer .message textarea{ padding-left: 3.5rem; background: none; border-bottom: 1px solid rgba(255,255,255,.2);}
.footer .message input.uname{ background-image: url(../images/icon_admin.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.footer .message input.phone{ background-image: url(../images/icon_nav_tel.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.footer .message textarea{ width: 40%; border-bottom: 1px solid rgba(255,255,255,.2); background-image: url(../images/icon_wx.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem; overflow: hidden;}
.footer .message input.btn{ width: 18%; background: rgba(0,0,0,.2);}
.footer .message h3{ font-size: 2.4rem; font-weight: normal; line-height: 4rem;}
.footer .message p{ font-size: 1.6rem;}
.foot{ padding: 5rem 0; line-height: 3rem;}
.foot .flex{ -webkit-align-items: stretch; align-items: stretch;}
.foot p{ text-align: center; padding-top: 7rem;}
.foot .phone p{ background: url(../images/phone1.png) no-repeat top center;}
.foot p span,.foot p small{ display: block;}
.foot .phone p span{ font-size: 4rem;line-height: 5rem; font-family: Georgia, 'Times New Roman', Times, serif; background: linear-gradient(to right,#0770af,#19e69b);-webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text;}
.foot .address p{ background: url(../images/address1.png) no-repeat top center;}
.foot .wechat{ text-align: center; line-height:2}
.foot .wechat img{ display: block; max-width:12rem;margin: auto} 
.footer .fbot{ padding: 3rem 0; border-top: 1px solid rgba(255,255,255,.2); font-size: 1.4rem;color: rgba(255,255,255,.7);}
.footer .fbot a{ display: inline-block; padding: 0 0.5rem; color: rgba(255,255,255,.7);}
.footer .fbot p:last-child{padding-top: 1rem; font-size: 1.6rem;}
.footer .fbot a:hover{ color: #fff;}
@media screen and (max-width:1199px){
    .foot .flex{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .footer .message_box{ padding: 1rem;}
    .foot .phone p span{ font-size: 1.8rem;}
    .foot .address p span{ font-size: 1.4rem;}
}
@media screen and (max-width:767px){
    .footer{ padding: 3rem 0; margin: 0;}
    .footer .message h3{ font-size: 2.4rem;}
    .footer .fbot{ padding-bottom: 8rem;}
    .footer .message_box{ position: relative; height: auto; padding: 0; top: 0;}
    .footer .message{ height: auto; padding: 3rem;}
    .footer .message .flex{ flex-direction: column;}
    .footer .message input.uname,.footer .message input.phone,.footer .message textarea{ font-size: 2rem; background-size: 2.4rem 2.4rem; padding-left: 4.5rem; background-position: 1rem 1.4rem}
    .footer .message input,.footer .message textarea,.footer .message input.btn{ width: 100%; margin-top: 2rem; font-size: 1.8rem;}
    .foot{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .foot .phone,.foot .wechat,.foot .address{ width: 100%; margin: 1.5rem 0;}
    .foot img{ margin: auto;}
    .foot p{ padding-top: 8rem;}
    .foot .phone p span{ font-size: 3rem;}
    .foot .address p span{ font-size: 2rem;}
    
}

/*侧边客服*/
.kf{position:fixed;top:50%; right:-170px; z-index:999;width:170px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.kt-top{padding-left:46px;height:40px;background:url(../images/kefu.png) 12px no-repeat #10ABA5;background-size:auto 20px;color:#fff;font-size:18px;line-height:40px;-ms-background-size:auto 20px}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.kt-top span{position:relative;float:right;margin:10px 10px 0 0;width:18px;height:16px;cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;-ms-transition:.5s}
.kt-top span b{position:absolute;top:50%;left:0;display:block;width:100%;height:2px;background:#fff}
.kt-top span b:first-child{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.kt-top span b:last-child{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.kf .con{overflow:hidden;padding:1rem 0;background:#fff}
.kf .qq li{padding-left:16px;height:36px;border-bottom:1px solid #f5f5f5;line-height:36px}
.kf .qq li a{display:block;overflow:hidden;height:36px!important;color:#666;text-decoration:initial;text-overflow:ellipsis;white-space:nowrap}
.kf .qq li a img{padding-right:6px}
.kf .con h5{margin-top:12px;margin-bottom:0;padding-left:45px;height:26px;background:url(../images/lianxi.png) 16px no-repeat;color:#666;font-size:14px;line-height:26px}
.kf .contact{margin-top:1px}
.kf .contact p{margin:0;padding-left:22px;height:26px;color:#666;font-size:14px;line-height:26px}
.kf .contact p:nth-child(2n){padding-left:32px}
.kf .con h5.qr-icon{background:url(../images/wx.png) 16px no-repeat}
.kf .con .qr{ padding:1rem 2rem;}
.kf .con .qr p{ font-size:1.2rem; text-align: center; line-height: 1.5; color: #666;}
.kf .backTop{width:100%;height:40px;background:url(../images/huidaodingbu.png) 50% no-repeat#10ABA5;background-size:18px auto;cursor:pointer}
.kf-side{position:absolute;top:50%;left:-34px;padding:18px 10px 10px;background: #10ABA5;cursor:pointer;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%)}
.kf-side b{display:block;color:#fff;font-weight:400;font-size:14px;line-height:18px}
.kf-side span.arrow{display:block;margin-top:10px;width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;background-size:auto 12px;-ms-background-size:auto 12px}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;background-size:auto 12px;-ms-background-size:auto 12px}

/*移动端底部导航按钮*/
.footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem;background:linear-gradient(to right,#0770af,#19e69b); border-top:1px solid rgba(255,255,255,.3);color:#fff}
.footer-nav .nav-item{-webkit-display:flex;display:flex;width:25%;height:100%;vertical-align:middle;flex-shrink:1;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.8rem;color:#fff}
.footer-nav .nav-item .nav-icon{display:block; width:3rem}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position:fixed;z-index:1002;bottom:6rem;width:100%;display:none;overflow:hidden;text-align:center}
.show-wx img{display:inline-block;max-width:15rem}