/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;}
p {
word-break:break-word;
}
* {
    word-break: break-word;
}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90%; margin:0 auto; max-width:1200px;}
.wapper2{ max-width:90%; margin:0 auto; max-width:860px;}
.wenzi .wapper2 { }
.fl{float: left;}
.fr{float: right;}


img{max-width: 100%;}
.head>.wapper{ display: flex; justify-content: space-between; align-items: center;}
.head .logo{ width:14%; height:90px; position:relative;}
.head .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.head  .lan{line-height: 12px; }
.head  .lan ul li{display: inline-block;padding: 0 10px;border-right: 1px solid #DCDCDC;}
.head  .lan ul li:nth-child(2){border-right: 0;}
.head  .lan ul li a{font-size: 12px;color: #7E7E7E;text-transform: capitalize;}
.head  .lan ul li.cur a{color: #0096A5;}
.menu ul{ display: flex; justify-content:center; align-items: center;}
.menu ul li{ text-align: center;line-height: 83px;text-align: center;font-size: 16px;position: relative;padding: 0 2.08vw;border-bottom: 7px solid transparent; margin:0 .26vw;}
.menu ul li.cur{border-bottom-color:#0096A5; background: #FAFAFA;}
.menu ul li:hover{border-bottom-color:#0096A5; background: #FAFAFA;}
.menu ul li a{ display:block; color: #7E7E7E; }
.menu ul li.cur .a{color: #333;}
.menu ul li:hover dl{display: block;}
.menu ul li dl{position: absolute;left: -100px;top: 90px;z-index: 99;width: 180px;background: #fff;text-align: left;display: none;}
.menu ul li dl dd{line-height: 68px;border-bottom: 1px solid #F3F3F3;padding: 0 30px;position: relative;}
.menu ul li dl dd:hover .sanji{display: block;}
.menu ul li dl dd .sanji{line-height: 50px;font-size: 14px;border-top: 1px solid #F3F3F3;display: none;position: absolute;top: 0;padding : 0 10px;right: -180px;z-index: 99;background: #fff;}
.menu ul li dl dd a:hover{color: #0096A5;}
    
.phone{display: none;}

.phonehead{padding:0;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.phonehead .logo{ width:50%; height:60px; position:relative;}
.phonehead .logo img{ max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.nav {position:absolute; display: none;right:0px; top:71px; height:100%; width:200px; background-color:#fff; z-index: 8; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:71px;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#eee;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:60px; height:60px; float:left; border-left:0px solid #f3f3f3;}
.navBtn span {display:block; width:20px; height:2px; background-color:#c2c2c2; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#c2c2c2; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

.banner p{ padding:0;}
.banner video{ display:block; width: 100%;}
.con ul li{margin-bottom: 100px; display: flex; justify-content: space-between; align-items: center;}
.con ul li:nth-child(2n){ flex-direction:row-reverse;}
.con ul li .lileft{width: 37%;}
.con ul li .liright{width: 55%;}
.con{padding: 100px 0;}
.con ul li .wenzi h3{color: #000;font-size: 38px;margin-bottom: 1.04vw;}
.con ul li .wenzi span{display: block;font-size: 16px;margin-bottom: 5.72vw;}
.con ul li .wenzi  a{display: block;color: #0096A5;font-size: 18px;}




.ibanner{/*padding: 130px 0;*/ background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.ibanner>img{ display:block; width:100%;}
.ibanner .wenzi{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.ibanner h3{color: #fff;font-size: 48px;}
.duotai{margin: 40px 0; font-size:16px;}
.duotai2{margin: 40px 0;}
.dtit{margin-bottom: 20px;}
.dtit h3{color: #0096A5;font-size: 30px; margin-bottom:5px;}
.dtit span{font-size: 24px;color: #222;}

.duotai3{margin: 60px 0;}
.dtit2{margin-bottom: 20px;}
.dtit2 h3{color: #333;font-size: 24px; }
.dtit2 span{font-size: 16px;color: #222;}
/* .duotai .nr{margin-bottom: 60px;}
.duotai .ul li{margin-bottom: 80px;}
.duotai .ul li .lileft{width: 50%;}
.duotai .ul li .lileft h3{font-size: 24px;color:#414141;margin-bottom: 15px;}
.duotai .ul li .lileft span{font-size: 16px;color: #858689;}
.duotai .ul li .liright{width: 50%;} */

/* .zishen{padding: 40px;margin-top: -20px;background: #fff;position: relative;} */
.zishen{margin: 40px 0;}
.zishen .nr{ font-size:16px;}
.zishen1{margin: 40px 0;}
.zishen1 .ul{border: 1px solid #f2f2f2;padding: 15px;}
.zishen2{margin: 100px 0;}
.zishen1 ul li{width: 31.3%;margin: 1%;float: left;}
.zishen2 ul li{width: 100%;margin: 1%;float: left;}
.ztit{padding: 60px 60px 150px 60px; position:relative; background-repeat:no-repeat; background-position:right 10% center; }
.ztit:before{ content:""; width:100%; height:100%;background: linear-gradient(3.87deg, #FFFFFF 3.17%, #2BCEDE 153.12%); position:absolute; top:0; left:0; z-index:-1; opacity:.3;}
.ztit{color: #D59970;}
.ztit h4{font-size: 30px;margin-bottom: 5px;}
.ztit h3{font-size: 30px;font-weight:500; color: #0099A8;margin-bottom: 15px;}
.ztit span{color: #7F7F7F;font-size: 14px; }

.pro{padding: 40px;margin-top: -20px;background: #fff;position: relative;}
.ptit {margin-bottom: 20px;line-height: 40px;}
.ptit h3{font-size: 30px;color: #414141;}
.ptit a{font-size: 16px;color: #0096A5 ;}

.pro1{margin-bottom: 60px;}
.pro1 .nr{margin-bottom: 40px;}
.pro1 ul li .limain{border: 2px solid #F4F4F4;}
.pro1 ul li{width: 31.3%;margin-right: 1.5%;float: left;}
.pro1 ul li:nth-child(3n){margin-right: 0;}
.pro1 ul li h3{line-height: 46px;font-size: 16px;color: #464646;text-align: center;}

.pro2{margin-bottom: 60px;}

.ptit2 h3{color: #0096A5;font-size: 30px;margin-bottom: 40px;}
.pro3{margin-bottom: 60px;}
.pro3 .nr{font-size: 16px;color: #222;margin-bottom: 60px;}
.pro3 ul{text-align: center;}
.pro3 ul li{display: inline-block;margin: 0 10px;}

.pro4{margin-bottom: 60px;}
.pro4 ul li{width: 50%;float: left;font-size: 14px;color: #222;}
.pro4 ul li .lileft{width: 15%;}
.pro4 ul li .liright{width: 85%;}
.pro4 ul li a{color: #0096A5;}

.ptit3 h3{color: #9B9B9B;font-size: 30px;margin-bottom: 40px;}
.pro5 ul li{line-height: 34px;font-size: 16px;color: #222;}



.mo{/* padding: 40px;margin-top: -20px;background: #fff;position: relative; */}


.mo1{margin: 40px 0;}
.mo1 .nr{ font-size:16px;}
.mo2{margin: 40px 0;}
.mo2 ul li{width: 18%;margin: 1%;float: left;text-align: center;}
.mo2 ul li .img{ height:90px; position:relative;}
.mo2 ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.mo2 ul li h3{margin-top: 15px;color: #414141;font-size: 20px;margin-bottom: 5px;}
.mo2 ul li span{display: block;font-size: 14px;color: #414141;}


.mo3{margin: 20px 0 100px 0;}
.mo3 ul li {margin-bottom: 15px;}
.mo3 ul li .limain{border: 2px solid #F4F4F4;padding: 55px 60px;}
.mo3 ul li h3{color: #464646;font-size: 24px;margin-bottom: 140px;}
.mo3 ul li a{font-size: 14px;color: #0096A5;}

.mo4{margin: 60px 0 20px 0;}
.mo4 ul li {width: 49%; position:relative;}
.mo4 ul li:before{ content:""; width:100%; height:100%; background: linear-gradient(219.32deg, #0099A8 -9.19%, rgba(0, 232, 255, 0.0001) 48.82%); opacity:.2; position:absolute; top:0; left:0; z-index:-1;}
.mo4 ul li .limain{border: 2px solid #F4F4F4;padding: 35px 40px;}
.mo4 ul li .limain .wenzi h3{color: #333;font-size: 24px;}
.mo4 ul li .limain .wenzi span{color: #858689;font-size: 35px;display: block;font-weight: 300;}
.mo4 ul li .limain .imgarea{margin: 35px 0; height:175px; position:relative;}
.mo4 ul li .limain .imgarea img{display: block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}

.mo4 ul li .limain dl dd{width: 33.3%;text-align: center;float: left;}
.mo4 ul li .limain dl dd h3{font-size: 30px; line-height:34px; height:34px; color: #0096A5;}
.mo4 ul li .limain dl dd h3 span{font-size: 14px; color:#999;}
.mo4 ul li .limain dl dd>img{ vertical-align:top; max-width:100%; height:34px;}
.mo4 ul li .limain dl dd h4{font-size: 12px;font-weight: normal; margin-top:5px;}


.foot{background: #464646;padding-bottom: 60px;}
.foot .foottop{line-height: 60px;border-bottom: 1px solid #585858;text-align: center;}
.foot .foottop ul li{display: inline-block;font-size: 14px;color: #fff;padding: 0 60px;}
.foot .footbottom{padding-top: 20px;text-align: center;font-size: 12px;color: #9B9B9B;}

@media screen and (max-width: 760px){
	.ibanner{/*padding: 60px 0;*/}
	.ibanner h3{ font-size: 24px;}
	
	
	.duotai{ font-size:14px;}
	
	.dtit h3{ font-size:24px;}
	.dtit span{ font-size:20px;}
	.dtit2 span{ font-size:14px;}
	
	
	.zishen .nr{ font-size:14px;}
	
	.zishen2{ margin:60px 0 100px 0;}
	
	.ztit{padding: 60px 40px 300px 40px; background-position:center bottom 5%; }
	.ztit h4{font-size: 24px;margin-bottom: 5px;}
	.ztit h3{font-size: 24px; margin-bottom: 15px;}
	
	.mo1 .nr{ font-size:14px;}
	
	.mo4 ul li{width: 100%; margin:20px 0 0 0;}
	.mo4 ul li .limain dl dd h3{ font-size:24px;}
	
	.mo2 ul li{width: 31%;margin: 1%;float: left;text-align: center;}
	.mo2 ul li h3{ font-size:18px;}
	
	.mo3 ul li .limain{ padding:35px 40px;}
	.mo3 ul li h3{ font-size:20px; margin-bottom:60px;}
	
	.pro1 ul li{width: 100%;margin-right:0%;float: left;margin-bottom: 20px;}
	.pro1 ul li:nth-child(3n){margin-right: 0;}
	
	.wapper{width:100%;padding: 0%;}
	.pc{display: none;}
	.phone{display: block;}
	
	.zishen1 ul li{width: 98%;margin: 1%;float: left;}
	.zishen2 ul li{width: 98%;margin: 1%;float: left;}
	
	.foot .cmain .left {display: none;}
	.foot .cmain .center{width: 100%;border: 0;padding: 0;margin: 0;}
	.foot .cmain .right {display: none;}
	.foot .foottop{line-height: 24px; padding:15px 0;}
	.duotai .ul li .lileft{width: 100%;}
	.duotai .ul li .liright{width: 100%;}
	
	.pro4 ul li{width: 100%;}
	
	.con ul li .lileft{width: 100%;margin-bottom: 20px;}
	.con ul li .wenzi h3{ font-size:24px;}
	.con ul li .wenzi span{ font-size:14px;}
	.con ul li .wenzi a{ font-size:16px;}
	.con ul li .liright{width: 100%;}
	.wapper{ width:96%; margin:0 auto;}
	.wapper2{ max-width:96%; margin:0 auto;}
	
	.con{padding: 50px 0;}
	.con ul li{margin-bottom: 50px; display:block;}
	.con ul li:last-child{margin-bottom: 0;}
	
}

.about{padding: 40px 0;}
.about2{margin-bottom: 100px;}
.about2 .left{width: 30%;}
.about2 .left h3{color: #0096A5;font-size: 40px;padding-top: 70px;}
.about2 .left h3 span{font-size: 20px;}
.about2 .left h4{color: #848587;font-size: 20px;font-weight:200;}
.about2 .right{width: 70%;}
.about2 .right ul li{width: 48%;margin: 1%;float: left;}
.about3 {margin-bottom: 65px;}
.about3 .abg{border: 1px solid #EFEFEF;padding: 35px 50px;}
.about3 .abg .left{margin-right: 55px;text-align: center;}
.about3 .abg .right{width: calc(100% - 216px);font-size: 16px;color: #9C9D9F;line-height: 1.5;}

.about4 {margin-bottom: 65px;}
.a4tit h3{font-size: 30px;color: #5D5D5D;margin-bottom: 30px;font-weight: 500;}
.about4 .abor{border: 1px solid #EFEFEF;padding: 20px 30px;}
.about4 .left{margin-right: 40px;}
.about4 .right{width: calc(100% - 260px);}
.about4 .right ul li{font-size: 16px;padding-left: 20px;font-size: 16px;margin-bottom: 13px;color: #9C9D9F;}

.about5 .left{margin-right: 70px;}
.about5 .right{width: calc(100% - 123px);}
.about5 .right ul li {margin-bottom: 30px;}
.about5 .right ul li .litop {margin-bottom: 20px;}
.about5 .right ul li .litop .lileft{color: #0098A7;font-size: 20px;margin-right: 20px;font-weight: bold;}
.about5 .right ul li .litop .liright{line-height: 26px;color: #B2B3B6;font-size: 16px;}
/* .about3{padding: 40px 0;background: #FAFAFA;}
.about3 .imgarea{margin-bottom: 30px;}
.about3 .left{width: 28%;}
.about3 .right{width: 68%;} */
@media screen and (max-width: 760px){
	.about3 .abg .left{margin-right: 0;text-align: center;width: 100%;}
	.about3 .abg .right{width: 100%;font-size: 16px;color: #9C9D9F;line-height: 1.5;}
	
	.about2 .right ul li{width:98%;margin: 1%;float: left;}
	.about2 .left{width: 100%;}
	.about2 .right{width: 100%;}
	/* .about3 .left{width: 100%;}
	.about3 .right{width: 100%;} */
	.about2{margin-bottom: 40px;}
	
	.about4 .left{margin-right: 0;text-align: center;}
	.about4 .right{width: 100%;}
	.about5 .left{display: none;}
	.about5 .right{width: 100%;}
}
.news{padding: 60px 0;}
.news ul li{margin-bottom: 50px;}
.news ul li  h3{color: #000;font-size: 24px;margin-bottom: 15px; margin-top:15px;}
.news ul li  span{display: block;font-size: 16px;margin-bottom: 15px;}
.news ul li a{display: block;color: #0096A5;font-size: 14px;}
@media screen and (max-width: 760px){
	.news ul li{margin-bottom: 40px;}
	.news ul li  h3{ font-size: 20px;margin-bottom: 15px; margin-top:15px;}
	.news ul li  span{ font-size: 14px;margin-bottom: 15px;}
}

.guoming{margin: 90px 0;}
.guoming ul li{width: 19%;margin: 0.5%;float: left;}
@media screen and (max-width: 760px){
	.guoming{margin:60px 0 90px 0;}
	.guoming ul li{width: 46%;margin: 2% 2%;}
}



.inbanner_box{ position:relative;}
.inbanner_nav1{ width:230px; border:1px solid #ccc; background:#fff; position:absolute; top:50%; right:3.125vw; transform:translateY(-50%);}
.inbanner_nav1 ul li{ border-top:1px solid #eee;}
.inbanner_nav1 ul li:nth-child(1){ border-top:none;}
.inbanner_nav1 ul li a{ display:block; font-size:15px; line-height:25px; padding:15px 0; border-bottom:5px solid transparent; margin:0 30px;}
.inbanner_nav1 ul li a:hover{ color:#0099a8;}
.inbanner_nav1 ul li a.active1{ border-bottom-color:#0099a8;}
.inbanner_nav1 ul li ul{ border-top:1px solid #eee}
.inbanner_nav1 ul li ul li{ border-top:none;}
.inbanner_nav1 ul li ul li a{ font-size:12px; line-height:22px; color:#999; padding:10px 0; margin:0 30px;}
@media screen and (max-width: 760px){
	.inbanner_nav1{ width:100%; border:1px solid #ccc; position:static; transform:translateY(0);}
}