@charset"utf-8";
@import'slick.css';
@import'slick-theme.css';
@import'aos.css';
body,html{ margin:0; padding:0; font-size:12px; color:#333; font-family:Arial; line-height:25px; margin:auto; background-color:#F6F6F6 }
p { margin:0; padding:0 }
ul, ol, dt, dl, dd, form { margin:0; padding:0 }
li { list-style:none }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; line-height:35px; font-size:12px }
a { text-decoration:none; color:#333 }
a:active { outline:none }
a:hover { color:black; text-decoration:none }
:focus { -moz-outline-style:none }
.clear { clear:both }
a img { border:0 }
.row { margin:0 }
html { line-height:1 }
html { box-sizing:border-box; -ms-overflow-style:scrollbar }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } *, *::before, *::after { box-sizing:inherit }
html { overflow-x:hidden }
body { font-family:tahoma, arial;}
*::selection { color:#FFF; background-color:#005BBC; text-shadow:none }
*::-moz-selection { color:#FFF; background-color:#005BBC; text-shadow:none }
a { text-decoration:none; color:#333; outline:0 }
a:hover, a:active, a:focus { text-decoration:none; outline:0; color:#222 }
.w { width:1200px }
.uwarp { width:1200px; margin-right:auto; margin-left:auto }
.uwarp:after { content:" "; display:block; clear:both }
.clearfix:after { content:" "; display:block; clear:both }
.libmask { width:1250px; height:700px; margin:auto; margin-top:-700px; background-color:#fff; opacity: .9; position:relative; z-index:1 }
.trivial img { max-width:initial }



/*头部*/
header{position: fixed;width:100%;z-index:999;-webkit-transition:all 0.8s;transition: all 0.8s;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 0.2);-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);box-shadow: 0 0 10px rgb(0 0 0 / 0.2);}
header .con{padding:0px 40px;overflow:hidden;margin:0px auto;height:86px;background-color:#fff;background-color: #fff;}
header .con .com{float:left;width:355px;height:100%;overflow: hidden;}
header .con .com a{width:100%;height:100%;display:-webkit-flex;display:flex;align-items:center;align-content:center;justify-content:left;text-align:left;}
header .con .com .logo{width:115px;overflow: hidden;}
header .con .com .logo img{width:100%;display:block;}
header .con .com .company{flex:1;overflow: hidden;padding-left:5px;}
header .con .com .company h2{font-size:28px;line-height:30px;color:#333;letter-spacing:1px;}
header .con .com .company p{font-size:12px;color:#ccc;line-height:18px;letter-spacing:1px;}

header .con .nav{float:left;height:100%;margin-left:50px;}
header .con .nav ul{height:100%;}
header .con .nav ul li{height:100%;float:left;width:110px;}
header .con .nav ul li a{color:#333;font-size:16px;position: relative;height:100%;display:flex;align-items:center;flex-wrap:wrap;align-content:center;text-align:center;}
header .con .nav ul li a span{width:100%;display:block;line-height:25px;position: relative;}
header .con .nav ul li a span:nth-child(2){font-size:14px;color:#ccc;line-height:20px;}
/* header .con .nav ul li:nth-child(3) span:nth-child(1)::after{content:"";width:10px;height:10px;background:#ff0000;border-radius:100%;position:absolute;right:10px;top:0px;transform:scale(0.5);} */

header .con .nav ul li.on a{background-color:#109998;color:#fff;}
header .con .nav ul li.on a span:nth-child(2){font-size:12px;color:#fff;}
header .con .nav ul li.on a:hover{background-color:#109998;color:#fff;}
header .con .nav ul li.on a span:nth-child(1)::after{display:none;}
header .con .nav ul li.on a:hover span:nth-child(2){color:#fff;}
header .con .nav ul li a:hover{color:#109998;}
header .con .nav ul li a:hover span:nth-child(2){color:#109998;}
header .con .tel{float: right;color:#009199;font-family:Arial, Helvetica, sans-serif;height:100%;display:flex;-webkit-display:flex;align-items:center;-webkit-align-items:center;font-size:28px;font-weight:bold;letter-spacing:-1px;}
header .con .tel i{font-family:'iconfont' !important;font-style:normal;font-size:24px;margin-right:5px;font-weight:500;}
header .con .tel a{color:#009199;}
header .con .tel span{padding:0px 5px;}

#mainer{width:100%;overflow: hidden;}

/* 第一屏 */
.banner{width:100%;height:100vh;overflow: hidden;position:relative;z-index:99;}
.banner .xuanz{width:600px;height:600px;position: absolute;left:calc(25% - 300px);top:50%;margin-top:-260px;display: flex;align-items:center;justify-content:center;}
.banner .xuanz .pp{width:248px;z-index:20;}
.banner .xuanz .xz{background:url("../images/banner01_bg01.png") no-repeat center center;background-size: cover;width:100%;height:100%;position:absolute;left:0px;top:0px;animation:xz 50s linear infinite;transform-origin:50% 50%;z-index:10;}
.banner .xuanz .icon{width:18%;z-index:30;}
.banner .xuanz .icon img{width:100%; display: block; -webkit-animation: pulseIcon 3s infinite; -o-animation: pulseIcon 3s infinite; animation: pulseIcon 3s infinite; }
.banner .xuanz .icon01{position:absolute;left:50%;top:0px;transform:translate(-50%,-50%);animation-delay:0ms}
.banner .xuanz .icon02{position: absolute;left:6%;top:25%;transform:translate(-50%,-50%);animation-delay:750ms}
.banner .xuanz .icon03{position: absolute;left:94%;top:25%;transform:translate(-50%,-50%);animation-delay:1500ms}
.banner .xuanz .icon04{position: absolute;left:15%;top:85%;transform:translate(-50%,-50%);animation-delay:2250ms}
.banner .xuanz .icon05{position: absolute;left:85%;top:85%;transform:translate(-50%,-50%);animation-delay:3000ms}
.banner .xuanz .icon01 img{animation-delay:0ms}
.banner .xuanz .icon02 img{animation-delay:500ms}
.banner .xuanz .icon03 img{animation-delay:1000ms}
.banner .xuanz .icon04 img{animation-delay:1500ms}
.banner .xuanz .icon05 img{animation-delay:2000ms}


@-webkit-keyframes pulseIcon { 0%{ -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: .6; } 50%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100%{ -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: .6; } }
@keyframes pulseIcon { 0%{ -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: .6; } 50%{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 100%{ -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: .6; } }
@-webkit-keyframes xz{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes xz{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

.banner .bg03{width:800px;height:600px;position: absolute;left:calc(25% - 400px);top:50%;margin-top:-260px;display: flex;align-items:center;justify-content:center;background:url("../images/banner03_bg01.png") no-repeat center center;background-size:100% auto;z-index:10;}

.banner .txt{width:40%;position: absolute;right:5%;top:0px;height:100%;padding-top:220px;box-sizing: border-box;}
.banner .txt .t1{width:100%;overflow: hidden;}
.banner .txt .t1 h2{font-size:60px;color:#c42735;font-weight:bold;letter-spacing:5px;text-shadow: 1px 1px 2px #fff;line-height:1.1;}
.banner .txt .t1 p{font-size:25px;line-height:50px;font-weight:bold;margin-top:20px;letter-spacing:5px;}

.banner .txt .t2{width:100%;overflow: hidden;float: right;}
.banner .txt .t2 h3{font-size:20px;line-height:30px;margin:10px 0px;margin-top:5px;font-weight:500;}
.banner .txt .t2 p{font-size:18px;line-height:25px;margin-top:15px;color:#109998;}
.banner .txt .t2 p span{display:block;color:#666;font-weight:100;font-size:16px;}
.banner .txt .t2 p a{color:#109998;transition:all 0.2s;}
.banner .txt .t2 p a:hover{color:#109998;font-weight:bold;}

.banner .txt .t3{padding:10px 110px;background:#009199;display:inline-block;color:#fff;font-size:16px;transform: skewX(-45deg);}
.banner .txt .t3 p{transform: skewX(45deg);}
.banner .txt .t3 span{padding:0px 15px;}
.banner .txt .t3 a{color:#fff;}
.banner .txt .t3 a:hover{text-decoration:underline;}
.banner .txt .code{width:240px;padding:10px;overflow: hidden;background-color:#F3EEF7;text-align: center;border-radius:10px;box-shadow:0px 0px 3px #ccc;margin-top:30px;}
.banner .txt .code img{max-width:100%;}
.banner .txt .code p{font-size:14px;}

.banner .more_page{width:100%; text-align:center; position:absolute; bottom:50px; z-index:99;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
.banner .more_page span{width:14px; height:14px; margin:0px 8px;background:transparent;border:0px;opacity:1;border-radius:100%;position: relative;background:rgba(0,0,0,0.2);}
.banner .more_page span.swiper-pagination-bullet-active{background:#8EBE47;border:0px;}
.banner a.banner_prev{ position:absolute; left:40px;top:50%;margin-top:-30px;z-index:100;color:#fff; background:url(../images/arrow-left.svg) no-repeat center center; z-index:999;width:40px; height:60px;}
.banner a.banner_next{ position:absolute; right:40px;top:50%;margin-top:-30px;z-index:100;color:#fff; background:url(../images/arrow.svg) no-repeat center center;z-index:999;width:40px; height:60px;}

.indexbox1 { margin:auto; padding:0px 0px 60px 0px; background-color:#fff }
.indexbox1:after { content:" "; display:block; clear:both }
.indexbox1 em, .indexbox1 i, .indexbox1 var { font-style:normal }
.indexbox1 .clear { clear:both }
.indexbox1 .content { width:1400px; margin:0 auto }

.indexbox1 .content .sys_con{width:100%; overflow: hidden; margin: 0px auto; margin-top: 0.6rem; position: relative;display:flex;justify-content:space-between;}
.indexbox1 .content .sys_con .pic {width:128px;height:85px;position:absolute;left:0px;top:0px;z-index:1;}
.indexbox1 .content .sys_con .pic img {display:block;max-width:100%;}
.indexbox1 .content .sys_con .ppp {width:50%;overflow:hidden;background:url("../images/indexbox1_pic.jpg") no-repeat left top;background-size:100% auto;margin-right:20px;position: relative;z-index:2;}
.indexbox1 .content .sys_con .txt { width:45%;position:relative;padding-bottom:80px;}
.indexbox1 .content .sys_con .txt .txt_t { width:310px; text-align: right; float: right; }
.indexbox1 .content .sys_con .txt .txt_t .t1 {width:100%;font-size:36px;line-height:50px;font-weight:bold;overflow: hidden;}
.indexbox1 .content .sys_con .txt .txt_t .t2 { width:140px; height: 1px; background: #109998; overflow: hidden; margin: 5px auto;float: right;overflow: hidden;}
.indexbox1 .content .sys_con .txt .txt_t .t3 {width:100%;font-size:14px; color: #666666;overflow: hidden;}
.indexbox1 .content .sys_con .txt .txt_c { width: 100%; overflow: hidden; font-size:14px; color: #000; padding-top:10px;overflow: hidden;;}
.indexbox1 .content .sys_con .txt .txt_c p { text-indent:2em; line-height:22px; }
.indexbox1 .content .sys_con .txt .txt_c p:not(:first-child){ padding-top:0px; }
.indexbox1 .content .sys_con .txt .txt_b{width:100%;overflow: hidden;position:absolute;right:0px;bottom:0px;}
.indexbox1 .content .sys_con .txt .txt_b a{width:200px;height:60px;line-height:60px;text-align:center;display:block;float: right;color:#fff;background-color:#1a9997;border-radius:3px;font-size:16px;}
.indexbox1 .content .sys_con .txt .txt_b a:hover{background:#0e6e6d;}
.indexbox1 .abt_s { float:left; margin-top:45px; width:418px }
.indexbox1 .abt_s p { font-size:16px; color:rgba(0, 0, 0, 0.8); line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.indexbox1 .abt_s p b { color:#1a9997; font-size:18px; display:inline-block }
.indexbox1 .abt_z { overflow:hidden; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between }
.indexbox1 .abt_z li { height:68px; border-left:1px solid #c2c7cd; box-sizing:border-box; margin-top:60px; font-size:26px; line-height:26px; color:rgba(0, 0, 0, 0.8); font-weight:bold; text-align:center; width:33.3% }
.indexbox1 .abt_z li:last-child { padding-right:0 }
.indexbox1 .abt_z li b, .indexbox1 .abt_z li em { display:inline-block; font-size:60px; line-height:60px; color:#1a9997; margin-top:-24px }
.indexbox1 .abt_z li span { display:block; font-size:16px; line-height:16px; color:rgba(0, 0, 0, 0.8); opacity:0.6; font-weight:normal; padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100% }
.indexbox1 .sys_tit1, .indexbox1_m .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox1 .sys_tit1:after, .indexbox1_m .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox1 .sys_tit1 >h2, .indexbox1_m .sys_tit1>h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox1 .sys_tit1 >p, .indexbox1_m .sys_tit1>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox1 { color:#1a9997; background-color:#fff; margin:auto; padding:0px 0px 60px 0px; position:static; z-index:auto }
.indexbox1_m{display:none;}
.indexbox1 .sys_tit1 >h2{letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;font-weight:bold;}
.indexbox1 .sys_tit1 >h2 span{color:#1a9997}
.indexbox1 .sys_tit1 >p{font-size:16px;}

.indexbox2 {background:url("../images/1650528854386_4827078.jpg") no-repeat center top;background-size:cover; color:#1a9997; background-color:#fff; margin:auto; padding:0px 0px 60px 0px; position:static; z-index:auto }
.indexbox2:after { content:" "; display:block; clear:both }
.indexbox2 .classify {width:100%; height:100%; padding:0; margin:0 }
.indexbox2 .classify .content { width:1200px; margin:0 auto }
.indexbox2 .classify ul li:hover { transform:translateY(0); transition: .5s }
.indexbox2 .classify ul li:hover .maskBg { opacity:1; transition: .5s }
.indexbox2 .classify ul li:hover .text .wrapLi .textCon h3 { opacity:1; transition: .5s }
.indexbox2 .classify ul li:hover .text .wrapLi .textCon .more { opacity:1; transition: .5s; margin-top:70px }
.indexbox2 .classify ul li:hover .image>img { transform:scale(1.1); transition:transform 1s }
.indexbox2 .classify ul li { padding:10px 20px; transform:translateY(20px); transition: .5s }
.indexbox2 .classify ul li>a { display:block; width:100%; position:relative }
.indexbox2 .classify ul li >a .text { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; top:0; left:0 }
.indexbox2 .classify ul li >a .text .wrapLi { width:100%; height:100%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center }
.indexbox2 .classify ul li >a .text .wrapLi .textCon { width:100%; box-sizing:border-box; text-align:center; position:relative; z-index:30;padding:0 40px }
.indexbox2 .classify ul li >a .text .wrapLi .textCon h3 { font-size:16px; font-weight:600; color:#fff; line-height:150%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;margin-bottom:20px; opacity:0; transition: .5s}
.indexbox2 .classify ul li >a .text .wrapLi .textCon .more { width:100%; text-align:center; opacity:0;margin-top:0 transition: .5s }
.indexbox2 .classify ul li >a .text .wrapLi .textCon .more span { display:inline-block; margin:0 auto }
.indexbox2 .classify ul li >a .text .wrapLi .textCon .more span>img {width:100%; height:100%; }
.indexbox2 .classify ul li >a .maskBg { width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition: .5s; z-index:20; padding:10px }
.indexbox2 .classify ul li >a .maskBg .black { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5) }
.indexbox2 .classify ul li >a .image { width:100%; padding-bottom:100%; overflow:hidden; position:relative; z-index:10 }
.indexbox2 .classify ul li >a .image>img { width:100%; height:100%; object-fit:cover; transition:1s; position:absolute; top:0; left:0 }
.indexbox2 .classify>.moreStory { width:100%; text-align:center;margin-top:50px}
.indexbox2 .classify >.moreStory .partner-more:hover { background-color:#0e7272; transition: .5s; color:#fff }
.indexbox2 .classify >.moreStory .partner-more:hover>em { margin-left:20px; transition: .5s }
.indexbox2 .classify >.moreStory .partner-more { display:inline-block; padding:15px 40px;font-size:14px;text-align:center; color:#fff; margin:0 auto; position:relative; border-radius:0px; background-color:#1a9997; transition: .5s; line-height:100% }
.indexbox2 .classify >.moreStory .partner-more>span { display:inline-block; vertical-align:middle }
.indexbox2 .classify >.moreStory .partner-more>em { display:inline-block; font-style:normal; vertical-align:middle; margin-left:10px;transition: .5s}
.indexbox2 img { max-width:100% }
.indexbox2 .clear { clear:both }
.indexbox2 .clearfix { *zoom:1 }
.indexbox2 .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.indexbox2 .sys_tit1{ position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox2 .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox2 .sys_tit1 >h2{ color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox2 .sys_tit1 >p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }

.indexbox2 .sys_tit1 >h2{font-weight:bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;}
.indexbox2 .sys_tit1 >h2 span{color:#1a9997}
.indexbox2 .sys_tit1 >p{font-size:16px;}


.indexbox3 { margin:auto; padding:0px 0px 40px 0px; background-color:#fff; background-position:0px 0px;background-size:cover; overflow:hidden;color:#1a9997; background-color:#fff; margin:auto; padding:0px 0px 40px 0px; position:static; z-index:auto;}
.indexbox3:after { content:" "; display:block; clear:both }
.indexbox3 .content { margin:0 auto; width:1200px }
.indexbox3 li, .indexbox3 ol, .indexbox3 ul { list-style:none }
.indexbox3 address, .indexbox3 cite, .indexbox3 dfn, .indexbox3 em, .indexbox3 i, .indexbox3 var { font-style:normal }
.indexbox3 a { color:#666; text-decoration:none; word-wrap:break-word }
.indexbox3 a:hover { color:#910800; text-decoration:none }
.indexbox3 .xzbj { overflow:hidden }
.indexbox3 .xz h3 { margin-bottom:40px; text-align:center }
.indexbox3 .xz h3 a>span { display:block; color:#1a9997; font-weight:700; font-size:34px; line-height:34px }
.indexbox3 .xz h3 i { display:block; margin-top:11px; color:rgba(0, 0, 0, 0.8); font-size:16px }
.indexbox3 .xz .bd2 { position:relative;}
.indexbox3 .xz ul {}
.indexbox3 .xz ul li { float:left; margin:0 7px }
.indexbox3 .xz ul li dl { margin:0;font-size:0px;}
.indexbox3 .xz ul li dl dt { position:relative; width:100%;padding-top:100%;overflow:hidden;background:#fff;border:1px solid #e3e3e3;margin-bottom:0px;border-bottom:0px;}
.indexbox3 .xz ul li dl dt img { position:absolute;max-width:100%;max-height:100%;left:0px;top:0px;right:0px;bottom:0px;margin:auto;}
.indexbox3 .xz ul li dl dt i { position:absolute; top:5px; left:5px; z-index:200; display:block; width:373px; height:283px; border:1px solid #fff; border-top:0; opacity: .4;display:none;}
.indexbox3 .xz ul li dl dd { position:relative; padding-top:31px; padding-left:26px; width:385px; height:176px; border:1px solid #e3e3e3;margin-top:-1px; background-color:#fff }
.indexbox3 .xz ul li dl dd span { display:block; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.indexbox3 .xz ul li dl dd span a { color:#1a1a1a; font-size:24px }
.indexbox3 .xz ul li dl dd p { overflow:hidden; margin-bottom:10px; width:335px; height:75px; color:#595959; text-overflow:ellipsis; font-size:14px; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical }
.indexbox3 .xz ul li dl dd p i { color:#333; font-weight:700; font-size:14px }
.indexbox3 .xz ul li dl dd .gd { position:absolute; right:0; bottom:0; display:block; width:45px; height:45px; border-bottom:45px solid #1a9997; border-left:45px solid transparent }
.indexbox3 .xz .jt i { float:left; display:block; width:28px; height:50px }
.indexbox3 .xz .jt .prev { position:absolute; top:208px; left:-50px }
.indexbox3 .xz .jt .next { position:absolute; top:208px; right:-50px }
.indexbox3 .kz11 { float:right; overflow:hidden; padding:60px 25px 0 0; width:12px; height:12px; background:url("../images/01-11574215958795.png") no-repeat center }
.indexbox3 .xz ul li dl dd .gd:hover { position:absolute; right:0; bottom:0; display:block; width:45px; height:45px; border-bottom:45px solid #086d6d; border-left:45px solid transparent }
.indexbox3 .sys_tit1, .indexbox3_m .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox3 .sys_tit1:after, .indexbox3_m .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox3 .sys_tit1 >h2, .indexbox3_m .sys_tit1>h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox3 .sys_tit1 >p, .indexbox3_m .sys_tit1>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox3_m { display:none }

.indexbox3 .sys_tit1 >h2{font-weight:bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;}
.indexbox3 .sys_tit1 >h2 span{color:#1a9997}
.indexbox3 .sys_tit1 >p{font-size:16px;}


.indexbox4{width:100%;background:#f2f2f2 url("../images/indexbox4_bg.jpg") repeat left top;padding:50px 0px;}
.indexbox4 .container{width:1400px;margin:0px auto;}
.indexbox4 .container .tit{width:100%;text-align:center;}
.indexbox4 .container .tit>h2 { font-weight:bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;color:#333;line-height:180%;}
.indexbox4 .container .tit>h2 span{color:#109998}
.indexbox4 .container .tit>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:16px; line-height:180%; display:block; opacity:0.8 }
.indexbox4 .container .con{width:100%;overflow: hidden;margin-top:40px;padding-bottom:20px;}
.indexbox4 .container .con .item1{width: 100%;overflow: hidden;display:flex;}
.indexbox4 .container .con .item1 .box1{width:48%;float: left;overflow: hidden;}
.indexbox4 .container .con .item1 .box1 .cert{width:100%;padding-top:100%;position: relative;overflow: hidden;float: right;background:url("../images/1650529687592_4827078.jpg") no-repeat center top;background-size:cover;}

.indexbox4 .container .con .item1 .box2{width:52%;float: right;background:#fff;padding:2rem 4rem;}
.indexbox4 .container .con .item1 .box2 ul{width:100%;height:100%;display:flex;align-items:center;flex-wrap: wrap;}
.indexbox4 .container .con .item1 .box2 ul li{width:100%;overflow: hidden;}
.indexbox4 .container .con .item1 .box2 ul li .t{font-size:20px;line-height:30px;text-indent:65px;background:url("../images/tb13.png") no-repeat left center;font-weight:bold;}
.indexbox4 .container .con .item1 .box2 ul li .c{font-size:16px;line-height:20px;margin-top:10px;}

.indexbox4 .container .con .item2{width: 100%;overflow: hidden;}
.indexbox4 .container .con .item2 .txt{width:100%;overflow: hidden;margin-top:50px;text-align:center;}
.indexbox4 .container .con .item2 .txt .m{width:300px;display:block;height:50px;line-height:50px;text-align:center;color:#fff;z-index:1;left:0px;bottom:0px;background:#109998;font-size:18px;margin:0px auto;margin-top: 30px;border-radius:3px;}
.indexbox4 .container .con .item2 .txt .m:hover{background:#086d6d;}
.indexbox4 .container .con .item2 .txt .brand{width:100%;overflow: hidden;font-size:0px;}
.indexbox4 .container .con .item2 .txt .brand img{max-width:100%;display:block;margin:0px auto;}
.indexbox4 .container .con .item2 .txt .t1{display: block; letter-spacing: 12px; margin-top: 20px; font-size: 16px; opacity: .6;}
.indexbox4 .container .con .item2 .txt .t2{display: block; font-size: 22px; margin-top: 20px; font-weight: bold;}


.indexbox4_m .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox4_m .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox4_m .sys_tit1>h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox4_m .sys_tit1>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox4_m { display:none}


.indexbox5 { width:100%; background-color:#fff;color:#1a9997;  margin:auto; padding:10px 0px 60px 0px; position:static; z-index:auto;border-top:2px solid #f2f2f2;background:linear-gradient(to bottom,#f2f2f2,#fff,#fff,#fff);}
.indexbox5:after { content:""; display:block; clear:both }
.indexbox5 img { vertical-align:top }
.indexbox5 .clear { clear:both }
.indexbox5 .witness { width:100%; position:relative; overflow:hidden }
.indexbox5 .witness .content {width:1400px; padding:0 100px;height:auto; overflow:hidden; margin:0 auto;}
.indexbox5 .witness .content .newsChange { width:100%; position:relative }
.indexbox5 .witness .content .newsChange .n_prev, .indexbox5 .witness .content .newsChange .n_next {width:70px;height:70px;background-color:rgba(0, 0, 0, 0.2); border-radius:90%; cursor:pointer; display:none; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; position:absolute; z-index:9; display:block;top:50%;transform: translateY(-60px);}
.indexbox5 .witness .content .newsChange .n_prev >img, .indexbox5 .witness .content .newsChange .n_next>img { width:32px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }
.indexbox5 .witness .content .newsChange .n_prev:hover, .indexbox5 .witness .content .newsChange .n_next:hover { background-color:rgba(0, 0, 0, 0.4);}
.indexbox5 .witness .content .newsChange .n_prev { left:-100px; }
.indexbox5 .witness .content .newsChange .n_prev img { transform:rotateZ(180deg) }
.indexbox5 .witness .content .newsChange .n_next { right:-100px }
.indexbox5 .witness .content .newsChange .newsList {overflow:hidden; margin-top:0; height:auto}
.indexbox5 .witness .content .newsChange .newsList .slick-current {transform:scale(1) z-index:3; opacity:1 !important }
.indexbox5 .witness .content .newsChange .newsList .slick-list { overflow:visible }
.indexbox5 .witness .content .newsChange .newsList .image_box { box-sizing:border-box; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -moz-border-radius:1rem; -webkit-border-radius:1rem; -khtml-border-radius:1rem; border-radius:1rem;margin:0 12px;opacity:1}
.indexbox5 .witness .content .newsChange .newsList .image_box a { display:block; width:100%; overflow:hidden; position:relative }
.indexbox5 .witness .content .newsChange .newsList .image_box a .image { width:100%;box-sizing:border-box;border-bottom:none; overflow:hidden;padding-top:100%; border:6px solid #f0f0f0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; border-radius:0;position: relative;}
.indexbox5 .witness .content .newsChange .newsList .image_box a .image>div { width:100%; height:100%; background-color:#fff; position:absolute; overflow:hidden;left:0px;top:0px;}
.indexbox5 .witness .content .newsChange .newsList .image_box a .image>div>img { max-width:100%; max-height:100%; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto }
.indexbox5 .witness .content .newsChange .newsList .image_box a .image >div .ico_box { width:100%; height:100%; background-color:rgba(0, 89, 179, 0.4); position:absolute; top:0; left:0; z-index:9; opacity:0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s }
.indexbox5 .witness .content .newsChange .newsList .image_box a .image >div .ico_box>img { max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }
.indexbox5 .witness .content .newsChange .newsList .image_box a .text { overflow:hidden;border-radius:0 0 1rem 1rem;background-color:transparent;border-radius:0}
.indexbox5 .witness .content .newsChange .newsList .image_box a .text p.title { width:100%;font-size:16px;line-height:40px;text-align:center;color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s }
.indexbox5 .witness .content .newsChange .newsList .image_box:hover a .image { border-color:#1a9997; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s }
.indexbox5 .witness .content .newsChange .newsList .image_box:hover a .image div .ico_box { opacity:1 }
.indexbox5 .witness .content .newsChange .newsList .image_box:hover a .text p.title { color:#1a9997 }
.indexbox5 .witness .content .slogan {display:block; margin-top:60px; text-align:center; font-size:16px; color:#ccc; letter-spacing:20px;}
.indexbox5 .witness .content .prosTel { display:block; margin-top:30px; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center }
.indexbox5 .witness .content .prosTel .iconImg { display:block; width:44px; height:44px; margin-right:10px; position:relative }
.indexbox5 .witness .content .prosTel .iconImg>img { display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:auto; margin:auto }
.indexbox5 .witness .content .prosTel p.txt { font-size:18px; line-height:44px; color:#333 }
.indexbox5 .witness .content .prosTel p.num { font-size:18px; font-weight:bold; color:#1a9997; line-height:44px }
.indexbox5 .witness .content .prosTel a { display:block; height:44px; border-radius:44px; padding:0 20px; background-color:#1a9997; color:#fff; font-size:14px; float:right; line-height:44px; overflow:hidden; text-align:center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; margin-left:50px }
.indexbox5 .witness .content .prosTel a:hover { background-color:#0c7775; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s }
.indexbox5 .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox5 .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox5 .sys_tit1 >h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox5 .sys_tit1 >p{ color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox5 .sys_tit1 >h2{letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;font-weight:bold;}
.indexbox5 .sys_tit1 >h2 span{color:#1a9997}
.indexbox5 .sys_tit1 >p{font-size:16px;}


.indexbox6{width:100%;overflow: hidden;background: url(../images/bg06.jpg) no-repeat center center;background-size: cover;padding:50px 0px;}
.indexbox6 .container{width:1400px;margin:0px auto;display:flex;-webkit-display:flex;align-items:center;flex-wrap: wrap;}
.indexbox6 .tit{overflow: hidden;width:100%;text-align:center;}
.indexbox6 .tit h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0;font-weight:bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;}
.indexbox6 .tit h2 span{color:#009299;}
.indexbox6 .tit p{ color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8;font-size:16px;}

.indexbox6 .con{width:100%;margin-top:40px;position: relative;overflow: hidden;box-shadow:0px 0px 12px #EAEDF4;}
.indexbox6 .con .contact{width:50%;height:500px;overflow:hidden;float:left;background:#fff url("../images/indexbox6_contact_bg.jpg") no-repeat center bottom;padding:35px;box-sizing: border-box;text-align: left;}
.indexbox6 .con .contact > p{font-size:16px;color:#CCCCCC;letter-spacing:1px;line-height:30px;}
.indexbox6 .con .contact h3{font-size:30px;}
.indexbox6 .con .contact ul{width:100%;overflow: hidden;margin-top:30px;border-top:1px solid #f7f7f7;}
.indexbox6 .con .contact ul li{border:1px solid #F7F7F7;float:left;width:50%;box-sizing: border-box;height:140px;padding:10px;box-sizing: border-box;margin-right:-1px;margin-top:-1px;}
.indexbox6 .con .contact ul li p{line-height:30px;font-size:14px;color:#666;}
.indexbox6 .con .contact ul li p:nth-child(1){font-size:14px;}

.indexbox6 .con .message{width:50%;height:500px;overflow:hidden;float:right;background-color:#169C9B;color:#fff;text-align: left;padding:35px;box-sizing: border-box;}
.indexbox6 .con .message > p{font-size:14px;color:#fff;letter-spacing:1px;line-height:30px;}
.indexbox6 .con .message h3{font-size:30px;}
.indexbox6 .con .message .ccc{width:100%;overflow: hidden;margin-top:0px;position: relative;}
.indexbox6 .con .message .ccc .input{width:100%;height:55px;line-height:55px;border:0px;border-bottom:1px solid #fff;background:transparent;font-size:14px;color:#fff;}
.indexbox6 .con .message .ccc .input::-webkit-input-placeholder {color:#fff;}
.indexbox6 .con .message .ccc textarea{width:100%;height:120px;line-height:30px;font-size:14px;background:transparent;border:0px;border-bottom:1px solid #fff;padding-top:10px;color:#fff;font-family:'微软雅黑';resize:none;}
.indexbox6 .con .message .ccc textarea::-webkit-input-placeholder {color:#fff;}
.indexbox6 .con .message .ccc .btn{width:160px;height:45px;line-height:45px;border:1px solid #fff;background:transparent;font-size:15px;color:#fff;margin-top:15px;cursor: pointer;}
.indexbox6 .con .message .ccc .yzm { position: absolute; right: 0px; height: 20px; right: 10px; top:130px;cursor: pointer;}


.indexbox7 { color:#1a9997; background-color:#fff; margin:auto; padding:0px 0px 0px 0px; position:static; z-index:auto }
.indexbox7:after{content:" ";display:block; clear:both }
.indexbox7 .sys_tit1 {padding:0}
.indexbox7 img { max-width:100% }
.indexbox7 .clear { clear:both }
.indexbox7 .clearfix { *zoom:1 }
.indexbox7 .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.indexbox7 .sys_tit1, .indexbox7wap1 .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox7 .sys_tit1:after, .indexbox7wap1 .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox7 .sys_tit1 >h2, .indexbox7wap1 .sys_tit1>h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox7 .sys_tit1 >p, .indexbox7wap1 .sys_tit1>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox7 .sys_tit1 >h2{font-weight: bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;}
.indexbox7 .sys_tit1 >h2 span{color:#1a9997}
.indexbox7 .sys_tit1 >p{font-size:16px;}

.indexbox7 .sys_con1{width:1400px;background:#fff;margin:0px auto;padding:0px;box-sizing:border-box;-webkit-box-sizing:border-box;overflow: hidden;}
.indexbox7 .sys_con1 .item{width:32%;margin-right:2%;float: left;border:1px solid #f2f2f2;}
.indexbox7 .sys_con1 .item .ttt{width:100%;overflow: hidden;padding:0px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;height:50px;line-height:50px;}
.indexbox7 .sys_con1 .item .ttt h2{font-size:18px;float:left;line-height:50px;color:#333;font-weight:500;}
.indexbox7 .sys_con1 .item .ttt span{float:right;}
.indexbox7 .sys_con1 .item .ttt span a{display:block;text-align:center;line-height:50px;font-size:14px;color:#A9A9A9;font-size:12px;}
.indexbox7 .sys_con1 .item .ttt span a:hover{color:#169c9b;}
.indexbox7 .sys_con1 .item .ccc{width:100%;overflow: hidden;}
.indexbox7 .sys_con1 .item .ccc ul li{width:calc(100% - 20px);overflow: hidden;position: relative;margin:0px 10px;}
.indexbox7 .sys_con1 .item .ccc ul li span{color:#999;display:inline-block;line-height:35px;font-size:14px;position:absolute;right:0px;top:0px;z-index:10px;}
.indexbox7 .sys_con1 .item .ccc ul li a{display:inline-block;line-height:35px;height:35px;font-size:14px;color:#666;background:url("../images/tb02.png") no-repeat left center;padding-left:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:100%;padding-right:80px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.indexbox7 .sys_con1 .item .ccc ul li a:hover{color:#169c9b;}
.indexbox7 .sys_con1 .item .ccc ul li.top{background:#F8F8F8;padding:20px;box-sizing: border-box;-webkit-box-sizing: border-box;width:100%;margin:0px;margin-bottom:10px;}
.indexbox7 .sys_con1 .item .ccc ul li.top a{display:block;background:none;height:auto;line-height:auto;padding:0px;}
.indexbox7 .sys_con1 .item .ccc ul li.top a .t{line-height:30px;font-size:16px;color:#333;height:30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.indexbox7 .sys_con1 .item .ccc ul li.top a .d{line-height:35px;font-size:13px;color:#999;}
.indexbox7 .sys_con1 .item .ccc ul li.top a .c{line-height:25px;height:75px;white-space:normal;font-size:14px;color:#999;}
.indexbox7 .sys_con1 .item .ccc ul li.top a:hover .t{color:#169c9b;}
.indexbox7 .sys_con1 .item:last-child{margin-right:0px;}

.indexbox8{ color:#1a9997; background-color:#fff; margin:auto; padding:0px 0px 30px 0px; position:static; z-index:auto }
.indexbox8 .sys_tit1 {padding:0}
.indexbox8 img { max-width:100% }
.indexbox8 .clear { clear:both }
.indexbox8 .clearfix { *zoom:1 }
.indexbox8 .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.indexbox8 .sys_tit1, .indexbox7wap1 .sys_tit1 { position:relative; text-align:center; padding:40px 0; margin:0 }
.indexbox8 .sys_tit1:after, .indexbox7wap1 .sys_tit1:after { display:block; content:" "; clear:both }
.indexbox8 .sys_tit1 >h2, .indexbox7wap1 .sys_tit1>h2 { color:rgba(0, 0, 0, 0.8); font-size:32px; line-height:180%; font-weight:normal; padding:0; margin:0 }
.indexbox8 .sys_tit1 >p, .indexbox7wap1 .sys_tit1>p { color:rgba(0, 0, 0, 0.8); margin:0; font-size:19.2px; line-height:180%; display:block; opacity:0.8 }
.indexbox8 .sys_tit1 >h2{font-weight: bold;letter-spacing:1px;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;font-size:40px;}
.indexbox8 .sys_tit1 >h2 span{color:#1a9997}
.indexbox8 .sys_tit1 >p{font-size:16px;}
.indexbox8 .sys_con1{width:1400px;background:#fff;overflow: hidden;margin:0px auto;box-sizing: border-box;-webkit-box-sizing: border-box;padding:10px 0px;border-top:1px solid #f2f2f2;}
.indexbox8 .sys_con1 a{font-size:14px;}
.indexbox8 .sys_con1 a:not(:first-child){margin-left:10px;}
.indexbox8 .sys_con1 a:hover{color:#1a9997}

footer{width:100%;font-size:12px; background:#393b3a;color:#fff;padding-top:50px;}
footer .container{width:1400px;margin:0px auto;overflow: hidden;font-size:14px;position: relative;}
footer .container .left{width:calc(100% - 300px);float: left;overflow: hidden;}
footer .container .left .fnav{width:100%;display:flex;justify-content:left;font-size:16px;}
footer .container .left .fnav span{padding:0px 20px;color:#fff;}
footer .container .left .fnav a{color:#fff;}
footer .container .left .fnav a:hover{color:#1a9997;text-decoration:underline;}
footer .container .left .fcon{width:100%;overflow: hidden;margin-top:35px;}
footer .container .left .fcon p{width:100%;overflow: hidden;line-height:30px;color:#aaa;}
footer .container .left .fcon p i{font-family:"iconfont" !important;font-style:normal;font-size:18px;padding:0px 2px;float: left;color:#999;font-weight:bold;padding-right:5px;}

footer .container .right{width:300px;float: right;overflow: hidden;text-align:right;margin-bottom:20px;}
footer .container .right .kf{width:150px;height:50px;line-height:50px;display:block;background:#1a9997;color:#fff;border-radius:50px;text-align:center;font-size:18px;float: right;}
footer .container .right .kf:hover{background:#117975;}

footer .container .right .tel{width:100%;text-align:right;font-size:30px;color:#1a9997;overflow: hidden;float: right;margin:20px 0px;}
footer .container .right .code{width:150px;text-align:right;overflow: hidden;float: right;}
footer .container .right .code img{max-width:100%;}

footer .container .foot{width:100%;overflow: hidden;display:flex;justify-content:space-between;border-top:1px solid #555;line-height:60px;color:#999;}
footer .container .foot a{color:#999;}
footer .container .foot a:hover{color:#117975;text-decoration:underline;}


.backtop{color:#1a9997; padding:0; z-index:auto; background-color:transparent;}
.backtop .my-kefu-ftop { display:none; position:fixed; bottom:25px; right:20px; z-index:999999; width:50px; height:50px; border-radius:100%; background-color:rgba(0, 0, 0, 0.5);text-align:center;}
.backtop .my-kefu-ftop a { display:flex; width:100%; height:100%; box-sizing:border-box;justify-content:center;align-items:center;}
.backtop .my-kefu-ftop a>i { display:block; width:15px; height:15px; font-style:normal; transform:rotate(-45deg); position:relative;margin-right:22px;}
.backtop .my-kefu-ftop a i:before { content:""; display:block; width:10px; height:1px; background-color:#fff; position:absolute; top:11px; left:8px }
.backtop .my-kefu-ftop a i:after { content:""; display:block; width:1px; height:11px; background-color:#fff; position:absolute; top:11px; left:18px }

@media all and (max-width:1400px)
{
    .indexbox1 .content{width:auto;margin:0px 10px;}
    .indexbox4 .container{width:auto;margin:0px 10px;}
    .indexbox6 .container{width:auto;margin:0px 10px;}
}

@media all and (max-width:1200px)
{
    .indexbox6 .contactForm{width:100%;}
    .indexbox7 .newslist .content{width:100%;}
    .indexbox4 .container .con .item1 .box2 ul li .t{font-size:16px;}
    .indexbox4 .container .con .item1 .box2 ul li .c{font-size:14px;}
}

@media all and (max-width:1000px)
{
    html,body{font-size:10px;}
    .indexbox1{display:none;}
    .indexbox1_m {display:block; background-color:#fff !important }
    .indexbox1_m .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox1_m .sys_tit1>h2{font-size:2rem;font-weight:bold;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;}
    .indexbox1_m .sys_tit1 >h2 span{color:#1a9997}
    .indexbox1_m .sys_tit1>p{font-size:1.2rem;}
    .indexbox1_m .sys_tit1 .sysWapTitle h2 p img{max-width:100% }
    .indexbox1_m .info .content { width:100%; box-sizing:border-box }
    .indexbox1_m .info .content .infoimg { width:100%; height:21rem; position:relative; background:url("../images/bg02_pic01.jpg") no-repeat center; background-size:cover; }
    .indexbox1_m .info .content .infoimg .list { width:100%; height:5rem; background-color:rgba(37, 109, 108, 0.8); position:absolute; bottom:0; left:0; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center }
    .indexbox1_m .info .content .infoimg .list ul { width:100%; line-height:0; font-size:0; box-sizing:border-box; white-space:nowrap; text-align:center; overflow-x:auto }
    .indexbox1_m .info .content .infoimg .list ul li { display:inline-block; width:30% }
    .indexbox1_m .info .content .infoimg .list ul li .cell { color:#fff }
    .indexbox1_m .info .content .infoimg .list ul li .cell .one { font-size:1.8rem; line-height:1.8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold }
    .indexbox1_m .info .content .infoimg .list ul li .cell .one>span { font-size:1.2rem; font-weight:normal }
    .indexbox1_m .info .content .infoimg .list ul li .cell .two { font-size:1.4rem; line-height:1.4rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
    .indexbox1_m .info .content .textcon { width:100%; padding:0 1.25rem 1.45rem; box-sizing:border-box; font-weight:normal }
    .indexbox1_m .info .content .textcon p.maintitle { width:100%; box-sizing:border-box; line-height:2.3rem; font-size:2rem; margin-top:1.15rem; font-weight:bold; color:rgba(0, 0, 0, 0.8) }
    .indexbox1_m .info .content .textcon p.subtitle { width:100%; line-height:2.3rem; font-size:1.4rem; color:rgba(0, 0, 0, 0.8); margin-top:0.7rem; opacity:0.7 }
    .indexbox1_m .info .content .more { width:100%; margin-top:2rem; text-align:center }
    .indexbox1_m .info .content .more .partner-more { display:inline-block; padding:0 3.2rem; height:3.8rem; line-height:3.6rem; border:0.1rem solid #1a9997; font-size:1.4rem; text-align:center; color:#1a9997; border-radius:2rem; margin:0 auto }
    .indexbox1_m .info .content .more .partner-more :hover { color:#fff; background-color:#1a9997; transition:0.3s }
    .indexbox1_m { color:#1a9997; padding:0; z-index:auto; background-color:transparent }

    .indexbox2 .classify .content{width:100%;}
    .indexbox2 .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox2 .sys_tit1>h2{font-size:2rem;}
    .indexbox2 .sys_tit1>p{font-size:1.2rem;}
    .indexbox2 .classify ul li{padding:0px 0.5rem;margin:0px;transform: translateY(0px);}
    .indexbox2 .classify ul li >a .image{background:red;}
    .indexbox2 .classify ul li >a .maskBg{opacity:1;}
    .indexbox2 .classify ul li >a .maskBg .black{ width: 100%; height: 100%;background-color: rgba(0,0,0,0.5)}
    .indexbox2 .classify ul li >a .text .wrapLi .textCon h3{opacity:1;font-size:1.4rem;margin-bottom:0.5rem;}
    .indexbox2 .classify ul li >a .text .wrapLi .textCon .more{opacity:1;}
    .indexbox2 .classify>.moreStory{margin-top:2rem;}
    .indexbox2 .classify >.moreStory .partner-more{padding: 0.8rem 2rem;font-size: 1.4rem;}

    .indexbox3{display:none;}
    .indexbox3_m { background-color:#fff !important; padding-bottom:3rem !important;display:block;}
    .indexbox3_m .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox3_m .sys_tit1>h2{font-size:2rem;font-weight:bold;padding-bottom:8px;background:url("../images/tb11.png") no-repeat center bottom;margin-bottom:10px;}
    .indexbox3_m .sys_tit1 >h2 span{color:#1a9997}
    .indexbox3_m .sys_tit1>p{font-size:1.2rem;}
    .indexbox3_m .sys_tit1 sysWapTitle h2 p img { max-width:100% }
    .indexbox3_m .infomask h2 p img { max-width:100% }
    .indexbox3_m .advantage { position:relative }
    .indexbox3_m .advantage .covertit { position:relative; z-index:2 }
    .indexbox3_m .advantage .covertit h2, .indexbox3_m .advantage .covertit p { color:#fff !important }
    .indexbox3_m .advantage .bg { width:100%; height:18rem; background-color:#1a9997; position:absolute; top:0; left:0; z-index:0 }
    .indexbox3_m .advantage .advantagelist { position:relative; z-index:3 }
    .indexbox3_m .advantage .advantagelist ul { width:100%; padding:0 0.85rem; box-sizing:border-box }
    .indexbox3_m .advantage .advantagelist ul li { width:100%;float:left;position:relative; padding:0 0.4rem 0.8rem }
    .indexbox3_m .advantage .advantagelist ul li .imgbox {width:15rem;height:13.2rem;float:left }
    .indexbox3_m .advantage .advantagelist ul li .imgbox a { width:100%; height:100%; display:block }
    .indexbox3_m .advantage .advantagelist ul li .textcon { overflow:hidden; height:13.2rem; padding:1.65rem 1.25rem; background-color:#fff; box-sizing:border-box }
    .indexbox3_m .advantage .advantagelist ul li .textcon .maintitle { width:100%; line-height:2.3rem; height:2.3rem; font-size:1.6rem; color:#222; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
    .indexbox3_m .advantage .advantagelist ul li .textcon .subtitle { width:100%; height:6.9rem; line-height:2.3rem; font-size:1.4rem; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; overflow:hidden; margin-top:0.7rem }
    .indexbox3_m { color:#1a9997; background-color:transparent; padding:0; z-index:auto }

    .indexbox4{display:none;}
    .indexbox4_m{ background-color:#fff;display:block;}
    .indexbox4_m .sys_tit1 sysWapTitle h2 p img { max-width:100% }
    .indexbox4_m .advantage .content .admask { width:100%; height:100%; background-color:rgba(33, 153, 150, 1); padding-top:2rem }
    .indexbox4_m .advantage .content .admask .titwhite h2, .indexbox4_m .advantage .content .admask .titwhite p { color:#fff }
    .indexbox4_m .advantage .content .admask .tb { display:none; width:100%; padding:0 1.25rem; text-align:center }
    .indexbox4_m .advantage .content .admask .tb img { max-width:100% }
    .indexbox4_m .advantage .content .admask .advantagelist { margin-top:-2rem }
    .indexbox4_m .advantage .content .admask .advantagelist ul { width:100%; padding:0 2rem 2rem }
    .indexbox4_m .advantage .content .admask .advantagelist ul li { position:relative; padding:2rem 0 0 0 }
    .indexbox4_m .advantage .content .admask .advantagelist ul li .textconent .maintitle { width:100%; padding-left:4.5rem; box-sizing:border-box; height:2.3rem; line-height:2.3rem; font-size:1.6rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }
    .indexbox4_m .advantage .content .admask .advantagelist ul li .textconent .desc { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; width:100%; padding-left:4.5rem; box-sizing:border-box; max-height:4.6rem; line-height:2.3rem; font-size:1.4rem; color:#fff; margin-top:0.2rem }
    .indexbox4_m .advantage .content .admask .advantagelist ul li .textconent>span { position:absolute; left:0; top:2rem; display:block; width:3rem; height:3rem; text-align:center; line-height:3rem; background-color:#fff; border-radius:100%; font-size:1.8rem; color:#1a9997; font-weight:bold }
    .indexbox4_m { color:#1a9997; padding:0; z-index:auto; background-color:transparent }

    .indexbox5 .witness .content{width:100%;padding:0px;}
    .indexbox5 .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox5 .sys_tit1>h2{font-size:2rem;}
    .indexbox5 .sys_tit1>p{font-size:1.2rem;}

    .indexbox5 .witness .content .newsChange .newsList{height:19rem;padding-top:2rem;}
    .indexbox5 .witness .content .newsChange .newsList .image_box{border-radius:1rem;margin:0px;}
    .indexbox5 .witness .content .newsChange .newsList .image_box a .image{width: 100%; height: 12.6rem;padding-top:0px; box-sizing: border-box; border: 0.6rem solid #f0f0f0; border-bottom: none; overflow: hidden; border-radius: 1rem 1rem 0 0;}
    .indexbox5 .witness .content .newsChange .newsList .slick-current{transform: scale(1.2);z-index: 3; opacity: 1 !important;}
    .indexbox5 .witness .content .newsChange .newsList .image_box a .text { overflow: hidden; background-color: #46c4c1; border-radius: 0 0 1rem 1rem; }
    .indexbox5 .witness .content .newsChange .newsList .slick-current a .text{background:#1a9997;}
    .indexbox5 .witness .content .newsChange .newsList .image_box a .text p.title{width: 100%; font-size: 1.2rem; line-height: 250%; text-align: center; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;}
    .indexbox5 .witness .content .slogan{display:none;}
    .indexbox5 .witness .content .prosTel{display:none;}

    
    .indexbox6{padding:20px 0px;padding-bottom:0px;}
    .indexbox6 .container{width:100%;padding:0px;margin:0px;}
	.indexbox6 .tit h2{font-size:2rem;font-weight:bold;padding-bottom:8px;background:url("../images/tb10.png") no-repeat center bottom;margin-bottom:10px;}
    .indexbox6 .tit h2 span{color:#1a9997}
    .indexbox6 .tit p{font-size:1.2rem;}
	.indexbox6 .con{margin-top:20px;}
	.indexbox6 .con .contact{width:100%;height:auto;padding:20px;background-image:none;}
	.indexbox6 .con .message{display:block;width:100%;padding:20px;height:auto;}

	.indexbox6 .con .contact h3{font-size:20px;letter-spacing:3px;line-height:25px;}
	.indexbox6 .con .contact > p{font-size:12px;line-height:20px;}
	.indexbox6 .con .contact ul{background-color:#fff;margin-top:20px;}
	.indexbox6 .con .contact ul li{height:150px;}
	.indexbox6 .con .contact ul li p:nth-child(1){padding-bottom:5px;font-weight:bold;}
	.indexbox6 .con .contact ul li p{font-size:12px;line-height:20px;}

    .indexbox7{padding: 0px 0px 20px 0px;}
    .indexbox7 .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox7 .sys_tit1>h2{font-size:2rem;}
    .indexbox7 .sys_tit1>p{font-size:1.2rem;}
    .indexbox7 .newslist .content .imageList{width:100%;padding: 0 1.25rem;}
    .indexbox7 .newslist .content .right {width:100%;margin-top: 2rem; padding: 0 1.25rem; }
    .indexbox7 .newslist .content .right .imageList3 ul li{margin-top:0px;}
    .indexbox7 .newslist .content .right .imageList3 ul li >a .textBox .text>p{display:none;}
    .indexbox7 .newslist .content .right .imageList3 ul li { border-top: 0.1rem solid #eee; }
    .indexbox7 .newslist .content .right .imageList3 ul li >a .textBox .text h4{line-height: 300%; font-size: 1.4rem; color: #333; font-weight: normal; transition: .5s; position: relative;}
    .indexbox7 .newslist .content .right .imageList3 ul li >a .textBox .text h4>i{display:none;}
    .indexbox7 .newslist .content .right .imageList3 ul li >a .textBox .text h4>em{display: block; width: 0.6rem; height: 0.6rem; border-radius: 100%; font-style: normal; background-color: #ddd; margin-right: 0.3rem; position: absolute; top: 1.8rem; left: 0;}
    .backtop{display:block;}
    .indexbox7 .sys_con1{width:100%;padding:0px 10px;}
    .indexbox7 .sys_con1 .item{width:100%;margin-bottom:10px;}
	.indexbox7 .sys_con1 .item .ttt h2{font-size:15px;}
	.indexbox7 .sys_con1 .item .ttt h2 i{font-size:18px;}
	.indexbox7 .sys_con1 .item .ccc ul li.top{padding:10px;}
	.indexbox7 .sys_con1 .item .ccc ul li.top a .t{font-size:14px;}
	.indexbox7 .sys_con1 .item .ccc ul li.top a .c{font-size:12px;}
	.indexbox7 .sys_con1 .item .ccc ul li a{font-size:12px;}
	.indexbox7 .sys_con1 .item:last-child{margin-bottom:0px;}



    .indexbox8{padding: 0px 0px 20px 0px;}
    .indexbox8 .sys_tit1{padding:2rem 1rem 2rem 1rem;}
    .indexbox8 .sys_tit1>h2{font-size:2rem;}
    .indexbox8 .sys_tit1>p{font-size:1.2rem;}
    .indexbox8 .sys_con1{width:calc(100% - 20px);}
}

/*图标*/
@font-face {
    font-family:'iconfont';
    src:url('font/iconfont.eot');
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('font/iconfont.woff') format('woff'),
    url('font/iconfont.ttf') format('truetype'),
    url('font/iconfont.svg#iconfont') format('svg');
}