@charset "utf-8";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:16px;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:#0094d4;background:-webkit-linear-gradient(to right,#6cd3ff,#0094d4);background:linear-gradient(to right,#6cd3ff,#0094d4)}
.g-bg-color2{background:#d69700;background:-webkit-linear-gradient(to right,#ffd56f,#d69700);background:linear-gradient(to right,#ffd56f,#d69700)}
.bg-color1{ background: #0094d4;}
.bg-color2{ background: #ffb400;}
.shape {transform: skewX(-20deg);}
.shape>a {transform: skewX(20deg);}
i.shapebg{ position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%;transform: skewX(-20deg);}
.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;}
/*顶部*/
.topbar{ position: relative; z-index: 999; width: 100%; height: 4rem; line-height: 4rem; background: #f5f5f5;}
.topbar p,.topbar p a{ color: #333; 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{ width: 100%;}
.logo p span{ display: block; margin: 0 0.5rem;}
.logo p span a{ display: block;line-height: 3.5rem; padding: 0 2rem; color: #fff; font-size: 1.4rem;}
.tel{ -webkit-justify-content: flex-end;justify-content: flex-end;}
.telbox{ padding-left: 5rem; padding-right: 1rem; background: url(../images/icon-tel.png) no-repeat left center; background-size: 4rem 4rem;}
.telbox p{ line-height: 2.4rem;}
.telbox p small{ font-size: 1.4rem;}
.telbox p span{ font-family: Georgia,'Microsoft YaHei',sans-serif; font-size: 3.5rem; color: #ff0000;}
.tel .wechat img{ max-height: 10rem;}
.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 > i{background:#d69700;background:-webkit-linear-gradient(to right,#ffd56f,#d69700);background:linear-gradient(to right,#ffd56f,#d69700)}
.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:#0094d4;}
.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.4rem; 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;}
.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:absolute;z-index:1012;right:0;top:1rem;width:6rem;height:6rem;overflow:hidden;cursor:pointer; background: #0094d4;}
.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}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(255,255,255,.3)}
.navMobile dd a{display:block;line-height:6rem;color:#fff;font-weight:400;font-size:2.4rem;text-align:center}
.navMobile dd p a.act{color:#fff}
.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:#fff}
@media screen and (max-width:1365px){
    .logo p span a{ padding: 0 1rem;}
    .nav ul li > a{ font-size: 1.6rem;}
    .nav ul .search input{ width: 16rem;}
}
@media screen and (max-width:1199px){
    .logo a{ padding-right: 3rem;}
    .logo p span{ margin: 0;}
    .logo p span a{ line-height: 3rem; font-size: 1.2rem; text-align: center; min-width: 6rem; padding: 0;}
    .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{ padding-right: 8rem; min-height: 6rem;}
    .logo p span a{ line-height: 3rem; font-size: 1rem; min-width: 6rem;}
    .menu-handler{ top: 1rem;}
    .navMobile{margin-top:7rem;}
}
/*幻灯大图*/
#banner{position:relative;width:100%;height:auto; padding-bottom: 12rem; overflow:hidden;cursor:pointer;}
#banner .swiper-container{width:100%;height:auto;margin:0 auto;max-height:900px}
#banner .swiper-slide{position:relative}
#banner .swiper-slide .content{position:absolute;top:50%;right:50%;z-index:20;width:1200px;height:auto;margin-top:-190px;margin-right:-600px}
#banner .swiper-slide .content img{margin:auto;width:auto;height:auto;max-width:100%}
#banner .swiper-slide .content a{display:inline-block;margin-top:30px;padding:8px 50px;border-radius:50px;background:#0094d4;color:#fff}
#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{padding:5px 0;width:44px;border-radius:50%;opacity:.3}
#banner .swiper-button-prev{left:1.5rem;background:url(../images/left.png) no-repeat center #fff}
#banner .swiper-button-next{right:1.5rem;background:url(../images/right.png) no-repeat center #fff}
#banner .bottom-nav{position:absolute;bottom:8rem;z-index:10;width:100%;text-align:center}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{width:1.5rem;height:1.5rem;border:2px solid #0094d4;border-radius:50%;background:0 0;box-sizing:border-box;margin:0 0.5rem;vertical-align:middle;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:#0094d4}
.banner-bar{ position: absolute; z-index: 998; width: 100%; height: 12rem; bottom: 6rem; }
.banner-bar ul{ width: 100%; height: 12rem; padding: 1.5rem; background: #fff; box-shadow: 0 0 3rem rgba(0,0,0,.2);}
.banner-bar ul li{ width: 25%; -webkit-justify-content: center; justify-content: center; border-right: 1px solid #ddd; padding:0 1rem;}
.banner-bar ul li:last-child{ border-right: 0;}
.banner-bar ul li .txt{ padding-left:1rem;}
.banner-bar ul li .txt h5{ color: #0094d4; font-size: 3rem; font-family: Georgia, 'Times New Roman', Times, serif;}
.banner-bar ul li .txt p{ font-size: 1.8rem;}
@media screen and (max-width:1199px){
    #banner{ padding-bottom: 0;}
    .banner-bar{ position: relative; height: auto; bottom: 0; margin: 3rem 0;}
    .banner-bar ul{ flex-wrap: wrap; height: auto;}
    .banner-bar ul li{ width: 50%; margin: 1.5rem 0;}
    .banner-bar ul li:nth-child(2){ border-right: 0;}
}
@media screen and (max-width:767px){
    #banner .bottom-nav{ bottom: 1rem;}
    .banner-bar{ margin: 0;}
    .banner-bar ul{ box-shadow: none; background: none; padding: 0;}
    .banner-bar ul li .img{ width: 6rem; height: 6rem;}
    .banner-bar ul li .txt p{ font-size: 1.5rem;}
}
/*首页板块*/
.wrapper{ width: 100%; height: auto; overflow: hidden;}
/*标题*/
.tit{ width: 100%; height: auto; padding: 3rem 0; text-align: center;}
.tit h3{ -webkit-justify-content: center; justify-content: center; line-height: 4rem; font-size: 4rem; color: #0094d4;}
.tit h3 span{ padding: 0 3rem; white-space: nowrap;}
.tit h3 span,.tit h3 img{ display:block; width: auto;}
.tit p{ margin-top: 2rem; line-height: 3rem; color: #333;}
@media screen and (max-width:1199px){
    .tit p{ font-size: 1.2rem;} 
}
@media screen and (max-width:767px){
    .tit h3 span{ padding: 0 1rem;}
    .tit h3{ font-size: 3rem;}
    .tit p{ font-size: 1.6rem;}
}
/*板块一*/
.module01{ padding: 5rem 0;}
.module01_top{ position: relative; -webkit-align-items: flex-start; align-items: flex-start;}
.module01 .lbox{ width: 25%; padding-right: 3%;}
.module01 .lbox .title{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 3rem 1rem;}
.module01 .lbox .title h3{ position: relative; z-index: 1; text-align: center; line-height: 4rem; color: #fff; font-size: 3rem;}
.module01 .lbox .title p{ position: relative; z-index: 1; text-align: center; line-height: 2rem;  color: #fff; font-size: 1.4rem;}
.module01 .lbox .title i.shapebg{ width: 86%; left: 7%;}
.module01 .lbox .menu{ width: 86%;}
.module01 .lbox .menu ul li{ position: relative; width: 100%; height: 5.5rem; line-height: 5.5rem; margin-top: 0.5rem;}
.module01 .lbox .menu ul li:hover{background:#0094d4;background:-webkit-linear-gradient(to right,#6cd3ff,#0094d4);background:linear-gradient(to right,#6cd3ff,#0094d4);}
.module01 .lbox .menu ul li::before{ position: absolute; top: 2.5rem; left: 6rem; content: ""; width: .6rem; height: .6rem; border-radius: 50%; background: #aaa;}
.module01 .lbox .menu ul li:hover::before{ background: #fff;}
.module01 .lbox .menu ul li a{ display: inline-block; width: 100%; padding-left: 8rem; font-size: 1.8rem;}
.module01 .lbox .menu ul li:hover a{ color: #fff;}
.module01 .rbox{ width: 75%; overflow: hidden;}
.module01 .rbox .swiper-slide a{ display: block; position: relative;}
.module01 .rbox .swiper-slide a .txt{ position: absolute; z-index: 999; height: 70%; right: 0; top: 15%; width: 50%; background: #f5f5f5; padding: 3rem; overflow: hidden;}
.module01 .rbox .img{ width: 60%; border: 5px solid #0094d4;}
.module01 .rbox .more{ position: absolute; top: 0; right: 1rem;}
.module01 .rbox .more a{ display: block; width: 12rem; height: 4rem; line-height: 4rem; text-align: center; color: #fff;}
.module01 .rbox .more a i.shapebg{ z-index: -1;}
.module01 .rbox .txt h3{ font-size: 2.4rem; margin-bottom: 3rem;}
.module01 .rbox .txt h3 small{ display: inline-block; padding-left: 1rem; font-size: 1.6rem; font-weight: normal;}
.module01 .rbox .txt p{ font-size: 1.6rem; line-height: 3rem;}
.module01 .rbox .swiper-pagination{ right: 0; left: auto; width: 12rem; text-align: center;}
.module01 .rbox .swiper-pagination b{ font-size: 3rem; color: #0094d4;}
.module01_box{ width: 100%; height: auto; overflow: hidden; margin: 3rem auto;}
.module01_box .swiper-slide a{ display: block; padding-bottom: 2rem;}
.module01_box .swiper-slide a .img{ border: 1px solid #ddd; padding: 1rem; transition: all 0.5s;}
.module01_box .swiper-slide a:hover .img{ border:1px solid #0094d4; }
.module01_box .swiper-slide .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5rem; line-height: 5rem; color: #fff; text-align: center;}
.module01_box .swiper-slide .txt i.shapebg{ width: 80%; left: 10%;}
.module01_box .swiper-button-next,.module01_box .swiper-button-prev{ z-index: 1002; top: 50%; margin-top: -4rem; width: 4rem; height: 8rem; line-height: 8rem; text-align: center; background: #0094d4; color: #fff;}
.module01_box .swiper-button-next{ right: 0;}
.module01_box .swiper-button-prev{ left: 0;}
@media screen and (max-width:1600px){
    .module01 .lbox{ width: 30%;}
    .module01 .lbox .menu ul li{ height: 4rem; line-height: 4rem; font-size: 1.6rem;}
    .module01 .lbox .menu ul li::before{ top: 1.7rem;}
    .module01 .rbox .txt p{ font-size: 1.4rem;}
}
@media screen and (max-width:1199px){
    .module01{ padding: 3rem 0;}
    .module01_top{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module01 .lbox,.module01 .rbox{ width: 100%; padding: 0;}
    .module01 .rbox .txt h3{ font-size: 2rem; margin-bottom: 1rem;}
    .module01 .rbox .txt p{ line-height: 2rem;}
    .module01 .lbox .menu{ width: 100%; height: auto; overflow: hidden; padding: 3rem 0;}
    .module01 .lbox .menu ul li{ width: 25%; float: left;}
    .module01 .lbox .menu ul li::before{ left: 1rem;}
    .module01 .lbox .menu ul li a{ padding-left: 2rem; font-size: 2rem;}
}
@media screen and (max-width:767px){
    .module01 .lbox .title{ padding: 1rem;}
    .module01 .lbox .menu ul li{ width: 33.33%;}
    .module01 .rbox .img{ width: 100%;}
    .module01 .rbox .swiper-slide a .txt{ width: 100%; height: auto; position: relative;}
    .module01 .rbox .txt p{ font-size:1.8rem;}
    .module01_box .swiper-slide .txt{ height: 4rem; line-height: 4rem; font-size: 1.6rem;}
}
/*版块二*/
.module02{ width: 100%; height: auto; overflow: hidden;}
.module02 .left,.module02 .right{ width: 50%; height: 26rem; color: #fff;}
.module02 .left .flex{padding-left: 5rem; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
.module02 .left h3{ line-height: 4rem; font-size: 3rem; font-weight: normal;}
.module02 .left small{ text-transform: uppercase; font-size: 1.2rem; opacity: 0.5;}
.module02 .left p{ margin: 1rem 0; letter-spacing: 0.3rem; font-size: 1.8rem; opacity: 0.8;}
.module02 .left a{ display: inline-block; padding: 0.5rem 3rem; color: #fff;}
.module02 .left{ background: url(../images/bg1.jpg) no-repeat; background-size: cover; background-position: right}
.module02 .right{ background: url(../images/bg2.jpg) no-repeat; background-size: cover; background-position: left; padding: 0 5rem;}
.module02 .right h3{ font-size: 3rem; padding-bottom: 2rem;}
.module02 .right p{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module02 .right span{ display: block; padding-left: 3rem; width: 33.33%; background: url(../images/g-dot.png) no-repeat left center; background-size: 2rem 2rem; font-size: 1.8rem;}
@media screen and (max-width:1600px){
    .module02 .right span{ width: 33.33%; font-size: 1.4rem;}
}
@media screen and (max-width:1199px){
    .module02 .left,.module02 .right{ width: 100%; padding: 3rem;}
    .module02 .left{ background-position:left;}
    .module02 .left .flex{ padding: 0;}
    .module02 .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
}
@media screen and (max-width:767px){
    .module02 .left{ background-position:center;}
    .module02 .left,.module02 .right{padding: 1rem;}
    .module02 .right span{ width: 50%;}
    .module02 .right span{ font-size: 1.8rem;}
}
/*版块三*/
.module03{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden;}
.module03 .menubar{ -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module03 .menubar a{ margin: 1rem 3rem; padding:1rem; width: 10%; text-align: center; color: #fff;}
.module03 .menubar a i.shapebg{ z-index: -1;}
.module03 .menubar a:hover i.shapebg{ background:#d69700;background:-webkit-linear-gradient(to right,#ffd56f,#d69700);background:linear-gradient(to right,#ffd56f,#d69700)}
.module03 .box ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module03 .box ul li{ width: 23%; margin-top: 3rem;}
.module03 .box ul li a{ position: relative; display: block; padding-bottom: 2rem;}
.module03 .box ul li a .img{ border: 3px solid #f0f0f0; padding: 1rem; transition: all 0.5s;}
.module03 .box ul li a:hover .img{ border:3px solid #0094d4; }
.module03 .box ul li .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5rem;}
.module03 .box ul li .txt i.shapebg{ width: 80%; left: 10%;}
.module03 .box ul li .txt h3{  height: 5rem; line-height: 5rem; font-weight: normal; color: #fff; text-align: center}
@media screen and (max-width:1199px){
    .module03 .menubar a{ width: auto; margin: 0; font-size: 1.8rem;}
    .module03 .box ul li{ width: 32%;}
}
@media screen and (max-width:767px){
    .module03 .menubar a{ width: 33.33%; white-space: nowrap;}
    .module03 .box ul li{ width: 49%;}
    .module03 .box ul li .txt h3{ height: 4rem; line-height: 4rem; font-size: 1.8rem;}
    .module03 .box ul li .txt{ height: 4rem;}
    .module03 .box ul li a .img{ border: 1px solid #ddd;}
}
.module04{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden; background: url(../images/bg3.jpg) no-repeat bottom center;}
.module04 .tabbar{ -webkit-justify-content: center; justify-content: center;}
.module04 .tabbar a{ margin: 0 1rem; padding: 2rem 5rem; font-size: 2rem; white-space: nowrap;}
.module04 .tabbar a i.shapebg{ border: 1px solid #ddd;}
.module04 .tabbar a span{ display: block; padding-left: 5rem; background-size: 2.5rem 2.5rem!important;}
.module04 .tabbar a span.icon1{background: url(../images/ia01.png) no-repeat left;}
.module04 .tabbar a span.icon2{background: url(../images/ia02.png) no-repeat left;}
.module04 .tabbar a span.icon3{background: url(../images/ia03.png) no-repeat left;}
.module04 .tabbar a span.icon4{background: url(../images/ia04.png) no-repeat left;}
.module04 .tabbar a:hover span.icon1,.module04 .tabbar a.on span.icon1{background: url(../images/ia_01.png) no-repeat left;}
.module04 .tabbar a:hover span.icon2,.module04 .tabbar a.on span.icon2{background: url(../images/ia_02.png) no-repeat left;}
.module04 .tabbar a:hover span.icon3,.module04 .tabbar a.on span.icon3{background: url(../images/ia_03.png) no-repeat left;}
.module04 .tabbar a:hover span.icon4,.module04 .tabbar a.on span.icon4{background: url(../images/ia_04.png) no-repeat left;}
.module04 .tabbar a:hover,.module04 .tabbar a.on{ color: #fff;}
.module04 .tabbar a:hover i.shapebg,.module04 .tabbar a.on i.shapebg{ z-index: -1; border: 0; background:#0094d4;background:-webkit-linear-gradient(to right,#6cd3ff,#0094d4);background:linear-gradient(to right,#6cd3ff,#0094d4);}
.module04 .box{ margin:5rem 0; -webkit-align-items: stretch; align-items: stretch; box-shadow: 0 0 3rem rgba(0,0,0,.2); }
.module04 .box .left{ width: 75%; background: #fff;}
.module04 .box .right{ width: 25%;}
.module04 .left .item{ display: none;}
.module04 .left .item.on{ display: block;}
.module04 .item .img{ width: 45%;}
.module04 .item .txt{ width: 55%;}
.module04 .item .imgcut{ padding-bottom: 100%;}
.module04 .item .txt{ padding: 5rem;}
.module04 .item .txt .flex,.module04 .box .right .flex{ -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;}
.module04 .item .txt h3{ position: relative; font-size: 3rem; line-height: 3rem; padding-left: 8rem;}
.module04 .item .txt h3 small{ display: block; font-size: 1.4rem; line-height: 3rem; text-transform: uppercase;}
.module04 .item .txt h3 span{ position: absolute; left: 0; width: 6rem; height: 6rem; text-align: center; line-height: 6rem; background: #0094d4; color: #fff;}
.module04 .item .txt .txt-body{margin: 3rem 0;}
.module04 .item .txt p{ font-size: 1.8rem; line-height: 3rem; margin: 1rem 0;}
.module04 .item .txt .txt-tel span{ float: left; display: block; width: 6rem; height: 6rem;}
.module04 .item .txt .txt-tel img{ position: relative; z-index: 1; width: 4rem; height: 4rem; margin: 1rem;}
.module04 .item .txt .txt-tel a{ float: left; width: auto; height: 6rem; line-height: 6rem; display: block; padding:0 3rem; font-size: 3rem; font-family: Georgia, 'Times New Roman', Times, serif;}
.module04 .item .txt .txt-tel a b{ position: relative; z-index: 1; color: #0094d4;}
.module04 .item .txt .txt-tel a i.shapebg{background: #f5f5f5;}
.module04 .box .right{ padding: 5rem 3rem;}
.module04 .box .right h3{ font-size: 2.4rem; color: #fff; font-weight: normal; margin-bottom: 3rem;}
.module04 .box .right h3 small{ text-transform: uppercase; font-size: 1.4rem; color: #fff;}
.module04 .box .right input,.module04 .box .right textarea{ border: 0; border-radius: 0; background: #fff; padding: 0.5rem 2rem; width: 100%; margin: 0.5rem 0;}
.module04 .box .right input{ height: 6rem; line-height: 4rem; font-size: 1.6rem;}
.module04 .box .right textarea{ height: auto; line-height: 4rem; font-size: 1.6rem;}
.module04 .box .right input.btn{ background:#d69700;background:-webkit-linear-gradient(to right,#ffd56f,#d69700);background:linear-gradient(to right,#ffd56f,#d69700); color: #fff;}
@media screen and (max-width:1600px){
    .module04 .item .txt,.module04 .item .img{ width: 50%;}
}
@media screen and (max-width:1199px){
    .module04 .box,.module04 .item .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module04 .tabbar a{ padding: 1rem 2rem;}
    .module04 .box .left,.module04 .box .right,.module04 .item .txt, .module04 .item .img{ width: 100%;}
}
@media screen and (max-width:767px){
    .module04 .tabbar{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module04 .tabbar a{ width: 45%; margin-bottom: 1rem;}
    .module04 .item .txt{ padding: 3rem;}
}
.module05{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden;}
.module05 .imgcut{ padding-bottom: 67%;}
.module05 .tree{ padding: 6rem 0;}
.module05 .tree ul{ position: relative; width: 100%; height: auto; overflow: hidden;}
.module05 .tree ul::after{ content: ""; position: absolute; z-index: -1; left: 0; bottom: 2.5rem; width: 100%; height: 1px; border-top: 1px dotted #aaa; }
.module05 .tree ul li{ -webkit-flex-direction: column; flex-direction: column; text-align: center;}
.module05 .tree ul li .img{ position: relative; width: 10rem; height: 10rem; border-radius: 50%; background: #0094d4; border:1rem solid #6cd3ff;}
.module05 .tree ul li img{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.module05 .tree ul li .txt{ margin: 2rem 0;}
.module05 .tree ul li .txt h3{ font-size: 2.4rem; font-weight: normal;}
.module05 .tree ul li span{ display: block; width: 5rem; height: 5rem; line-height: 5rem; text-align: center; color: #666; background: url(../images/number-bg.png) no-repeat; background-size: 100%;}
.module05 .tree ul .arrow{ width: 3rem; height: 3rem; background: url(../images/jt.png) no-repeat center; background-size: 100%;}
@media screen and (max-width:1199px){
    .module05 .tree ul li .img{ width: 8rem; height: 8rem;}
    .module05 .tree ul li{ width: 15%;}
    .module05 .tree ul .arrow{ width: 1.7%;}
    .module05 .tree ul li .txt h3{ font-size: 1.8rem;}
    .module05 .tree ul li .txt p{ font-size: 1.4rem; line-height: 2rem; padding-top: 1rem;}
}
@media screen and (max-width:767px){
    .module05{ padding-bottom: 0;}
    .module05 .tree ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module05 .tree ul li{ width: 30%; margin-top: 1rem;}
    .module05 .tree ul li .img{ width: 12rem; height: 12rem;}
    .module05 .tree ul li .txt h3{ font-size: 2rem;}
    .module05 .tree ul li .txt p{ font-size: 1.6rem;}
    .module05 .tree{ padding: 3rem 0;}
}
.module06{ width: 100%; height: auto; overflow: hidden; background: url(../images/ad-bg.jpg) no-repeat bottom center; background-size: 100% auto;}
.module06 ul{ margin-bottom: 5rem; padding: 5rem; background: #fff; box-shadow: 0 0 3rem rgba(0,0,0,.2);}
.module06 ul li{ width: 24%;}
.module06 ul li p{ line-height: 3rem; padding-top: 2rem; font-size: 2.4rem; text-align: center;}
.module06 .numCount{ width: 80%; height: auto; padding-bottom: 10%;}
.module06 .numCount .item{ width:25%; border-left: 1px solid rgba(255,255,255,.2); padding:5rem 3rem; box-sizing: border-box; cursor: pointer;}
.module06 .numCount .item:first-child{ border-left: 0;}
.module06 .numCount .item .txt{ text-align: center;}
.module06 .numCount .item .txt h3{ transition: all 0.5s; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 5rem; color: #fff;}
.module06 .numCount .item .txt h3 sub{ font-size:1.2rem; font-weight: normal; padding: 1rem; color: #fff;}
.module06 .numCount .item .txt p{  font-size: 1.8rem; color: #fff;}
.module06 .numCount .item:hover h3{ transform: scale(1.2);}
@media screen and (max-width:1600px){
    .module06 ul li p{ font-size: 2rem;}
    .module06 ul{ padding: 3rem;}
    .module06 .numCount .item{ padding: 1.5rem;}
    .module06 .numCount .item .txt p{ font-size: 1.4rem;}
}
@media screen and (max-width:1199px){
    .module06 ul{ padding: 1.5rem;}
    .module06 ul li p{font-size: 1.6rem; padding-top: 1rem;}
    .module06 .numCount .item{ padding: 0;}
    .module06 .numCount .item .txt h3{ font-size: 3rem;}
    .module06 .numCount .item .txt p{ font-size: 1rem;}
}
@media screen and (max-width:767px){
    .module06 ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06 ul li{ width: 48%;}
    .module06 ul li p{ padding-bottom: 2rem;}
    .module06 .numCount{ width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06{ background-size: 200% auto;}
    .module06 .numCount .item{ width: 50%; margin-bottom: 3rem;}
    .module06 .numCount .item .txt h3{ font-size: 5rem;}
    .module06 .numCount .item .txt p{ font-size: 1.6rem;}
}
.module07{ width: 100%; padding: 5rem 0; height: auto; overflow: hidden;}
.module07 .left{ width:60%; padding-right: 5rem;}
.module07 .left h3{ font-size: 3rem; font-weight: normal; padding: 3rem 0;}
.module07 .left small{ font-size: 1.4rem; text-transform: uppercase;}
.module07 .left p{ font-size: 1.6rem; line-height: 3rem; text-indent: 2em;}
.module07 .left .img{ margin-top: 5rem;}
.module07 .left .img ul li{ width: 30%; text-align: center;}
.module07 .right{ width: 40%;}
/*视频*/
.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: #0094d4;}
.videos video{ height: 100%;}
.vclose{ position:absolute;right:0; top:0; border-radius:100%; cursor: pointer; }
@media screen and (max-width:1199px){
    .module07 .box{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module07 .left,.module07 .right{ width: 100%; padding: 0;}
}
@media screen and (max-width:767px){}
/*荣誉*/
.module08{ padding-bottom: 5rem; background: url(../images/bg3.png) no-repeat center bottom; background-size: 100%;}
.module08 .honner { width: 100%; margin: auto; padding: 0 8rem;}
.module08 .honner .swiper-container{ padding:1rem 0;}
.module08 .honner .swiper-slide a{ display: block; position: relative; padding: 1rem; transition: all 0.5s;}
.module08 .honner .swiper-slide a::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/border.png) no-repeat; background-size: 100% 100%;}
.module08 .honner .swiper-slide a:hover{ margin-top: -1rem;}
.module08 .honner .swiper-slide .imgcut{ padding-bottom: 160%;}
.module08 .swiper-button-next,.module08 .swiper-button-prev{ z-index: 1002; top: 50%; margin-top: -3rem; width: 6rem; height: 6rem; line-height: 6rem; border-radius: 50%; text-align: center; background: #0094d4; color: #fff;}
.module08 .swiper-button-next{ right: 0;}
.module08 .swiper-button-prev{ left:  0;}
@media screen and (max-width:1600px){
    .module08 .honner { width: 80%;}
    .module08{ padding-bottom: 3rem;}
}
@media screen and (max-width:1199px){}
@media screen and (max-width:767px){
    .module08{ padding-bottom: 1rem;}
    .module08 .honner{ width: 100%; padding: 0 6rem;}
}
/*新闻*/
.module09{ width: 100%; padding: 5rem 0; 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: 60%;}
.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: #0094d4; 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: #0094d4; color: #fff; margin-right: 1rem;}
.module09 .lbox .list li:hover a{ color: #0094d4;}
.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{ padding: 1rem 3rem; background: #0094d4; color: #fff;}
.module09 .cbox .title a{ padding: 1rem;}
.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;}
.module09 .cbox .list li span{ width: auto; min-width: 8rem; text-align: right;}
.module09 .cbox .list li:hover a{ color: #0094d4;}
.module09 .rbox .title span{ padding: 1rem 3rem; background: #0094d4; color: #fff;}
.module09 .rbox .title a{ padding: 1rem;}
.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: #0094d4; 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: #d69700; color: #fff;}
@media screen and (max-width:1199px){
    .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 .lbox .list li span.date{ min-width: 12rem; font-size: 1.6rem;}
}
/*底部*/
.footer{ width: 100%; height: auto; overflow: hidden; background: #222; color: #fff;}
.footer a{ color: #aaa;}
.footer .flink{ padding: 1rem 0;}
.footer .flink .flex{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.footer .flink h3{ padding-left: 5rem; padding-right: 3rem; background: url(../images/link.png) no-repeat left center; font-weight: normal; text-align: right; line-height: 3rem; color: #fff;}
.footer .flink h3 small{ display: block; font-size: 1.4rem; color: #fff;}
.footer .flink h3 span{ display: block; font-size: 1.8rem;}
.footer .flink p a{ display: inline-block; padding: 0 1rem; color: #fff; font-size: 1.6rem;}
.footer .flink p a:hover{ text-decoration: underline;}
.foot{ padding: 6rem 0;}
.foot .flex{ -webkit-align-items: stretch; align-items: stretch;}
.foot .lbox{ width: 40%;}
.foot .cbox,.foot .rbox{ width: 30%;}
.foot .lbox h3,.foot .cbox h3,.foot .rbox h3{ font-size: 2.4rem; font-weight: normal;}
.foot .lbox .box{ padding-top: 3rem;}
.foot .lbox a{ color: #aaa;}
.foot .lbox a:hover{ color: #fff;}
.foot .lbox ul{ width: 100%; border-left: 1px solid rgba(255,255,255,.2); padding-left: 3rem;}
.foot .cbox img{ display: block; padding: 1rem; border: 1px solid rgba(255,255,255,.2); max-width: 14rem;}
.foot .cbox .box,.foot .rbox .box{ padding-top: 3rem;}
.foot .cbox .flex{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.foot .cbox p{ margin-right: 1rem; text-align: center;}
.foot .rbox .box{ line-height: 3rem;}
.footer .fbot{ padding: 2rem 0; border-top: 1px solid rgba(255,255,255,.2); font-size: 1.4rem;}
.footer .fbot a{ display: inline-block; padding: 0 0.5rem;}
@media screen and (max-width:1199px){
    .foot .lbox{ width: 100%; margin-bottom: 3rem;}
    .foot .cbox, .foot .rbox{ width: 50%;}
    .foot .lbox ul{ width: 33%;}
    .foot .flex{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
}
@media screen and (max-width:767px){
    .foot .lbox,.foot .cbox,.foot .rbox{ width: 100%; margin-bottom: 3rem;}
    .foot .lbox ul{ width: 48%; margin-bottom: 2rem;}
    .footer .fbot{ padding-bottom: 8rem;}
    .foot .cbox img{ max-width: 100%;}
}

/*侧边客服*/
.floating_ck{position:fixed;right:2rem;top:65%;z-index:9999;display:block}
.floating_ck dl dd{position:relative;width:6rem;height:6rem;margin-bottom:1px;background-color:#0094d4;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;color:#666}
.floating_ck dl dd:hover{background-color:#0094d4}
.floating_ck dl dd:hover .floating_left{display:block}
.consult{background-image:url(../images/qq.png)}
.words{background-image:url(../images/kficon.png)}
.quote{background-image:url(../images/kficon.png)}
.qrcord{background-image:url(../images/erweima.png)}
.return{background-image:url(../images/fanhui.png)}
.floating_ck dd span{display:block;padding-top:4rem;color:#fff;font-size:10px}
.floating_left{position:absolute;left:-120px;top:0;width:120px;height:6rem;background-color:#0094d4;border:solid 1px #0094d4;display:none}
.floating_left a{color:#fff;line-height:6rem}
.floating_ewm{height:auto;top:-8rem; padding-bottom: 1rem;}
.floating_ewm i{display:block;width:100px;height:100px;margin:auto;margin-top:1rem;background-image:url(../images/wechat.jpg);background-size:100%}
.floating_ewm p{margin-top:5px;color:#fff}
.floating_ewm .qrcord_p01{font-size:1rem;line-height:2rem}
.floating_ewm .qrcord_p02{font-size:1.2rem}
@media screen and (max-width:767px){
    .floating_ck{display:none}
}
/*移动端底部导航按钮*/
.footer-nav{ position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem; background:#0094d4; 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.active{background-color:#0094d4}
.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}