@charset "utf-8";
/* CSS Document */
.tzicon{ position: absolute; top: 70%; left: 0; width: 46px; height: 46px; border-radius: 50%; background: #fff; z-index:5; text-align: center; cursor:pointer;  transition:.2s ease; display:none;}
.tzicon i{ font-size: 20px; color: #27c20f; line-height:46px;  transition:.2s ease;}
.tzicon:hover{ background:#27c20f; box-shadow: 0 0 8px 0 rgba(255,255,255,.8);}
.tzicon:hover i{ color:#fff;}
.tzbg{ width: 330px; border-radius:10px; background:rgba(255,255,255,.6); position:absolute; left:19%; bottom:6%; z-index:5; transition:.2s ease;}
.tzbg:hover{ background:#fff;}
.tzbg h4{ font-size: 24px; margin-bottom:15px; color:#333;}
.tzbg h4 i{ margin-left: 5px;}
.tzbg b{ display: block; font-size: 20px; color: #27c20f;}
.tzbg p{ font-size: 17px; margin: 30px 0 0; color:#333;}
.tz_box{ position: relative; padding: 30px 30px 40px;}
.tz_box .icon-guanbi{ color: #999; position: absolute; right: 20px; top: 28px; font-size:30px; cursor:pointer;}
.tz_box .icon-guanbi:hover{ color:#27c20f;}

.index_head .nav li .second dt .box{ display:none; position: absolute; left: 100%; background:#fff; top:0; min-width:200px; padding:10px; border-radius:5px; }
.index_head .nav li .second dt:hover .box{ display:block;}
.search_box{ position: fixed; width: 100%; padding: 40px;top:102px; display:none;z-index:9;}
.search_box input{ line-height: 60px;}
.search_box input.ent{border: 1px solid #ddd; width:75%; padding:0 15px;}
.search_box input.sub{ width: 23%; text-align: center; color:#fff; background:#27c20f; font-size:20px; cursor:pointer; text-transform:uppercase;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1; right: 50%; bottom: 70px; left: auto; display: inline-flex; width: auto;}
.swiper-pagination-bullet{ border:1px solid rgba(255,255,255,.0); width: 22px; height: 22px; position: relative; background: none; opacity: 1;}
.swiper-pagination-bullet:after{ position: absolute; width: 8px; height: 8px; border-radius: 50%; border-radius: 50%; content: ''; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid rgba(255,255,255,1);}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 90px;left: 50%; transform: translateX(-800px);color: #fff; font-size: 20px; width: 100px; font-size: 24px;}
.bannerswiper .page .swiper-num .active{ font-size: 40px;}
.bannerswiper .swiperbtn{ color: #fff; font-size: 20px; margin-top: 0; line-height: 20px; height: 20px;}
.bannerswiper .banner-towrap{position: absolute;bottom: 70px; left: 50%; z-index: 2;margin-left: -24px; display: flex; align-items: center; }
.bannerswiper .banner-towrap p{font-size: 12px;color: #FFFFFF;text-align: center;margin-top: 10px;}
.bannerswiper .banner-to{transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;display: block;border: 2px solid #fff; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px; margin: 0 5px;}
.bannerswiper .banner-towrap span{ text-transform: uppercase; color: #fff; font-size: 14px;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -2px;}
@keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}
@-webkit-keyframes downico{
	0%{top: 10%;}
	35%{top: 40%;}
	65%{top: 50%;}
	100%{top: 10%;}
}

.sy-ban .txt1{position: absolute; width: 100%; top: 40%; }
.sy-ban .txt1 p{ font-size: 18px; color: #fff;}
.sy-ban .txt1 h3{ width: 65%; font-size: 50px; line-height: 70px; color: #fff;display: block; font-family: mulibl; margin: 10px 0 50px;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}

.about_top .imgfdd{ width: 49%; border-radius: 32px;}
.about_top .txt{ width: 47%; padding-top: 20px;}
.about_top .txt h3{ font-size: 36px; margin-bottom: 20px;}
.about_top .txt p{margin-bottom: 50px;}
.about_top .txt .btnbox .playbtn{ display: inline-flex; align-items: center; margin-left: 40px; font-size: 18px; color: #333;}
.about_top .txt .btnbox .playbtn:hover{ color:#27c20f;}
.about_top .txt .btnbox .playbtn i{ width: 46px; height: 46px; border-radius: 50%; background: #27c20f; position: relative; line-height: 46px; text-align: center; color: #fff; margin-right: 30px;}
.about_top .txt .btnbox .playbtn i:after{ width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(39,194,15,.3); content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.sy_number dl dt{ width: 22%; margin-right: auto; padding-right: 40px; position: relative;}
.sy_number dl dt .numtxt{ width: calc(100% - 80px); margin-left: auto;}
.sy_number dl dt .numtxt span,.sy_number dl dt .numtxt b{ display: block;}
.sy_number dl dt .numtxt span{ font-size: 18px; color: #333;}
.sy_number dl dt .numtxt b{ font-size: 60px; line-height: 65px; height: 65px; font-family: mulibl; color: #333; margin: 5px 0 20px;}
.sy_number dl dt .numtxt b sub{ margin-left: 10px;}
.sy_number dl dt .numtxt p{ line-height: 24px; height: 48px;}
.sy_number dl dt:last-child{ padding-right: 0; width: calc(22% - 40px); margin-right: 0;}
.sy_number dl dt:after{ position: absolute; height: 90px; width: 1px; content: ''; background: #dadada; top: 50%; right: 0; transform: translateY(-50%);}
.sy_number dl dt:last-child:after{ display: none;}

.logoline{ text-align: center; position: relative;}
.logoline:after,.logoline:before{ position: absolute; width: calc(50% - 60px); height: 1px; left: 0; top: 50%; content: ''; background: #d5d5d5;}
.logoline:before{ left: auto; right: 0;}

.dtop{ padding-top: 80px;}
.sy_item_title h3{ font-size: 50px; margin-bottom: 10px;}
.sy_item_title p{ font-size: 18px; color: #333}
.sy_item_title{text-align: center; margin-bottom: 30px;}
.supp_nav ul li{ margin: 0 auto; display: inline-block; line-height: 50px; width: 200px; text-align: center; border: 1px solid #e0e0e0; font-size: 18px; border-radius: 25px;}
.supp_nav ul li.active{  background: #27c20f; color: #fff; border-color: #27c20f;}
.supp_box .pic{ width: 50%;}
.supp_box{ background: #eef3f5; margin-top: 40px;}
.supp_box .pic .imgfd{ padding-top: 60%;}
.supp_box .txt{ width: 50%; padding: 50px calc(50% - 670px) 0 70px; position: relative;}
.supp_box .txt .des{ max-height: 270px; overflow: hidden;}
.supp_box .txt span.count{ font-size: 24px; color: #333; display: block;}
.supp_box .txt h3{ font-size: 34px; margin: 20px 0;}
.supp_box .txt .amore{ margin-top: 50px;}
.supp_box .txt b{ bottom: 0px; right: 150px; position:absolute; font-size: 190px; line-height: 140px; height: 150px; font-family: mulibl;color: rgba(0,0,0,.0);-webkit-text-stroke: 1px #d8d8d8; text-stroke: 1px #d8d8d8;}

.appbox{ border-radius: 20px; overflow: hidden; position: relative;}
.appbox .func_nav{ width: 170px; border-right: 1px solid rgba(255,255,255,.5); height: 100%; position: absolute; left: 0; top: 0; color: #fff; font-size: 20px;word-break: break-word; z-index:3;}
.appbox .func_nav ul,.appbox .func_nav li .c-flex{ height: 100%; }
.appbox .func_nav li{ height: 25%; border-bottom: 1px solid rgba(255,255,255,.5); padding: 0 25px;font-size:20px;}
.appbox .func_nav li.active{ background: #27c20f;}
.appbox .func_nav li p{ font-size: 20px;}
.appbd,.appbd ul,.appbd li,.appbd .imgfdd,.appbd .imgfdd img{ height: 100%;}
.appbd .imgfd{ padding-top:60%;}
.appbd .imgfd:after{ content:''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0;z-index:2;}
.appbd li{ position: relative;}
.appbd li .txt{ width: 35%; right: 150px; top: 110px; color: #fff; position: absolute;z-index:3;}
.appbd li .txt h2{ font-size: 36px; font-family: popsb; color: #fff; margin: 25px 0;}
.appbd li .txt .amore{ margin-top: 40px;}


.funcswiper{ overflow: hidden;}
.funcswiper ul li{ width: 25%!important; padding: 0 15px;}
.funcswiper ul li a{ display: block; padding-bottom: 60px; position: relative;}
.funcswiper ul li .functxt{ position: absolute; width: 86%; left: 7%; border-radius: 16px; background: #27c20f url(../images/bgh_03.png) no-repeat right center; padding: 30px; color: #fff; bottom: 0; z-index:2;}
.funcswiper ul li.swiper-slide-next{ width: 50%!important;}
.swiperall{position: relative;}
.funcswiper ul li img{ width: 100%; height: 100%; object-fit: cover;}
.funcswiper ul li .imgfdd{ height: 484px; border-radius: 16px; overflow: hidden; position:relative;}
.funcswiper ul li .imgfdd P.imgp{ position: absolute; color: #fff; width: 100%; left: 0; font-size: 20px; bottom: 30px; text-align:center;}
.funcswiper ul li .functxt{ display: none;}
.funcswiper ul li.swiper-slide-next .functxt{ display: block;}
.funcswiper ul li .functxt h2{ font-size: 26px; color: #fff; }
.funcswiper ul li .functxt p{ line-height: 24px; height: 48px; overflow: hidden; margin: 10px 0 20px;}
.funcswiper ul li .functxt span{ display: inline-block; line-height: 36px; padding: 0 25px; border: 1px solid #fff; border-radius: 19px;}
.funcswiper ul li .functxt span:hover{ background: #fff; color: #27c20f;}

.swiperbtn{ width: 58px; height: 58px; text-align: center; line-height: 58px; border-radius: 50%; border: 1px solid #27c20f; color: #27c20f; font-size: 22px;}
.swiperbtn:hover{ background: #27c20f; color: #fff;}
.swiperall .swiperbtn{ bottom: 50%; transform: translateY(50%);}
.sy_func .swiper-button-prev{ left: calc(50% - 780px);}
.sy_func .swiper-button-next{ right: calc(50% - 780px);}

.app_nav{ height: 420px; width: 280px;}
.appswiper{ width: calc(100% - 320px); overflow: hidden; background: #eef3f5; border-radius: 16px; position: relative;}
.appswiper .pic{ width: 50%;}
.appswiper .txt{ width: 50%; padding: 45px 45px 0;}
.app_nav ul li{ cursor:pointer;}
.app_nav ul li i{ display: inline-block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(39,194,15,0); position: relative; margin-right: 8px;}
.app_nav ul li i:after{ position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #b0b0b0; left: 50%; top: 50%; transform: translate(-50%,-50%); content: '';}
.app_nav ul li p{ display: inline-block; font-size: 18px; max-width:calc(100% - 36px); position: relative;}
.app_nav ul li p:after{ position: absolute; left: 0; bottom: 0; width: 0; transition: .2s ease; content: ''; background: #27c20f; height: 1px;}
.app_nav ul li:hover i,.app_nav ul li.swiper-slide-thumb-active i{ border-color: #27c20f;}
.app_nav ul li:hover i:after,.app_nav ul li.swiper-slide-thumb-active i:after{ background: #27c20f;}
.app_nav ul li:hover p,.app_nav ul li.swiper-slide-thumb-active p{ color: #27c20f;}
.app_nav ul li.swiper-slide-thumb-active p:after{ width: 100%;}
.appswiper .txt span.colname{ display: block; color: #27c20f; display: block; font-size: 18px;}
.appswiper .txt h2,.appswiper .txt h4{ font-size: 22px; font-weight:bold; color: #333;}
.appswiper .txt h4{ font-size: 20px;}
.appswiper .txt h2{ margin: 0 0 25px;}
.appswiper .txt p{ line-height: 24px; font-size:16px; overflow: hidden; margin: 20px 0;}
.appswiper .txt a.more{ display: inline-block; line-height: 30px; text-transform: uppercase;position: relative; transition: .2s ease;}
.appswiper .txt a.more:before,.appswiper .txt a.more:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #666; content: '';z-index: 1;}
.appswiper .txt a.more:after{ width: 0; transition: .2s ease; z-index: 2; background: #27c20f;}
.appswiper .txt a.more:hover{ color: #27c20f;}
.appswiper .txt a.more:hover:after{ width: 100%;}
.appswiper .swiperbtn{ bottom: 30px;}
.appswiper .swiper-button-prev{ left: auto; right: calc(3% + 80px);}
.mainh{ height: 70px;}
.sy_choose .txt{ width: 55%;}
.sy_choose .sy_item_title{ text-align: left; display: inline-block; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
.sy_choose .cho_list dl dt{ width: 43%; margin-right: auto; margin-top: 40px;}
.sy_choose .cho_list dl dt .icon{ background: #fff; border-radius: 50%; text-align: center; width: 64px; height: 64px; padding-top: 11px;}
.sy_choose .cho_list dl dt .chodes{ width: calc(100% - 88px); margin-left: auto;}
.sy_choose .cho_list dl dt h4{ color: #333; font-size: 20px; text-transform: uppercase; margin-bottom: 10px;}
.sy_choose .cho_list dl dt p{ line-height: 22px; height: 66px; font-size:16px;}

.newsswiper{ overflow: hidden; padding: 10px;}
.newsswiper li{ background: #fff;border-radius: 16px; overflow: hidden;}
.newsswiper li .imgfd{ padding-top: 75%;}
.newsswiper li .txt{ padding: 30px;}
.newsswiper li .txt span{ color: #27c20f;}
.newsswiper li .txt h2{ font-size: 20px; line-height: 30px; height: 60px; margin: 5px 0 15px; overflow: hidden;}
.newsswiper li .txt p{ line-height: 24px; height: 48px; overflow: hidden;}
.newsswiper li .txt span.more{ padding-top: 25px; border-top: 1px solid #e0e0e0; margin-top: 35px;}
.newsswiper li .txt span.more i{ margin-left: auto;}
.newsswiper li:hover h2{ color: #27c20f;}
.newsswiper li:hover{ box-shadow: 0 0 5px rgba(39,194,15,.3);}
.sy_news .swiper-button-prev{ left: calc(50% - 780px);}
.sy_news .swiper-button-next{ right: calc(50% - 780px);}


.com_foot .jbline{ width: 100%; height: 3px; background: url(../images/jb_03.png) no-repeat center; background-size: contain;}
.foot_main{ align-items: flex-start; padding: 60px 0; border-bottom: 1px solid #e0e0e0;}
.foot_main .foot_left{ width: 36%;}
.foot_left .flogo{ align-items: flex-start; margin-bottom: 40px;}
.foot_left .flogo .logo1{ padding-right: 40px; margin-right: 40px; border-right: 1px solid #b5bec3;}
.foot_left .follow_list{margin-top: 35px;}
.foot_left .fdes{ line-height: 24px;}
.foot_left .follow_list p{ font-size: 18px; color: #333; margin-bottom: 10px;}
.foot_nav{ margin-left: auto; width: 60%;}
.foot_nav ul{ align-items: flex-start; color: #666;}
.foot_nav ul li{ margin-right: auto;}
.foot_nav ul li b,.foot_nav ul li a{ display: block;}
.foot_nav ul li p{ color: #333; font-size: 18px; margin-bottom: 5px;}
.foot_nav ul li b{ font-size: 20px; font-weight: normal; color: #333; margin-bottom: 15px; text-transform: uppercase;  font-weight:bold;}
.foot_nav ul li a{ line-height: 30px; color: #666;}
.foot_nav ul li:last-child{ margin-right: 0;}
.foot_nav ul li a:hover{ color: #333;}
.foot_nav ul li.contact{ max-width: 40%;}
.foot_nav ul li.contact dl dt{ margin-bottom: 15px;}
.foot_nav ul li.contact dl dt i{ display: inline-block; text-align: center; line-height: 40px; height: 40px; width: 40px; border-radius: 50%; border:1px solid #c4c4c4; margin-right: 10px; font-size: 20px; color: #27c20f;}
.foot_nav ul li.contact dl dt p{ max-width: calc(100% - 60px);}
.com_foot .link{ padding-bottom: 40px; color: #fff;}
.com_foot .link span,.com_foot .link a{ display: inline-block; line-height: 16px; margin-bottom:20px; color: #fff; }
.com_foot .link span{  margin-right: 10px;}
.com_foot .link span i{ font-size: 18px; margin-right: 5px;}
.com_foot .link a{ padding-right: 8px; margin-right: 10px; border-right: 1px solid rgba(255,255,255,.5);}
.copy{ padding: 25px 0; color: #999; line-height: 30px;}
.copy a{ color: #999; display: inline-block;}
.copy a.fl{ margin-left: 50px;}

.contact_list{ position:fixed; top:40%; right:30px; z-index:99; height:210px; border-radius:35px;overflow:hidden;}
.contact_list a{ display:block; width:60px; height:60px; overflow:hidden; background:#27c20f url(../images/ric_02.png) no-repeat center 0; cursor:pointer; border-radius:30px; margin-bottom:10px; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2){ background-position:center -120px;}
.contact_list a:nth-child(3){ background-position:center -240px;}
.contact_list a:nth-child(4){ background-position:center -240px;}
.contact_list a:hover{ background:#002ca3 url(../images/ric_02.png) no-repeat center 0; background-size:60px; background-position:center -60px;}
.contact_list a:nth-child(2):hover{ background-position:center -120px;}
.contact_list a:nth-child(3):hover{ background-position:center -240px;}
.contact_list a:nth-child(0):hover{ background-position:center -240px;}
.flyimg{position: absolute;top:0;left: 0%;max-width: 50%;opacity: 0;}
.shopcart{ position:relative;}
.addnum{ position:absolute; right:12px; top:14px; display:inline-block; height: 16px; width: 16px; font-size: 10px; border-radius: 8px; background: #ff0000; line-height: 16px; color: #fff; text-align: center;}
.bottom-feed{position: fixed;z-index: 99;right: 0;bottom: 0;}
.bottom-feed .subNavBox{position: relative;padding-top: 50px;}
.bottom-feed .subNavBox .navContent{position: absolute;bottom: 60px;left: 0;}
.bottom-feed .subNavBox i{width: 18px;height: 7px;background: url(../images/rtic8.png) no-repeat center;margin-top: 26.5px;}
.bottom-feed .currentDt i{background: url(../images/rtic9.png) no-repeat center;}
.bottom-feed span i{display: block; height: 60px; width: 18px;background: url(../images/rtic06.png) no-repeat center; transition: all 0.3s ease-out; transform: rotate(0deg);float: right;margin-right: 10px;overflow: hidden;}
.bottom-feed span{display: block;width: 280px;height: 60px;background: #27c20f;border-top-left-radius: 500px;border-bottom-left-radius: 500px;cursor: pointer;}
.bottom-feed span b{display: inline-block;width: 50px;height: 50px;border-radius: 500px;margin-top: 5px;margin-left: 5px;float: left;background: #fff;overflow: hidden;}
.bottom-feed span p{font-size: 14px;color: #fff;float: left;line-height: 20px;margin-left: 10px;margin-top: 10px;width: 180px;height: 40px;display: block;overflow: hidden;}
.bottom-feed span:hover p,.bottom-feed .feed .sub:hover{font-style: italic;}
.bottom-feed .feed{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);width: 280px;padding: 10px 0;display: block; border-radius:10px;}
.bottom-feed .feed input{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 40px;line-height: 40px;font-size: 12px;text-indent: 10px;margin-bottom: 10px;}
.bottom-feed .feed textarea{width: 90%;margin: 0 5%;border: 1px solid #eee;height: 80px;text-indent: 10px;font-size: 12px;padding: 5px 0;}
.bottom-feed .feed input:hover,.bottom-feed .feed textarea:hover{border: 1px solid #27c20f}
.bottom-feed .feed .sub{background: #27c20f;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.navContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#27c20f 0 200px);}

@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
.index_head{ width: 96%;}
.bannerswiper .page .swiper-num{ transform: translateX(0); left:2%;}
.sy-ban .swiper-pagination{ transform: translateX(0); right:2%;}
.supp_box .txt{ padding: 40px 40px 0;}
.sy_news .swiper-button-next{ right: 1%;}
.sy_news .swiper-button-prev{left: 1%;}
}

@media (max-width: 1441px){
.sy-ban .txt1{ top: 25%;}
.sy-ban .txt1 h3{ font-size: 40px; line-height: 55px;}
.about_top .txt h3{ font-size: 34px;}
.about_top .txt p{ margin-bottom: 40px;}
.sy_number dl dt .numtxt b{font-size: 55px; line-height: 60px; height: 60px;}
.supp_box .txt h3{ font-size: 30px; margin: 20px 0;}
.supp_box .txt .amore{ margin-top: 40px;}
.supp_box .txt b{ font-size: 140px; right: 50px;}
.funcswiper ul li .imgfdd{ height: 440px;}
}

@media (max-width: 1281px){
.index_head{ padding: 0 30px;}
.index_head .nav li .tarA .a1{ font-size: 16px;}
.index_head .nav li{ margin-left: 40px;}
.about_top .txt{ padding-top: 30px;}
.amore{ line-height: 56px; padding:0 60px 0 20px;}
.sy_number dl dt{ width: 24%; padding-right: 20px;}
.sy_number dl dt img{ height: 40px;}
.sy_number dl dt .numtxt{ width: calc(100% - 60px);}
.sy_number dl dt .numtxt p{ font-size: 14px; line-height: 20px; height: 40px;}
.sy_item_title h3{ font-size: 40px;}
.app_nav ul li p{font-size: 16px;}
.appswiper .txt{ padding: 20px 25px 0;}
.appswiper .txt h2{margin-bottom: 25px;}
.appswiper .txt h2, .appswiper .txt h4{font-size: 20px;}
.appswiper .txt p{ height: 72px;}
.app_nav{ height: 360px;}
.swiperbtn{ width: 46px; height: 46px; line-height: 46px;}
.newsswiper li .txt{padding: 20px;}
.newsswiper li .txt span.more{ padding-top: 20px; margin-top: 20px;}
.sy_choose .txt{ width: 65%;}
	
}

@media (max-width: 1024px){
.contact_list{ display: none;}
.bottom-feed{ display: none;}
.sy-ban .txt1 h3{ font-size: 32px; line-height: 40px; margin-bottom:30px;}
.bannerswiper .page .swiper-num,.bannerswiper .banner-towrap,.sy-ban .swiper-pagination{ bottom: 40px;}
.about_top .imgfdd{ width: 100%; float: none;}
.about_top .txt{ width: 100%; float: none;}
.dtop{ padding-top: 45px;}
.sy_number dl dt,.sy_number dl dt:last-child{ width: 48%; margin-bottom:25px;}
.sy_number dl dt:nth-child(2n){ padding-right:0; margin-right: 0;}
.supp_nav ul li{ font-size: 16px; padding: 0 20px; min-width: 140px; width:auto;}
.supp_box .txt{ padding: 20px 20px 0;}
.supp_box .txt span.count{font-size: 18px;}
.supp_box .txt h3{ font-size: 26px; margin: 15px 0;}
.supp_box .txt .amore{ margin-top: 25px;}
.supp_box .txt b{ font-size: 100px;}
.sy_item_title h3{font-size: 32px;}
.sy_item_title p{font-size: 16px;}
.funcswiper ul li .imgfdd{ height: 360px;}
.funcswiper ul li .functxt{ padding: 20px;}
.app_nav{ display: none;}
.appswiper{ width: 100%; float: none;}
.sy_choose .cho_list dl dt { width: 100%; margin-top:30px;}
.sy_choose .cho_list dl dt p{ height: auto;}
.foot_main{ display: none;}
.waph{ height: 54px;}
.appbox .func_nav{display: none;}
.appbd li{ width: 49%; float: left; margin-right: 2%; margin-bottom:20px; display:block; border-radius:8px;}
.appbd li:nth-child(2n){margin-right:0;}
.appbd li .txt{ width: 100%; left: 10px; top:20px; padding:0;}
.appbd li .item_con{left: 0;}
.appbd li .txt p,.appbd li .txt .amore{ display: none;}
.appbd li .item_con .ico{ width: 80px; height: 80px;}
.appbd li .item_con .tit{font-size: 30px; margin-bottom: 30px;}
.appbd li .txt h2{font-size: 20px; margin: 15px 0 0;}
.appbox{border-radius: 0;}

	
}
@media (max-width: 768px){
.sy-ban .txt1 h3{ width: 80%;}
.sy-ban .txt1 .amore{ display: none;}
.about_top .txt p{ margin-bottom: 30px;}
.supp_box{ margin-top: 25px;}
.supp_box .pic{ width:100%; float: none;}
.supp_box .txt{ width: 100%; float: none;padding: 20px;}
.supp_nav ul li{ line-height: 42px;}
.funcswiper ul li.swiper-slide-next,.funcswiper ul li{ width:50%!important; padding:0 10px;}
.funcswiper ul li.swiper-slide-next .functxt{ display: none;}
.funcswiper ul li a{ padding-bottom: 0;}
.appswiper .pic{ width: 100%; float: none;}
.appswiper .txt{padding: 20px; width:100%; float:none;}
.tzbg{display: none;}
}
@media (max-width: 540px){
.sy-ban .txt1 p{font-size: 14px;}
.sy-ban .txt1 h3{ font-size: 24px; line-height:30px;}
 .bannerswiper .banner-towrap, .sy-ban .swiper-pagination{ display: none;}
 .bannerswiper .page .swiper-num{ bottom: 25px; font-size:18px;}
 .bannerswiper .page .swiper-num .active{font-size: 24px;}
 .about_top .txt h3{font-size: 26px;}
 .amore{ line-height: 50px; font-size:14px; padding-right:50px;}
 .amore i{ right: 8px;}
 .about_top .txt .btnbox .playbtn i{ width: 40px; height: 40px; line-height: 40px; margin-right:30px;}
 .about_top .txt .btnbox .playbtn i:after{ width:56px; height: 56px;}
.sy_number dl dt .numtxt b{ font-size: 40px; line-height: 45px; height: 45px;}
.sy_number dl dt .icon{ display: none;}
.sy_number dl dt .numtxt{ width: 100%;}
.sy_number dl dt:nth-child(2):after{ display:none;}
.funcswiper ul li .imgfdd{ height: 300px;}
.sy_choose{ background: #eef3f5!important;}
.sy_item_title h3{ font-size:26px; }
.sy_item_title p{ font-size: 14px;}
.about_top .txt .btnbox .playbtn{ font-size: 16px;}
.about_top .txt .btnbox .playbtn i{ margin-right: 20px;}
.sy_number dl dt .numtxt b{ margin-bottom: 10px;}
.sy_item_title{ margin-bottom: 20px;}
.supp_nav ul li{ line-height: 36px; min-width: 100px; padding:0 15px;}
.funcswiper ul li .imgfdd P.imgp{ font-size: 18px;}
.sy_choose .txt{ width: 100%;}
.mainh{ height: 35px;}
.sy_choose .cho_list dl dt h4{ font-size: 18px;}
.newsswiper li .txt p{ display: none;}
.newsswiper li .txt span{ font-size: 14px;}
.newsswiper li .txt span.more{padding-top: 10px; margin-top: 10px;}
.newsswiper li .txt h2{ font-size: 18px; line-height: 25px; height: 50px;}
.newsswiper li .txt{ padding: 15px 10px;}
.copy{font-size: 12px; padding:15px 0;}
}
@media (max-width: 450px){
.funcswiper ul li .imgfdd{ height: 240px;}
.swiperbtn{ height: 34px; width: 34px; line-height: 34px; font-size:18px;}
.supp_nav ul li{ min-width: 45%;}
.sy_number dl dt .numtxt span{ font-size: 16px;}
.sy_number dl dt .numtxt p{ height: 60px;}
.about_top .txt .btnbox .playbtn{ margin-left: 20px;}
.about_top .txt .btnbox .playbtn i:after{ width:44px; height: 44px;}
.about_top .txt .btnbox .playbtn i{ width: 30px; height: 30px; line-height: 30px;}
.amore{ line-height: 44px;}
.amore i{ width: 30px; height: 30px; line-height: 30px;}
.newsswiper li .txt h2{ font-size: 16px;}
.copy p{ font-size: 12px;}
.sy_choose .cho_list dl dt{ margin-top: 20px;}
.sy-ban .txt1 h3{font-size: 20px; font-weight:bold; line-height:26px;}
.about_top .txt h3{font-size: 22px;}
}



.toph{ height: 150px;}
.about1{ background: url(../images/mapbg_02.png) no-repeat left center,url(../images/abbg_03.png) no-repeat right bottom;}
.about1 .txt,.about1 .video{ width: 48%;}
.about1 .txt h2{ font-size: 30px; margin-bottom: 20px;}
.about1 .video iframe{ height: 400px; background: #666;}
.ny_number dl dt{ width: 20%; margin-right: auto;}
.ny_number dl dt p{ color: #333; font-size: 18px;}
.ny_number dl dt b{ display: block; font-family: mulibl; font-size: 70px; line-height: 70px; height: 70px; color:#333; margin:10px 0 15px;}
.ny_number dl dt span{ display: block; line-height: 24px; height: 48px;}
.ny_number dl dt:last-child{margin-right:0;}
.ab_network .txt{ width: 45%;}
.ab_network .imgfdd{ width: 52%;}
.ab_network .txt h2{font-size: 40px; margin-bottom: 30px;}
.ab_network .txt .amore{ margin-top: 60px;}

.ab_fac{ background: url(../images/mapbg_02.png) no-repeat center top;}
.facswiper{ overflow: hidden;}
.ab_fac .tit{ width: 60%; margin: 0 auto 30px; text-align: center;}
.ab_fac .tit h3{ font-size: 40px; font-weight:bold; margin-bottom:20px;}
.facswiper li{ border-radius: 16px; overflow: hidden;}
.facswiper li .imgfd{ padding-top: 68%;}

.nyall .swiper-button-prev{ left: 8%;}
.nyall .swiper-button-next{ right: 8%;}
@media (max-width: 1600px){
.nyall .swiper-button-prev{ left: 2%;}
.nyall .swiper-button-next{ right: 2%;}
}
@media (max-width: 1281px){
.ab_fac .tit{ width: 80%;}

}
@media (max-width: 1024px){
    .toph{ height: 50px;}
    p{ line-height: 27px;}
    .ny_number dl dt b{ font-size: 50px; line-height: 60px; height: 60px;}
    .ny_number dl dt{ width: 23%;}
    .ab_network .txt h2,.ab_fac .tit h3{font-size: 34px;}
    .ab_network .txt .amore{ margin-top: 40px;}
}
@media (max-width: 768px){
    .about1 .txt, .about1 .video{ width: 100%; float: none;}
    .ny_number dl dt span{ font-size: 14px; line-height: 20px; height: 60px;}
    .ab_network .txt h2, .ab_fac .tit h3{font-size: 28px;}
    .ab_network .txt h2{ margin-bottom: 20px;}
    .ab_network .txt .amore{ margin-top: 20px;}
    p{ line-height: 24px;}
    
}
@media (max-width: 540px){
    .toph{ height: 30px;}
    .ny_number dl dt{ width: 46%;}
    .ny_number dl dt:nth-child(2n){ margin-right:0;}
    .ab_network .txt{ width: 100%; float: none;}
    .ab_network .imgfdd{ width: 100%; margin-top: 20px;}
    .ab_fac .tit{ width: 96%;}
}
@media (max-width: 450px){
    .about1 .txt h2{font-size: 24px;}
    .about1 .video iframe{ height: 280px;}
    .ny_number dl dt{ margin-bottom: 15px;}
}
.pro_top{ width: 100%; overflow: hidden; height:900px;}
.pro_top .ny_center{ position: relative; height:100%;}
.pro_top .txt{ width: 45%; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.pro_top .ny_center .posi{ top: 160px; left:0; width:100%; position:absolute;}
.pro_top .pic{ width: 50%;}
.pro_top .pic img{ width: 100%;}
.pro_top .txt h1{ font-size: 40px; font-weight:bold; color: #333; margin: 0 0 35px;}
.pro_top .txt .posi a:last-child{ color:#27c20f;}

.protit{ font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #d0d6d9; position:relative; margin-bottom:40px; font-family:mulib;}
.protit:after{ position:absolute; width: 140px; height: 4px; left: 0; bottom: -1px; content: ''; background: #27c20f;}
.relswiper{ overflow: hidden;}
.relswiper li{ text-align: center;}
.relswiper li .imgfd{ padding-top: 68%; border-radius: 16px; overflow: hidden; margin-bottom:10px;}
.relswiper li p{ font-size: 20px; height:30px;}

.typeswiper{ overflow: hidden;}
.typeswiper .swiper-wrapper{ height: 100%;}
.type_nav li{ display: inline-block; font-size: 22px;  font-weight:bold; color: #333; margin-right: 40px; padding: 0 20px; line-height:50px; position:relative; margin-bottom:20px;}
.type_nav li:after{ position:absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #27c20f; content: ''; transition:.2s ease;}
.type_nav li.active,.type_nav li:hover{ color:#27c20f;}
.type_nav li.active:after,.type_nav li:hover:after{ width:100%;}
.typeswiper .swiper-slide{ height: calc(50% - 20px)!important; text-align:center; float:left; width:16%; margin-right:.8%; margin-bottom:20px;}
.typeswiper .swiper-slide:nth-child(6n){margin-right:0;}
.typeswiper .swiper-slide .type_cont{ width: 100%; padding-top: 100%; border: 1px solid #c0d1dc; border-radius: 16px; position:relative;}
.type_cont .pic{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-70%);}
.type_cont p{ width: 100%; left: 0; bottom: 30px; position:absolute;}
.type_box{ position: relative;}
.type_box .swiper-button-prev{ left: -90px;}
.type_box .swiper-button-next{ right: -90px;}

.show_content{ padding: 60px 0; width: 100%; overflow: hidden;}
.show_content img,.show_content table{ max-width: 100%!important;}
.show_content table{ width:48%; margin-right:2%; float:left; margin-bottom:40px;}
.show_content table td{ line-height: 30px; padding: 10px 10px 10px 40px;}
.show_content table tr{ background: #eef5fc;}
.show_content table tr:nth-child(2n){ background:#ecf9e7;}
.pro_msg .left{ width: 45%;}
.pro_msg .left h2{  font-weight:bold; font-size: 36px; line-height: 48px; margin-bottom:10px;}
.pro_msg .left h4{ font-size: 24px;  font-weight:bold; margin: 45px 0; color:#333;}
.pro_msg .left dl dt{ margin-bottom: 20px; padding-left: 35px; background:url(../images/gou.png) no-repeat left 2px; line-height:24px; color:#333;}
.pro_msg .msg_form{ width: 50%;}
.msg_form input,.msg_form textarea{ width: 100%; line-height: 54px; border-radius: 8px; border: 1px solid #d5e1e4; padding-left:15px;}
.msg_form input.fl{ width: 49%; margin-right: 2%; margin-bottom:20px;}
.pro_msg .msg_form input.fl:nth-child(2n){ margin-right:0;}
.pro_msg .msgexp{ margin: 30px 0;}
.pro_msg .msgexp img{ margin-right: 2px;}
.pro_msg .msgexp a{ text-decoration: underline;}
.pro_msg .sub{ background: #27c20f url(../images/em_20.png) no-repeat 40% center; color:#fff; cursor:pointer; transition:.2s ease;}
.pro_msg .sub:hover{ box-shadow:0 0 8px rgba(39,194,15,.5);}
@media (max-width: 1441px){
.pro_top .txt h1{ margin-top: 80px;}
}
@media (max-width: 1281px){
    .pro_top .txt h1{font-size: 36px; margin-top: 50px;margin-bottom: 30px;}
    .typeswiper{ height: 350px;}
    .msgexp p {display: block;}
    .type_nav li{font-size: 20px;}
}
@media (max-width: 1024px){
    .pro_top .txt h1{font-size: 30px; margin: 40px 0 20px;}
    .type_cont p{ bottom: 20px;}
    .pro_msg .left h2{ font-size: 30px; line-height:40px;}
    .pro_msg .left h4{margin: 30px 0;}
}
@media (max-width: 768px){
    .pro_top .pic{ width: 100%; float: none;}
    .pro_top .txt{ width: 100%; float: none;}
    .pro_msg .left{ width: 100%; float: none;}
    .pro_msg .msg_form{ width: 100%; float: none;}
    .show_content{ padding: 40px 0;}
}
@media (max-width: 540px){
    .pro_top .txt h1{font-size: 26px; margin: 30px 0 20px;}
    .protit{font-size: 24px; padding-bottom: 15px; margin-bottom: 20px;}
    .type_nav li{font-size: 18px; padding: 0 10px; margin-right: 20px;}
    .typeswiper {height: 290px;}
    .type_cont .pic img{ max-width: 50px;}
    .type_cont p{ bottom: 15px;}
    .pro_msg .left h2{ font-size: 26px;}
    .pro_msg .left h4{ font-size: 20px; margin: 20px 0;}
    .pro_msg .msgexp{margin: 20px 0;}
}
@media (max-width: 450px){
    .relswiper li p{font-size: 16px;}
    .type_nav li{ font-size: 16px; width: 45%; margin: 0 2% 20px; line-height: 34px; text-align:center;}
    .msg_form input.fl{ width: 100%; float: none;}
    .type_box .swiper-button-next{ right: 1%;}
    .type_box .swiper-button-prev{ left: 1%;}
    .show_content{padding: 30px 0;}
}
.qua_top h2{ font-size: 40px; font-weight:bold; margin-right: auto;}
.qua_top .qua_des{ width: 60%; font-size:18px; line-height:27px; color:#333;}
.qua_box .qua_item{ padding-top: 80px; position: relative; margin-bottom:60px;}
.qua_box .qua_item .txt{ width: 60%; position: relative; border-radius: 16px; background: rgba(255,255,255,.6); padding:80px 15% 0 50px; height:435px;}
.qua_box .qua_item .imgfdd{ border-radius: 16px; overflow: hidden; position: absolute; top:0; width:50%;}
.qua_box .qua_item:nth-child(2n+1) .imgfdd{ right:0;}
.qua_box .qua_item:nth-child(2n) .imgfdd{ left:0;}
.qua_box .qua_item:nth-child(2n) .txt{ float:right; padding:80px 50px 0 15%;}
.qua_box .qua_item h2{ font-size: 32px; font-weight:bold; margin-bottom:30px;}
.qua_box .qua_item p{ font-size: 18px; line-height: 27px; color: #333;}
.qua_box .qua_item .icon{ position: absolute; right: 25%; bottom: 50px;}
.qua_box .qua_item:nth-child(2n) .icon{ right:50px; z-index: -1;}
.quamain{ background: url(../images/quabg1_02.png) no-repeat left bottom,url(../images/quabg2_05.png) no-repeat right bottom;}

.qua_cert .tit{ width: 80%; text-align: center; margin:0 auto 40px; }
.qua_cert .tit h2{ font-weight:bold; font-size: 40px; margin-bottom: 15px;}
.qua_cert .tit p{ font-size: 18px; line-height: 27px;}
.qua_cert .cert_box{ width: 80%; margin:0 auto;}
.qua_cert .cert_box dl dt{ margin: 0 auto;}
.qua_cert .cert_box dl dt img{ height: 114px;}

@media (max-width: 1024px){
.qua_box .qua_item .txt{ padding: 40px 15% 30px 30px;}
.qua_box .qua_item:nth-child(2n) .txt{ padding:40px 30px 30px 15%;}
.qua_box .qua_item h2{ font-size: 26px; margin-bottom: 20px;}
.qua_box .qua_item p{ font-size: 16px; line-height: 24px;}

}
@media (max-width: 768px){
    .qua_top{display: block;}
    .qua_top h2{ font-size: 32px; margin-bottom: 25px;}
    .qua_top .qua_des{ width: 100%; font-size:16px;}
    .qua_box .qua_item .imgfdd{position: unset; width: 100%;}
    .qua_box .qua_item .txt,.qua_box .qua_item:nth-child(2n) .txt{ width: 100%; float: none; padding: 30px 30px 50px; height:auto; margin-bottom:15px;}
    .qua_box .qua_item .icon{ right: 30px; bottom: 20px;}
    .qua_box .qua_item{ padding-top: 20px; margin-bottom:30px;}
    .qua_cert .tit{ width: 96%; margin-bottom:25px;}
    .qua_cert .tit p{ font-size: 16px; line-height: 24px;}
    .qua_cert .cert_box dl dt img{ height: 80px;}
}
@media (max-width: 450px){
    .qua_top h2{font-size: 26px; margin-bottom: 20px;}
    .dtop{ padding-top: 30px;}
    .qua_box .qua_item .txt, .qua_box .qua_item:nth-child(2n) .txt{padding:30px 20px 40px;}
    .qua_box .qua_item h2{font-size: 22px;}
    .qua_box .qua_item p{ font-size: 14px;}
    .qua_cert .tit h2{font-size: 28px;}
    .qua_cert .cert_box dl dt img{ height: 56px;}
}
.newmain .tit{ text-align: center; margin-bottom:40px;}
.newmain .tit h2{ font-size: 40px;  font-weight:bold; margin-bottom:10px;}
.newmain .tit p{ font-size: 18px;}
.ny_news_list ul li{ border-radius: 16px; overflow: hidden; background:rgba(255,255,255,.4); margin-bottom:45px; transition:.2s ease;}
.ny_news_list ul li .pic{ width: 35%;}
.ny_news_list ul li .txt{ width: 65%; padding: 50px 60px 0; color:#333;}
.ny_news_list ul li .imgfd{ padding-top: 75%;}
.ny_news_list ul li .txt span.date{ color: #666; display: block;}
.ny_news_list ul li .txt h2{ font-size: 26px;margin: 15px 0; line-height:36px; height:72px; overflow:hidden;}
.ny_news_list ul li .txt p{ margin-bottom: 45px; height:48px; overflow:hidden; line-height:24px;}
.ny_news_list ul li:hover{ background:#fff;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover span.more{ color:#27c20f;}

@media (max-width: 1281px){
    .ny_news_list ul li .txt{ padding: 35px 30px 0;}
    .ny_news_list ul li .txt h2{font-size: 22px; line-height: 30px; height: 60px;}
    .ny_news_list ul li .txt p{margin-bottom: 25px;}
}
@media (max-width: 1024px){
    .ny_news_list ul li .txt{padding: 25px 20px 0;}
    .ny_news_list ul li .txt h2{font-size: 20px; line-height: 28px; height: 56px; margin: 10px 0;}
    .ny_news_list ul li .txt p{margin-bottom: 15px;}
}
@media (max-width: 768px){
    .ny_news_list ul li .txt p{ display: none;}
    .newmain .tit h2{font-size: 32px;}
    .newmain .tit{ margin-bottom: 30px;}
    .ny_news_list ul li{margin-bottom: 25px;}
}
@media (max-width: 450px){
    .ny_news_list ul li .txt{padding: 15px 10px 0;}
    .ny_news_list ul li .txt span.date{font-size: 12px;}
    .ny_news_list ul li .txt span.more{ display: none;}
    .ny_news_list ul li .txt h2{font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 0; margin-top:5px;}
}
.newmain h1{ font-size: 44px;  font-weight:bold; }
.newmain .news_info{ padding: 30px 0; border-bottom: 1px solid #cedbdf;}
.newmain .news_info .follow{ margin-left: auto;}
.newmain .news_info .date{ padding-right: 15px; border-right: 1px solid #cedbdf; margin-right: 15px;}
.newmain .news_info p{ line-height: 20px;}
.newmain .news_info .follow span{ color: #27c20f;}
.newmain .news_info .follow p{ margin-right: 10px;}
.page_btn{ padding-top: 50px; border-top: 1px solid #cedbdf;}
.page_btn i{ font-size: 14px;}
.page_btn .det_btn{ width: 30%;}
.page_btn .det_btn a{ display: inline-block; line-height: 30px; height: 30px; overflow: hidden;}
.page_btn a.back{ margin: 0 auto;  line-height: 50px; border-radius: 25px; border: 1px solid #5b5b5b; padding:0 30px;}
.page_btn a.back i{ margin-left: 5px;}
.page_btn .det_btn.next{ text-align: right;}
.page_btn .det_btn i{ margin-right: 5px;}
.page_btn .det_btn.next i{ margin-left: 5px; margin-right:0;}
.page_btn .det_btn a:hover{ color:#27c20f;}
.page_btn a.back:hover{background:#27c20f; border-color: #27c20f; color: #fff;}

.last_news h2{ text-align: center; margin-bottom: 30px;}
.lastswiper{ overflow: hidden; position:relative; padding-bottom:50px;}
.lastswiper .pic{ width: 35%;}
.lastswiper li{ background: rgba(255,255,255,.4); border-radius:16px; overflow:hidden;}
.lastswiper li .txt{ padding: 30px 30px 0; width:65%;}
.lastswiper li .txt h4{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 30px; color:#333;}
.lastswiper li:hover{ background:#fff;}
.lastswiper li:hover h4{ color:#27c20f;}
.lastswiper .swiper-pagination-bullet:after{ background:#b9c2bb;}
.lastswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: #27c20f;}
.lastswiper .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background:#27c20f;}
@media (max-width: 1024px){
    .newmain h1{font-size: 32px;}
    .lastswiper li .txt{ padding: 20px 15px 0;}
    .lastswiper li .txt h4{ margin-bottom: 15px;}
}
@media (max-width: 450px){
    .newmain h1{font-size: 24px;}
    .newmain .news_info{ padding: 15px 0;}
    .newmain .news_info .follow p{ display: none;}
    .social-share .social-share-icon{ width: 28px; height: 28px; line-height:28px;}
    .page_btn a.back{display: none;}
    .page_btn{ padding-top: 30px; display:block;}
    .page_btn .det_btn{ width: 100%;}
    .page_btn .det_btn.next{ text-align: left; margin-top: 15px;}
    .page_btn .det_btn.next i{ float: left; margin-left: 0; margin-right: 5px;}
    .last_news h2{font-size: 26px; margin-bottom: 20px;}
    .lastswiper li .txt span{ display: none;}
    .swiper-pagination-bullet{ width: 16px; height: 16px;}
    .swiper-pagination-bullet:after{ width:6px; height: 6px;}
}
.ctmain .tit{ text-align: center; margin-bottom:40px;}
.ctmain .tit h2{ font-size: 40px; font-weight:bold; margin-bottom: 10px;}
.ctmain .tit p{ font-size: 18px;}
.ct_box dl dt{ width: 24%; margin-right: auto; background:rgba(255,255,255,.4); border-radius:16px; padding:45px 45px 60px; text-align:center; transition:.3s ease;}
.ct_box dl dt:last-child{ margin-right:0;}
.ct_box dl dt i{ display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 40px; color: #27c20f; text-align: center; border-radius: 50%; background: #fff;transition:.3s ease;}
.ct_box dl dt h4{ color: #333;  font-size: 26px; font-weight:bold; margin: 35px 0 30px;}
.ct_box dl dt p{ line-height: 30px; height: 60px;}
.ct_box dl dt:hover{ background:#fff;}
.ct_box dl dt:hover i{ background:#27c20f; color: #fff;}
.ctmap{ border-radius: 16px; overflow: hidden;}
.ctmsg.msg_form input.fl{ width: 24%; margin-right: 1.33%;}
.ctmsg.msg_form input.fl:nth-child(4){ margin-right:0;}
.ctmsg .msgexp{ margin-top: 40px;}
.ctmsg .msgexp p a{ text-decoration: underline; margin-left:8px;}
.ctmsg .msgexp .sub{ margin-left: auto; width:300px; cursor:pointer; color:#fff; background:#27c20f url(../images/em_20.png) no-repeat 35% center; padding-left:40px; transition:.2s ease;}
.ctmsg .msgexp .sub:hover{ box-shadow:0 0 8px rgba(39,194,15,.5);}


@media (max-width: 1024px){
.ct_box dl dt{ padding: 30px 25px 40px;}
.ct_box dl dt p{ line-height: 24px; height: 72px;}
.ct_box dl dt h4{margin: 25px 0 20px;}
	
}
@media (max-width: 768px){
.ct_box dl dt{ width: 49%; margin-bottom:15px;}
.ct_box dl dt:nth-child(2n){ margin-right:0;}
.ctmsg.msg_form input.fl{ width: 100%; float: none;}
.ctmap{ display: none;}
}
@media (max-width: 540px){
.ctmsg .msgexp{display: block;}
.ctmsg .msgexp .sub{ width: 100%; margin-top: 20px;}
.ctmsg .msgexp{margin-top: 25px;}
.ctmain .tit h2{ font-size: 30px;}
.ctmain .tit{ margin-bottom: 30px;}
.ct_box dl dt i{ width: 70px; height: 70px; font-size: 28px; line-height: 70px;}
.ct_box dl dt h4{font-size: 22px; margin: 15px 0;}
}
@media (max-width: 450px){
.ct_box dl dt{ padding: 20px 15px 30px;}
.ctmain .tit p{ font-size: 16px;}
}


.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.15); }
.video_close i{ font-size: 30px; color: #fff;}

@media (max-width: 1281px){
    .video_bg{ width: 96%; left: 2%; margin-left: 0;}
    .video_box iframe{width:100%;}
}
@media (max-width: 768px){
    .video_box iframe{height:350px;}
}