@charset "utf-8";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
input { outline:none}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
h1,h2,h3,h4,h5 {font-weight:normal}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.clear,.clr{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.dorpdown{position:relative}
.dorpdown-layer{display:none;position:absolute}
.dorpdown:hover .dorpdown-layer,.hover .dorpdown-layer{display:block}.cw-icon{position:relative;cursor:default;zoom:1}
.m,.mb,.mc,.mt,.p-detail,.p-img,.p-market,.p-name,.p-price,.sm,.smb,.smc,.smt{overflow:hidden}
html{font-size:100%}

body{background-color:#fff;font-family:Arial,"Microsoft YaHei","微软雅黑"}
img{border:none}
strong{font-weight:400}
a{text-decoration:none;color:#333;cursor:pointer;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out}
button,select{cursor:pointer;outline:0}
input[type=text]{cursor:text;outline:0}
a:hover{text-decoration:none!important;}
ul{list-style-type:none}
h1,h2,h3{font-weight:400}

@font-face {
  font-family: 'iconfont';  /* Project id 3523968 */
  src: url('//at.alicdn.com/t/c/font_3523968_pl86k5kob59.woff2?t=1665245774523') format('woff2'),
       url('//at.alicdn.com/t/c/font_3523968_pl86k5kob59.woff?t=1665245774523') format('woff'),
       url('//at.alicdn.com/t/c/font_3523968_pl86k5kob59.ttf?t=1665245774523') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.dingwei::after {content:"\e607"}
.eye::after {content:"\eb46"}
.time::after {content:"\e618"}
.jt::after {content:"\e64a"}
.m_nav::after {content:"\e60e"}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.in-3-li-1,.in-3-li-1 span,.nav,.swiper-button-next,.swiper-button-prev,.swiper-pagination-dw .swiper-pagination-bullet{transition:All .5s ease-in-out;-webkit-transition:All .5s ease-in-out;-moz-transition:All .5s ease-in-out;-o-transition:All .5s ease-in-out}
.in-top .nav{position:absolute;top:0;left:0}

.all {width: 100%;overflow: hidden}
.top{}
.wrapper{width:1200px; margin:0 auto}
.header {height: 110px;background: #fff;overflow: hidden}
.icon:after {display: block;font-family: "iconfont"}
.hide {display: none;}
.show {display: block}

.header .logo a{background:url(../img/index-logo.png) no-repeat;background-size: auto 100% ;width:484px;height:65px;float:left; margin-top:20px;float: left;}
.header .searchBox {float: right;margin-top:44px;position: relative}
.header .words {width:430px;height:36px;border:1px solid #0AAC70;border-radius:30px;padding: 0 10px;}
.header .words::-webkit-input-placeholder {color:#ddd}
.header .words::-moz-placeholder {color:#ddd}
.header .words:-ms-input-placeholder {color:#ddd}
.header .words:-moz-placeholder {color:#ddd}
.header .submit {position: absolute;top:0;right:0;height:38px;width:60px;background-image: url("../img/search.png");border:none;background-color:transparent;background-position: center; background-size:50% auto;background-repeat: no-repeat}
.header .m_nav {font-size:30px;float: right;margin-right: 3vw;color: #0AAC70;margin-top: 25px;display: none}



.NavBox {background: #0AAC6E}
.NavBox .nav{height:50px;}
.NavBox .m_logo {background:url(../img/m_logo.png) no-repeat center;background-size:100% auto ;width:100%;height:15vw;display: none}

.NavBox .nav ul {display: flex}
.NavBox .nav li{flex: 1; display: block;line-height:50px;font-size:20px;text-align: center;position:relative}
.NavBox .nav li a {color:#fff;display: block;}
.NavBox .nav li a:hover {background:#F0BB2E }
.NavBox .nav li dl {z-index: 99;position: absolute;width: 100%}
.NavBox .nav li dd {background:#0AAC6E;margin-top:1px}


.header .nav_btn {position: absolute;right: 0;top:0;width: 60px;height: 60px;background:url(../img/icon.png) no-repeat center #FF6700;background-size: 40px 40px; display: none}
.fixednav{height:60px}
.fixednav .logo a{width:298px;height:40px;background-size:auto  100%; margin-top:10px}
.fixednav .nav { margin-top:5px}
.fixednav{position:fixed;background-color:#fff}

.top .swiper-button-next,.top .swiper-button-prev{display:block;width:60px;height:60px;background-color:rgba(255,255,255,.2);background-position:center center;background-repeat:no-repeat;top:50%;margin-top:-45px;border-radius:90%}
.top .swiper-button-next:hover,.top .swiper-button-prev:hover{background-color:rgba(255,255,255,.5);}
.top .swiper-button-next{left:3%;background-image:url(../img/left-01.png);background-size:auto 50%}
.top .swiper-button-prev{right:3%;background-image:url(../img/right-01.png);background-size:auto 50%}
.wap-photo{display:none!important}
.top .swiper-pagination-dw{bottom:40px;position:absolute;left:0;width:100%;z-index:2}
.top .swiper-pagination-dw .swiper-pagination-bullet{width:20px;height:4px;background-color:#fff;border-radius:30px;margin:0 5px}
.top .swiper-pagination-dw .swiper-pagination-bullet:hover{width:30px;background-color:#F0BB2E}
.top .swiper-pagination-dw .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;background-color:#F0BB2E}
.top .swiper-pagination-dw .swiper-pagination{display:table;margin:0 auto}
.pc-photo {width: 100%;height: auto}

.part01 {position: relative;}
.part01 .con {height:80px;display: flex}
.part01 .con .con-l {flex: 1;width:50%;height:100%;background:#0AAC70;font-size:26px;line-height: 80px;text-align: center;color:#fff}
.part01 .con .con-r {flex:1;background-image:url("../img/part01_r.jpg");width: 50%;height:100%;background-size:100% auto;background-position:center;background-repeat: no-repeat}
.part01 .backBox{position: absolute;width: 100%;top:0;z-index:-1}
.part01 .backBox .in-l { width:50%;background: #0AAC70;height:80px}

.in-public{width:1200px;height:auto;margin:0 auto}
.in-title{display:table;margin:0 auto;text-align:center}
.in-title h2{font-size:2rem;font-weight:normal;display:table;margin: 0 auto;position: relative}
.in-title h2::after {content:"";display: block;width: 119px;height: 16px;background:url("../img/title_line.png") no-repeat right;position: absolute;left:-140px;top:16px}
.in-title h2::before {content:"";display: block;width: 119px;height: 16px;background:url("../img/title_line.png") no-repeat left;position: absolute;right:-140px;top:16px}
.in-title h3{font-size:2rem;color:#CBCBCB}
.in-title span{background-color:#008cd6;width:80px;height:3px;margin:15px auto 15px;display:block}
.in-title .indexTit01{font-size:2rem;color:#0AAC6D; margin-top:35px;font-weight: bold}
.in-title .indexInfo01{font-size:14px;color:#7f7f7f; margin-top:26px;line-height: 32px}

.in-column-1{background-color:#fff}
.in-more{width:240px;height:60px;margin:50px auto 0;color:#fff;background-color:#EFBC2F;display:block;border-radius:4px;text-align:center;line-height:60px;font-size:20px}
.in-more:hover{background-color:rgba(239,188,47,.8)}

.in-column-1-1-right{overflow:hidden}
.in-column-1{padding:30px 0}
.in-column-1-1{padding:70px 0 0;}
.in-column-1-1-left{float:left;}
.in-column-1-1-left img{display:block;width:100%;height:auto}
.in-column-1-1-right{float:right;width: 420px}
.in-column-1-1-right div {}
.bt{font-size:18px; color:#000; line-height:50px}
.li span{color:#666;font-size:16px; line-height:50px;padding-left:20px;position: relative;display: block}
.li span:before {content: "";display: block;width:12px; height: 12px;float: left;background: url(../img/dot.png) no-repeat;position: absolute;left: 0;top:19px;}
.li.float:after {content: "";clear: both;display: block}
.li.float span {float: left; margin-right:50px}
.li.float span:last-child {margin-right: 0}
.li.block span {display: block}
.lo span{color:#666;font-size:16px; line-height:40px;position: relative;display: block}
.lo.float:after {content: "";clear: both;display: block}
.lo.float span {float: left; margin-right:50px}
.lo.float span:last-child {margin-right: 0}
.lo.block span {display: block}

.in-column-2{position:relative;padding:70px 0 ;background: #f6f6f6;}
.in-column-2-1-1 {padding:40px 0}
.in-column-2-1-1 ul {display: flex;justify-content: center}
.product-itembox {height: 290px;overflow: hidden}
.in-column-2-1-1 li {background: #e5e5e5;padding:0 20px;margin:0 20px;font-size:16px;color:#666;line-height: 40px;cursor: pointer;transition:all .2s ease-in-out }
.in-column-2-1-1 li.on,.in-column-2-1-1 li:hover {background: #0CAB6B;color:#fff}

.hide {display:none;visibility: hidden}

.in-column-2-1-2 {position: relative}
.in-column-2-1-2 ul {display:flex;justify-content:space-between;padding:20px 80px}
.in-column-2-1-2 li { width:240px;height:240px;overflow: hidden;border:3px solid #e5e5e5}
.in-column-2-1-2 li .img {display: block;width: 100%; height:100%; background-position: center;background-size: cover}
.in-column-2-1-2 .page {width: 50px;height: 50px;background: rgba(240,187,46,.5);position: absolute;top:120px;border-radius:50%;cursor: pointer;transition: all .2s ease-in-out;font-size:30px;display: block;line-height:50px;text-align: center;color:#fff}
.in-column-2-1-2 .page:hover {background:  rgba(240,187,46,1);}
.in-column-2-1-2 .pagePrv {left:0;}
.in-column-2-1-2 .pagePrv:after {content:'\e63c'}
.in-column-2-1-2 .pageNext {right: 0}
.in-column-2-1-2 .pageNext:after {content:'\eb47'}

.in-column-3 {padding:70px 0;background: #fff}
.in-column-3-1{margin:50px 0 0}
.in-column-3-1 .teamBox {display: flex;justify-content:space-between;padding: 0 80px;margin-top:180px}
.in-column-3-1 .teamBox .item {width:220px;height:260px;background: #f0f0f0;color:#999;position: relative; padding: 0 20px;box-sizing: border-box}
.in-column-3-1 .teamBox .item .img {width:100%;height:220px;overflow: hidden;border-radius:50%;background-position: center;background-size:cover;position: absolute;top:-110px;left: 0; border:1px solid #F0BB2E;box-sizing: border-box;background-color:#fff}
.in-column-3-1 .teamBox .item .info {text-align: center;border-bottom:1px solid #ccc;padding-bottom:10px; margin-top:130px}
.in-column-3-1 .teamBox .item .name {font-size:16px;font-weight:bold;color: #000;}
.in-column-3-1 .teamBox .item .zhiwu {font-size:14px;line-height: 30px;}
.in-column-3-1 .teamBox .item .jianjie {font-size:14px; line-height:20px;height:20px;;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:10px 0}

.in-column-3-1 .teamBox .item.on .img {border:1px solid #09AC6D}
.in-column-3-1 .teamBox .item.on {background:#09AC6D;color:#fff}
.in-column-3-1 .teamBox .item.on .name {color:#fff;}

.in-column-4 {background: #eee;height:400px;overflow: hidden}
.in-column-4-1{position: relative}
.in-column-4-1 img{position:absolute;display:block;left:-360px}

.in-column-5 {padding:30px 0;background: #fff;}
.in-column-5-1{margin:50px 0 0;position: relative}
.in-column-5-1-left {float:left;width:400px;overflow:hidden}
.in-column-5-1-left {}
.in-column-5-1 .newsMenu {border-bottom:2px solid #ddd;height:40px;overflow:hidden}
.in-column-5-1 .newsMenu li {float: left;line-height: 40px;color:#4C4C4C;font-size:16px;padding: 0 10px;margin-right:30px;cursor: pointer}
.in-column-5-1 .newsMenu li.on  {border-bottom:2px solid #F0BB2E;}
.in-column-5-1 .more {float: right;font-size:14px;line-height: 40px;color:#666666}
.in-column-5-1-left .img {background-position:center;background-size: cover; width:400px;height: 220px;margin-top:30px}
.in-column-5-1 p {font-size:16px;line-height: 42px;color:#666;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow: hidden;}
.in-column-5-1 .newsTopOne_1 p {margin-top:10px;}
.in-column-5-1 .indexNewsList a p {line-height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;width: 80%;float: left}
.in-column-5-1 .indexNewsList time {font-size:12px;float: right;line-height:42px;color:#ccc}
.in-column-5-1 a:hover p{color:#09AC6D}
.in-column-5-1-right {width: 735px;float: right}
.in-column-5-1-right .img div {width: 280px;height: 220px;float: left;display: block;background-position:center;background-size:cover}
.in-column-5-1-right .newsTopOne_2 {margin-top:30px;display: flex}
.in-column-5-1-right .topNewsInfo {flex: 1;padding-left:40px}
.in-column-5-1-right .topNewsInfo p {font-size:16px;color:#333;}
.in-column-5-1-right .topNewsInfo a p {color:#09AC6D}
.in-column-5-1-right .topNewsInfo .con {font-size:12px; line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#999;margin-top:8px;}
.in-column-5-1-right .topNewsInfo .info {width:130px;height:40px;background: #EFBC2F;color:#fff;display: block;text-align: center;line-height:40px;margin-top:10px;font-size:14PX}
.in-column-5-1-right .indexNewsList {margin-top:10px}

/*新闻资讯*/

.page .banner {position: relative; height:20.5vw;overflow: hidden}
.page .banner img {left:50%;top:0px;transform: translate(-50%,0);width: 100vw; height: auto; position: absolute}
.page .showpath {height:50px;line-height: 50px;font-size:12px;background:#f6f6f6;color:#999 }
.page .showpath i {font-size:16px;line-heigt:50px;display: inline-block;color:#888}
.page .showpath a {margin:0 5px;color:#999}
.page .showpath a:hover {color:#09AC6D}
.page .showpath a.active {color:#09AC6D}

.newsNav {margin-top:50px;}
.newsNav ul {display: flex;justify-content:center; border-bottom:1px solid #ddd;padding-bottom: 30px;}
.newsNav li {}
.newsNav li a {height:40px;line-height: 40px;background: #ddd;margin: 0 12px;padding: 0 40px;color:#999;display: block}
.newsNav li a:hover,.newsNav li a.active {color:#fff;background:#09AC6D; }

.newsList {padding-bottom:30px}
.newsList .item {border-bottom:1px solid #ddd;padding:40px 0;display: flex}
.newsList .item .img {width:300px; height:170px;background-position: center;background-size:cover}
.newsList .item .img a {display: block;width: 100%; height: 100%}
.newsList .info {flex:1;padding-left: 40px;position: relative}
.newsList .newsTit {font-size:16px;font-weight:bold;line-height:60px; }
.newsList .newsTit a {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width: 80%;}
.newsList .newsTit a:hover {color:#09AC6D}
.newsList .intro {font-size:12px;color:#999;line-height: 26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height: 52px;width: 80%;}
.newsList .attr {font-size:12px;color:#999;line-height:20px;margin-top:40px; }
.newsList .attr span {margin-right:30px;display: inline-block}
.newsList .attr i {font-size:16px;display: inline-block;vertical-align:bottom}
.newsList .date {position: absolute;right: 0;top:70px;border-left:1px solid #ccc;padding-left:30px;color:#666}
.newsList .year {font-size:26px;}
.newsList .month {font-size:12px}
.newsList .pageBox {padding:40px 0}
.newsList ul {display: flex;justify-content: center}
.newsList li {display: inline-block;line-height:30px;font-size:12px;border:1px solid #ddd;color:#aaa;border-radius:3px;margin:  0 5px;min-width:25px; padding:0 2px;transition: All .2s ease-in-out;-webkit-transition: All .2s ease-in-out;-moz-transition: All .2s ease-in-out;-o-transition: All .2s ease-in-out;text-align: center}
.newsList li:hover ,.newsList li.active{background:#09AC6D;color:#fff;border:1px solid #09AC6D }
.newsList li:hover a {color:#fff}
.newsList li a {display: block;width: 100%}

/*新闻内页*/
.newsViewMain .wrapper {padding-top:55px}
.newsViewMain .in-newsView-left {float: left;width:850px;display: inline-block}
.newsViewMain .newsTitle h1 {font-weight:bold;text-align: center;line-height:40px;font-size:30px;}
.newsViewMain .attr {font-size:12px;color:#999;text-align: center;border-bottom:1px solid #eee;line-height:30px;padding-top:20px}
.newsViewMain span {display: inline-block; margin:0 20px}
.newsViewMain i {display: inline-block;vertical-align:bottom;font-size:14px}
.newsViewMain .newsContant {padding:40px 60px;font-size:14px; line-height: 26px}
.newsViewMain .newsContant img {margin:20px 0}
.newsViewMain .quickPage {margin:0 60px; padding: 30px 0 60px 0; line-height: 30px;font-size:14px;color:#666;border-top:1px solid #eee}
.newsViewMain .quickPage span {line-height:30px;display:inline-block;vertical-align: top; margin:0}
.newsViewMain .quickPage a {float: none;display: inline-block;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsViewMain .in-newsView-right {width:320px;float: right}
.newsViewMain .newsLeft-list {border:1px solid #eee;margin-bottom:30px;}
.newsViewMain .title {height: 60px;line-height:60px;overflow: hidden; padding: 0 10px;font-size:12px;color:#aaa;border-bottom:1px solid #eee}
.newsViewMain .title b {font-weight:bold;font-size:20px;color:#09AC6D;margin-right:10px }
.newsViewMain .list { padding:0 10px;line-height:42px }
.newsViewMain a {font-size:14px;color:#666;display:block;float: left;width: 70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newsViewMain time {float: right;font-size:12px;color:#999}
.newsViewMain a:hover {color:#09AC6D}

/*产品列表*/
.productlist .wrapper {padding-top:55px}
.productlist .in-productlist-left {width:320px;float: left}
.productlist .productlist-list,.productlist .productlist-class {border:1px solid #eee;margin-bottom:30px;}
.productlist .title {height: 60px;line-height:60px;overflow: hidden; padding: 0 10px;font-size:12px;color:#aaa;border-bottom:1px solid #eee}
.productlist .title b {font-weight:bold;font-size:20px;color:#09AC6D;margin-right:10px }
.productlist .list1 {padding:10px 15px 15px ;} 
.productlist .list1 li {background: #eee; margin-top:5px;padding:5px 0 5px 40px;line-height:40px} 
.productlist .list1 dd {padding-left:20px;border-top:2px solid rgba(255,255,255,1);line-height:30px;padding:5px 0 5px 60px;background:#eee;font-size:14px }
.productlist .list1 dd a {display: block}
.productlist .list1 li a {font-size:14px;color:#666;display:block}
.productlist .list1 li a span {position: relative}
.productlist .list1 li a span::before {content:"";width:5px; height:5px;border: 1px solid #666;border-radius:10px;display:block;position: absolute;left:-15px;top:5px; }
.productlist .list1 .active {background: #09AC6D;} 
.productlist .list1 .active a {color:#fff}
.productlist .list1 .active a span::before {border:1px solid #fff}

.productlist .list1 a:hover {font-size:14px;color:#F0BB2E;display:block;}
.productlist .list1 a:hover span::before {border: 1px solid #F0BB2E}
.productlist .list { padding:0 10px;line-height:42px }
.productlist .list a {font-size:14px;color:#666;display:block;float: left;width: 70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.productlist .list time {float: right;font-size:12px;color:#999}
.productlist .list a:hover {color:#09AC6D}

.productlist .in-productlist-right {float: right;width:850px;display: inline-block}
.productlist .productTitle h1 {font-weight:bold;text-align: center;line-height:40px;font-size:30px;}
.productlist .attr {font-size:12px;color:#999;text-align: center;border-bottom:1px solid #eee;line-height:30px;padding-top:20px}
.productlist i {display: inline-block;vertical-align:bottom;font-size:14px}
.productlist .newsContant {padding:40px 60px;font-size:16px; line-height: 26px}
.productlist .newsContant div:nth-child(1) {text-align: center}
.productlist .newsContant div:nth-child(1) img {width: 850px;text-align: center}
.productlist .quickPage {margin:0 60px; padding: 30px 0 60px 0; line-height: 30px;font-size:14px;color:#666;display: flex;justify-content: space-between;border-top:1px solid #eee}

.productList {min-height:800px}
.productList .item {width:270px;float: left;margin-right:20px; margin-bottom:40px  }
.productList .item:nth-child(3n) {margin-right:0px;  }
.productList .item .img {width: 100%; height:180px;background-size:cover;background-position: center}
.productList .item p {line-height:20px;background: #eee;text-align: center;font-size:14px;height:50px;vertical-align: middle;display:flex;align-items:center;justify-content: center}
.productList .item p span {}
.in-productlist-right .pageBox {border-top:1px solid #eee;padding:40px 0}
.in-productlist-right ul {display: flex;justify-content: center}
.in-productlist-right li {display: inline-block;line-height:30px;font-size:12px;border:1px solid #ddd;color:#aaa;border-radius:3px;margin:  0 5px;min-width:25px; padding:0 2px;transition: All .2s ease-in-out;-webkit-transition: All .2s ease-in-out;-moz-transition: All .2s ease-in-out;-o-transition: All .2s ease-in-out;text-align: center}
.in-productlist-right li:hover ,.in-productlist-right li.active{background:#09AC6D;color:#fff;border:1px solid #09AC6D }
.in-productlist-right li:hover a {color:#fff}
.in-productlist-right li a {display: block;width: 100%}

/*在线预约*/
.bookingMain {}
.bookingMain .pagetitle {padding:0 60px; margin-top:60px;}
.bookingMain .pagetitle h2 {font-size:30px;line-height:40px;color:#0AAC6D}
.bookingMain .pagetitle p {font-size:14px; color:#999;line-height:40px;}
.bookingMain .pagetitle {}
.bookingMain .formBox {padding:30px 60px}
.bookingMain .formBox .item { }
.bookingMain .formBox p {font-size:14px;line-height:40px;}
.bookingMain .formBox p span {color:#FF0000}
.bookingMain .formBox input,.bookingMain .formBox select {width: 500px;height:50px; line-height:50px; padding:0 10px;border: 1px solid #ccc;border-radius:5px;display: block;box-sizing: border-box}
.bookingMain textarea {width: 100%;height:200px;line-height:30px; padding:0 10px;border: 1px solid #ccc;border-radius:5px;display: block;box-sizing: border-box;outline: none}
.bookingMain .formBox .submit {margin:40px auto;font-size:20px;color:#fff;border:1px solid rgba(0,0,0,0);border-radius:6px;background:#09AC6D}
.bookingMain .formBox .submit:disabled {background:#ddd }
.bookingMain .formBox .submit:hover {background:#0AB675 }

/*专家团队*/
.teamMain .teamList {padding:60px 0}
.teamMain .item {float: left;width:48.5%;height:280px;overflow: hidden;box-sizing: border-box;margin:30px 0;}
.teamMain .item:nth-child(2n) {margin-left:1vw}
.teamMain .item .img {width: 280px;height: 280px;background-position: center;background-size:cover;float: left}
.teamMain .item .name {color:#0AAC6D;height:40px;overflow: hidden;float: left;padding-left:20px}
.teamMain .item .name b{font-size:30px;line-height:40px; font-weight: bold;float: left;}
.teamMain .item .name span {font-size:14px;line-height:55px;float: left;margin-left:15px}
.teamMain .item .info {flex: 1;padding-left:15px}
.teamMain .item .intro {color:#666;font-size: 12px; line-height: 24px;padding-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;float: left;width:300px;padding-left:20px;box-sizing:border-box;}
.teamMain p {text-indent:2em}

/*联系我们*/
.contactMain { padding: 60px 0}
.contactMain h2 {font-size:30px;text-align: center;line-height:40px;color:#0AAC6E }
.contactMain ul {margin: 0 100px;font-size:16px; color:#666;line-height:46px; padding:40px 0;border-bottom:1px solid #eee; margin-bottom:40px}
.contactMain ul li {width:33%;float: left}

/*中心简介*/
.info .in-title h3 {font-size:16px }
.info .in-title h2::before {content: "";display: block;width: 40px;height: 1px;background: #333;position: absolute;right: -70px;top: 23px;}
.info .in-title h2::after {content: "";display: block;width: 40px;height: 1px;background: #333;position: absolute;left: -70px;top: 23px;}

.in-column-6 {background: #fff;padding:20px 0}
.in-column-6 .in-public {background: #fff;box-shadow:0px 8px 8px rgba(0,0,0,.1);position: relative;top:-70px;z-index: 9;padding:70px;box-sizing: border-box;border-radius:10px}
.in-column-6-1 {margin:70px 0 0;position: relative; }
.in-column-6-1 p {font-size:14px;color:#666;line-height: 24px;text-indent:2em}

.in-column-7 {padding:0 0 70px 0;background:#fff}
.in-column-7-1{margin:70px 0 0;position: relative;}
.in-column-7-1 li {float: left;margin:2px 2px 0 0}
.in-column-7-1 li:nth-child(4) {margin-right:0}
.in-column-7-1 li:nth-child(6) {margin-right:0}

.in-column-8 {padding:60px 0 70px 0;background: url("../img/info-3-1.jpg") no-repeat;background-size: cover;background-position: center;height:580px;overflow: hidden;box-sizing: border-box}
.in-column-8 .in-title {color:#fff}
.in-column-8-1{padding:30px 0}
.in-column-8-1 h2 {font-size:36px;letter-spacing:10px;text-align: center;color:#fff;font-weight: normal}
.info .in-column-8 .in-title h2::after,.info .in-column-8 .in-title h2::before{background:#fff}
.in-column-8-1 p {text-align: center;padding-top:40px;}

.in-column-9 {padding:70px 0;background: #fff;}
.in-column-9-1{padding:50px 21px;position: relative;}
.in-column-9-1 .item {float: left;width:344px;margin:20px 21px 0 21px}
.in-column-9-1 .item .img {width:100%;height:210px;background-size: cover;background-position: center}
.in-column-9-1 .item p {font-size:14px; color:#666;line-height:50px;text-align: center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

.in-column-10 {padding:70px 0 40px 0;background: #fff;}
.in-column-10-1 {padding:50px 0px;position: relative;}
.in-column-10 .waiBox {width:370px;margin-right:45px;background:#F6F6F6;padding: 0;padding:10px;box-sizing: border-box}
.in-column-10 .waiBox .img {width:300px;height:200px;background-size: cover;background-position: center; margin:30px auto}
.in-column-10 .waiBox p {font-size:14px;line-height:40px;border-top:1px solid #E5E5E5;padding-top:10px}

.in-column-10 .leftLoop{ overflow:hidden; position:relative; }
.in-column-10 .leftLoop .hd{ overflow:hidden;height:30px;margin-top:50px }
.in-column-10 .leftLoop .hd ul{ overflow:hidden; zoom:1; margin-top:10px; text-align: center}
.in-column-10 .leftLoop .hd ul li{ position:relative; _display:inline;display: inline-block;width:6px; height:6px; overflow:hidden; background:#F0BB2E; margin-right:10px; text-indent:-999px; cursor:pointer; border-radius:6px; behavior: url(../PIE.htc);border:1px solid #F0BB2E}
.in-column-10 .leftLoop .hd ul li.on{ background:#fff;  }
.in-column-10 .leftLoop .bd ul{ overflow:hidden; zoom:1; }
.in-column-10 .leftLoop .bd ul li{text-align:center; float:left; _display:inline; overflow:hidden;  }

.in-column-11 {padding:70px 0;background: #fff;}
.in-column-11-1{padding:50px 0px;position: relative;}
.in-column-11 li .waiBox {width:370px;margin:0 45px 50px 0;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.2);position: relative}
.in-column-11 li:nth-child(3n) .waiBox {margin:0 0 50px 0}
.in-column-11 .waiBox .img {width:100%;height:250px;background-size: cover;background-position: center; }
.in-column-11 .waiBox p {font-size:14px;line-height:20px;padding:10px 20px;color:#555;text-align: center}
.in-column-11 .waiBox .jt {font-size:30px;position: absolute;right:20px;bottom:25px;display: none;color:#555}
.in-column-11 .waiBox:hover p {color:#0AAC6D}
.in-column-11 .waiBox:hover .jt {color:#0AAC6D;}
.in-column-11 .leftLoop .bd ul{zoom:1; }
.in-column-11 .leftLoop .bd ul li{text-align:center; float:left; _display:inline; }

.friendLink {background: #0166b1;color:#fff;border-bottom: 1px solid rgba(255,255,255,.2); padding:20px 0}
.friendLink .in-public {display: flex}
.friendLink .in-public p {flex: 1}
.friendLink .in-public p a {margin-right: 20px;color:#fff;}

.in-column-footer {padding:40px 0 25px 0;background:#09AC6D;color:#fff;}
.in-column-footer .in-public {position: relative;display:flex}
.in-column-footer-left {padding:0 50px;font-size:12px;text-align: center}
.in-column-footer-right {flex: 1;padding-left:30px;}
.in-column-footer .sec_nav {border-bottom:1px solid rgba(255,255,255,.3)}
.in-column-footer .sec_nav ul {display: flex;justify-content: space-around}
.in-column-footer .sec_nav .item {color:#fff;line-height: 50px;}

.in-column-footer .attr {font-size:14px;line-height:40px; width:100%;padding-top:10px;}
.in-column-footer .attr .tel {width:30%;float: left}
.in-column-footer .attr .qq {width:30%;float: left}
.in-column-footer .attr .mail {width:30%;float: left}
.in-column-footer .attr .adr {width: 100%;float: left}
.copyright {text-align: center;color:#fff;font-size:14px; line-height: 40px;background: #078B5A}
.copyright a {color:#fff}
.copyright p {display: inline-block;margin:0 20px}

#scrollSearchDiv{position: fixed;width: 52px;height: 205px;right: 5px;top: 50%;z-index: 6666;margin-top: -102.5px;display: none;}
.kf{position: relative;}
.side{width: 52px;height: auto;z-index: 100;border-bottom: none;}
.side ul{}
.side ul li{position: relative;background-color: #fff;}
.side ul li:hover{background-color: #008cd6;}
.border-1{border: 1px solid #d2d2d2;border-top: none;}
.kf-q{width: 52px;height: 52px;background-color: #fff;}
.kf-q:hover{background-color: #008cd6;}
.kf-q a{display: block;width: 100%;height: 52px;color: #b3b3b3;line-height: 52px;font-size: 18px;background-color: #fff;}
.kf-1{width: 50px;height: 50px;background-color: #fff;}
.kf-2{width: 50px;height: 50px;background-position: center center;background-repeat: no-repeat;}
.side-1{margin-top: -1px;}
.side ul li .sidebox{position: absolute;border: 1px solid #d2d2d2;background-color: #fff;width: 50px;height: 50px;top: 0;right: 0px;transition: all 0.3s;opacity: 0.8;filter: Alpha(opacity=80);overflow: hidden;}
.er_4:hover{}
.side ul li .sidetop{display: block;transition: all 0.3s;}
.side ul li .sidebox:hover{background-color: #008cd6;}
.side ul li .sidebox:hover .bj01{background-image: url(../img/e03.png);}
.side ul li .sidebox:hover .bj02{background-image: url(../img/kf01-1.png);}
.side ul li .sidebox:hover .tp_2{color: #fff;}
.side ul li img{}
.er_4:hover .er_3{display: block;left: -140px;}
.er_3{position: absolute;top: -37px;left: 280px;width: 130px;height: 130px; /*display: none;*/z-index: -1;ransition: All 0.5s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;}
.er_3>div{width: 123px;position: relative;margin: 2.5px 0;height: 123px;border-radius: 5px;background-color: #fff;border: 1px solid #d2d2d2;}
.er_3>div span{display: block; width: 9px; height: 10px; position: absolute; top: 50%; margin-top: -5px; right: -9px;background-image: url(../img/b01.png);background-position: right center;background-repeat: no-repeat;}
.er_3 img{width: 100%;height: auto;display: block;}
.tp_1{width: 50px;height: 50px;float: left;}
.bj01{font-size: 28px !important;color: #b3b3b3;line-height: 48px !important;text-align: center;background-image: url(../img/e02.png);background-position: center center;background-repeat: no-repeat;}
.bj02{background-image: url(../img/kf01.png);background-position: center center;background-repeat: no-repeat;}
.bj03{font-size: 28px !important;color: #b3b3b3;line-height: 48px !important;text-align: center;background-image: url(../img/kf05.png);background-position: center center;background-repeat: no-repeat;}
.bj03:hover{background-image: url(../img/kf05-1.png);}
.bj04{background-image: url(../img/kf06.png);background-position: center center;background-repeat: no-repeat;}
.bj04:hover{background-color: #008cd6;background-image: url(../img/kf06-1.png);}
.tp_2{font-size: 18px;float: left;height: 50px;line-height: 50px;color: #202020;width: 130px;}

@media screen and (max-width:1200px){
	.wrapper {width:100%}
	.header {height:80px;}
	.header .logo a {height:50px; margin:15px 0 0 20px}
  .header input {margin-top:30px; margin-right:20px}
  .header .searchBox {margin-top:0}
    
	.in-public {width: 100%; padding:0;box-sizing: border-box}
	.bt {font-size:16px;line-height:30px}
	.li span {font-size:14px; line-height:30px;}
	.li span:before {top:9px;}
	  
	.in-column-1-1-left{width:48%}
	.in-column-1-1-right{width: 48%}	
  
  .in-column-2-1-1 li {padding:0 10px; margin: 0 10px}
  .in-column-2-1-2 ul {padding:0 0 80px 0;justify-content: space-around}
  .in-column-2-1-2 li {width:22vw;height: 22vw}
  .in-column-2-1-2 .page {width:40vw;height:50px;border-radius:0;bottom:0;top: auto}
  .in-column-2-1-2 .pagePrv {left:9vw}
  .in-column-2-1-2 .pageNext {right:9vw }
  
	.in-column-3-1{margin:20px 0 0}
  .in-column-3-1 .teamBox {padding:0 20px;margin-top:15vw}
  .in-column-3-1 .teamBox .item {width:22vw;height:30vw}
  .in-column-3-1 .teamBox .item .img {height:22vw;top:-9vw;}
  .in-column-3-1 .teamBox .item .info {margin-top:14vw}
    
  .in-column-4 {}
  .in-column-4-1 img{left:50vw;transform: translate(-50%,0)}

	.in-column-5-1{margin:20px 0 0;}
	.in-column-5-1-right{color:#fff;width:57%;}
	.in-column-5-1-left{width:40%;}
  .in-column-5-1-left .img {width: 100%}
  .in-column-5-1 .newsMenu li {margin-right:1.5vw}
  
	.in-column-6-1{margin:20px 0 0;}
	.in-column-6-1-right{color:#fff;width:48%;}
	.in-column-6-1-left{width:50%;}

	.in-column-7-1{margin:20px 0 0;}
	.in-column-7-1-right{color:#fff;width:48%;}
	.in-column-7-1-left{width:50%;}
	
	.in-column-8-1{margin:20px 0 0;}
  .in-column-8-1 img {width: 100%}
	
	.in-column-9-1{margin:20px 0 0;}
	.in-column-9-1-right{color:#fff;width:48%;}
	.in-column-9-1-left{width:50%;}
	  
  .in-column-10 .leftLoop{padding:0 2vw}
  .in-column-10 .waiBox {width:30vw;margin-right:3vw;padding:10px;}
  .in-column-10 .waiBox .img {width:100%;height:20vw;background-size: cover;background-position: center; margin:10px auto}
  .in-column-10 .waiBox p {height:40px; overflow: hidden}
    
	.in-column-11-1{margin:20px 0 0;}
	.in-column-11-1 .list {width: 100%;}

  .in-column-footer-left {padding:0 20px}
	.in-column-footer .attr {font-size:14px;line-height: 50px;}
	.in-column-footer .code {position: relative; margin:20px auto 0;display: block}
  
  .page .banner {}
  .page .banner img {}
  
  .newsList .wrapper {padding:0 1vw;box-sizing: border-box}
  
  .info_nav {background: #fafafa; padding-top:20px;}
  .info_nav .info_nav-1 {background: #fff;border:1px solid #ddd;display: flex; padding:30px}
  .info_nav .info_nav-1 a {flex:1;display: block;text-align: center;}
  .info-column-1 {padding:70px 0; background: #fafafa}
  .info-column-1 p {line-height: 30px;text-indent: 2em}
  .info-column-1-1 {padding:80px 0 50px 0}
  .info-column-1-1-inner {text-align: center}

  .contact-column-1 {padding:40px 0}
  .contact-column-1-1 {padding:40px 0}
  
  .productlist .wrapper {margin-top:20px;padding-top:10px}
  .productlist .in-productlist-left {width: 100%;}
  .productlist .productlist-class {border: none; border-bottom:1px solid #eee}
  .productlist .title {display: none}
  
  .productlist .productlist-list {display: none}
  .productlist .in-productlist-right {width: 100%;float: none}
  .productList {min-height:100px}
  .productList .item {width:31vw;margin:0 0 2vw 2vw}
  .productlist .list1 ul {display: flex;flex-wrap:wrap;justify-content:space-between}
  .productlist .list1 li {width:49%;box-sizing: border-box;float: left}
  .productlist .list1 dl {display: none}
  
  .teamMain .teamList {padding:30px 1vw}
  .teamMain .item {width: 48.5vw}
  .teamMain .item .img {width:24vw;height:24vw;margin-right:1vw}
  .teamMain .item .name {width:23vw;padding-left:0;height:54px;margin-bottom:1vw}
  .teamMain .item .name b {float: none}
  .teamMain .item .name span {float:none;display: block;line-height:16px;margin-left:0}
  .teamMain .item .intro {display:contents}
  .teamMain .item .intro {width:24vw;padding-left: 1vw}
}

@media screen and (max-width:900px){
	.in-column-4-1-right img{width:80%; margin: 0 auto}
  .in-column-7 img {width: 100%}
}

@media screen and (max-width:768px){
  .header {height:15vw}
  .header .logo a {width:55vw;background-size:100% auto}
  .header .searchBox {display: none}
  .header .m_nav {display: block}
  .NavBox {display: none;position: fixed;width:100vw;height:100vh;z-index:99;background:rgba(0,0,0,.8);top:0;right:0;left:0;bottom:0}
  .NavBox .m_logo {display: block;border-bottom:1px solid #111111}
  .NavBox .nav {position: absolute;top:0;bottom: 0; width:60vw;background: rgb(38,38,38);height: auto}
  .NavBox .nav ul {display: block;border-top:1px solid #363636;}
  .NavBox .nav li {text-align:left;line-height:36px;font-size:18px;}
  .NavBox .nav li dl {display: block;visibility: visible;position: relative}
  .NavBox .nav li dd {background: none;padding-left:5vw}
  .NavBox .nav li a {color:#999;padding-left:4vw;}
  
  .top .swiper-button-prev,.top .swiper-button-next {display: none}
  .part01 .con .con-l {font-size:16px;line-height:50px;}
  .part01 .con {height:50px;}
  
	.in-title h2 {font-size:26px}
	.in-title h3 {font-size:1.2rem}
  .in-title h2::before,.in-title h2::after {background-size:50%;top:12px}
  .in-title .indexTit01 {font-size:1.5rem}
  .in-title .indexInfo01 {font-size:12px;line-height:24px}
  
	.in-title p {font-size:14px; margin-top:20px}
	.top .swiper-pagination-dw {bottom:10px}
	.top .swiper-pagination-dw .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 10px}
	.top .swiper-pagination-dw .swiper-pagination-bullet {width:15px}
	.in-more {margin: 30px auto 0}
	.in-column-1 {padding:30px 0}
	.in-column-1-1 {padding:20px 0}
	.in-column-1-1-left{width:100%}
	.in-column-1-1-right{width:100%}
	
	.in-column-2 {padding:30px 0}
	.in-column-2-1 {padding:20px 0}
  .in-column-2-1-1 li {font-size:12px}
  
	.in-column-3 {padding:30px 0}
	.in-column-3-1 {padding:20px 0}
  .in-column-3-1 .teamBox {padding:0;margin-top:2vw;display:block}
  .in-column-3-1 .teamBox .item {width:47vw;height:auto;float: left;margin-left:2vw;margin-bottom:2vw;padding:0}
  .in-column-3-1 .teamBox .item .img {height:47vw;top:0vw;border-radius:0;position: relative;border: none}
  .in-column-3-1 .teamBox .item .info {margin:1vw 2vw; text-align: left;padding:0;height:30px;overflow: hidden}
  .in-column-3-1 .teamBox .item p {display:inline-block}
  .in-column-3-1 .teamBox .item .jianjie {padding:0;margin:10px 2vw}
  
	.in-column-4 {padding:0;height: auto}
	.in-column-4-1 {padding: 0}
  .in-column-4-1 img {position: relative;width: 100%;height: auto}
  
	.in-column-5 {padding:0}
	.in-column-5-1 {padding:20px 0;margin: 0}
	.in-column-5-1-right{width:100%;padding-top:10px}
	.in-column-5-1-left{width:100%;}
	.in-column-5-1-left img {margin: 0}
  .in-column-5-1 .newsMenu {padding:0 2vw}
  .in-column-5-1 .newsTopOne_1 {padding:0 2vw;position: relative}
  .in-column-5-1 .newsTopOne_1 p {position: absolute;left: 0;bottom: 0;width:95vw;background:rgba(0,0,0,.5);color:#fff;left: 2vw;padding-left:1vw}
  .in-column-5-1 .indexNewsList {margin:0 2vw;border-bottom:1px solid #eee}
  .in-column-5-1-right .img div {width:45vw;height:150px;}
  .in-column-5-1-right .newsTab {padding:0 2vw}
  .in-column-5-1-right .newsTopOne_2 {padding-bottom:2vw}
  .in-column-5-1-right .topNewsInfo {padding-left:10px}
  .in-column-5-1-right .topNewsInfo .con{-webkit-line-clamp:3;line-height:24px}
  .in-column-5-1-right .topNewsInfo p {line-height:20px;}
  .in-column-footer {display: none}
  
	.in-column-6 {padding:30px 0 0 }
  .in-column-6 .in-public {top:-50px;padding:10vw 4vw}
	.in-column-6-1 {padding:20px 0}

	.in-column-7 {padding:30px 0}
	.in-column-7-1 {padding:20px 0}
	
	.in-column-8 {padding:30px 0}
	.in-column-8-1 {padding:20px 0}
  .in-column-8-1 h2 {font-size:20px}
	
	.in-column-9 {padding:30px 0}
	.in-column-9-1 {padding:20px 0}
  .in-column-9-1 .item {width:47vw;margin:0 0 2vw 2vw }
  .in-column-9-1 .item .img {height:30vw}
	
  .teamMain .teamList {padding:30px 0}
  .teamMain .item {width:100%;height:auto;padding:0 1vw;margin:20px 0}
  .teamMain .item:nth-child(2n) {padding:0 1vw;margin-left:0}
  .teamMain .item .img {width:200px;height: 200px;margin-right:2vw}
  .teamMain .item .name {margin-right:2vw}

	.in-column-10 {padding:30px 0}
	.in-column-10-1 {padding:20px 0}
  .in-column-10 .leftLoop .hd {margin-top:5vw}
  
	.in-column-11 {padding:30px 0}
	.in-column-11-1 {padding:20px 0}
  .in-column-11 .infoList {}
  .in-column-11 li .waiBox {width:47vw;margin:0 0 2vw 2vw }
  .in-column-11 .waiBox .img {height:47vw}
  .in-column-11 li:nth-child(3n) .waiBox {margin:0 0 2vw 2vw}
  
  .newsNav {margin-top:20px}
  .newsNav ul {display: block;padding-bottom:10px}
  .newsNav li {width:47vw;float: left;margin:0 0 2vw 2vw}
  .newsNav li a {padding:0 8px;font-size:14px;margin:0 5px}
  .newsList .item {padding:20px 0}
  .newsList .item .img {width:180px;height:120px;}
  .newsList .info {padding-left:10px}
  .newsList .newsTit {font-size:14px;line-height:20px;}
  .newsList .intro {line-height:20px;margin-top:10px;min-height:40px;width: 100%}
  .newsList .attr {margin-top:30px}
  .newsList .attr span:nth-child(1) {display: none}
  .newsList .date {color:#999;bottom:0;top:auto;border: none;right:10px}
  .newsList .year {font-size:12px;display: inline-block;}
  .newsList .month {font-size:12px;display: inline-block;}
  
  .productlist .wrapper {padding-top:0px}
  .productList .item {width: 47vw;margin:0 0 2vw 2vw}
  .productList .item p {font-size:14px;line-height: 30px; height: 30px; overflow: hidden}
  
  .bookingMain .pagetitle {padding:0 2vw;margin-top:20px}
  .bookingMain .formBox {padding:2vw}
  .bookingMain .formBox input, .bookingMain .formBox select {width: 100%;}
  
  .contactMain {padding:20px 0}
  .contactMain ul {margin: 0 2vw;font-size:14px;line-height: 30px;}
  .contactMain ul li {width: 100%;float: none}
  
  .newsViewMain .wrapper {padding-top:20px;}
  .newsViewMain .in-newsView-left {width: 100%;}
  .newsViewMain .newsTitle h1 {font-size:24px;line-height: 30px;}
  .newsViewMain .newsContant {padding:2vw 3vw}
  .newsViewMain .quickPage {margin:0 2vw;padding:20px 0 }
  .newsViewMain .in-newsView-right {display: none}
  
  .productlist .productTitle h1{font-size:24px;line-height: 30px;}
  .productlist .newsContant {padding:2vw 3vw}
  .productlist .newsContant div:nth-child(1) img {width:100%}
  .productlist .quickPage {margin:0 2vw;padding:20px 0 }
  
	.in-column-footer {padding:30px 0;}
	.in-column-footer .sec_nav {width:100%;}
	.in-column-footer .attr {width:100%; margin-top:20px}
	.in-column-footer .attr p {width:100%}
  
  .page .in-title h2 {font-size:30px}
  
  .about-column-1 {padding:40px 0;}
  .about-column-1-1 {padding:20px 0}
  .about-column-1-1-left{width:100%;}
  .about-column-1-1-left span {font-size:14px;}
  .about-column-1-1-right{width:100%; }	
  
  
  .about-column-2 {padding:40px 0;}
  .about-column-2-1 {padding:20px 0;}
  .about-column-2-2 {padding-top:20px;}
  .about-column-2 .item {flex: 1; height:20vw;}
  .about-column-2 .item .w {width:16vw;height:16vw;}
  
  .about-column-2 .item .w p {font-size:4.5vw;width:12vw;height: 12vw;line-height:6vw;}
  .about-column-2 .item .w:hover {width:15vw; height:15vw;}
  .about-column-3 {padding:80px 0 50px 0;margin-top:40px;  background:#1D74E6;position: relative}
  .about-column-3-1 {top:-128px;}
  
  .about-column-3-2 {top: -140px;}
  .about-column-3-2 .item p:before { height:140px;}

  .about-column-3-3 {padding:180px 20px 90px 20px}
  .about-column-3-3-left {width:100%;}
  .about-column-3-3-right {width:100%; padding-top:20px;text-align: center}
  .about-column-3-3-right img {width:90%;}

  .service-column-1-1 {padding:20px 0 }
  .service-column-1-1 .item p {font-size:14px;height: 30px;}
  .service-column-1-1 .item img {width:14vw;height: 14vw;}
  
  .case-column-1-1 {padding:20px 0;}
  .case-column-1-1 .item {width:32vw; margin-top:4vw}
  .case-column-1-1 .item .img img {max-width:80%;max-height:80%}
  
  .news_nav a { width: 40%;}
  .news-column-1 {padding:20px 0}
  .news-column-1 .title {line-height: 60px;border-bottom:1px solid #eee}
  .news-column-1-1  {margin-top:20px}
  .news-column-1 .item {padding:2vw 1px; line-height: 24px;border-bottom:1px solid #eee; }
  
  .news-column-1 .item .tips {margin-top:3vw;color:#ccc}
  .news-column-1 .item .l {width:80%}
  
  .join-column-2 {padding:20px 0;}
  .join-column-2-1 {padding:20px 0}
  .join-column-2-1-inner .item {width:100%;float: left; height:25vw; margin-top:5vw}
  .join-column-2-1-inner .item .img {float: left;width:24vw;height: 24px;}
  .join-column-2-1-inner .item .img img {width: 100%; height: auto}
  .join-column-2-1-inner .item p { padding:0; line-height: 30px;float: right;width: 70vw}

  .join-column-3 {padding:20px 0;}
  .join-column-3-1 {padding:20px 0}
  .join-column-3-1-inner {width: 100%}
  .join-column-3-1-inner .item {width:100%; height:18vw; margin-right:0;background: #fff;border:2px solid #4B95F8;box-sizing:border-box; margin-top: 2vw;overflow:hidden}
  
  .join-column-3-1-inner .item .img {text-align: center;position: absolute;width:32vw;height:18vw; top:0; left:0;margin-left:0;padding-top: 0;border-radius:0px }
  .join-column-3-1-inner .item .img img {float: left; height:14vw; margin-top:2vw;}
  .join-column-3-1-inner .item .img p {font-size: 20px;padding: 0;text-align: left;float: left; line-height:18vw;}
  .join-column-3-1-inner .item .text {font-size:3vw; padding:0; line-height: 5vw; margin-top:0;text-align: left;width: 60vw;position: absolute;right: 0;top: 50%;transform: translate(0,-50%)}

  .join-column-4 {padding:20px 0;}
  .join-column-4-1 {padding:20px 0}
  .join-column-4-1-inner img {width: 100%}

  .join-column-5 {padding:20px 0;}
  .join-column-5-1 {padding:40px 0 0}
  .join-column-5-1-inner {text-align: center}
  
}

@media screen and (max-width:500px){
  .in-column-2-1-1 ul {display:block}
  .in-column-2-1-1 li {width:47vw;margin:0 0 2vw 2vw;float: left;padding: 0;text-align: center}
  .in-column-3-1 .teamBox .item .zhiwu {font-size:12px} 
  .in-column-5-1 .newsMenu li {font-size:12px} 
  .in-column-5-1 .indexNewsList a p {width: 70%}
  .header .m_nav {font-size:24px;margin-top:20px}
  .productlist .list1 li a {font-size:12px}
}
