/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; max-width: 1920px; margin: 0 auto; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#615e5e; text-decoration: none;outline:none;}
a:hover, a:active {color:#11b4bc; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1600px;}
.kga{ width:96%; margin:0 auto; max-width:1440px;}
.kgc{ width:96%; margin:0 auto; max-width:1400px;}
.kgb{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.page_button {display:block; padding-top:26px; clear:both; text-align:center;}
.page_button a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(/images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.page_button a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(/images/page_bg02.png) top repeat-x #11b4bc; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.page_button span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(/images/page_bg02.png) top repeat-x #11b4bc; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
#dituContent{ height:600px; border-bottom:5px solid #11b4bc;}
@media screen and (max-width:770px){
#dituContent{ height:230px;}
}
:root {
	--style_color: #11b4bc
}
/*基础配置*/

@font-face {
 font-family:"alternate";
 src: url("../font/alternate.eot"),
      url("../font/alternate.ttf");
}
@font-face {
 font-family:"Abtm";
 src: url("../font/Abtm.eot"),
      url("../font/Abtm.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("../font/AgencyFB.eot"),
      url("../font/AgencyFB.ttf");
}
@font-face {
 font-family:"Abtb";
 src: url("../font/Abtb.eot"),
      url("../font/Abtb.ttf");
}
@font-face {
 font-family:"DinEstd";
 src: url("../font/DinEstd.eot"),
      url("../font/DinEstd.ttf");
}
@font-face {
      font-family:"DinBlack";
      src: url("../font/DinBlack.eot"),
           url("../font/DinBlack.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../font/Dinr.eot"),
      url("../font/Dinr.ttf");
}
@font-face {
 font-family:"Ddinr";
 src: url("../font/Ddinr.eot"),
      url("../font/Ddinr.ttf");
}
@font-face {
 font-family:"Ddinb";
 src: url("../font/Ddinb.eot"),
      url("../font/Ddinb.ttf");
}
@font-face {
 font-family:"AGGCB";
 src: url("../font/Abtb1.ttf");
}


/*首页style开始*/
.top_bg{ width: 100%; max-width: 1920px; margin: 0 auto; height: 88px; border-bottom: 1px solid rgba(255,255,255,0.4); background: #fff; background: rgba(255,255,255,1); position: relative; z-index:9991; transition: 0.5s;}
.top_bg .kg{ display: flex; justify-content: space-between; align-items: center;}
.top_r{ display: flex; align-items: center;}
.top_zj{ padding-left: 30px; height: 26px; position: relative;}
.top_zj::before{ content: ''; width: 1px; height: 19px; background: #d2d2d2; position: absolute; left: 0; top: 3px;}
.top_zj ul{ display: flex;}
.top_zj li{ position: relative;}
.top_zj li:nth-child(n+2){ margin-left: 18px;}
.top_zj li:nth-child(n+2) a{ display: flex; font-size: 0.75rem; align-items: center; transition:0.5s;}
.top_zj li:nth-child(n+2) a span{ padding-left: 5px;}
.top_zj li:nth-last-child(1){display: none!important;}
.sp_nav{ display:none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li{ position: relative; margin: 0 34px;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul>li>a{display:block; height:88px; line-height: 88px; color: #615e5e; font-weight: bold; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #11b4bc;}
.sjj_nav>ul>li>ul{ position:absolute; width: calc(100% + 68px); background:rgba(255,255,255,0.95); left:-34px; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:45px; height:45px; font-size:1rem; color:#333; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#e6e6e6; color:#222; transition:0.5s;}
@media screen and (max-width:1270px){
.top_bg{box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
.logo_tel{ height:80px;}
.logo_tel .kg{ width: 100%;}
.logo{ padding-left: 1%; padding-top:9px;}
.logo img{ height: 60px;}
.logo a:nth-child(2) p{ font-size: 1.5rem;}
.logo a:nth-child(2) span{ font-size: 1.125rem;}
.tel,.sjj_nav>ul>li::after,.sjj_nav>ul>li>a::before,.sjj_nav>ul>li>a::after{ display: none;}
.sjj_nav>ul>li>ul{ position:relative; width: auto; background: none; left: auto;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1);}
.top_r{position: absolute;right: 110px;}
.top_zj{padding-left: 0;}
.top_zj::before{display: none;}
}
/*banner*/
@keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}}
@keyframes translate3d {0% {-webkit-transform: perspective(1000px) scale(1.08) translate3d(0,0,0) rotate(0);transform: perspective(1000px) scale(1.08) translate3d(0,0,0) rotate(0);}100%{-webkit-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);}}
.banner{width:100%; position:relative; overflow: hidden; background: rgba(0,0,0,.9);}
.banner_nr{  width: 100%;}
.banner_nr li{position:relative; height:100%;}
.banner_nr li a{ display:block;}
.ban_img img{ display: block; width: 100%;}
.banner_nr li video{position: absolute; left: 0; top: -16%; width: 100%; height: 132%;}
/*.banner_nr li.cur{-webkit-animation: translate3d 5s linear 0s normal infinite; animation: translate3d 5s linear 0s normal infinite}*/
.ban_kg{ text-align: right; padding-top: 160px;}
.ban_txta{ display: flex; justify-content: flex-end; align-items: center; position: relative; top: 200px; opacity: 0;}
.ban_txta span{ height: 37px; padding: 0 11px; line-height: 37px; color: #fff; background: #11b4bc; border-radius: 5px; font-size: 1.25rem;}
.ban_txta p{ margin-left: 10px; font-size: 2.25rem; line-height: 1em; color: #fff;}
.ban_txtb{ font-size: 3.75rem; font-weight: bold; color: #fff; text-shadow: 2px 2px 1px rgba(0,0,0,1); margin: 13px 0; position: relative; top: 200px; opacity: 0;}
.ban_txtc{ font-size: 1.5rem; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1); position: relative; top: 200px; opacity: 0;}
.banner_nr li.cur .ban_txta{ opacity: 1; top: 0; transition: 2s 0.5s;}
.banner_nr li.cur .ban_txtb{ opacity: 1; top: 0; transition: 2s 0.7s;}
.banner_nr li.cur .ban_txtc{ opacity: 1; top: 0; transition: 2s 1s;}
.banner_an{ position: absolute; left: 0; bottom: 253px; width: 100%; z-index: 99; display: none;}
.banner_an ul{ display: flex; justify-content: flex-end; max-width: 1600px; width: 96%; margin: 0 auto;}
.banner_an li{ width: 11px; height: 11px; border: 2px solid #fff; margin: 0 7px; border-radius: 50%; cursor: pointer; overflow: hidden; text-indent: -999em; position: relative; transition: 0.5s;}
.banner_an li.on{ background:#11b4bc; border: 2px solid #11b4bc; transition: 0.5s;}
.banner_jt a{ display:block; float:left; width:32px; height:64px; background: url(/images/ban_jt.png) no-repeat center; position:absolute; top: 45%; cursor:pointer; transition: 0.5s;}
.banner_jt a.prev{ left: 5%;}
.banner_jt a.next{ transform: scaleX(-1); right: 5%;}
.banner .pageState{ display: none; color:#ffaf4f; font-family:"Dinl"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.banner .pageState span{ color:#fff; font-size:2.25rem;}
.inda_xx{ position:absolute; bottom:3%; width:100%; text-align:center; left:0; animation:topbom 4s infinite linear; z-index:101;}
.inda_xx a{ display:block; width:50px; padding:5px 0; margin:0 auto; height:auto; cursor:pointer; border-radius:5px;}
.ban_img img:nth-child(2){display: none;}
@media screen and (max-width:770px) {
	.ban_img img:nth-child(1){display: none;}
	.ban_img img:nth-child(2){display: block;opacity: 0;}
	.banner_nr li video{top: 0;height: 100%;}
	
}
/*banner*/

.index_bga{ padding: 100px 0 90px 0; width: 100%; background: #f6f7f9;}
.index_bga .kga{ display: flex; justify-content: space-between; align-items: flex-start;}
.inda_l{ flex: 0 1 33.375%;}
.inda_title p{ font-size: 4.125rem; color: #c8c8c8; font-family:"AGGCB"; background: url(../image/inda_01.png) no-repeat right top; line-height: 0.8em; display: inline-block; padding-right: 48px;}
.inda_title h2{ color: #232323; font-size: 2.5rem; line-height: 1em; margin-top: 25px;}
.inda_title::after{ content: ''; width: 36px; height: 4px; background: #11b4bc; display: block; margin: 25px 0 55px 0;}
.inda_bt{ font-size: 1.375rem; color: #232323; line-height: 36px;}
.inda_bt p{ font-weight: bold;}
.inda_ms{ color: #646464; font-size: 1.125rem; line-height: 30px; margin-top: 80px; padding-bottom: 35px;}
.inda_more{border-top: 4px solid #01b3bb; padding-top: 18px;}
.inda_more a{ width: 76px; height: 26px; line-height: 26px; color: #01b3bb; border: 2px solid #01b3bb; display: block; text-align: center; border-radius: 15px; font-family: 'Dinr'; transition: 0.5s;}
.inda_more a:hover{ background: #11b4bc; color: #fff;}
.inda_r{ flex: 1; margin-left: 97px; position: relative;}
.ind_vdo{position: relative; flex: 0 1 80%;}
.ind_vdo::after{ content: 'Video'; background: #01b3bb; width: 120px; height: 42px; line-height: 42px; text-indent: 15px; font-size: 1.25rem; font-family: 'Dinr'; position: absolute; left: -81px; bottom: 39px; color: #fff; transform: rotate(-90deg);}
.inda_img{ overflow: hidden;}
.inda_img img{ display: block; width: 100%;}
.inda_r video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
@media screen and (max-width:1270px) {
	.inda_title p{font-size: 3.5rem;}
	.inda_title h2{font-size: 1.875rem;}
	.inda_bt{font-size: 1.125rem;}
	
}
@media screen and (max-width:1020px) {
	.index_bga .kga{display: block;}
	.ind_vdo::after{display: none;}
	.inda_r{margin-left: 0;margin-top: 50px;}
	
}
@media screen and (max-width:700px) {
	.index_bga{padding: 50px 0;}
	.inda_title p{font-size: 1.875rem;background-size: auto 100%;}
	.inda_title h2{font-size: 1.65rem;margin-top: 10px;}
	.inda_ms{font-size: 1rem;margin-top: 30px;padding-bottom: 10px;}
	.inda_r{margin-top: 30px;}
	
}

.index_bgb{ padding: 85px 0 80px 0; width: 100%; background: #fff; border-top: 1px solid #d8d8d8;}
.indb_title{ text-align: center;}
.indb_title h2{ color: #080808; font-size: 2.5rem;}
.indb_title p{ font-size: 1.125rem; color: #5b5d5d; padding-top: 2px;}
.index_bgb .inda_title::after{ margin: 25px 0 45px 0;}
.indb_kg{ display: flex; justify-content: space-between; align-items: flex-start;}
.indb_l{ flex: 1; margin-right: 97px;}
.indb_ms{ padding-top: 30px; color: #646464; line-height: 30px; font-size: 1.125rem;}
.gallery-thumbs{ padding-top: 30px;}
.gallery-thumbs .swiper-wrapper{ display: block;}
.gallery-thumbs .swiper-wrapper .swiper-slide{ cursor: pointer; position: relative;}
.gallery-thumbs .swiper-wrapper .swiper-slide a{ color: #646464; font-size: 1.25rem; line-height: 40px; display: block; position: relative; z-index: 9; transition: 0.5s;}
.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a,.gallery-thumbs .swiper-wrapper .swiper-slide:hover a{ color: #01b3bb;}
.gallery-thumbs .swiper-wrapper .swiper-slide::after{ content: ''; width: 0%; height: 2px; background: #66c7cd; position: absolute; left: 0; bottom: 6px; transition: 0.5s;}
.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after,.gallery-thumbs .swiper-wrapper .swiper-slide:hover::after{ width: 84%;}
.indb_more{ padding-top: 20px;}
.indb_more a{ display: inline-block; width: 76px; height: 26px; border: 2px solid #01b3bb; text-align: center; line-height: 26px; border-radius: 15px; color: #01b3bb; transition: 0.5s;}
.indb_more a:hover{ background: #01b3bb; color: #fff;}
.indb_r{ flex: 0 1 59.8611%; width: 59.8611%; position: relative;}
.indb_r::after{ content: 'Photo'; background: #01b3bb; width: 120px; height: 42px; line-height: 42px; text-indent: 15px; font-size: 1.25rem; font-family: 'Dinr'; position: absolute; left: -81px; bottom: 39px; color: #fff; transform: rotate(-90deg);}
.gallery-top{overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.2);}
.indb_r .swiper-wrapper .swiper-slide{ overflow: hidden;}
.indb_r .swiper-wrapper .swiper-slide img{ display: block; width: 100%;}
.indb_r .gallery-top .swiper-pagination span.swiper-pagination-bullet-active{--swiper-theme-color: #01b3bb;}
@media screen and (max-width:1270px) {
	.gallery-thumbs .swiper-wrapper .swiper-slide a{white-space: nowrap;}
	.indb_ms{display: none;}
}
@media screen and (max-width:1020px) {
	.indb_kg{display: block;}
	.indb_r{flex: auto;width: 100%;margin-top: 50px;}
	.indb_r::after{display: none;}
	.gallery-thumbs .swiper-wrapper .swiper-slide{width: auto!important;}
	.gallery-thumbs .swiper-wrapper{display: flex;justify-content: space-around;}
	.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after,.gallery-thumbs .swiper-wrapper .swiper-slide:hover::after{ width: 100%;}
	.indb_l{margin-right: 0;}
}
@media screen and (max-width:700px) {
	.index_bgb{padding: 50px 0;}
	
}

.index_bgc{ width: 100%; background: url(../image/index_bgc.jpg) no-repeat center fixed; padding: 40px 0; text-align: center; color: #fff;}
.indc_yw{ font-size: 1.125rem; font-family: 'Abtb';}
.indc_wb{ font-size: 3rem; margin-top: 65px;}
.indc_wb span{ font-size: 4.25rem; font-family: "Abtb"; line-height: 0.8em;}
.indc_ms{ font-size: 1.125rem; font-weight: 100; padding-top: 60px; color: #fff;}

.index_bgd{ background: #fff; padding: 70px 0 85px 0; width: 100%; overflow: hidden;}
.indd_nr{ overflow: hidden;}
.indd_nr .swiper-wrapper .swiper-slide{ display: flex; flex-wrap: wrap;}
.indd_nr .swiper-wrapper .swiper-slide a{ display: block; flex: 0 1 19%; margin-right: 1.25%; border: 1px solid #e2e2e4; box-sizing: border-box; overflow: hidden;}
.indd_nr .swiper-wrapper .swiper-slide a:nth-child(5n){ margin-right: 0;}
.indd_nr .swiper-wrapper .swiper-slide a:nth-child(n+6){ margin-top: 1.25%;}
.indd_nr .swiper-wrapper .swiper-slide a img{ display: block; width: 100%; transition: 0.5s;}
.indd_nr .swiper-wrapper .swiper-slide a:hover img{ transform: scale(1.05);}
.indd_nr .swiper-pagination{ position: relative; bottom: auto; margin-top: 25px;}
.indd_nr .swiper-pagination span{ width: 7px; height: 7px; opacity: 0.2;}
.indd_nr .swiper-pagination span.swiper-pagination-bullet-active{--swiper-theme-color: #01b3bb; opacity: 1;}


.index_bge{ background: url(../image/index_bge.jpg) no-repeat center; background-size: cover; width: 100%; padding: 100px 0;}
.inde_kg{ display: flex; justify-content: space-between;}
.inde_kg .indb_l{ margin-right: 50px;}
.inde-thumbs{ padding-top: 45px;}
.inde-thumbs .swiper-wrapper{ display: block;}
.inde-thumbs .swiper-wrapper .swiper-slide{ cursor: pointer; position: relative;}
.inde-thumbs .swiper-wrapper .swiper-slide a{ color: #646464; font-size: 1.25rem; line-height: 40px; display: block; position: relative; z-index: 9; transition: 0.5s;}
.inde-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active a,.inde-thumbs .swiper-wrapper .swiper-slide:hover a{ color: #01b3bb;}
.inde-thumbs .swiper-wrapper .swiper-slide::after{ content: ''; width: 0%; height: 2px; background: #66c7cd; position: absolute; left: 0; bottom: 6px; transition: 0.5s;}
.inde-thumbs .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::after,.inde-thumbs .swiper-wrapper .swiper-slide:hover::after{ width: 69%;}
.inde_kg .indb_l .indb_more{ margin-top: 65px;}
.inde_r{ flex: 0 1 72.5%; width: 72.5%; position: relative;}
.inde-top{ overflow: hidden;}
.inde-top .swiper-wrapper .swiper-slide{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.inde-top .swiper-wrapper .swiper-slide a{ display: flex; flex: 0 1 49%; align-items: flex-start;}
.inde-top .swiper-wrapper .swiper-slide a:nth-child(n+3){ margin-top: 55px;}
.inde_rq{ flex: 0 0 105px; height: 93px; text-align: center; color: #fff; background: #fff; font-family: 1.25rem; font-family: "Dinr"; padding-top: 12px; position: relative; transition: 0.5s;}
.inde_rq::before{ content: ''; width: 100%; height: 100%; background: #01b3bb; position: absolute; right: 0; top: 0; transition: 0.5s;}
.inde-top .swiper-wrapper .swiper-slide a:hover .inde_rq{ color: #01b3bb;}
.inde-top .swiper-wrapper .swiper-slide a:hover .inde_rq::before{ width: 0%;}
.inde_rq span{ position: relative; z-index: 9;}
.inde_rq p{ font-size: 3.5rem; position: relative; z-index: 9;}
.inde_wb{ background: #fff; flex: 1; padding: 3% 3% 5% 3%; position: relative;}
.inde_wb::before{ content: ''; width: 0%; height: 100%; background: #01b3bb; position: absolute; left: 0; top: 0; transition: 0.5s;}
.inde_wb h3{ font-size: 1.25rem; color: #000; line-height: 26px; height: 52px; position: relative; z-index: 9; transition: 0.5s;}
.inde_wb p{ font-size: 0.875rem; color: #999; line-height: 22px; height: 44px; overflow: hidden; margin-top: 10px; position: relative; z-index: 9; transition: 0.5s;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.inde-top .swiper-wrapper .swiper-slide a:hover .inde_wb::before{ width: 100%; transition: 0.5s;}
.inde-top .swiper-wrapper .swiper-slide a:hover .inde_wb h3,.inde-top .swiper-wrapper .swiper-slide a:hover .inde_wb p{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1270px) {
	.inde_wb h3{font-size: 1.125rem;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
}
@media screen and (max-width:1020px) {
	.inde-thumbs{display: none;}
}
@media screen and (max-width:770px) {
	.inde_kg{display: block;}
	.inde_r{width: 100%;flex: auto;margin-top: 50px;}
	
}
@media screen and (max-width:700px) {
	.inda_title::after{margin: 15px 0 30px!important;}
	.inda_bt{line-height: 30px;}
	.gallery-thumbs .swiper-wrapper .swiper-slide a{font-size: 1rem;}
	.indb_kg{position: relative;padding-bottom: 60px;}
	.indb_more{padding-top: 0;position: absolute;bottom: 0;left: 0;}
	.indb_r{margin-top: 20px;}
	.gallery-thumbs .swiper-wrapper{justify-content: space-between;}
	.indc_wb{font-size: 1.875rem;margin-top: 30px;}
	.indc_wb span{font-size: 2.65rem;}
	.indc_ms{padding-top: 20px;}
	.index_bgd{padding: 50px 0;}
	.index_bge{padding: 50px 0;}
	.inde-top .swiper-wrapper .swiper-slide{display: block;}
	.inde_wb h3{font-size: 0.9375rem;line-height: 20px;height: 39px;}
	.inde_wb p{line-height: 17px;height: 35px;margin-top: 5px;}
	.inde_rq p{font-size: 2.25rem;}
	.inde_rq{height: 68px;flex: 0 0 79px;}
	.inde_wb{padding: 5px 5px 10px;}
	.inde-top .swiper-wrapper .swiper-slide a:nth-child(n+3){margin-top: 0;}
	.inde-top .swiper-wrapper .swiper-slide a{margin-bottom: 10px;}
	.inde_r{margin-top: 30px;}
	.inde_kg{position: relative;padding-bottom: 40px;}
	
	
}

.foot_bg{ background: url(../image/foot_bg.png) no-repeat center top; background-size: cover; width:100%; border-top: 1px solid #494a4d; position:relative; z-index:9;}
.foot_top{ border-bottom: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between;}
.ftop_l a{ display: block; line-height: 67px; height: 67px; color: #fff; font-size: 1.25rem;}
.ftop_r{ flex: 0 0 520px;}
.ftop_r form{ display: flex; justify-content: space-between;}
.ftop_r form input{ flex: 1; padding: 0; border: 0; height: 67px; outline: none; background: none; margin-left: 10px; font-size: 1rem; color: #fff;}
.ftop_r form button{ flex: 0 0 67px; height: 67px; border: 0; padding: 0; background: url(../image/fsous.png) no-repeat center; cursor: pointer; transition: 0.5s;}
.foot_cen{ display: flex; justify-content: space-between; padding-top: 30px;}
.fcen_l{ display: flex; flex: 0 1 48.5%; justify-content: space-between;}
.fcen_l dt{ padding-bottom: 12px;}
.fcen_l dt a{ font-size: 1.25rem; color: #f6f7f9;}
.fcen_l dd{ line-height: 30px; color: #b4b4b4;}
.fcen_l dd a{ color: #b4b4b4; transition: 0.5s;}
.fcen_l dd:hover a{ color: #fff;}
.fcen_r{ flex: 0 1 46%; display: flex; justify-content: space-between;}
.ftel_tit{padding-bottom: 12px;}
.ftel_tit a{ font-size: 1.25rem; color: #f6f7f9;}
.ftel p{ color: #acacac; margin-bottom: 8px; line-height: 22px;}
.ftel p:nth-child(2) a{ font-size: 2rem; font-family:"Abtb"; color: #01b3bb;}
.fewm_pic{ overflow: hidden;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ text-align: center; font-size: 1rem; color: #909090; line-height: 30px; height: 30px;}
.foot_r{ text-align: right;}
.fnav a{ font-size: 1.125rem; color: #adadad; margin-left: 65px; transition: 0.5s;}
.fnav a:hover{ color: #11b4bc;}
.femzj{ display: flex; justify-content: flex-end; padding: 40px 0 45px 0; align-items: center;}
.fem{ border: 1px solid #575757; border-radius: 18px; padding: 3px;}
.foot_bom{ display: flex; padding-top: 80px; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.2); align-items: flex-end; padding-bottom: 12px;}
.flogo{ display: flex; align-items: flex-end;}
.flogo p{ padding-left: 15px; color: #b4b4b4; font-size: 1.125rem;}
.foot_zj a{ margin-left: 20px;}
.fbq{ color: #d1d1d1; padding: 15px 0;}
.fbq span{ float: right;}
.fbq a{ color: #d1d1d1; transition: 0.5s;}
.fbq a:hover{ color: #11b4bc;}
@media screen and (max-width:1270px) {
	.fcen_l{display: none;}
	.fcen_r{flex: auto;}
}
@media screen and (max-width:770px) {
	.ftop_l{display: none;}
	.ftop_r{flex: 1;}
	.foot_zj{display: none;}
	
}
@media screen and (max-width:700px) {
	.ftop_r form button{height: 55px;flex: 0 0 55px;background-size: 40%;}
	.ftop_r form{align-items: center;}
	.ftel p:nth-child(2) a{font-size: 1.35rem;}
	.ftel p{font-size: 0.875rem;margin-bottom: 4px;}
	.fewm_mc{font-size: 0.75rem;}
	.ftel{width: 65%;}
	.fcen_r{align-items: center;}
	.ftel_tit a{font-size: 1.125rem;}
	.foot_bg{margin-bottom: 49px;}
	.fbq{font-size: 0.875rem;text-align: center;}
	.fbq span{float: none;display: block;}
	.flogo{display: block;}
	.flogo p{font-size: 1rem;padding-left: 0;margin-top: 5px;}
	.foot_bom{padding-top: 35px;}
	
}
/*首页style结束*/

/*内页style开始*/
.main_banner{ width: 100%;}
.main_banner img{ display: block; width: 100%;}

.about_banner{ background:url(../image/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 5px solid #11b4bc;}
.contact_banner{ background:url(../image/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 5px solid #11b4bc;}
.case_banner{ background:url(../image/case_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 5px solid #11b4bc;}
.news_banner{ background:url(../image/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 5px solid #11b4bc;}
.pro_banner{ background:url(../image/pro_banner.jpg) no-repeat center; width:100%; height:600px; position:relative; border-bottom: 5px solid #11b4bc;}
.ny_banner{ background:url(../image/ny_banner.jpg) no-repeat center; width:100%; height:100px; position:relative; border-bottom: 5px solid #11b4bc;}
.main_tit{ height: 100%; display: flex; align-content: center; text-align: center; flex-wrap: wrap;}
.nytit{ font-size: 2.25rem; color: #fff; flex: 0 1 100%;}
.main_tit p{ color: #fff; flex: 0 1 100%; font-size: 2.25rem; font-family: "Abtb"; text-transform: uppercase;}
.main_tit.on::after{ content: ''; width: 69px; height: 4px; background: #11b4bc; border-radius: 2px; display: block; margin: 10px auto 0 auto;}

.main_flbg{width:100%; position:relative; border-bottom: 1px solid #e0e0e0; padding: 30px 0;}
.main_flbg .kga,.nflkg{ display: flex; justify-content: space-between; align-items: flex-end;}
.mainflbt span{ font-size: 6.25rem; font-family:"alternate"; text-transform: uppercase; color: rgba(139,139,139,0.1); line-height: 0.8em;}
.mainflbt p{ font-size: 2.25rem; color: #11b4bc; margin-top: -35px;}
.main_fl ul{ display: flex;}
.main_fl li{ position:relative; background: #e3e3e3; border-radius: 25px; margin-left: 15px;}
.main_fl li a{ color:#000; padding:0 40px; font-size:1.125rem; height:50px; display:block; line-height:50px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #fff;}
.main_fl li:after{ content:""; display:block; background:#11b4bc; width:100%; height:100%; border-radius: 25px; position:absolute; bottom:0; left:0; transform:scale(0); transition:0.5s;}
.main_fl li:hover:after,.main_fl li.cur:after{transform:scale(1); transition:0.5s;}
.main{ background:#fff; padding-top:60px; padding-bottom:100px;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:1.75em;}
.about_nr img{ max-width:100%;}

/*about*/
.abo_title{ display: flex; flex-wrap: wrap; align-content: center; text-align: center; justify-content: center; height: 100%; color: #fff;}
.abo_title h1{ font-size: 2.25rem; flex: 0 1 100%; letter-spacing: 18px; padding-left: 18px;}
.abo_title p{ font-family: 'Dinr'; line-height: 24px; font-size: 1.125rem; margin-top: 15px;}

.abo_flbg{ background: #11b4bc; width: 100%; padding-top: 6px;}
.abo_fl ul{ display: flex;}
.abo_fl li{ position: relative; margin-right: 60px;}
.abo_fl li::after{ content: ''; width: 100%; height: 2px; background: #11b4bc; position: absolute; left: 0; bottom: 0px; transform: scaleX(0); transition: 0.5s;}
.abo_fl li:hover::after,.abo_fl li.cur::after{transform: scaleX(1); bottom: -2px;}
.abo_fl li a{ display: block; line-height: 70px; height: 70px; color: #fff;}
.main_wz{ height: 40px; line-height: 40px; color: #6b6b6b; text-align: right;}
.main_wz a{color: #6b6b6b;}
.main_wz span{ padding: 0 20px; position: relative;}
.main_wz span::before{ content: ''; width: 0; height: 0; border: 3px solid transparent; border-left: 4px solid #878787; position: absolute; left: 18px; top: calc(50% - 3px);}
.main_wz img{ margin-bottom: -1px; margin-right: 5px;}
.main_wz.on{ padding-top: 6px;}
.main_wz.on,.main_wz.on a{ color: #fff;}
.main_wz.on span::before{border-left: 4px solid #fff;}

.aboz_bga{ background: url(../image/aboz_bga.jpg) no-repeat center fixed; width: 100%; padding: 33px 0 55px 0; overflow: hidden; border-top: 5px solid #11b4bc; border-bottom: 1px solid #e8e8e8;}
.aboza_nr ul{ display: flex; justify-content: space-around;}
.aboza_nr li{ text-align: center;}
.aboza_mc{ height: 42px; line-height: 42px; overflow: hidden; text-align: center; font-weight: bold; color: #fff; font-size: 1.5rem;}

.abo_bga{ background: #f4f4f4; background-size: 100% auto; width: 100%; padding: 0px 0 70px 0; overflow: hidden;}
.aboa_top{ padding: 55px 0; background: #fff;}
.aboa_top .kgc{ display: flex; justify-content: space-between; align-items: flex-end;}
.aboat_l{ flex: 0 1 48.571%;}
.aboat_tit h2{ font-size: 1.875rem; color: #11b4bc;}
.aboat_tit p{ color: #4c4c4c; font-size: 1.375rem; padding-top: 6px;}
.aboat_img{ margin-top: 25px; overflow: hidden;}
.aboat_img img{ display: block; width: 100%;}
.aboat_r{ flex: 1; margin-left: 50px;}
.aboatr_bt p{ font-family: "AGGCB"; font-size: 3rem; color: #11b4bc; line-height: 1em;}
.aboatr_bt span{ display: block; font-size: 1.5rem; color: #161616; margin-top: 18px;}
.aboatr_ms{ line-height: 30px; color: #686868; font-size: 1.125rem; margin-top: 40px;}

.aboa_bom{ margin-top: 73px; background: #fff; padding: 55px 0 60px 0; display: flex; justify-content: space-between;}
.aboab_l{ flex: 0 1 50%; box-sizing: border-box; padding: 0 4.5%;}
.aboab_l li:nth-child(1){ background: url(../image/aboab_01.png) no-repeat right bottom;}
.aboab_l li:nth-child(2){ background: url(../image/aboab_02.png) no-repeat right 70%; padding-top: 20px; margin-top: 32px; border-top: 1px solid #e8e8e8;}
.aboab_sz{ display: flex; align-items: flex-end; color: #11b4bc;}
.aboab_sz p{ font-size: 4.5rem; font-family: 'Dinr';  line-height: 0.8em;}
.aboab_sz span{ font-size: 1.5rem; padding-left: 5px; line-height: 1em;}
.aboab_sm{ font-size: 1.125rem; color: #4c4c4c; line-height: 30px; margin-top: 10px;}
.aboab_r{flex: 0 1 50%; box-sizing: border-box; padding: 0 2%;}
.aboabr_bt h3{ font-size: 1.875rem; color: #11b4bc; display: flex; align-items: flex-end;}
.aboabr_bt h3 a{ padding: 0 22px; height: 29px; border: 1px solid #11b4bc; color: #11b4bc; text-align: center; line-height: 29px; font-size: 0.875rem; margin-left: 18px; transition: 0.5s;}
.aboabr_bt h3 a:hover{ color: #fff; background: #11b4bc;}
.aboabr_bt p{ font-size: 1.375rem; color: #4c4c4c; padding-top: 7px;}
.aboabr_bt::after{ content: ''; width: 17px; height: 3px; background: #00aab2; display: block; margin: 38px 0;}
.aboabr_ms dl{ display: flex; font-size: 1.125rem; color: #969696; line-height: 30px;}
.aboabr_ms dl dt{ flex: 0 0 130px; text-align: right;}

.abo_bgb{ width: 100%; background: #f4f4f4;}
.abob_tit h2{ font-size: 1.875rem; color: #11b4bc; display: flex; align-items: flex-end; line-height: 31px;}
.abob_tit h2 a{ padding: 0 22px; height: 29px; border: 1px solid #11b4bc; color: #11b4bc; text-align: center; line-height: 29px; font-size: 0.875rem; margin-left: 18px; transition: 0.5s;}
.abob_tit h2 a:hover{ color: #fff; background: #11b4bc;}
.abob_tit p{ font-size: 1.375rem; color: #626262; margin-top: 5px;}
.abob_nr{ padding-top: 20px;}
.abob_nr ul{ display: flex; justify-content: space-between;}
.abob_nr li{flex: 0 1 48.572%; position: relative;}
.abob_pic{ overflow: hidden; position: relative;}
.abob_pic img{ display: block; width: 100%;}
.abob_a{ display: flex; position: absolute; right: 3%; bottom: 4%;}
.abob_a a{ display: block; width: 75px; height: 32px; line-height: 32px; border-radius: 16px; background: #fff; text-align: center; color: #626262; font-size: 0.875rem;}
.abob_a a:nth-child(1){ margin-right: 10px;}
.abob_wb{ background: #f3f3f3; padding: 30px 5% 40px 5%; position: absolute;}
.abob_mc{ font-size: 1.375rem; color: #626262;}
.abob_ms{ font-size: 1.125rem; color: #676767; line-height: 24px; margin-top: 10px; border-bottom: 1px solid #c6c6c6; padding-bottom: 24px;}

.abo_bgc{ background: url(../image/abo_bgc.jpg) no-repeat center top #fff; width: 100%; padding: 235px 0 130px 0;}
.aboa_ser{ padding-top: 83px; width: 48%;}
.aboaser_tit h2{ font-size: 1.875rem; color: #11b4bc; display: flex; align-items: flex-end; line-height: 31px;}
.aboaser_tit h2 a{ padding: 0 22px; height: 29px; border: 1px solid #11b4bc; color: #11b4bc; text-align: center; line-height: 29px; font-size: 0.875rem; margin-left: 18px; transition: 0.5s;}
.aboaser_tit h2 a:hover{ color: #fff; background: #11b4bc;}
.aboaser_tit p{ font-size: 1.375rem; color: #4c4c4c; padding-top: 7px;}
.aboaser_zj{ border: 2px solid #d7d7d7; margin-top: 28px;}
.aboaser_zj ul{ display: flex; justify-content: space-between; padding: 25px 5% 20px 5%;}
.aboaser_sz{ display: flex; align-items: flex-end; color: #11b4bc;}
.aboaser_sz p{ font-size: 4.5rem; font-family: 'Dinr'; line-height: 0.8em;}
.aboaser_sz span{ font-size: 1.5rem; padding-left: 5px; line-height: 1em;}
.aboaser_zj li:nth-child(1) .aboaser_sz span{ font-size: 1.875rem;}
.aboaser_sm{ font-size: 1.125rem; color: #6b6b6b; padding-top: 5px;}
.aboaser_ms{ line-height: 30px; padding-top: 35px; color: #787777; font-size: 1.125rem;}
@media screen and (max-width:1020px) {
	.aboa_bom{display: block;}
	.aboab_r{padding: 0 4.5%;margin-top: 40px;}
	.aboab_l li:nth-child(2){padding-bottom: 32px;border-bottom: 1px solid #E8E8E8;}
	.aboza_mc{font-size: 1.25rem;}
	.aboa_top .kgc{display: block;}
	.aboat_r{margin-left: 0;margin-top: 50px;}
	
}
@media screen and (max-width:770px) {
	.abob_wb{position: static;background: none;}
	.abob_nr li{background: white;}
	.abob_ms{line-height: 28px;}
	.abo_bgb{padding-bottom: 50px;}
	.abo_bgc{background-position: center;padding: 70px 0;}
	.aboa_ser{width: 59%;padding-top: 0;}
	
}
@media screen and (max-width:700px) {
	.abo_fl li{margin-right: 0;}
	.abo_fl ul{justify-content: space-between;}
	.main_wz{display: none;}
	.aboza_nr img{max-width: 100%;height: 75px;}
	.aboza_nr li{width: 50%;}
	.aboza_nr ul{flex-wrap: wrap;}
	.aboza_mc{font-size: 1rem;height: auto;line-height: normal;margin-top: 5px;}
	.aboza_nr li:nth-child(1n+3){margin-top: 20px;}
	.abo_fl li a{height: 45px;line-height: 45px;}
	.aboa_top{padding: 50px 0;}
	.aboat_tit h2{font-size: 1.65rem;}
	.aboat_tit p{padding-top: 0;font-size: 1.125rem;}
	.aboat_img{margin-top: 15px;}
	.aboatr_bt p{font-size: 1.6875rem;}
	.aboatr_bt span{font-size: 1.25rem;margin-top: 0;}
	.aboat_r{margin-top: 30px;}
	.aboatr_ms{margin-top: 20px;font-size: 1rem;line-height: 26px;}
	.aboatr_ms p{text-indent: 32px;}
	.aboa_bom{margin-top: 50px;padding: 30px 0 30px;}
	.aboab_sm{font-size: 1rem;}
	.aboab_l li{background: none!important;}
	.aboab_sz p{font-size: 2.5rem;}
	.aboab_sm br{display: none;}
	.aboabr_bt h3{font-size: 1.65rem;}
	.aboabr_bt h3 a{font-size: 0.875rem;}
	.aboabr_bt p{font-size: 1.125rem;}
	.aboabr_ms dl dt{font-size: 0.9375rem;}
	.aboabr_ms dd{font-size: 0.875rem;}
	.aboabr_ms dl dt{flex: 0 0 109px;}
	.aboabr_ms dl{line-height: normal;margin-bottom: 10px;}
	.aboabr_bt::after{margin: 20px 0;}
	.abob_nr li{flex: 1;}
	.abob_tit h2{font-size: 1.65rem;}
	.abob_tit h2 a{font-size: 0.875rem;}
	.abob_tit p{font-size: 1.125rem;}
	.abob_ms{font-size: 1rem;}
	.abob_wb{padding: 15px;}
	.abo_bgc{background: white;padding: 50px 0;}
	.aboa_ser{width: 100%;}
	.aboaser_tit h2{font-size: 1.65rem;}
	.aboaser_tit h2 a{font-size: 0.875rem;}
	.aboaser_tit p{font-size: 1.125rem;}
	.aboaser_sz p{font-size: 2.5rem;}
	.aboaser_sz span{font-size: 1.125rem;}
	.aboaser_sm{font-size: 1rem;}
	.aboaser_zj ul{padding: 15px;}
	.aboaser_ms{font-size: 1rem;line-height: 26px;}
	.abo_flbg{padding-top: 0;}
	
}
/*about*/

/*科技*/
.keji_vdo{ position: relative; width: 100%; border-bottom: 5px solid #11b4bc;}
.keji_vdo img{ display: block; width: 100%;}

.keji_bga{ background: #fff; padding: 58px 0 50px 0; width: 100%;}
.keji_bga .kga{ display: flex; justify-content: space-between; align-items: flex-start;}
.kejia_l{ flex: 0 1 45%; padding-top: 20px;}
.keji_bga.on .kejia_l{ order: 1;}
.kejia_tit h3{ font-size: 2rem; color: #0f0f0f;}
.kejia_tit p{ font-family: "AGGCB"; font-size: 2.25rem; color: #11b4bc; text-transform: uppercase; line-height: 1em; margin-top: 4px;}
.kejia_ms{ color: #868686; line-height: 30px; font-size: 1.125rem; margin-top: 80px;}
.kejia_r{ position: relative; flex: 0 1 50%; width: 50%; overflow: hidden;}
.kejia_r .swiper-pagination{ position: relative; bottom: auto; left: auto; width: auto; text-align: left; padding-top: 17px;}
.keji_bga.on .kejia_r .swiper-pagination{ text-align: right;}
.kejia_r .swiper-pagination span{ margin: 0 10px 0 0; width: 13px; height: 13px; background: #b1b1b1; border-radius: 50%; opacity: 1; transition: 0.5s;}
.kejia_r .swiper-pagination span.swiper-pagination-bullet-active{ background: #11b4bc;}
.keji_bga.on .kejia_r .swiper-pagination span{ margin: 0 0 0 10px;}

.keji_bgb{ background: #f6f7f9; padding: 65px 0 120px 0; width: 100%;}
.kejib_btjs{ display: flex; justify-content: space-between; align-items: flex-end;}
.kejib_js{ color: #666; font-size: 1.125rem; line-height: 30px; position: relative; padding-left: 26px;}
.kejib_js::before{ content: ''; width: 4px; height: 90%; background: #11b4bc; border-radius: 2px; position: absolute; left: 0; bottom: 5%;}
.kejib_nr{ padding-top: 25px;}
.kejib_nr ul{ display: flex; flex-wrap: wrap;}
.kejib_nr li{ flex: 0 1 15%; margin-right: 2%; margin-top: 50px;}
.kejib_nr li:nth-child(6n){ margin-right: 0;}
.kejib_kk{ position: relative;}
.kejib_kk span{ display: block; position: relative; z-index: 9;}
.kejib_kk span img{ display: block; width: 100%;}
.kejib_kk p{ position: absolute; left: 6%; top: 5%; width: 88%;}
.kejib_kk p img{ display: block; width: 100%;}

.keji_bgc{ background: #f3f3f3; width: 100%; padding: 60px 0 100px 0;}
.keji_bgc .kga{ display: flex; justify-content: space-between; align-items: flex-end;}
.keji_bgc .kejia_tit span{ display: block; margin-top: 10px; color: #959595; font-size: 1.125rem; line-height: 30px; margin-bottom: 55px;}
.kejic_l{ flex: 0 1 36.643%;}
.kejic_l::after{ content: ''; width: 80%; height: 67px; background: #11b4bc; width: 88%; display: block; margin-top: 30px;}
.kejia_pic{ overflow: hidden;}
.kejia_pic img{ display: block; width: 100%;}
.kejic_r{ flex: 1; margin-left: 30px; display: flex; justify-content: space-between;}
.kejic_r li:nth-child(1){ flex: 0 1 40.957%;}
.kejic_r li:nth-child(2){ flex: 0 1 55.31%; display: flex; flex-wrap: wrap; align-content: space-between;}
.kejic_r li:nth-child(2) .kejia_pic{ flex: 0 1 100%;}
@media screen and (max-width:770px) {
	.keji_bga .kga{display: block;}
	.kejia_r{width: auto;margin-top: 50px;}
	.kejia_r img{width: 100%;}
	.kejib_btjs{display: block;}
	.kejib_js{margin-top: 20px;}
}
@media screen and (max-width:700px) {
	.kejia_l{padding-top: 0;}
	.keji_bga{padding: 50px 0;}
	.kejia_tit h3{font-size: 1.65rem;}
	.kejia_tit p{font-size: 1.35rem;}
	.kejia_ms{margin-top: 30px;font-size: 1rem;line-height: 26px;}
	.kejia_ms p{display: inline;}
	.kejia_r{margin-top: 20px;}
	.kejia_r .swiper-pagination{padding-top: 15px;}
	.kejib_js{font-size: 1rem;line-height: 26px;padding-left: 20px;}
	.kejib_js br{display: none;}
	.kejib_nr li{flex: auto;width: 32%;margin-right: 0!important;margin-top: 20px;margin-left: 1.333%;}
	.kejib_nr li:nth-child(3n+1){margin-left: 0!important;}
	.keji_bgb{padding: 50px 0;}
	
}

.sczz_bga{ padding: 50px 0 100px 0; width: 100%; background: #f6f7f9; overflow: hidden;}
.sczza_nr{ padding-top: 35px;}
.sczza_nr li{ float: left; position: relative; width: 32.143%; margin-left: 1.7855%;}
.sczza_nr li:nth-child(3n-2){ margin-left: 0;}
.sczza_nr li:nth-child(-n+3){ border-top: 5px solid #11b4bc;}
.sczza_nr li:nth-child(n+4){ margin-top: 1.8%;}
.sczza_pic{ overflow: hidden;}
.sczza_pic img{ display: block; width: 100%; transition: 0.5s;}
.sczza_nr li:hover .sczza_pic img{ transform: scale(1.05);}
.sczza_mc{ position: absolute; left: 0; bottom: 0; font-size: 1.125rem; width: 100%; box-sizing: border-box; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.95)); padding: 30px 3% 0 3%; line-height: 45px; line-height: 45px; color: #fff;}
@media screen and (max-width:700px) {
	.sczza_nr li{width: 48%;margin-left: 0!important;margin-bottom: 20px;border-top: 5px solid #11b4bc;margin-top: 0!important;}
	.sczza_nr li:nth-child(2n){margin-left: 4%!important;}
	.sczza_mc{font-size: 1rem;}
	.sczz_bga{padding: 50px 0;}
	.sczza_nr{padding-top: 20px;}
}

.shfw_bga{ background: #f3f3f3; padding: 40px 0 110px 0; width: 100%;}
.shfwa_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.shfwa_nr li{ margin-top: 32px; flex: 0 1 30.715%;}
.shfw_pic{ overflow: hidden;}
.shfw_pic img{ display: block; width: 100%;}
.shfw_wb{ background: #fff; padding: 18px 3%;}
.shfw_wb h3{ color: #11b4bc; font-size: 1.375rem; margin-bottom: 3px;}
.shfw_wb p{ color: #5b5b5b; line-height: 24px;}
@media screen and (max-width:700px) {
	.shfw_pic img{width: 100%;}
	.shfwa_nr li{flex: auto;}
	.shfw_bga{padding: 50px 0;}
}
/*科技*/


/*case*/
.hzhb_top{ padding: 62px 0 92px 0; width: 100%; background: #fff;}
.case_fl ul{ display: flex; justify-content: space-between;}
.case_fl li{ flex: 0 1 16%; cursor: pointer; position: relative;}
.case_fl li a{ display: block; line-height: 72px; height: 72px; text-align: center; font-size: 1.125rem; color: #000; border: 2px solid #e5e5e5; position: relative; z-index: 9; transition: 0.5s;}
.case_fl li:hover a,.case_fl li.cur a{ color: #fff; border: 2px solid #11b4bc;}
.case_fl li::after{ content: ''; width: 100%; height: 100%; background: #11b4bc; position: absolute; left: 0; top: 0; transform: scale(0); transition: 0.5s;}
.case_fl li:hover::after,.case_fl li.cur::after{ transform: scale(1); transition: 0.5s;}
.hzhb_bg{ background: #f3f3f3; margin-top: 11px; padding: 60px 0 50px 0;}
.hzhb_gd{ margin: 0 5%; overflow: hidden; position: relative;}
.hzhb_gd .swiper-wrapper .swiper-slide .hzhb_pic img{ transform: scale(1);}
.hzhb_mc{ height: 40px; line-height: 40px; text-align: center; color: #030303;}
.hzhb_lcr{ display: flex; justify-content: center; align-items: center; margin-top: 40px;}
.hzhb_lcr .swiper-button-prev,.hzhb_lcr .swiper-button-next{ position: relative; top: auto; margin-top: 0; right: auto; left: auto; --swiper-navigation-size: 26px; --swiper-theme-color: #b9b9b9;}
.hzhb_lcr .swiper-pagination{ position: relative; left: auto; bottom: auto; padding: 0 8px;}
.hzhb_lcr .swiper-pagination span{ width: 32px; height: 32px; border-radius: 0; background: #fff; text-align: center; line-height: 32px; opacity: 1; margin: 0 6px; font-family: "Dinr"; font-size: 1.25rem; color: #11b4bc;}
.hzhb_lcr .swiper-pagination span.swiper-pagination-bullet-active{ background: #11b4bc; color: #fff;}

.case_bom{ background: #f3f3f3; width: 100%; padding: 45px 0 85px 0;}
.caseb_tit{ text-align: center;}
.caseb_tit h2{ color: #08b3cd; font-size: 2rem;}
.caseb_gd{ position: relative; margin-top: 28px;}
.caseb_nr{ overflow: hidden;}
.case_pic{ overflow: hidden;}
.case_pic img{ display: block; width: 100%; transition: 0.5s;}
.caseb_gd .swiper-wrapper .swiper-slide:hover .case_pic img{ transform: scale(1.05);}
.case_wb{ background: #fff; padding: 15px 3% 25px 3%;}
.case_wb h3{ height: 40px; line-height: 40px; font-size: 1.625rem; color: #000; overflow: hidden;}
.case_wb p{ color: #949494; line-height: 20px; height: 40px; overflow: hidden; margin-top: 3px;}
.caseb_gd .swiper-button-prev,.caseb_gd .swiper-button-next{--swiper-theme-color: #bababa; --swiper-navigation-size: 34px;}
.caseb_gd .swiper-button-prev{ left: -3%;}
.caseb_gd .swiper-button-next{ right: -3%;}

.hzhb_fl{ border-bottom: 1px solid #e0e0e0; padding: 14px 0 15px 0; background: #f6f6f6;}
.hzhb_fl ul{ display: flex; justify-content: space-between; max-width: 1030px; width: 98%; margin: 0 auto;}
.hzhb_fl li{ flex: 0 1 15%; cursor: pointer; position: relative; background: #e3e3e3; border-radius: 25px;}
.hzhb_fl li a{ display: block; line-height: 50px; height: 50px; text-align: center; font-size: 1.125rem; color: #000; position: relative; z-index: 9; transition: 0.5s;}
.hzhb_fl li:hover a,.hzhb_fl li.cur a{ color: #fff;}
.hzhb_fl li::after{ content: ''; width: 100%; height: 100%; background: #11b4bc; position: absolute; border-radius: 25px; left: 0; top: 0; transform: scale(0); transition: 0.5s;}
.hzhb_fl li:hover::after,.hzhb_fl li.cur::after{ transform: scale(1); transition: 0.5s;}
.case_top{ padding: 64px 0 97px 0; width: 100%; background: #f6f6f6;}
.caset_nr ul{ display: flex; flex-wrap: wrap;}
.caset_nr li{ flex: 0 1 19%; margin-right: 1.25%; background: #fff; padding: 10px 0;}
.caset_nr li:nth-child(5n){ margin-right: 0;}
.caset_nr li:nth-child(n+6){ margin-top: 1.25%;}
.hzhb_pic{ overflow: hidden;}
.hzhb_pic img{ display: block; width: 100%; transform: scale(0.8); transition: 0.5s;}
.caset_nr li:hover .hzhb_pic img{ transform: scale(0.9);}
.caset_mc{ text-align: center; color: #000; height: 40px; line-height: 40px;}
.caset_jt{ padding-top: 40px; display: flex; justify-content: center; align-items: center;}
.caset_jt a{ cursor: pointer;}
.caset_jt a img{ width: 12px;}
.caset_jt a.prev{ transform: scaleX(-1);}
.caset_jt ul{ padding: 0 10px; display: flex;}
.caset_jt li{ width: 32px; height: 32px; text-align: center; color: #11b4bc; font-family: 'Dinr'; background: #fff; margin: 0 6px; line-height: 32px; font-size: 1.375rem; cursor: pointer;}
.caset_jt li.on{ background: #11b4bc; color: #fff;}
@media screen and (max-width:770px) {
	.case_fl ul{flex-wrap: wrap;}
	.case_fl li{flex: initial;width: 32%;}
	.caseb_gd .swiper-button-next{display: none;}
	.caseb_gd .swiper-button-prev{display: none;}
	
}
@media screen and (max-width:700px) {
	.hzhb_lcr .swiper-button-prev, .hzhb_lcr .swiper-button-next{display: none;}
	.hzhb_lcr .swiper-pagination{display: flex;flex-wrap: wrap;}
	.hzhb_lcr .swiper-pagination span.swiper-pagination-bullet-active{margin-bottom: 5px;}
	.hzhb_bg{padding: 30px 0;}
	.case_fl li a{font-size: 0.875rem;border-width: 1px;height: 45px;line-height: 45px;}
	.case_fl li{margin-bottom: 1.333%;}
	.hzhb_lcr{margin-top: 20px;}
	.hzhb_top{padding: 50px 0;}
	.caseb_tit h2{font-size: 1.65rem;}
	.case_wb h3{font-size: 1.45rem;}
	.case_bom{padding: 50px 0;}
	
	
}




.ncase_bga{ padding: 35px 0 75px 0; width: 100%;}
.ncasea{padding: 2%; box-shadow: 0 0 40px rgba(0,0,0,.1); background: #fff;}
.ncasea_l{ flex: 0 1 62.319%;}
.ncasea_l img{display: block; width: 100%;}
.ncasea_r{ margin-top: 25px; display: flex; align-items: flex-start;}
.ncasea_logomc{ flex: 0 0 230px; background: #11b4bc;}

.ncasea_mc{ color: #fff; padding: 35px 0 35px 25px;}
.ncasea_mc p{ font-family: "Abtb"; font-size: 1.625rem;}
.ncasea_mc h1{ font-size: 1.875rem; margin-top: 10px; font-weight: bold;}
.ncasea_gui{ flex: 1; margin-left: 40px;}
.ncasea_ms{ font-size: 1rem; line-height: 24px; color: #918f8f;}
.ncasea_js{ padding: 40px 0; border-bottom: 1px solid #e2e2e2; color: #6d6d6d; line-height: 30px; font-size: 1.25rem;}
.ncasea_zj{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ncasea_zj dl{ margin-top: 40px;}
.ncasea_zj dl dt{ font-size: 1.25rem; color: #828282;}
.ncasea_zj dl dd{ font-size: 2.25rem; font-weight: bold; color: #11b4bc;}
.ncasea_zj dl dd span{ font-size: 1.5rem;}

.ncase_bgb{ background: #fff; padding-bottom: 85px; padding-top: 40px;}
.ncaseb ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.ncaseb li{ flex: 0 1 48.7%; borders: 6px solid #e1e1e1; overflow: hidden; box-sizing: border-box;}
.ncaseb li:nth-child(n+3){ margin-top: 40px;}
.ncaseb li img{ display: block; width: 100%;}
@media screen and (max-width:700px) {
	.ncasea_r{display: block;}
	.ncasea_gui{margin-left: 0;margin-top: 30px;}
	.ncasea_img img{width: 100%;}
	.ncasea_logomc{display: flex;justify-content: center;align-items: center;}
	.ncasea_img img{max-width: 100%;}
	.ncasea_img{width: 45%;}
	.ncasea_mc p{font-size: 1.125rem;}
	.ncasea_mc p br{display: none;}
	.ncasea_mc h1{font-size: 1.65rem;}
	.ncasea_mc{padding-top: 20px;padding-bottom: 20px;}
	
	
}
/*case*/

/*hzkh*/
.hzkh_nr li{ float: left; width: 19%; margin-right: 1.25%; padding-bottom: 1.25%;}
.hzkh_nr li:nth-child(5n){ margin-right: 0;}
.hzkh_nr li a{ display: block;}
.hzkh_nr li img{ display: block; width: 100%;}
/*hzkh*/

/*news*/
.news_bg{ background: #f6f6f6; width: 100%; padding-bottom: 100px;}
.FlagNews{ padding: 65px 0 0 0;}
.newstit{ font-size: 1.5rem; color: #000; padding-bottom: 25px;}
.FlagNews_nr ul{ display: flex;}
.FlagNews_nr li{ flex: 0 1 32%; background: #fff; position: relative; transition: 0.5s;}
.FlagNews_nr li:nth-child(2){ margin: 0 2%;}
.FlagNews_nr li a{ display: block; padding: 30px 20px;}
.newsFla_pic{ overflow: hidden;}
.newsFla_pic img{ display: block; width: 100%; transition: 0.5s;}
.FlagNews_nr li:hover .newsFla_pic img{ transform: scale(1.05);}
.newsFla_rq{ background: #11b4bc; width: 105px; text-align: center; color: #fff; font-family: 'Abtb'; padding: 15px 0 10px 0; position: absolute; left: 0; top: 0; transition: 0.5s;}
.newsFla_rq p{ font-size: 3.125rem;}
.newsFla_mc{ margin-top: 30px; line-height: 30px; color: #000; height: 60px; font-size: 1.5rem; overflow: hidden; transition: 0.5s;}
.newsFla_ms{ color: #6d6d6d; font-size: 0.875rem; line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px; transition: 0.5s}
.FlagNews_nr li:hover{ background: #11b4bc;}
.FlagNews_nr li:hover .newsFla_rq{ background: #474443;}
.FlagNews_nr li:hover .newsFla_mc,.FlagNews_nr li:hover .newsFla_ms{ color: #fff;}

.news_nr{ padding-top: 65px;}
.news_nr li{ position:relative; margin-bottom:30px;}
.news_nr li a{ display:flex; justify-content: space-between; align-items: center; background: #fff; padding: 35px 0; position:relative; z-index:9; transition:0.5s;}
.news_rq{ flex: 0 0 170px; text-align: center; font-size: 1.125rem; color: #858585; font-family: "Abtb";}
.news_rq p{ font-size: 3.125rem; color: #11b4bc;}
.news_wb{ flex: 1; margin: 0 50px;}
.news_mc{ font-size:1.5rem; height:50px; line-height:50px; color: #000; overflow:hidden; transition:0.5s;}
.news_ms{ margin-top: 5px; line-height:30px; height:60px; color:#666666; overflow:hidden; }
.news_more{ flex: 0 0 170px; text-align: center; color: #858585; font-size: 1.125rem; font-family: 'Dinr'; transition:0.5s;}
.news_more span{ padding-left: 20px; font-weight: bold; font-size: 1rem; color: #000;}
.news_nr li:hover .news_mc,.news_nr li:hover .news_more span{ color:#11b4bc;}
@media screen and (max-width:770px) {
	.newsFla_mc{line-height: 25px;height: 50px;font-size: 1.125rem;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
	.FlagNews_nr li a{padding: 18px;}
	
	
}
@media screen and (max-width:700px) {
	.news_more{display: none;}
	.newsFla_mc{margin-top: 20px;font-size: 1rem;}
	.FlagNews_nr li{margin: 0!important;flex: initial;}
	.newsFla_ms{margin-top: 10px;}
	.newsFla_rq p{font-size: 2.25rem;}
	.newsFla_rq{width: 80px;}
	.FlagNews{padding-top: 50px;}
	.news_rq{flex: 0 0 85px;font-size: 1rem;}
	.news_rq p{font-size: 2.25rem;}
	.news_wb{margin: 0;box-sizing: border-box;padding-right: 15px;}
	.news_mc{font-size: 1rem;line-height: 20px;height: 40px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
	.news_ms{font-size: 0.875rem;height: 36px;line-height: 18px;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
	.news_nr li a{padding: 20px 0;}
	.news_nr li{margin-bottom: 20px;}
	.news_nr{padding-top: 50px;}
	.news_bg{padding-bottom: 50px;}
	
	
}

.nnews{ padding-top: 60px;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; line-height:1.75em; color: #5a5a5a;}
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:520px) {
	.xgnews-con li{float: none;width: auto;}
		
}
/*news*/

/*product*/
.promain{ padding-bottom: 100px; width: 100%; padding-top: 65px;}
.pro_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro_nr li{margin-top:0.6%; flex: 0 1 49.7%; position: relative; overflow: hidden;}
.pro_nr li a::before{ content: ''; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); width: 100%; height: 90px; position: absolute; bottom: 0; left: 0; z-index: 2; transition: 0.5s;}
.pro_nr li:hover a::before{background-image: linear-gradient(rgba(17,180,188,0.9), rgba(17,180,188,0.9)); height: 100%;}
.pro_nr li a{display: block; position: relative; z-index: 9;}
.pro_pic{ overflow:hidden;}
.pro_pic img{ display:block; width:100%; transition:0.5s;}
.pro_nr li:hover .pro_pic img{transform:scale(1.05);}
.pro_wb{ width: 92%; left: 4%; top: calc(100% - 80px); position: absolute; z-index: 9; transition: 0.5s;}
.pro_nr li:hover .pro_wb{ top: calc(3% - 0px);}
.pro_mc h3{ font-size: 1.5rem; color: #fff; line-height: 80px; height: 80px; overflow: hidden;}
.pro_ms{ line-height: 24px; color: #fff; font-size: 1rem;}
.pro_more{ margin-top: 45px; background: url(../image/promjt.png) no-repeat left center; display: inline-block; height: 38px; line-height: 38px; padding-left: 49px; color: #fff; font-size: 0.875rem; transition: 0.5s;}
@media screen and (max-width:1020px) {
	.pro_more{display: none;}
}
@media screen and (max-width:770px) {
	.pro_mc h3{font-size: 1.25rem;height: 50px;line-height: 50px;}
	.pro_wb{top: calc(100% - 50px);}
	
	
}
@media screen and (max-width:700px) {
	.abo_fl li{float: left;}
	.abo_fl li a{padding: 0 20px;}
	.abo_fl{overflow: hidden;}
	.abo_fl ul{display: block;overflow: hidden;}
	.pro_mc h3{font-size: 1rem;height: 40px;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;}
	.pro_wb{top: calc(100% - 40px);}
	.pro_nr li:hover .pro_wb{top: calc(100% - 40px);}
	.promain{padding: 50px 0;}
	
}

.npro{padding-bottom: 100px; width: 100%;}
.npro_top{position: relative;}
.nprot_nr li{ position: relative;}
.nprot_nr li img{ display: block; width: 100%;}
.nprot_an{ width: 100%; bottom: 7%; left: 0; position: absolute; z-index: 9;}
.nprot_an ul{ display: flex; justify-content: center;}
.nprot_an li{ background: #fff; height: 35px; padding: 0 32px; margin: 0 10px; line-height: 35px; border-radius: 18px; cursor: pointer;}
.nprot_an li.on{ color: #fff; background: #11b4bc;}

.npro_bom{ padding-top: 43px; padding-bottom: 80px; position: relative; width: 100%; background: #f4f4f4;}
.nprob_kj{ padding: 23px; background: #fff;}
.nprob_l{ flex: 1; margin: 0 80px 0 10px;}
.nprob_bt{ font-size: 1.875rem; color: #11b4bc; font-weight: bold;}
.nprob_js{ font-size: 1.25rem; line-height: 32px; color: #939393; margin-top: 15px;}
.nprob_ms p{ margin-top: 20px; line-height: 32px; color: #939393; font-size: 1.25rem;}
.nprob_ms span{ color: #11b4bc;}
.nprob_r{ flex: 0 1 49.484%; position: relative; padding-top: 40px;}
.nprob_r ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.nprob_img li{overflow: hidden; flex: 0 1 49%;}
.nprob_img li:nth-child(n+3){ margin-top: 2%;}
.nprob_img li img{ display: block; width: 100%;}

.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#11b4bc; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh_title{font-size:1.875rem; font-weight:bold; color:#000; font-weight: bold; height:70px; line-height:70px; border-bottom:1px solid #ccc;}
.cnxh_nr ul{ display: flex; justify-content: space-between;}
.cnxh_nr li{ margin-top:20px; flex: 0 1 24%;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:1rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#11b4bc; color:#fff; transition:0.5s;}
@media screen and (max-width:770px) {
	.appcase_jt{display: none;}
	.cnxh_nr li{flex: initial;width: 48%;}
	.cnxh_nr ul{flex-wrap: wrap;}
}
@media screen and (max-width:700px) {
	.nprot_an li{font-size: 0.875rem;height: 30px;line-height: 30px;padding: 0 20px;}
	.nprob_kj{padding: 10px;}
	.nprob_bt{font-size: 1.65rem;}
	.nprob_l{margin: 0 ;}
	.nprob_js{font-size: 1rem;}
	.nprob_ms p{font-size: 1rem;}
	.cnxh_nr li{flex: initial;width: 49%;}
	.cnxh_title{font-size: 1.65rem;}
	
	
}
@media screen and (max-width:770px) {
	
}


.appcase_tit{ padding-top: 35px; text-align: center;}
.appcase_tit h2{ font-size: 1.875rem; font-weight: bold; color: #11b4bc; position: relative; z-index: 9;}
.appcase_tit p{ font-family: "DinBlack"; color: rgba(215,215,215,0.4); font-size: 1.875rem; line-height: 1em; margin-top: -16px;}
.appcase_gd{ margin-top: 65px; position: relative;}
.appcase_nr ul{ display: flex; justify-content: space-between;}
.appcase_nr li{ flex: 0 1 16%;}
.caset_pic{ border: 1px solid #ddd;}
.caset_pic img{ display: block; width: 100%; transition: 0.5s;}
.appcase_nr li:hover .caset_pic img{ transform: scale(1.05);}
.appcase_jt a{ position: absolute; cursor: pointer; top: 38%; margin-top: -18px;}
.appcase_jt a img{ height: 37px;}
.appcase_jt a.prev{ left: -30px; transform: scaleX(-1);}
.appcase_jt a.next{ right: -30px;}
@media screen and (max-width:700px) {
	.appcase_nr ul{flex-wrap: wrap;}
	.appcase_nr li{flex: initial;width: 32%;margin-bottom: 15px;}
	.caset_mc{font-size: 0.875rem;height: 30px;line-height: 30px;}
	.appcase_gd{margin-top: 20px;}
	.npro{padding-bottom: 50px;}
	.npro_bom{padding: 50px 0;}
	.cnxh_wb{white-space: nowrap;text-overflow: ellipsis;}
	
}
/*内页style结束*/

@media screen and (max-width:1024px){

}


@media screen and (max-width:770px){

}

.fswzj{ display:none;}@media(max-width:767px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#11b4bc;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #0d959a;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #0d959a;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:25%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

@media screen and (max-width:770px){
/*分类*/
header{ background:none; width:auto; display:block;position: relative; z-index:100; margin:0; padding:0; border-radius:0; float:none !important;}
header nav li{background:none; line-height:inherit; margin-bottom:auto;}
header nav li a{ font-weight:inherit; border:none; padding:inherit; height:auto; z-index:9;}
header nav li span{ display:none;}
header nav li ul li{ margin:auto; background:none;}
header nav li ul li a{border:0; line-height:inherit;}
header nav li i{ height:40px;}
.mean-container .mean-bar {width:100%;position:relative;background:#0056ab; height:40px; z-index:99;}
.mean-container .mean-bar div.fl{ font-size:1rem; color:#fff; line-height:40px; padding-left:2%;}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:9px 10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;	display:block;font-family:Arial, Helvetica, sans-serif;	font-weight:700}
.mean-container a.meanmenu-reveal span {display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav {float:left;width:100%;background: rgba(243,243,243,1); margin-bottom:30px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;width:100%;}
.mean-container .mean-nav ul li a {display:block;width:90%; background:none; font-size:0.875rem;padding:0 5%;height:39px; line-height:39px;margin:0;text-align:left;border-top:1px solid #383838;border-top:1px solid rgba(173, 173, 173, .5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a {width:80%;padding:0 10%; height:45px; line-height:45px; border-top:1px solid rgba(216,216,216,.25);	opacity:.75; filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li a.mean-expand {width:15px;height:40px;text-align:center;position:absolute;right:0;top:0;z-index:10;font-weight:700;	background:rgba(255, 255, 255, .1);	border:0!important;	border-left:1px solid rgba(255, 255, 255, .4)!important;border-bottom:1px solid rgba(255, 255, 255, .2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover {background:rgba(0,0,0,.9)}
.mean-container .mean-push {float:left;	width:100%;	padding:0;	margin:0;clear:both}
.mean-nav .wrapper {width:100%;padding:0;margin:0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove {display:none!important}
header nav {text-align: center;background: #efefef;}
header nav ul {margin:0;padding:1em;list-style-type: none;}
/*分类*/	
}
/*导航样式*/
@media screen and (max-width:1270px){
.top_bg .kg{width: 100%;}
.top_bg{height: 80px;border-bottom: none;}
.logo{padding-left: 1%;}
.sjj_nav>ul{display: block;}
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background: #11b4bc; padding:10px;display: block;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav ul li{ float:none; width:auto; background:none;}
.sjj_nav>ul>li{overflow:hidden; border-top:none;margin: 0;margin-left: 12px;}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{ display:block; position:absolute;top:5px;right:0px;border-left:1px solid rgba(255,255,255,0.3);height:40px;padding:0px 10px 0 10px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li em{ display:none;}
.sjj_nav ul li{border-top:1px #2f2f2f solid;margin-left:10px;position:relative;line-height:50px;font-size:14px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #2f2f2f solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{ width:90%; font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:auto; line-height:inherit; background:none;}
.sjj_nav ul li.cur a,.sjj_nav ul li.cur ul li.cur a{color:#11b4bc;}
.sjj_nav ul li ul li a,.sjj_nav ul li.cur ul li a{color:#fff;display:block;text-align:left; font-size:1rem;}
.sjj_nav ul li i svg{width:24px;height:38px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#11b4bc;}
.sjj_nav ul li ul li>ul{margin-left:10px}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:50px; width:55%;}
.nav_show{top:50px;}
.sjj_nav ul li a{ font-size:0.875rem;}

.top_bg{height: 50px;}
.logo img{height: 35px;}
.top_r{right: 73px;}
.logo{padding-top: 0;}
.sjj_nav>ul>li>ul>li>a{font-size: 0.875rem!important;}

}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../image/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color:#e86256; opacity: 1;}

.sous a{display:block; background:url(/images/sous.png) no-repeat center #ececec; padding:0 33px; height:100px;}
.sous a.current{background:url(/images/sous_b.png) no-repeat center #000;}
.sous a b{width:34px;height:34px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.sous a.user b{background-position:-43px 0;}
.sous a.user b img{width:42px;height:42px;}
.sous a.user:hover b,.sous a.user.current b{background-position:-43px -43px;}
#nav .vivo-search{height:80px;width:100%;position:relative;z-index:9999;display:none;}
.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-ms-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3);position:relative;z-index:9999;}
.vivo-search .search-box .data_q{width:550px;height:40px; padding:0px 20px; font-size:0.9125rem;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle; outline:none; display:block; float:left;}
.vivo-search .search-box .sous_an{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle; float:left; background:url(/images/sous_b.png) no-repeat center #f08300; outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box .sous_an:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(/images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(/images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}
@media screen and (max-width:770px){
.sous{ margin-top:24px; padding-right:30px;}.cd-top{display: none;}
}
@media screen and (max-width:520px){
.sous{ margin-top:12px; padding-right:15px;}
.vivo-search .search-box{ left:1%; margin:0; width:98%;}
.vivo-search .search-box .data_q{ width:76%; padding:0 2%;}
.vivo-search .search-box .sous_an{ width:20%;}
}

.cont{ display: flex; justify-content: space-between; align-items: center;}
.cont_tit p{ font-size: 6.25rem; font-family:"alternate"; text-transform: uppercase; color: rgba(139,139,139,0.1); line-height: 0.8em;}
.cont_tit h2{ font-size: 2.25rem; color: #11b4bc; margin-top: -35px;}
.cont_tit::after{ content: ''; width: 45px; height: 3px; background: #bdbdbd; margin: 30px 0 22px 0; display: block;}
.cont_js{ color: #5a5a5a; font-size: 1.625rem; line-height: 50px;}
.cont_nr{ padding-top: 15px;}
.cont_one p{ color: #5a5a5a;}
.cont_one span{ font-family: 'Abtb'; font-size: 3rem; color: #11b4bc; line-height: 1em;}
.cont_ms{ color: #5a5a5a;}
.cont_ms p{ line-height: 20px; margin-top: 10px;}
.cont_ms p:nth-child(1){ margin-bottom: 30px;}
.cont_ms p a{ color: #5a5a5a; transition: 0.5s;}
.cont_ms p a:hover{ color: #11b4bc;}
.cont_r{ flex: 0 1 43%; display: flex; align-items: flex-end;}
.cewm_pic{ border: 1px solid #efefef; padding: 10px; border-radius: 8px;}
.cont_r p{ color: #666; padding-left: 5px; line-height: 1.5em;}
@media screen and (max-width:700px){
	.cont_tit p{font-size: 3.25rem;}
	.cont_tit h2{font-size: 1.65rem;}
	.cont{display: block;}
	.cont_one span{font-size: 2rem;}
	.cont_js{font-size: 1.25rem;}
	.cont_r{margin-top: 15px;}
	.cont_ms p:nth-child(1){margin-bottom: 15px;}
	.main{padding-bottom: 50px;}
	
}

.link{background: #232323;}
.link_list{display: flex;align-items: center;height: 80px;}
.link_l{flex: 0 0 150px;}
.link_l h1{color: white;font-size: 1.125rem;font-weight: bold;}
.link_r{height: 24px;line-height: 24px;overflow: hidden;flex: 1;}
.link_r a{color: white;height: 24px;line-height: 24px;display: block;float: left;margin-left: 10px;}
@media screen and (max-width:1020px) {
	.link{display: none;}
}



/*sitemap*/
.gm {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}
.sitemap_nr>dl{ border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 30px;}
.sitemap_nr>dl>a{ font-size: 1.5rem; font-weight: bold; color: var(--style_color); display: block;}
.sitemap_nr>dl>dt{ padding: 15px 0 8px 0;}
.sitemap_nr>dl>dt>a{ font-size: 1.125rem; border-left: 2px solid var(--style_color); padding-left: 10px; display: block; line-height: 20px; height: 20px; font-weight: bold; color: var(--style_color);}
.sitemap_nr>dl>dd{ display: flex; flex-wrap: wrap;}
.sitemap_nr>dl>dd>a{ display: block; margin-right: 15px; line-height: 24px;}
@media screen and (max-width:700px){
    .sitemap_nr>dl>a{ font-size: 1.125rem;}
    .sitemap_nr>dl>dt>a{ font-size: 1rem;}
    .sitemap_nr>dl>dd>a{ font-size: 0.875rem;}
}