@charset "utf-8";
/* CSS Document */
.index_head .top_search{ margin-left: 50px; cursor:pointer;}
.index_head .top_search i{ font-size: 26px;}
.top_search_box{ width: 0; transition:.3s ease; overflow:hidden; position: fixed; right:0; height: 100px; top: 0; background:#fff; padding:20px 0; text-align:center; z-index:99;}

.top_search_box form{ width: 60%; display: inline-block;}
.top_search_box input.fl{ line-height: 60px; background: #f5f5f5; padding-left: 15px; width:80%;}
.top_search_box input.search_sub{ width: 17%; background:#00aac7; color:#fff; cursor:pointer; text-align:center; line-height:60px;}
.top_search_box input.search_sub:hover{ text-decoration:underline;}
.top_search_box .close{ position: fixed; right: 5%; top:35px; z-index:11; cursor:pointer; display:none;}
.top_search_box .close i{ font-size: 30px; line-height: 30px;}
.top_menu{ height: 90px; width: 90px; text-align: center; cursor: pointer; border-left: 1px solid rgba(0,0,0,.2)}
.top_menu i{ line-height: 90px; font-size: 30px; color: #333;}
.index_head.typea:not(.typeanot) .top_menu i{ color: #fff;}
.index_head.typea:not(.typeanot) .top_menu{ border-left: 1px solid rgba(255,255,255,.2);}
.index_head.typea:not(.typeanot):hover .top_menu i{ color: #333;}
.index_head.typea:not(.typeanot):hover .top_menu{ border-left: 1px solid rgba(0,0,0,.2);}
.camp_menu{ width: 100%; position: fixed; background: #fff; padding: 80px 0;z-index: 999; top: 0; display: none; }
.camp_menu .c-flex{ align-items: flex-start;}
.menu_item h3{ font-size: 26px; margin-bottom: 30px;}
.menu_item a{ display: block; line-height: 40px; font-size: 16px; }
.menu_item a:hover{ color: #e11404;}
.menu_item1{ width: 50%;}
.menu_item1 ul{ display: flex;}
.menu_item1 ul .line{ width: 1px; height: 200px; background: #ddd; margin: 0 auto;}
.menu_item1 ul li{ margin-right: auto;padding: 0 30px;}
.menu_item1 ul li .fircol{ font-size: 18px; color: #333; font-weight: bold;}
.menu_item2,.menu_item3{ margin-left: auto;}
.menu_item3 p{ line-height: 40px;}
.menu_item3 p b{ color: #333;}
.menu_item3 p.qr{ font-size: 14px;}
.menu_item3 p.qr img{ max-width: 120px;}
.camp_menu .close{ position: absolute; top: 50px; right: 50px; color: #666; font-size: 30px; cursor: pointer;}
.camp_menu .close i{ font-size: 30px;}

.kjfw_xiala{ position: fixed; width: 100%; background:#fff; left:0; top:90px; opacity:0; height:0; transition: .6s ease; overflow:hidden;} 
.kjfw_xiala ul{ padding: 40px 0; align-items:flex-start;}
.index_head .nav .kjfw_xiala ul li{ float: none; margin-right:auto; height:auto; line-height:40px;}
.kjfw_xiala ul li:last-child{ margin-right:0;}
.index_head .nav li:nth-child(2):hover .kjfw_xiala{ opacity:1; height:auto; border-top:1px solid rgba(0,0,0,.1);}
.index_head .nav .kjfw_xiala ul li a{ font-size: 16px; color:#333!important;}
.index_head .nav .kjfw_xiala ul li a:hover{ color:#00aac7!important;}
.index_head .nav li:nth-child(2) .tsec_nav{ display:none;}
.tsec_nav{ background: #fff; padding: 0 30px; left:-50px; position:absolute; height:0; overflow:hidden; transition: .3s ease; }
.index_head .nav li .tsec_nav a{ line-height: 50px; border-bottom:1px dashed #ddd; font-size:16px; color:#333!important; min-width:150px;}
.tsec_nav a:last-child{ border:none;}
.index_head .nav li:hover .tsec_nav{ height:auto;}
.index_head .nav li .tsec_nav a:hover{ color:#00aac7!important;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: 4%; bottom: 80px;}
.svg-swiper-pagination .swiper-pagination-bullet{background: transparent;opacity: 1;position: relative;width: 38px;height: 38px;outline: none;}
.svg-swiper-pagination .swiper-pagination-bullet:after{content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 38px;height: 38px;border-radius: 50%;transition: opacity .3s;background: url(../images/ic12.png) no-repeat center;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: url(../images/ic13.png) no-repeat center;background-size: cover;width: 38px;height: 38px;}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2{-webkit-animation: svgCircleAnmi 6s linear forwards;animation: svgCircleAnmi 6s linear forwards}
.svg-swiper-pagination .svg{width: 38px;height: 38px;transform: rotate(-90deg);opacity: 0;transition: opacity .5s;display: block;}
.svg-swiper-pagination .swiper-pagination-bullet .svg{opacity: 1;}
.svg-swiper-pagination .circle1{/*stroke: #999;*/}
.svg-swiper-pagination .circle2{stroke: #fff;stroke-dasharray: 0 339;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.bannerswiper span.iconfont{font-size: 14px;color: #fff;}
.bannerswiper .page .swiper-num{position: absolute;z-index: 2;bottom: 74px;right: 4%;color: #fff; font-size: 20px;}
.bannerswiper .page .prne{width: 40px;position: absolute;bottom: 70px;right: 9%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}
.bannerswiper .page .swiper-pagination{position: absolute;bottom: 64px;left: 8%;z-index: 3;}
.bannerswiper .page .active{ font-size: 40px; font-weight: bold;}
.bannerswiper .banner-towrap{position: absolute;bottom: 42px; left: 50%; z-index: 2;margin-left: -24px;}
.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: 1px solid #FFFFFF; background-color: transparent;z-index: 9;margin: auto; color: #fff; position: relative; height: 30px; width: 20px; text-align: center; border-radius: 10px;}
.bannerswiper .banner-to i{ animation: downico 1.5s ease-out infinite;position: absolute; width: 3px; height: 3px; background: #fff; margin-left: -1px;}
@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 .b-trext{position: absolute; width: 100%; top: 70%; }
.sy-ban .b-trext h3{font-size: 56px; line-height: 72px; color: #fff;display: block; margin-bottom: 20px; width: 50%;}
.sy-ban .b-trext .more_btn{ margin-top: 50px;}
.sy-ban .b-trext p{ color: #fff; font-size: 15px; width: 50%;}
.sy_item_tit{ text-align: center; margin-bottom: 30px; color: #333;}
.sy_item_tit h3{ display: inline-block; font-size: 44px; line-height: 44px; height: 44px; padding: 0 25px; background: url(../images/titbg_03.png) no-repeat left bottom,url(../images/titbg_03.png) no-repeat right bottom;}
.sy_item_tit p{ font-size: 18px; margin-top: 10px;}

.sy_pro_list ul li{ float: left; margin-right: 1%; width: 24%; transition: .3s ease; border-radius: 16px; overflow: hidden; position: relative; height: 610px; cursor: pointer;}
.sy_pro_list ul li .syproimg{ width: 100%; height: 100%; object-fit: cover;}
.sy_pro_list ul li:nth-child(3){ margin-right: 0;}
.sy_pro_list ul li.on{ width: 50%;}
.sy_pro_list ul li .sy_pro_txt{ position: absolute; left: 40px; bottom: 60px; color: #fff;}
.sy_pro_txt .pro_tit{ margin: 10px 0 0;}
.sy_pro_txt .pro_tit p{ font-size: 26px; margin-bottom: 5px;}
.sy_pro_txt .shhid{ display: none; transition: .3s ease;}
.sy_pro_txt .cir{ margin: 20px 0 30px;}
.sy_pro_txt .sy_pro_li{ height: 24px; overflow: hidden;}
.sy_pro_txt .sy_pro_li img{ height: 20px; margin-right: 10px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_pro_txt .sy_pro_li a{ color: #fff; font-size: 18px; display: inline-block; margin-right: 40px;}
.sy_pro_txt .sy_pro_li a:hover{ color: #00aac7;}
.sy_pro_txt .sy_pro_li a:hover img{ filter: none;}
.sy_pro_list ul li.on .sy_pro_txt .shhid{ display: block;}

.pt_left{ width: 68%; position: relative;}
.pt_img .imgfdd{ display: none;}
.pt_img .imgfdd img{ height: 900px;}
.pt_right{ width: 32%; padding: 160px 90px 150px 60px; position: relative;}
.pt_nav{ position: absolute; width: 100%; background: rgba(73,73,73,.6); left: 0; bottom: 0;}
.pt_nav ul li{ text-align: center; width: 33.3%; float: left; padding: 40px 0 35px;}
.pt_nav ul li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); height: 44px; }
.pt_nav ul li p{ font-size: 18px; margin-top: 10px; color: #fff;}
.pt_nav ul li:hover,.pt_nav ul li.on{ background: #00aac7;}
.pt_right b{ display: block; font-weight: normal; color: #333; font-size: 32px; margin: 35px 0;}
.pt_right .cir{ color: #00aac7; margin-bottom: 30px;}
.pt_right .more_btn{ margin-top: 70px;}
.pt_right .pt_txt{ display: none;}
.pt_right .pt_txt span{ font-weight: bold;position: absolute; font-size: 130px; color: #e4e6e7; top: 120px; right: 10%;}
.pt_right b.num{ position: absolute;; font-size: 130px; color: #e4e6e7; font-weight: bold; top:90px; right:90px;  font-family:arial!important;}




.sy_item_tit.white h3{ color: #fff;  background: url(../images/titbgw_03.png) no-repeat left bottom,url(../images/titbgw_03.png) no-repeat right bottom;}
.sy_item_tit.white p{ color: #fff;}
.hb_list ul li{ float: left; width: 16%; margin-right: 0.8%; margin-bottom: 30px; text-align: center;}
.hb_list ul li:nth-child(6n){ margin-right: 0;}
.hb_list ul li .box{ display: inline-block; width: 150px; height: 150px; border-radius: 15px; background: #fff; padding-top: 20%;}
.hb_list ul li .box .imgfdd{ width: 50%; display: inline-block; overflow: visible; }

.sy_ab_left{ width: 28%;}
.sy_ab_right{ width: 67%;}
.sy_ab_left h3{ font-size: 32px;}
.sy_ab_left .more_btn{ margin: 50px 0;}
.sy_number{ width: 80%;}
.sy_number ul li{ margin-bottom: 40px;}
.sy_number ul li .num_txt{ margin-right: auto;}
.sy_number ul li .num_txt h4{ font-size: 26px;}
.sy_number ul li .num_txt b{ font-size: 90px; line-height: 80px; font-family: teko; display: inline-block;}
.sy_number ul li .num_icon img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.sy_number ul li:hover .num_icon img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.sy_ab_right p{ font-size: 16px;}
.sy_ab_right .imgfdd{margin-top: 40px; border-radius: 16px; }
.h_h{ height: 90px;}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ny_ban_txt{ position: absolute; top: 40%; left: 0; width: 100%;color: #fff;}
.ny_ban_txt h3{ font-size: 48px; color: #fff; margin-bottom: 5px; text-align: center;}
.posi{ font-size: 14px; line-height: 65px; margin-right: auto;}
.posi i{ font-size: 14px; color: #00aac7; margin-right: 5px;}
.posi a{ color: #666;}
.posi a:last-child{ color: #333;}
.ny_nav a{ display: inline-block; margin-left: 80px; line-height: 66px; position: relative; font-size: 16px;}
.ny_nav a:after{ position: absolute; width: 0; height: 3px; background: #00aac7; content: ''; bottom: 0; left: 0; transition: .2s ease;}
.ny_nav a.on,.ny_nav a:hover{ color: #00aac7;}
.ny_nav a.on:after,.ny_nav a:hover:after{ width: 100%;}

.com_txt{ width: 48%;}
.com_txt .com_tit h3{ font-size: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 15px;}
.com_txt .com_tit h3:after{ position: absolute; content: ''; background: #00aac7; height: 3px; width: 90px; left: 0; bottom: 0;}
.com_txt .com_tit{margin-bottom: 30px;}
.com_txt p{ font-size: 16px;}
.ab_company .imgfdd{ width: 48%; border-radius: 12px;}
.ab_number dl .line{ height: 60px; width: 1px; background: rgba(255,255,255,.4); margin: 0 auto;}
.ab_number dl dt{ color: #fff; width: 18%;}
.ab_number dl dt img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.ab_number dl dt:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ab_number dl dt b{ font-size: 90px; line-height: 80px; font-family: teko; display: inline-block;}
.ab_number dl dt h4{ font-size: 26px;}
.ab_number dl dt p{ font-size: 16px;}
.ab_number dl dt .abnum_icon{ margin-left: auto;}
.ab_number dl .line:last-child{ display: none;}
.about_tit{margin-bottom: 30px;}
.about_tit h3{ font-family: Arial!important; font-size: 50px; margin-bottom: 10px;}
.about_tit p{ display: inline-block; font-size: 24px; line-height: 24px; height: 24px; padding: 0 15px; border-left: 4px solid #00aac7; border-right: 4px solid #00aac7;}
.ab_service .about_tit{ text-align: center;}
.abser_list ul li{ float: left; position: relative; width: 32%; margin-right: 2%; border-radius: 16px; overflow: hidden;}
.abser_list ul li .imgfd{ padding-top: 125%;}
.abser_list ul li:last-child{ margin-right: 0;}
.abser_list ul li .abser_tit{ position: absolute; width: 100%; text-align: center; color: #fff; line-height: 70px; height: 70px; overflow: hidden; left: 0; bottom: 0; transition: 0.2s ease; z-index: 3;}
.abser_list ul li .ab_ser_txt{ position: absolute; width: 100%; height: 0; left: 0; bottom: 0; overflow: hidden; transition: .3s ease; background: rgba(0,168,197,.8); padding: 0 30px; z-index: 4; text-align: center; color: #fff;}
.abser_list ul li h2{ font-size: 22px; color: #fff;}
.abser_list ul li .ab_ser_txt h2{ margin-top: 130px;}
.abser_list ul li .cir{ margin: 15px 0 25px;}
.abser_list ul li p{ font-size: 16px;}
.abser_list ul li .more_btn{ margin-top: 60px;}
.abser_list ul li:hover .abser_tit{ height: 0;}
.abser_list ul li:hover .ab_ser_txt{ height: 100%;}
.cul_left,.cul_right{width: 50%;}
.cul_left .left_top{ height: 400px; padding-top: 100px;}
.cul_left .left_top .about_tit p{ border-right: none;}
.cul_left .left_bottom{ border-bottom-left-radius: 16px; border-top-left-radius: 16px; overflow: hidden; position: relative;}
.cul_txt{ padding: 30px 30px 0;}
.cul_left .left_bottom .cul_txt{ padding: 70px 60px 0; color: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.cul_txt .cul_tit .cul_bt{ margin-right: auto;}
.cul_txt .cul_tit{ margin-bottom: 30px;}
.cul_bt b{ font-family: Arial!important; font-size: 32px; color: #e1e1e1;}
.cul_bt h4{ font-size: 26px; margin-top: 10px;}
.cul_left .left_bottom .imgfd{ padding-top: 50%;}
.cul_txt p{ font-size: 16px;}
.cul_txt img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.cul_left .left_bottom:hover .cul_txt img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.cul_left .left_bottom .cul_txt p i{ margin-right: 10px;}
.cul_right{ border-radius: 16px; overflow: hidden; border-bottom-left-radius: 0;}
.cul_right .cul_item{ height: 400px; background: #f3f5f6;}
.cul_right .cul_item .cul_img,.cul_right .cul_item .cul_txt{ width: 50%; float: left;}
.cul_right .cul_item:first-child .cul_txt{ float: right;}
.cul_right .cul_item:last-child .cul_img{ float: right;}
.cul_right .cul_item .imgfd{ padding-top: 100%;}
.cul_right .cul_item:last-child{ background: #00a8c5;}
.cul_right .cul_item:last-child .cul_bt h4{ color: #fff;}
.cul_right .cul_item:last-child .cul_bt b{ color: #01b2d1;}
.cul_right .cul_item:last-child p{ color: #fff;}
.cul_right .cul_item:hover .cul_txt img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ab_phil{ border-radius: 16px; overflow: hidden; background: #f4f4f4;}
.ab_phil .phi_left{ width: 50%;}
.ab_phil .phi_txt{ width: 50%; padding: 100px 50px 0;}
.ab_phil .phi_txt .about_tit p{ padding-left: 0; border-left: none;}
.ab_phil .phi_txt p{ font-size: 16px;}
.mainh{ height: 70px;}

.ab_hzhb{ position: relative;}
.swiper-button-next:after, .swiper-button-prev:after{ display: none;}
.ab_hzhb .swiper-button-next,.ab_hzhb .swiper-button-prev{ bottom:300px;}
.ab_hzhb .swiper-button-next{ right: 3%;}
.ab_hzhb .swiper-button-prev{ left: 3%;}
.ab_hzhb .about_tit{text-align: center;}
.ab_ywfw .imgfdd{ width: 50%;}
.ab_ywfw .yw_txt{ padding-left: 2%; padding-top: 80px; width: 46%;}
.ab_ywfw .yw_txt .about_tit p{ border-right: none;}
.ab_ywfw .yw_txt .more_btn{ margin-top: 70px;}

.ab_honor{ position: relative;}
.ab_honor .about_tit{ text-align: center;}
.ab_honor ul li{ background: #fff; padding: 10px; border-radius: 6px; overflow: hidden;}
.ab_honor ul li .imgfd{ padding-top: 143%;}
.ab_honor .swiper-button-next,.ab_honor .swiper-button-prev{ bottom: 35%;}
.ab_honor .swiper-button-prev{ left: 4%;}
.ab_honor .swiper-button-next{ right: 4%;}

.item_top{ align-items: flex-end; margin-bottom: 30px;}
.item_top .about_tit{ margin-right: auto; margin-bottom: 0;}
.item_top .ny_news_nav a{ display: inline-block; line-height: 48px; width: 150px; text-align: center; border-radius: 24px; background: #fff; font-size: 16px; margin-left: 30px;}
.item_top .ny_news_nav a.on,.item_top .ny_news_nav a:hover{ background: #00aac7; color: #fff;}
.ny_news_list ul li{ background: #fff; border-radius: 16px; overflow: hidden; margin-bottom: 30px;}
.ny_news_list ul li .ny_news_txt{ padding: 25px;}
.ny_news_txt h2{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden;}
.ny_news_txt p{ font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0; color: #666;}
.ny_news_txt span{ font-size: 14px; display: inline-block; line-height: 32px;}
.ny_news_txt .cloname{ padding: 0 15px; color: #333; border-bottom-right-radius: 3px; background: #f7f7f7;}
.ny_news_list ul li:hover{ background: #00aac7; color: #fff;}
.ny_news_list ul li:hover .ny_news_txt h2,.ny_news_list ul li:hover .ny_news_txt p,.ny_news_list ul li:hover .ny_news_txt span{ color: #fff;}
.ny_news_list ul li:hover span.cloname{ color: #333;}

.all_right{border-radius: 500px;position: fixed;z-index: 999;right: 20px;top: 26%;}
.all_right li{background: #00aac7;width: 75px;height: 80px;border-bottom: 1px solid rgba(255,255,255,.4);text-align: center;font-size: 14px;color: #fff;position: relative;}
.all_right li:first-child{border-top-left-radius: 500px;border-top-right-radius: 500px;}
.all_right li:last-child{border-bottom: none;border-bottom-left-radius: 500px;border-bottom-right-radius: 500px;}
.all_right li .ic{display: block;margin: 0 auto;padding: 16px 0 4px;}
.all_right li a{color: #fff;display: block;}
.all_right li:hover{cursor: pointer;background: #2b8392;}
.all_right li .ewm{position: absolute;top: 0;right: 75px;padding: 4px;background: #fff;max-width: 120px;display: none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.all_right li:hover .ewm,.all_right li:hover p{display: block;transition: all .3s;}
.all_right li p{position: absolute;top: 0;right: 75px;height: 80px;line-height: 22px;background: #fff;font-size: 14px;color: #fff;white-space: nowrap;text-align: right;padding-top: 16px;padding-left: 40px;padding-right: 30px;background: #666;display: none;transition: all .3s;}
.all_right li p i{font-family: Arial;font-size: 18px;display: block;font-weight: bold;display: block;}

.main_left{ width: 22%;}
.main_right{ width: 75%;}
.left_nav_box .left_nav_item a{ color: #666;}
.inactive{ line-height: 70px; color: #fff; background: #fff; border-left: 6px solid #00aac7;padding-left: 10px; padding-right: 10px; color: #333; font-size: 20px; overflow: hidden;}
.inactive.on,.inactive.act{ background: #00aac7;}
.inactive.on a,.inactive.act a{ color: #fff;}
.inactive.on i,.inactive.act i{ color: #fff;}
.left_nav_box .left_nav_item .inactive a{ color: #333; display:inline-block; width:calc( 100% - 25px );}
.left_nav_box .left_nav_item .inactive.on a,.left_nav_box .left_nav_item .inactive.act a{ color: #fff;}
.inactive i.jj{ cursor: pointer; margin-left: auto;font-size: 22px;}
.inactive i.reduce{ display: none;}
.inactive.on i.reduce{ display: inline-block;}
.inactive.on i.plus{ display: none;}
.left_nav_item{ margin-bottom: 20px; border-radius:4px; overflow:hidden;}
.left_nav_item ul{ padding:0 15px;}
.left_nav_item ul li{ border-bottom: 1px solid #e4e4e4;}
.left_nav_item ul li.on a{color: #00aac7;}
.left_nav_item ul li:last-child{ border: none;}
.left_nav_item ul li a{ line-height: 66px;}
.left_nav_item ul li i{ float: right; line-height: 66px;}
.left_nav_item ul{ display: none; background: #fff;}
.left_nav_item ul li:hover a{ color: #00aac7;}
.news_left_nav.left_nav_item ul{ display: block;}
.news_left_nav ul li.on a{ color: #00aac7;}
.news_left_nav .inactive{ color: #fff;}
.news_left_nav ul li a{ display: block;}
.hot_news{ margin-top: 40px;}
.hot_news h3{ font-size: 20px;}
.hot_news ul li{ margin-top: 20px;}
.hot_news ul li .hot_news_txt{ padding: 20px 0;}
.hot_news ul li .hot_news_txt p{ margin-top: 10px; height: 30px; overflow: hidden;}
.hot_news ul li .hot_news_txt span{ font-size: 14px;}
.hot_news ul li:hover p{ color: #00aac7;}
.newsshow{ background: #fff; padding: 70px 50px; border-radius:8px;}
.newsshow h1{ font-size: 36px;}
.newsshow .news_info{ padding: 40px 0; border-bottom: 1px solid #efefef; font-size:16px;}
.newsshow .news_info p.source{ margin: 0 auto;}
p.source span{ color: #00aac7;}
.newsshow .news_info i{ margin-right: 5px;}
.show_content{ padding: 40px 0; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.show_content img{ max-width: 100%!important;}
.page_btn{ color: #717171; margin-top: 30px; font-size:16px;}
.page_btn .back{ margin: 0 auto ;}
.page_btn .next{ text-align: right;}
.page_btn .back i{ margin-right: 5px;}
.page_btn .back a,.page_btn a:hover{ color: #00aac7;}

.jion_list ul li{ background: #fff; border-radius: 16px; overflow: hidden; margin-bottom:20px;}
.jion_list ul li .jion_tit{ line-height:38px; padding:45px 65px; cursor:pointer;}
.jion_list ul li .jion_tit.on,.jion_list ul li .jion_tit:hover{ background: #00aac7; color:#fff;}
.jion_list ul li .jion_tit i{ font-size: 26px; }
.jion_list ul li .jion_tit p:first-child{width:30%;}
.jion_list ul li .jion_tit p:first-child i{ color:#00aac7; margin-right: 10px; float:left; }
.jion_list ul li .jion_tit.on p:first-child i,.jion_list ul li .jion_tit:hover p:first-child i{ color:#fff;}
.jion_list ul li .jion_tit p:nth-child(2),.jion_list ul li .jion_tit p:nth-child(3),.jion_list ul li .jion_tit p:nth-child(4){ width:20%;}
.jion_list ul li .jion_tit .more{ display: inline-block; width:38px; height:38px; text-align:center; border-radius:50%; border:1px solid #b6b6b6; margin-left:auto; background:#fff;}
.jion_list ul li .jion_tit.on .more{ transform: rotate(180deg);}
.jion_list ul li .jion_tit .more i{ font-size: 20px; color:#333;}
.jion_txt{ display:none;overflow:hidden; transition: .3s ease; padding:0 65px;}
.jion_txt .respon,.jion_txt .demand{ width: 48%;}
.jion_txt  h3{ font-size: 20px; color: #00aac7; margin-bottom:15px; margin-top:55px;}
.jion_txt p{ font-size: 16px; color: #666;}
.jion_bottom{border-top: 1px solid #eeeeee; padding: 35px 0 55px;}
.jion_bottom{ line-height: 58px; font-size:16px;}
.jion_bottom a{ font-weight:bold; display: inline-block; float: right; margin-left: 10px; padding:0 30px; color:#fff;background:#00aac7; border-radius:29px;}
.jion_bottom i{ margin-right: 5px;}

.jz_btn{ margin-top: 50px; text-align: center;}

.join_welfare{ text-align: center;}
.join_welfare .wel_tit{ width: 70%; margin: 0 auto 30px;}
.wel_tit h3{font-size: 40px;}
.wel_tit p{ font-size: 16px; margin-top:20px;}
.wel_list ul li{ float: left; width: 19%; margin-right: 1.25%; padding: 80px 45px 40px;background: linear-gradient( to top,rgba(255,255,255,.15),rgba(255,255,255,1)); border-radius:16px;}
.wel_list ul li:nth-child(5){ margin-right:0;}
.wel_list ul li p{ font-size: 16px; line-height: 30px; height: 60px; margin-top:30px;}
.wel_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.wel_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ny_news_nav span i{ font-size: 20px; color: #00aac7; margin-right:5px;}
.item_top .jion_nav a{ width: 110px;}

.contact_box .about_tit{ text-align: center;}
.contact_box ul li{ float: left; width: 24%; margin-right: 1.33%; padding: 40px 70px; background:#fff; border-radius:16px; text-align: center; }
.contact_box ul li:nth-child(4){margin-right: 0;}
.contact_box ul li .con_icon{ width: 130px; height: 130px; line-height: 130px; border-radius: 50%; border: 1px solid #dedede; color: #333; font-size: 30px; display: inline-block;}
.contact_box ul li .con_icon i{ font-size: 50px;}
.contact_box ul li h4{ font-size: 20px; margin: 30px 0 0;}
.contact_box ul li p{height: 60px;}
.contact_box ul li .con_qr{ margin-top: 40px;}
.contact_box ul li .con_qr img{  width: 110px;}
.contact_box ul li:hover{ background: #00aac7; color: #fff;}
.contact_box ul li:hover .con_icon{ border-color: #fff; color: #fff;}
.contact_box ul li:hover h4{color: #fff;}
.contact_box ul li .line{ display: inline-block; width: 60px; height: 3px; background: #00aac7; margin:15px 0 10px;}
.contact_box ul li:hover .line{ background:#fff;}
.con_msg .about_tit{ text-align: center;}
.con_msg .formbox input,.con_msg .formbox textarea{line-height: 50px; width:100%; border-bottom:1px solid #e7e7e7; font-size:16px; background:none;}
.con_msg .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom:40px;}
.con_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.con_msg p.exp{ font-size: 16px; color: #a3a3a3; margin: 15px 0;}
.con_msg .sub{ display: block; width:500px; text-align:center; margin:20px auto 0; background:#00aac7; line-height:62px; border-radius:31px; color:#fff; cursor:pointer; }
.con_msg .sub:hover{ background:#2b8392;}

.tech_nav a{ margin-left: 50px;}
.ny_technology{position: relative;}
.ny_technology .tech_box{ position: relative; border-radius: 16px; overflow: hidden;}
.ny_technology .tech_box .tech_txt{  position:absolute;width:100%; left:0; bottom:30px; padding:0 30px; color:#fff;}
.tech_txt .tech_tit{ margin-right: auto;}
.tech_txt .tech_tit p{ font-size: 24px; }
.tech_txt .tech_tit span{ font-size: 14px; text-transform: uppercase;}
.tech_txt .more{ font-size: 16px;}
.ny_technology ul li .imgfd{ padding-top: 63.7%;}
.ny_technology ul li:first-child .imgfd{padding-top:133%;}
.ny_technology ul li .tech_box:first-child{ margin-bottom:30px;}
.ny_technology .swiper-button-prev,.ny_technology .swiper-button-next{ bottom: 50%;}
.ny_technology .swiper-button-prev{ left: 4%;}
.ny_technology .swiper-button-next{ right: 4%;}

.tech_show{ background: #fff; border-radius: 8px; padding:65px 50px;}
.tech_show_top{ line-height: 44px; border-bottom:1px solid #e6e6e6;}
.tech_show_top h1{font-weight: normal; font-size:26px; margin-right:auto;}
.tab_box span{ display: inline-block; width: 130px; text-align: center; font-size: 16px; background:#e6e6e6; border-top-right-radius:8px; border-top-left-radius:8px; margin-left:30px; cursor:pointer;}
.tab_box span.on,.tab_box span:hover{ background: #00aac7; color: #fff;}
.tech_content{ border: none;}
.back_btn{ display: block;width: 100%; text-align: center; line-height:44px; font-size:14px; border-radius:8px; background:#f5f5f5;}
.back_btn:hover{ background:#00aac7; color: #fff;}
.tech_content .tech_item{ display: none;}
.techshow_nav{ display: none;}
.tech_content h4{ font-size: 20px; color: #00aac7; margin-bottom:20px;}
.tech_content p{ font-size: 16px; text-indent:32px;}




.edit_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom:40px; position:relative; border-radius:16px; overflow:hidden;}
.edit_list ul li:nth-child(2n){ margin-right:0;}
.edit_list ul li .imgfd{ padding-top: 49%;}
.edit_list ul li .edit_txt{ position: absolute; height: 100%; width:70%; padding:80px 0 0 50px; color:#fff; left:0; top:0;}
.edit_txt h2{ font-size: 24px; color: #fff;}
.edit_txt p{ font-size: 16px; line-height: 30px; height: 60px; margin: 25px 0 50px;}

.ai_left,.ai_right{ width: 50%;}
.aibox{ background: #fff url(../images/aibg_08.jpg) no-repeat right bottom;; border-radius: 16px; overflow: hidden;}
.ai_right{padding: 80px 55px 0;}
.ai_right h2{ font-size: 36px;}
.ai_right p{ font-size: 16px; margin:55px 0 80px;}
.ai_left .imgfd{ padding-top: 67.5%;}

.share_list .about_tit{ text-align: center;}
.share_list ul li a{ background: #fff; border-radius: 16px; overflow: hidden; margin-bottom:30px; padding:30px 50px 30px 30px;}
.share_list ul li .share_img{ width: 28%;}
.share_list ul li .share_txt{ width: 60%; margin-left: 3%;}
.share_txt h2{ font-size: 22px;}
.share_txt p{ font-size: 16px; height: 60px; overflow: hidden; margin:15px 0 40px;}
.share_list ul li .more{ width: 62px; height: 62px; border-radius: 50%; line-height: 62px; text-align: center; border:1px solid #adadad; margin-left:auto;}
.share_list ul li .more i { font-size: 22px;}
.share_list ul li .date{ font-size: 16px;}
.share_list ul li:hover h2{ color:#00aac7;}
.share_list ul li:hover .more{ border-color:#00aac7; background: #00aac7; color: #fff;}
.shareshow{ width: 100%;}
.shareshow h1{ text-align: center;}

.faq_list ul li{ width: 49%; float:left; margin-right: 2%; margin-bottom:30px; background:#fff; border-radius:8px; overflow:hidden;}
.faq_list ul li:nth-child(2n){ margin-right:0;}
.faq_list ul li .faq_tit{ padding: 30px 45px; cursor:pointer;}
.faq_list ul li .faq_tit p{ max-width: 90%;}
.faq_list ul li .faq_tit.on,.faq_list ul li .faq_tit:hover{background:#00aac7; color: #fff;}
.faq_list ul li .faq_tit span{ display: inline-block;}
.faq_list ul li .faq_tit span.xiala{ width: 38px; height: 38px; line-height: 38px; text-align: center; margin-left:auto; border-radius:50%; border:1px solid #adadad; background:#fff; }
.faq_list ul li .faq_tit span.xiala i{ font-size: 20px;}
.faq_list ul li .faq_tit span.wh i{ font-size: 24px; margin-right: 10px;}
.faq_list ul li .faq_tit.on span.xiala i,.faq_list ul li .faq_tit:hover span.xiala i{ color:#333;}
.faq_list ul li .answer{ padding: 40px 45px; display:none;}
.faq_list ul li .answer p{ font-size: 16px;}
.faq_list ul li .faq_tit.on span.xiala{ transform: rotate(180deg);}

.suggest_nav_box .left_nav_item .inactive{font-weight: bold;}
.suggest_nav_box .left_nav_item ul{ display: block;}
.suggest_nav_box .left_nav_item ul li p{ line-height: 66px; cursor:pointer;}

.suggest_nav_box .left_nav_item ul li p:hover{ color:#00aac7;}
.suggest_nav_box .sec_nav{ display: none;}
.suggest_nav_box .sec_nav a{ display: block; font-size:16px; line-height: 42px; margin-bottom:5px; border-bottom:1px solid #ededed; color:#666;}
.suggest_nav_box .sec_nav a i{ margin-right: 10px; float:none;}
.suggest_nav_box .sec_nav a:last-child{ border:none;}
.suggest_nav_box .left_nav_item ul li:hover p{ color:#333;}
.suggest_nav_box .left_nav_item ul li p.on,.suggest_nav_box .left_nav_item ul li p:hover{ color: #00aac7;}
.suggest_nav_box .left_nav_item ul li p.on i,.suggest_nav_box .left_nav_item ul li p:hover i{ transform: rotate(90deg);}
.suggest_nav_box .left_nav_item ul li:hover a{ color:#666;}
.suggest_nav_box .left_nav_item ul li .sec_nav a:hover,.suggest_nav_box .left_nav_item ul li .sec_nav a.on{ color:#00aac7; border-color:#00aac7;}

.sugg_list li{ background: #fff; margin-bottom: 30px; border-radius: 12px; overflow: hidden; padding: 30px 35px;}
.sugg_list li .sugg_img{ width: 25%; margin-right:auto;}
.sugg_list li .sugg_txt{ width: 72%;}
.sugg_list li .sugg_txt h2{ font-size: 20px;}
.sugg_list li .sugg_txt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin:20px 0 30px;}
.sugg_list li .sugg_txt span{ font-size: 16px; color: #999;}
.sugg_list li:hover{ background:#00aac7; color:#fff;}
.sugg_list li:hover h2{ color:#fff;}
.sugg_list li:hover .sugg_txt span,.sugg_list li:hover .sugg_txt p{ color:#fff;}














@media (max-width: 1700px){
	.top_menu{ display: none;}
}


@media (max-width: 1600px){
	.sy-ban .b-trext h3{ font-size: 50px; line-height: 60px;}
	
}

@media (max-width: 1441px){
	.sy_pro_txt .sy_pro_li a{ margin-right: 20px;}
	.pt_img .imgfdd img{height: 670px;}
	.pt_right{ padding: 100px 60px 80px 40px;}
	.hb_list ul li .box{ width: 160px; height: 160px; padding-top: 10%;}
	.sy_ab_left h3{ font-size: 28px;}.com_txt .com_tit h3{ font-size: 36px;}
	.ab_number dl dt b{ font-size: 80px; height: 80px;}
	.cul_left .left_bottom .cul_txt{ padding: 40px 30px 0;}
	.cul_bt b{ font-size: 28px;}
	.cul_bt h4{ font-size: 24px;}
	.cul_txt .cul_tit{ margin-bottom: 20px;}
	.cul_left .left_bottom .imgfd{ height: 340px;}
	.cul_left .left_top{ height: 340px;}
	.cul_right .cul_item{ height: 340px;}
	.cul_txt{ padding: 20px 20px 0;}
	.cul_txt p{ font-size: 14px;}
	.item_top .ny_news_nav a{width: 130px; line-height: 40px; border-radius: 20px;}
	.pt_right .pt_txt span{ font-size: 100px; top: 60px;}
	.newsshow h1{ font-size: 30px;}
	.wel_list ul li{ padding: 50px 30px 30px;}
	.jion_list ul li .jion_tit{ padding: 35px 50px;}
	.jion_txt{ padding: 0 50px;}
	.tech_show{ padding: 40px 30px;}
	.tech_show_top h1{ font-size: 24px;}
	.tab_box span{ width: 120px;}
	.edit_list ul li .edit_txt{ padding-top: 50px;}
	.ai_right p{ margin: 40px 0 60px;}
	.pt_right b.num{ font-size: 100px; top:80px; margin:0; right:30px;}
}

@media (max-width: 1281px){
	.index_head .nav li a{ font-size: 16px;}
	.sy-ban .b-trext h3{ font-size: 44px; line-height: 54px;}
	.sy-ban .b-trext .more_btn{ margin-top: 30px;}
	.sy-ban .svg-swiper-pagination{ bottom: 40px;}
	.bannerswiper .banner-towrap{ bottom: 20px;}
	.bannerswiper .page .swiper-num{ bottom: 40px;}
	.sy_pro_list ul li{ height: 480px;}
	.sy_pro_list ul li .sy_pro_txt{ left: 30px;}
	.sy_pro_txt .sy_pro_li a{ font-size: 16px;}
	.sy_pro_txt .pro_tit p{ font-size: 22px;}
	.sy_pro_list ul li .sy_pro_txt .pro_icon img{ height: 40px;}
	.sy_pro_txt .sy_pro_li img{ height: 18px;}
	.sy_item_tit h3{ font-size: 36px; line-height: 36px; height: 36px;}
	.pt_img .imgfdd img{ height: 600px;}
	.pt_nav ul li{padding: 20px 0;}
	.pt_right{ padding: 60px 30px 0 30px;}
	.pt_icon img{ height: 60px;}
	.pt_right b{ font-size: 26px; margin: 25px 0;}
	.sy_number ul li .num_txt b{ font-size: 74px; line-height: 64px;}
	.sy_ab_left .more_btn{ margin: 35px 0;}
	.ab_number dl dt{ width: 20%;}
	.ab_number dl dt b{ font-size: 70px; line-height: 70px; height: 70px;}
	.ab_number dl dt img{ height: 40px;}
	.abser_list ul li .ab_ser_txt h2{ margin-top: 70px;}
	.cul_left, .cul_right{ width: 100%; float: none;}
	.cul_left{ overflow: hidden;}
	.cul_left .left_top{ height: 350px; padding-top: 60px; float: left; width: 50%;}
	.cul_left .left_bottom{ width: 50%; float: right; border-radius: 16px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.cul_left .left_bottom .imgfd{ height: 350px;}
	.cul_right .cul_item{ height: 350px;}
	.cul_right .cul_item .imgfd{ height: 350px; padding-top: 50%;}
	.cul_right{border-bottom-left-radius: 16px;; border-top-right-radius: 0;}
	.cul_txt{ padding: 40px 30px 0;}
	.ab_phil .phi_txt{ padding: 70px 40px 0;}
	.about_tit h3{ font-size: 40px;}
	.about_tit p{ font-size: 22px; line-height: 22px; height: 22px;}
	.ab_hzhb .swiper-button-next, .ab_hzhb .swiper-button-prev{ bottom: 250px;}
	.ny_news_list ul li .ny_news_txt{ padding: 20px;}
	.ny_news_txt h2{ font-size: 18px;}
	.ny_news_txt p{ margin: 15px 0; font-size: 14px; line-height: 24px; height: 48px;}
	.pt_right .pt_txt span{ top: 30px; right: 10%;}
	.newsshow{ padding: 50px 40px;}
	.newsshow .news_info{ padding: 30px 0;}
	.wel_list ul li p{ font-size: 14px; line-height: 24px; height: 48px;}
	.wel_list ul li img{ height: 48px;}
	.wel_tit h3{ font-size: 32px;}
	.join_welfare .wel_tit{ width: 80%; margin-bottom: 20px;}
	.contact_box ul li{ padding: 30px 40px;}
	.tab_box span{ width: 80px; font-size:14px;}
	.tech_show_top h1{ font-size: 22px;}
	.tech_txt .tech_tit p{ font-size:20px;}
	.ny_technology ul li .tech_box:first-child{ margin-bottom:20px;}
	.ny_technology .tech_box .tech_txt{ padding: 0 20px; bottom: 20px;}
	.tech_nav a{ margin-left: 20px;}
	.edit_list ul li .edit_txt{ width: 90%;}
	.edit_txt h2{ font-size: 20px;}
	.edit_txt p{ margin: 20px 0 30px;}
	.ai_right{ padding: 50px 30px 0;}
	.ai_right h2{ font-size: 30px;}
	.share_list ul li a{ padding: 20px;}
	.share_txt h2{ font-size: 20px;}
	.share_list ul li .more{ width: 50px; height: 50px; line-height: 50px;}
	.faq_list ul li .faq_tit{ padding: 20px 30px;}
	.faq_list ul li .answer{ padding: 20px 30px;}
	
}

@media (max-width: 1024px){
	.sy-ban .b-trext h3{ font-size: 32px; line-height: 44px;}
	.sy-ban .b-trext .more_btn{ display: none;}
	.sy_pro_list ul li{ height: 400px;}
	.sy_pro_list ul li{ width: 32%; margin-right: 2%;}
	.pt_img .imgfdd img{ height: 473px;}
	.pt_right{ padding-top: 40px;}
	.pt_right b{ font-size: 22px; margin: 20px 0;}
	.pt_nav ul li img{ height: 32px;}
	.pt_right .more_btn{ margin-top: 40px;}
	.pt_right .cir{ display: none;}
	.hb_list ul li .box{ width: 130px; height: 130px;}
	.foot_center{ display: none;}
	.top_h{ height: 54px;}
	.ny_nav a{ margin-left: 50px;}
	.com_txt .com_tit h3{ font-size: 26px;}
	.com_txt .com_tit{ margin-bottom: 20px;}
	.ab_number dl dt b{ font-size: 60px; line-height: 50px; height: 50px;}
	.abser_list ul li h2{ font-size: 18px; line-height: 60px; height: 60px;}
	.abser_list ul li .ab_ser_txt h2{ margin-top: 30px;}
	.abser_list ul li .ab_ser_txt{ padding: 0 20px;}
	.abser_list ul li .cir{ margin: 10px 0;}
	.abser_list ul li .more_btn{ margin-top: 20px;}
	.abser_list ul li .ab_ser_txt p{ font-size: 14px; line-height: 24px;}
	.ab_phil .phi_txt{ padding: 40px 25px 0;}
	.about_tit{ margin-bottom: 20px;}
	.h_h{height: 54px;}
	.ny_ban_txt h3{ font-size: 40px;}
	.item_top .ny_news_nav a{ font-size: 14px; width: 100px; margin-left: 20px;}
	.all_right{ display: none;}
	.show_content{ padding: 30px 0;}
	.main_left{ display: none;}
	.main_right{ width: 100%;}
	.wel_list ul li{ padding: 40px 20px 25px;}
	.wel_list ul li p{ height: 72px; margin-top: 20px;}
	.jion_list ul li .jion_tit{ padding: 25px 30px;}
	.jion_txt{ padding: 0 30px;}
	.jion_bottom{ padding: 20px 0 30px;}
	.jion_txt h3{ margin-top: 30px;}
	.jion_txt p{ font-size: 14px; line-height: 24px;}
	.contact_box ul li .con_icon{ width: 80px; height: 80px; line-height: 80px;}
	.contact_box ul li h4{ font-size: 18px; margin: 10px 0;}
	.contact_box ul li p{ font-size: 14px; line-height: 24px; height: 48px;}
	.contact_box ul li .con_qr img{ width: 80px; height: 80px;}
	.contact_box ul li{ padding: 20px 30px;}
	.contact_box ul li .con_icon i{ font-size: 38px;}
	.con_msg .formbox input,.con_msg .formbox textarea{ line-height: 40px;}
	.tech_nav a{ margin-left:10px; font-size:14px;}
	.techshow_nav{ display: block; overflow:hidden; width:100%;}
	.techshow_nav .col_box{ display: none; margin-top:15px;}
	.techshow_posi .posi{ display: none;}
	.techshow_nav a{ width:49%; margin-left:2%; float:left; margin-bottom:15px; background:#f5f5f5; border-radius:8px; text-align:center; line-height:50px;}
	.techshow_nav a:nth-child(2n+1){ margin-left:0;}
	.edit_list ul li .edit_txt{ padding: 40px 0 0 30px;}
	.edit_txt p{ font-size: 14px; line-height: 24px; height: 48px;}
	.edit_nav a{ background: #fff;}
	.ai_right p{ margin: 30px 0;}
	.ai_right{ padding: 30px 20px 0;}
	.ai_right h2{ font-size: 24px;}
	.share_txt p{ margin: 15px 0;}	
	.faq_list ul li{ width: 100%; float:none;}
	.suggest_nav a{ background: #fff; border-radius: 4px; text-align: center; line-height: 38px; font-size: 14px;}
	.suggest_nav h3{ font-size: 18px; margin-bottom: 15px; padding-bottom:10px; position:relative;}
	.suggest_nav h3:after{ position:absolute; width: 50px; height: 2px; content: ''; background: #00aac7;left: 0; bottom: 0;}
	.suggest_nav .col_box{ display: block;}
	.suggest_nav a.on{ background: #00aac7; color:#fff;}
	.pt_right b.num{ font-size: 60px; top:60px; right:20px;}
}
@media (max-width: 768px){
	.sy-ban .svg-swiper-pagination{ display: none;}
	.bannerswiper .banner-towrap{ display: none;}
	.sy-ban .b-trext h3{ font-size:26px; line-height: 36px;}
	.bannerswiper .page .swiper-num{ bottom: 20px;}
	.bannerswiper .page .active{ font-size: 30px;}
	.bannerswiper .page .swiper-num{font-size: 16px;}
	.sy_item_tit h3{font-size: 28px; line-height: 28px; height: 28px; background-size: 8px;padding: 0 15px;}
	.sy_pro_list ul li{ height: 300px;}
	.sy_pro_list ul li .sy_pro_txt{ left: 20px; bottom: 30px;}
	.sy_pro_txt .pro_tit p{ font-size: 18px;}
	.sy_pro_list ul li .sy_pro_txt .pro_icon img{ height: 30px;}
	.sy_pro_txt .pro_tit span{ font-size: 14px;}
	.pt_left{ width: 100%;}
	.pt_img .imgfdd img{ height: 522px;}
	.pt_right{ width: 100%; padding: 20px 2% 30px; background-size: cover!important;}
	.pt_right b{ font-size: 18px; margin: 15px 0;}
	.pt_right .more_btn{ margin-top: 20px;}
	.hb_list ul li .box{ width: 100px; height: 100px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_ab_left{ width: 100%; float: none;}
	.sy_number{ width: 100%;}
	.sy_number ul{ display: flex; width: 100%;}
	.sy_number ul li{ width: 30%; margin-bottom: 20px; position: relative; padding: 0 15px;}
	.sy_number ul li:after{ position: absolute; right: 0; height: 80%; top: 10%; width: 1px; content: ''; background: rgba(0,0,0,.1);}
	.sy_number ul li:nth-child(2){ margin: 0 auto 20px;}
	.sy_number ul li .num_txt b{ font-size: 50px; line-height: 44px;}
	.sy_number ul li .num_icon img{ height: 40px;}
	.sy_number ul li:last-child:after{ display: none;}
	.sy_ab_right{ width: 100%;}
	.sy_ab_right p{ font-size: 14px;}
	.sy_item_tit.white h3{ background-size: 8px;}
	.com_txt{ width: 100%; float: none;}
	.ab_company .imgfdd{ width: 100%; margin-top: 20px;}
	.ny_nav a{ font-size: 14px; margin-left: 30px;}
	.com_txt .com_tit h3{ font-size: 22px;}
	.com_txt p{ font-size: 14px;}
	.ab_number dl dt b{ font-size: 40px; line-height: 34px; height: 34px;}
	.ab_number dl dt img{ font-size: 30px;}
	.ab_number dl dt{ width: 22%;}
	.ab_number dl .line{ height: 40px;}
	.abser_list ul li h2{ font-size: 16px; line-height: 40px;}
	.about_tit h3{ font-size: 32px;}
	.about_tit p{ font-size: 20px; line-height: 20px; height: 20px;}
	.ab_phil .phi_left{ width: 100%; float: none;}
	.ab_phil .phi_txt{ padding: 20px; width: 100%;}
	.ab_phil .phi_txt p{ font-size: 14px;}
	.mainh{ height: 50px;}
	.abser_list ul li .ab_ser_txt{ display: none;}
	.abser_list ul li:hover .abser_tit{ height: auto;}
	.ny_ban img{ width: 140%;margin-left: -20%;}
	.ab_ywfw .yw_txt{ padding-top: 30px;}
	.ab_ywfw .yw_txt .more_btn{ margin-top: 20px;}
	.ab_hzhb .swiper-button-next, .ab_hzhb .swiper-button-prev{ bottom: 160px;}
	.ny_news .item_top{ display: block;}
	.ny_news .item_top .about_tit{ text-align: center; margin-bottom: 20px;}
	.ny_news_nav{ display: flex;}
	.ny_news .item_top .ny_news_nav a{ margin: 0 auto;}
	.pt_right .pt_txt span{ font-size: 70px; top: 20px;}
	.newsshow h1{ font-size: 24px;}
	.newsshow{ padding: 30px 20px;}
	.newsshow .news_info{ padding: 20px 0;}
	.jion_nav span{ display: none;}
	.jion_list ul li .jion_tit p:first-child{ width:40%;}
	.jion_list ul li .jion_tit p:nth-child(2){ width:10%;}
	.jion_list ul li .jion_tit .more{ width: 30px; height: 30px; line-height: 30px;}
	.jion_list ul li .jion_tit .more i{ font-size: 16px;}
	.join_welfare .wel_tit{ width: 100%;}
	.wel_tit h3{ font-size: 24px;}
	.wel_tit p{ font-size:14px;}
	.wel_list ul li{ display: flex; width:100%; float:none; margin-bottom:15px; align-items:center; padding:15px;}
	.wel_list ul li img{ height: 30px;}
	.wel_list ul li p{ height: auto; margin-top: 0; margin-left:10px;}
	.contact_box ul li{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.contact_box ul li:nth-child(2n){ margin-right:0;}
	.con_msg .sub{ width: 80%; line-height: 46px; font-size:14px;}
	.tech_show_top h1{ font-size: 18px;}
	.tech_show_top{ line-height: 38px;}
	.tech_show_top { display: block; text-align: center;}
	.tab_box{ display: flex; margin-top:15px;}
	.tab_box span{ margin-left: auto;}
	.tab_box span:first-child{ margin-left:0;}
	.tech_txt .tech_tit p{ font-size: 16px;}
	.tech_txt .more{ display: none;}
	.techshow_nav a{  margin-left:2%;}
	.edit_list ul li{ width: 100%; float: none;}
	.ai_left, .ai_right{ width: 100%; float: none;}
	.ai_right{ padding: 30px 20px;}
	.ai_right p{ font-size: 14px; margin: 20px 0;}
	.share_txt h2{ font-size: 18px;}
	.share_txt p{ font-size: 14px; height: 48px;}
	.share_list ul li .date{ font-size: 14px;}
	.share_list ul li .more{ height:34px; width: 34px; line-height:34px; font-size:16px;}
	.faq_list ul li{ margin-bottom: 20px;}
	.faq_list ul li .answer p{ font-size: 14px;}
}
@media (max-width: 540px){
	.sy-ban .b-trext h3{ font-size: 22px; line-height: 30px; width: 60%; margin-bottom: 10px;}
	.sy-ban .b-trext p{ font-size: 12px; line-height: 18px; width: 60%;}
	.sy_pro_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.sy_pro_txt .shhid{ display: block;}
	.sy_pro_txt .sy_pro_li img{ height: 14px; margin-right: 5px;}
	.sy_pro_txt .sy_pro_li a{ font-size: 14px;}
	.pt_img .imgfdd img{ height: 360px;}
	.pt_nav ul li p{ font-size: 16px;}
	.pt_nav ul li{ padding: 15px 0;}
	.pt_nav ul li img{ height: 26px;}
	.hb_list ul li{ width: 24%; margin-right: 1.33%; margin-bottom: 15px;}
	.hb_list ul li:nth-child(6n){ margin-right: 1.33%;}
	.hb_list ul li:nth-child(4n){ margin-right: 0;}
	.sy_ab_left h3{ font-size: 22px;}
	.sy_ab_left .more_btn{ margin: 15px 0;}
	.sy_number ul li .num_txt b{ font-size: 40px; line-height: 36px;}
	.sy_number ul li .num_txt h4{ font-size: 22px;}
	.sy_number ul li{ padding: 0 5px;}
	.posi{ display: none;}
	.ny_nav{ display: flex; width: 100%;}
	.ny_nav a{ margin: 0 auto; line-height: 50px;}
	.ab_number { background: none!important;}
	.ab_number dl .line{ display: none;}
	.ab_number dl dt{ width: 45%; margin: 0 auto 20px; padding: 20px 15px; background: #f4f4f4; color: #333;}
	.abser_list ul li{ width: 100%; float: none; margin-bottom: 20px;}
	.abser_list ul li .imgfd{ padding-top: 60%;}
	.cul_left .left_top{ float: none; width: 100%; height: auto; padding-top: 0;}
	.cul_left .left_bottom{ width: 100%; float: none; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px;}
	.cul_right .cul_item{ position: relative; margin-top: 20px; border-radius: 16px; overflow: hidden; }
	.cul_right .cul_item:after{ position: absolute; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.15); left: 0;bottom: 0; z-index: 1;}
	.cul_right .cul_item .cul_img{ width: 100%;}
	.cul_right .cul_item .cul_txt{ width: 100%; position: absolute; top: 0; left: 0; color: #fff;z-index: 2;}
	.cul_right .cul_item:last-child .cul_bt b{ color: #e1e1e1;}
	.cul_right .cul_item:first-child .cul_txt img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
	.ny_ban_txt h3{ font-size: 28px;}
	.swiper-button-prev i, .swiper-button-next i{ font-size: 20px;}
	.ab_ywfw .imgfdd{ width: 100%; float: none;}
	.ab_ywfw .yw_txt{ width: 100%; padding-left: 0;}
	.ny_news_txt h2{ font-size: 16px; line-height: 20px; height: 20px;}
	.ny_news_list ul li .ny_news_txt{ padding: 10px;}
	.ny_news_txt p{ margin: 10px 0;}
	.ny_news_txt span{ display: none;}
	.ny_news_list ul li{border-radius: 8px;}
	.newsshow{ margin-top: 20px;}
	.newsshow h1{ font-size: 20px;}
	.newsshow .news_info{ font-size: 14px;}
	.newsshow .news_info p.source{ display: none;}
	.newsshow .news_info p:last-child{ margin-left: auto;}
	.newsshow .news_info{ padding: 10px 0;}
	.jion_list ul li .jion_tit{ padding: 20px 15px;}
	.jion_txt{ padding: 0 15px;}
	.jion_txt h3{ font-size: 16px; margin-top: 20px;}
	.jion_bottom{ line-height: 40px; font-size:14px;}
	.jion_bottom a{ padding: 0 15px;}
	.contact_box ul li h4{ font-size: 16px;}
	.contact_box ul li .line{ display: none;}
	.contact_box ul li .con_qr{ margin-top: 10px;}
	.con_msg .formbox.fl{ width: 100%; float:none;}
	.con_msg p.exp{ font-size: 14px;}
	.con_msg .formbox input, .con_msg .formbox textarea{ font-size: 14px;}
	.tech_show{ padding: 20px 15px;}
	.back_btn{ line-height: 38px;}
	.ny_technology .tech_box .tech_txt{ padding: 0 10px; bottom: 10px;}
	.tech_txt .tech_tit span{ font-size: 12px;}
	.tech_nav{ width: 100%; display:block; margin-top:10px;}
	.tech_nav a{ width: 24%; margin-left:auto; line-height:38px; margin-bottom:10px; border-radius:4px; background:#f5f5f5; text-align:center;}
	.tech_nav a:nth-child(4n+1){ margin-left:0;}
	.techshow_nav a{ width:49%; margin-left:2%;}
	.edit_nav a{ background: #fff;}
	.share_txt p{ display: none;}
	.share_txt h2{ font-size: 16px; margin-bottom: 10px;}
	.share_list ul li a{ padding: 10px; border-radius: 8px; margin-bottom:15px;}
	.faq_list ul li .faq_tit span.xiala{ width: 30px; height: 30px; line-height: 30px;}
	.suggest_nav h3{ font-size: 16px;}
	.ny_technology .swiper-wrapper{ display: block;}
	.ny_technology .tech_box{ margin-bottom: 20px;}
	.ny_technology ul li:first-child .imgfd{ padding-top:63.7%;}
	.tech_content h4{ font-size: 16px; margin-bottom:10px;}
.tech_content p{ font-size: 14px; text-indent:28px;}
}
@media (max-width: 450px){
	.sy-ban .b-trext h3{ font-size: 18px; line-height: 30px;}
	.sy-ban .b-trext p{ display: none;}
	.bannerswiper .page .active{ font-size: 24px;}
	.bannerswiper .page .swiper-num{ bottom: 10px;}
	.sy_item_tit h3{ font-size: 24px; line-height: 24px; height: 24px;}
	.sy_item_tit p{ font-size: 14px; margin-top: 5px;}
	.sy_pro_txt .cir{ margin: 15px 0;}
	.sy_pro_txt .sy_pro_li{ overflow: visible;}
	.pt_img .imgfdd img{ height: 280px;}
	.pt_nav ul li p{ font-size: 14px;}
	.pt_icon img{ height: 40px;}
	.hb_list ul li{margin-bottom: 0;}
	.hb_list .swiper-pagination{ display: none;}
	.hb_list ul li .box{ width: 60px; height: 60px; padding-top:15px;}
	.sy_number ul{ display: block;}
	.sy_number ul li:after{ display: none;}
	.sy_number ul li{ width: 100%; padding: 15px; background: #fff;}
	.hb_list ul li .box p{ font-size: 12px;}
	.copy{ font-size: 12px;}
	.ny_nav a{ font-size: 12px;}
	.ab_number dl dt p{ font-size: 12px;}
	.ab_phil .phi_txt .about_tit p{ font-size: 20px;}
	.about_tit h3{ font-size: 28px;}
	.item_top .ny_news_nav a{ width: 80px;}
	.item_top{ margin-bottom: 20px;}
	.ny_news_list ul li{ margin-bottom: 20px;}
	.pt_right .pt_txt span{ font-size: 70px; top:10px;}
	.show_content{ padding: 20px 0;}
	.page_btn{ display: block; font-size:14px;}
	.page_btn .next{ text-align: left; margin-top: 20px;}
	.page_btn .back{  display: none;}
	.jion_list ul li .jion_tit .more{ display: none;}
	.jion_list ul li .jion_tit p:first-child i{ font-size:16px; margin-right: 3px;}
	.jion_list ul li .jion_tit p:nth-child(4){ display:none;}
	.jion_list ul li .jion_tit p:first-child{ width:50%;}
	.jion_list ul li .jion_tit p:nth-child(3){ width:30%;}
	.jion_list ul li .jion_tit p:nth-child(2){ width:15%;}
	.jion_txt .respon, .jion_txt .demand{ width: 100%; float: none;}
	.wel_tit h3{ font-size: 20px;}
	.wel_list ul li p{ text-align: left;}
	.contact_box ul li{ padding: 20px 15px;}
	.contact_box ul li .con_icon i{ font-size: 26px;}
	.contact_box ul li .con_icon{ width: 70px; height: 70px; line-height: 70px;}
	.contact_box ul li .con_qr img{ width: 70px; height: 70px;}
	.contact_box ul li p{ font-size: 12px;}
	.contact_box ul li .con_qr{ margin-top: 20px;}
	.con_msg .formbox.fl{ margin-bottom: 20px;}
	.ny_technology ul li .tech_box:first-child{ margin-bottom:10px;}
	.edit_txt h2{ font-size: 16px;}
	.edit_list ul li .edit_txt{ width: 100%; padding: 30px 20px;}
	.edit_txt p{ margin: 15px 0;}
	.edit_list ul li{ margin-bottom: 20px;}
	.ai_right{ padding: 20px 15px;}
	.ai_right p{ margin: 15px 0;}
	.ai_right h2{ font-size: 20px;}
	.share_list ul li .more{ display: none;}
	.share_list ul li .share_txt{ width: 68%; margin-left: auto;}
	.share_list ul li .date{ font-size: 12px;}
	.item_top .faq_nav{ display: block; overflow:hidden;}
	.ny_news .item_top .faq_nav a{ width: 48%; margin-right:4%; margin-bottom:10px; margin-left:0; float:left;}
	.ny_news .item_top .faq_nav a:nth-child(2n){ margin-right:0;}
	.faq_list ul li .faq_tit{ padding: 15px 20px;}
	.faq_list ul li .answer{ padding: 15px 20px;}
	.pt_right b.num{ top: 30px;}
}