@charset "utf-8";

*{margin:0;padding:0;box-sizing: border-box;}
img{border:0;}
:focus{outline:0;}
a{cursor:pointer;color:#000000;text-decoration: none;}
a:hover {color: #30bba8;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
ol,ul{list-style:none;}
.clearfix{display:block;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
body{background:#fcfdfd;color:#222222;font-size:16px;font-family:"microsoft yahei",Tahoma,Verdana,serif;}
.leftbox {float: left;display: block;}
.rightbox {float: right;display: block;}
.flexbox {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.tc {text-align: center;}
.trans {transition: all .5s ease;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.hp {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mainwrap {margin-right:auto;margin-left:auto;max-width:1200px;}
header {position: relative;}
.logobox {margin-top: 28px;}
.headertel {font-size: 18px;color: #30bba8;background: url(../images/icon-tel.png) no-repeat left center;padding-left: 80px;position: relative;margin: 18px 0;}
.headertel::before {content: '';display: block;width: 1px;height: 50px;background-color: #cccccc;position: absolute;top: 9px;left: 60px;}
.headertel dd {font-size: 30px;color: #30bba8;}

nav {width: 100%;position: relative;height: 50px;line-height: 50px;background-color: #333333;}
#nav {display:block; clear: both;}
.mainlevel {float:left;text-align:center; display:block;width: 12.5%;position: relative;}
.mainlevel:last-child ul {right: -44px;width: 488px;}

.mainlevel a {color:#fff; text-decoration:none; text-align:center;display:block;font-size: 17px;font-weight: bold;}
.mainlevel a:hover {color:#0097f0; text-decoration:none;}
.mainlevel ul {position:absolute; display:none;top: 50px;width: 100%;z-index: 999;}
.mainlevel li {background:#30bba8;width: 100%;}
.mainlevel:hover , .mainlevel.cur {background-color: #30bba8;}
.mainlevel:hover a , .mainlevel.cur a {color: #ffffff;}
.mainlevel li a {line-height:44px; height:44px; display:block; _padding-bottom:6px;}
.mainlevel li a:hover {background-color:#39dbc5; }
.mainlevel .sub_nav li a {font-size: 16px;}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding: 4px 40px 10px;display: block;font-size: 34px;color: #939191;font-weight: normal;}
.phone-subnav .close img{max-height:40px;width: auto;}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:0 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;font-size: 16px;line-height: 50px;}
.phonenav {right:3%;top:30%;position:absolute;height:35px;z-index:999;font-size: 18px;color: #30bba8;display: none;}
.phonenav img {width: 24px;height: 24px;margin-right: 5px;position: relative;top: -1px;vertical-align: middle;}

.banner img , .mobile-banner img , .indexbanner img {width: 100%;display: block;vertical-align: middle;}
.mobile-banner {display: none;}
.banner .swiper-pagination-bullet , .indexbanner .swiper-pagination-bullet {width: 30px;height: 8px;background-color: rgba(255, 255, 255, 0.3);border-radius: 30px;opacity: 1;}
.banner .swiper-pagination-bullet-active , .indexbanner .swiper-pagination-bullet-active {background-color: #30bba8;}

.videobox {width: 40%;}
.videobox video {width: 100% !important;}
.introwrap {background: url(../images/bg-intro.jpg) no-repeat center 0;padding: 90px 0 120px;background-size: cover;}
.introtext {width: 56%;margin-left: 4%;}
.introtext h4 {font-size: 30px;color: #000000;font-weight: 500;text-align: center;margin-bottom: 20px;}
.introtext h4 i {background: url(../images/icon-titlebg1.png) no-repeat center;width: 23px;height: 23px;display: inline-block;vertical-align: middle;margin: 0 22px;position: relative;top: -1px;}
.introtext p {font-size: 15px;line-height: 26px;text-indent: 30px;margin-bottom: 15px;}
.introtext p a {color: #30bba8;}

.tabwrap {margin-top: -42px;}
.tab-newtab {font-size: 18px;text-align: center;}
.tab-newtab a {color: #999;margin: 0 14px;}
.tab-newtab a i {margin-top: 14px;display: block;width: 84px;height: 3px;background-color: #30bba8;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;}
.tab-newtab a.cur {color: #30bba8;font-weight: 600;}
.tab-newtab a.cur i {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.tab-zcfdbox {padding: 58px 0;}
.swiper-container {width: 100%;height: 100%;}
.honor-slidebox {width: 88%;margin: 0 auto;padding: 0 60px;position: relative;}
.honor-slidebox .swiper-slide , .casewrap .swiper-slide {font-size: 20px;text-align: center;line-height: 24px;}
.honorwrap .swiper-slide img , .showwrap .swiper-slide img , .casewrap .swiper-slide img ,.branchwrap .swiper-slide img{display: block;margin: 0 auto 15px;max-width: 100%;}
.honorwrap .swiper-slide p , .showwrap .swiper-slide p , .casewrap .swiper-slide p , .branchwrap .swiper-slide p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.swiper-button-prev.comprev {background: url(../images/slide-left.png) no-repeat center 0;width: 22px;height: 50px;margin-top: -45px;}
.swiper-button-next.comnext {background: url(../images/slide-right.png) no-repeat center 0;width: 22px;height: 50px;margin-top: -45px;}

.goodshowWrap {background: url(../images/bg-goods.jpg) no-repeat center 0;padding: 5% 0 5%;}

.comtitle {padding: 0 0 40px;}
.comtitle h4 {font-size: 46px;color: #000000;font-weight: 600;text-align: center;}
.comtitle h4 i {background: url(../images/icon-titlebg.png) no-repeat center;width: 23px;height: 23px;display: inline-block;vertical-align: middle;margin: 0 22px;}
.comtitle p {font-size: 16px;text-align: center;color: #30bba8;}
.subcomtitle {font-size: 20px;text-align: center;margin-bottom: 34px;}
.subcomtitle span {border-bottom: 2px solid #30bba8;color: #30bba8;padding-bottom: 6px;font-weight: bold;margin-left: 58px;}
.subcomtitle a {float: right;color: #30bba8;font-size: 14px;margin-top: 5px;}
.productList {width: 100%;margin-top: 24px;}
.productList li {float: left;width: 23%;margin: 0 1%;position: relative;transition:all 2s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;top: 0;margin-bottom: 10px;}
.productList li img {width: 100%;display: block;}
.productList li p {padding: 15px 0;margin: 0 15px;font-size: 20px;color: #000;text-align: center;}
.productList li:hover {box-shadow: 5px 5px 5px #dedede;top: -10px;}

.advanWrap {background: url(../images/bg-advantage.jpg) no-repeat center 0;padding: 5% 0 5%;}
.advantageList {overflow: hidden;}
.advantageList dl {float: left;background-color: #FFFFFF;padding: 3.3% 0;width: 30.9%;margin-right: 3.6%;margin-top: 3.5%;box-sizing: border-box;-webkit-box-sizing: border-box;cursor: pointer;}
.advantageList dl:nth-child(3n) {margin-right: 0;}
.advantageList dl dt {float: left;margin-right: 20px;margin-left: 32px;margin-top: 0;margin-bottom: 20px;}
.advantageList dl dt i {width: 75px;height: 75px;display: block;background:url(../images/icon-adv.png) no-repeat;}
.advantageList dl.dl1 i {background-position:  0 0;}
.advantageList dl.dl2 i {background-position:  -75px 0;}
.advantageList dl.dl3 i {background-position:  -150px 0;}
.advantageList dl.dl4 i {background-position:  -225px 0;}
.advantageList dl.dl5 i {background-position:  -300px 0;}
.advantageList dl.dl6 i {background-position:  -375px 0;}
.advantageList dl:hover {background-color: #008d84;}
.advantageList dl:hover h3 , .advantageList dl:hover p {color: #FFFFFF;}
.advantageList dl.dl1:hover i {background-position: 0 -75px;} 
.advantageList dl.dl2:hover i {background-position: -75px -75px;} 
.advantageList dl.dl3:hover i {background-position: -150px -75px;} 
.advantageList dl.dl4:hover i {background-position: -225px -75px;} 
.advantageList dl.dl5:hover i {background-position: -300px -75px;} 
.advantageList dl.dl6:hover i {background-position: -375px -75px;} 
.advantageList dl dd h3 {font-size: 24px;color: #222222;margin: 0 5% 2% 5%;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.advantageList dl dd p {font-size: 14px;color: #999999;margin: 0 5%;line-height: 20px;height: 40px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.projectWrap {background-color: #f2f2f2;padding: 5% 0 5%;}
.newsWrap {background: url(../images/bg-news.png) no-repeat left 0;padding: 5% 0 5%;}
.newslist {width: 45.5%;}
.newsimg {width: 50%;}
.newsimg img {width: 100%;height: auto;display: block;}
.indexnewsItem {line-height: 28px;margin-bottom: 25px;height: 100px;}
.indexnewsItem .dl1 {margin-left: 4%;flex-grow: 1;overflow: hidden;}
.indexnewsItem .dl1 dt {font-size: 24px;color: #000000;font-weight: bold;line-height: 44px;}
.indexnewsItem .dl1 dd {font-size: 16px;color: #666666; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.indexnewsItem .dl2 {text-align: center;background-color: #cccccc;width: 100px; height: 100px;flex: 1;min-width: 100px;}
.indexnewsItem .dl2 dt {font-size: 48px;color: #FFFFFF;padding: 20px 0 14px;}
.indexnewsItem .dl2 dd {font-size: 16px;color: #FFFFFF;}
.indexnewsItem:hover .dl2 {background-color: #30bba8;}
.indexnewsItem:hover .dl1 dt {color: #30bba8;}

.footer {background: url(../images/bg-footer.jpg) no-repeat center 0;}
.footer-box {padding: 52px 0 6.7%;}
.footer-box dl {float: left;padding-right: 5%;position: relative;}
.footer-box dt {margin-bottom: 20px;position: relative;}
.footer-box dt::before {display: inline-block;width: 3px;height: 18px;background-color: #30bba8;content: '';position: absolute;left: -10px;top: 5px;}
.footer-box dt a , .footer-box dt {color: #ffffff;font-size: 20px;}
.footer-box dd a ,.footer-box dd {color: #999999;font-size: 16px; line-height: 34px;}
.footer-box dd:hover a {color: #30bba8;}
.footer-box dl.webinfo::after {display: none;}

.footer-box dl.webinfo {color: #30bba8;font-size: 18px;padding-right: 0;}
.footer-box dl.webinfo .p1 {border-bottom: 1px solid #30bba8;margin-bottom: 18px;}
.footer-box dl.webinfo p {font-size: 30px;}
.copyright {background-color: #111111;color: #d2d2d2;font-size: 14px;height: 50px;line-height: 50px;}
.copyright p {display: inline-block;}
.ckmore {height: 34px;line-height: 34px;margin: 0.6% 0 0;}
.ckmore a {color: #30bba8;font-size: 16px;border: 1px solid #30bba8; border-radius: 30px;background-color: #ffffff;width: 120px;height: 34px;display: block;margin: 0 auto;}
.ckmore a:hover {background-color: #30bba8;color: #ffffff;transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.fixedFooter {display: none;}
.sprdiv {width: 100%;height: 60px;}
.mobileFooter {position: fixed;left: 0;bottom: 0;right: 0;width: 100%;background-color: #0e8170;height: 60px;z-index: 9999;}
.mobileFooter a {float: left;display: block;height: 100%;text-align: center;width: 33.33%;color: #fff;}
.mobileFooter a.active {background-color: #179885;}
.mobileFooter i img {width: 24px;height: 24px;display: block;margin: 0 auto;margin-top: 4px;margin-bottom: 4px;}

.crumbs-nav {color: #cccccc;margin: 35px auto;}
.crumbs-nav img {display: inline-block;vertical-align: bottom;margin-right: 5px;}
.crumbs-nav a {color: #777777;font-size: 16px;}
.crumbs-nav a:hover {color: #30bba8;}
.comtab {text-align: center;}
.comtab a {font-size: 18px;color: #333333; padding: 10px 20px;position: relative;display: inline-block;}
.comtab a::after {content: '';width: 1px;height: 16px;background-color: #cccccc;display: block;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.comtab a.cur {color: #ffffff;background-color: #30bba8;}
.comtab a.cur::after {display: none;}
.comtabbox {margin: 50px auto;width:90%;}
.page{text-align:center;font-size: 14px;margin: 30px 0 50px;}
.page a , .page span {display:inline-block;height:40px;line-height:40px;width:40px;overflow:hidden;color:#999999;border-radius:3px;background-color: #efefef;text-align: center;margin: 0 5px;}
.page a.selected,.page a:hover{background-color:#30bba8;color:#fff;border:1px solid #30bba8;}
.prevpage , .nextpage {font-family: simsun,serif;font-weight: bold;}
.introvideo {float: left;margin-right: 40px;margin-bottom: 40px;}
.intro-content p {font-size: 15px;line-height: 26px;text-indent: 30px;margin-bottom: 15px;}
.honorlist li p {height: 71px;white-space: inherit;}
.honorlist li:nth-of-type(5n) {margin-right: 0;}

.contact-title {font-size: 30px;color: #2e2e2e;text-align: center;}
.contact-bg {margin: 25px 0;}
.contact-wrap {margin: 60px 0;}
.contact-wrap dl {float: left;background-color: #ffffff;border-radius: 5px;box-shadow: 1px 0px 5px 3px #f1f1f1;width: 31.3%;margin: 0 1%;position: relative;padding: 60px 0 45px;height: 248px;}
.contact-wrap dt {text-align: center;position: absolute;left: 50%;top: -40px;margin-left: -40px;}
.contact-wrap .dd1 {font-size: 18px;color: #2e2e2e;text-align: center;font-weight: bold;}
.contact-wrap .dd2 {font-size: 18px;color: #777777;text-align: center;line-height: 32px;}
.contact-map {margin-bottom: 9%;}
.contact-map img {display: block;max-width: 100%;}
.video-layer {margin: 20px 0;}

.newsmain-list a {display: block;width: 100%;box-shadow: 1px 0px 5px 3px #f1f1f1;margin-bottom: 35px;padding: 30px;position: relative;left: 0;}
.newsmain-list a:hover {left: 15px;}
.newsmain-list a:hover h3 {color: #30bba8;}
.newsmain-list a:hover span {background-color: #30bba8;color:#ffffff;}
.newsmain-list a h3 {font-size: 22px;color: #000000;    flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsmain-list a .flexbox {justify-content: space-between;margin-bottom: 12px;}
.newtime {font-size: 16px;color: #666666;width: 140px;text-align: right;}
.newsintro {font-size: 16px;color: #666666;line-height: 30px;margin-bottom: 25px;}
.newsmain-list span {font-size: 14px;color: #30bba8;border: 1px solid #30bba8;border-radius: 5px;padding: 6px 19px;}
.articlewrap h3 {font-size: 24px;color: #000000;text-align: center;}
.article-tips {font-size: 14px;color: #888888;border-bottom: 1px solid #cccccc;padding: 20px 0;}
.article-content {padding: 10px 0 0;}
.article-page {margin: 50px 0;}
.article-page p {width: 50%;font-size: 16px;color: #222222;}

.comtitle {transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);}
.comtitle.move {transform: scale(1);-moz-transform: scale(1);-webkit-transform: scale(1);}


.fadeInanit {-webkit-animation-name: fadeIn;-webkit-animation-duration: 0.5s;}
@keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
@-moz-keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
@-webkit-keyframes fadeIn{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}

.animatey {-webkit-animation-name: animateY;-webkit-animation-duration: 0.5s;}
@keyframes animateY{0%{opacity: 0;transform: translateY(50px);}100%{transform: translateY(0);opacity: 1;}}
@-moz-keyframes animateY{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}}
/* @-webkit-keyframes animateY{0%{opacity: 0;transform: scale(0);}100%{transform: scale(1);opacity: 1;}} */


/* <=1280  */ 
@media (max-width:1280px) {
  .footer-box dl {padding-left: 1.5%;padding-right: 1.5%;}
	.indexnewsItem {margin: 15px;}
	.nwd1 img {width: 524px;}
}

/* <=1024  */ 
@media (max-width:1024px) {
  .introtext h4 {font-size: 26px;}
  
  .footer-box dl {display: none;}
  .footer-box dl.webinfo  {display: block;margin: 0 auto;float: none;width: 243px;padding: 0;}
  .copyright {background: transparent;}
  .footer-box {padding: 30px 0 20px;}
  .introwrap {padding: 60px 0 90px;}
}
 
/* <=999  */
@media  (max-width: 960px) {
  .advantageList dl {padding: 3.3% 0;width: 47.9%;margin-right: 3.6%;margin-top: 3.5%;}
  .advantageList dl:nth-child(2n) {margin-right: 0;}
  .advantageList dl:nth-child(3n) {margin-right: 3.6%;}
  .advantageList dl:last-child {margin-right: 0;}
  
  .introtext h4 {font-size: 24px;}
  .tab-zcfdbox {padding: 30px 0;}
  .comtitle {padding: 10px 0 10px; }
	
	
}

/* <=768 */
@media (max-width: 768px){
	.mainwrap {margin-left: 15px;margin-right: 15px;}
  #nav , .headertel {display: none;}
  .logobox {margin-top: 16px;margin-bottom: 16px;width: 40%;margin-left: 3%;}
  .logobox img {width:100%;display: block;vertical-align: middle;}
  .phonenav {display: block;}
  
  .introtext h4 {font-size: 20px;}
  .introtext h4 i {margin: 0 5px;}
  .introtext p {height: 156px;overflow: hidden;}
  .introtext p:last-child {display: none;}
	
  .honor-slidebox {width: 100%;padding: 0 40px;}
  .honorwrap .swiper-slide, .showwrap .swiper-slide, .casewrap .swiper-slide , .honor-slidebox .swiper-slide {font-size: 16px;}
  
  .newsWrap {background: none;}
  .newsimg {display: none;}
  .newslist {width: 100%;}
	.comtabbox {margin-top: 20px;}
  
  .indexnewsItem .dl1 dt {font-size: 18px;}
  .fixedFooter , .mobileTit , .mobileDetails {display: block;}
	
	.crumbs-nav {margin: 15px;}
	.contact-wrap dl {width: 98%;margin-bottom: 64px;}
	.contact-wrap dl:last-child {margin-bottom: 0;}
	.contact-title {font-size: 18px;}
	.newtime {display: none;}
	.newsmain-list a h3 {font-size: 18px;}
	.newsintro {font-size: 14px; text-indent:2em;}
	.page a, .page span {height: 30px;line-height: 30px;width: 30px;margin: 0 1px;}
	.articlewrap h3 {font-size: 20px;}
	.article-content {padding: 10px 0 0;}
	.article-page {display: block;}
	.article-page p {width: 100%;margin-bottom: 14px;}
	
	.comtab a {padding: 8px 8px;}
	.introvideo {float: none; margin-right: 0; margin-bottom: 10px;}
	.introvideo video {width: 100%;height: auto;}
	.productList li p {font-size: 15px;padding: 12px 0;}
	.page {margin: 10px 0 30px;}
	.introbox {margin-bottom: 10px;}
	.introwrap {padding: 40px 0;}
	.introbox.flexbox {display: block;}
	.introbox.flexbox .videobox , .introbox.flexbox .videobox video {width: 100%;height: auto;}
	.introtext {width: 100%; margin: 20px 0;}
  .swiper-button-prev.comprev {background: url(../images/slide-left.png) no-repeat center 0;width: 11px;height: 25px;margin-top: -45px;background-size: cover;}
  .swiper-button-next.comnext {background: url(../images/slide-right.png) no-repeat center 0;width: 11px;height: 25px;margin-top: -45px;background-size: cover;}
 .comtitle h4 {font-size: 32px;}
 .banner {display: none;}
 .mobile-banner {display: block;}
  
}
@media (max-width: 520px){
    html{
        font-size: 14px;
    } 
    .productList li {width: 48%;}
	  .comtitle h4 {font-size: 28px;}
    
    .advanWrap {padding-bottom: 40px;}
    .advantageList dl dt {margin-left: 10px;}
    .advantageList dl dd h3 {font-size: 16px;}
    
    .advantageList dl dt i {width: 46px;height: 46px;background: url(../images/icon-adv.png) no-repeat 29%;background-size: 276px;}
    .advantageList dl.dl1 i {background-position: 0px -2px;}
    .advantageList dl.dl2 i {background-position:  -46px 0;}
    .advantageList dl.dl3 i {background-position:  -92px 0;}
    .advantageList dl.dl4 i {background-position:  -137px 0;}
    .advantageList dl.dl5 i {background-position:  -183px 0;}
    .advantageList dl.dl6 i {background-position:  -230px 0 ;}
    .advantageList dl.dl1:hover i {background-position: 0 -48px;} 
    .advantageList dl.dl2:hover i {background-position: -46px -48px;} 
    .advantageList dl.dl3:hover i {background-position: -92px -48px;} 
    .advantageList dl.dl4:hover i {background-position: -137px -48px;} 
    .advantageList dl.dl5:hover i {background-position: -183px -48px;} 
    .advantageList dl.dl6:hover i {background-position: -230px -48px;} 
		.honorlist  li {width: 31%;}

}
@media (max-width: 440px){
    html{
        font-size: 14px;
    } 
}