@charset "utf-8";
/* CSS Document */

#header{z-index: 999;}
#header.scroll{background: #fff; border-bottom:1px solid #ddd;}
#header #cd-logo img.wap,#header.scroll #cd-logo img.com{display: none;}
#header.scroll #cd-logo img.wap{display: block;}
#header.scroll li a{color: #333;}
#header #cd-top-nav li{font-size: 16px;margin-right: 40px;position: relative;text-transform: uppercase;}
#header #cd-top-nav li:last-child{margin-right: 0;}
#header #cd-top-nav li #line{width: 0px;height: 2px;background-color: #1f9ad7;margin: 0 auto;position: absolute;bottom: 0;left: 0px;right: 0px;transition: width 0.2s linear;}
#header #cd-top-nav li .tarA.act #line,#header #cd-top-nav li:hover #line{width: 100%;}
#header.scroll #cd-top-nav li #line{background-color: #333;}#header #cd-top-nav li #line{background-color: #fff;}
#header #cd-top-nav li .drow{position: absolute;left: 0;top: 85px;background: #fff;display: none;min-width: 200px;max-width: 260px;padding: 20px;border-radius: 5px;transform: translateX(-50%);left: 50%;border: 1px solid #eee;}
#header #cd-top-nav li .drow a{ line-height: 24px; color:#888; display:block; max-height:72px; overflow:hidden; margin:10px 0; font-family:rajsb; font-size:18px;}
#header #cd-top-nav li .drow a:hover{ color:#009ab1;}
#header #cd-top-nav li:hover .drow{display: block;}
#header #cd-top-nav li .tarA{display: flex;}
#header #cd-top-nav li .tarA span{font-size: 28px;font-weight: bold;}
#header #cd-top-nav li .a1{font-size: 20px;display: flex; font-family: "rajsb";}
#header #cd-top-nav li .a1:hover{ color:#009ab1;}
.pro_down{ position: fixed; width: 100%; top: 85px; left: 0; padding: 50px 0; background:#fff; display:none;}
.pro_down .down_center{ width: 1400px; margin: 0 auto; display:flex; align-items:flex-start;}
#header #cd-top-nav li .down_left a{ color: #888; display: block; line-height: 42px; font-size: 20px; font-family:rajsb;}
.down_left{ width: 20%; border-right: 1px solid #ddd;}
.down_box{ width: 50%; margin: 0 auto;}
.down_box li,.down_box li dl{ width: 100%;}
.down_box li dl dt{ float: left; width:29.33%; margin:0 2%; text-align:center;}
.down_box li dl dt .imgfd{ padding-top: 100%;}
.down_box li dl dt h2{ color: #333; font-size: 18px; line-height:30px; margin-top:20px;} 
#header #cd-top-nav li .down_left a:hover{ color:#009ab1;}
.down_box li dl dt:hover h2{ color:#009ab1;}
#header #cd-top-nav li .down_center a.more{ color: #888; font-family: rajsb; line-height:20px; display:block; height:20px;}
#header #cd-top-nav li .down_center a.more:hover{ color:#009ab1;}
#header #cd-top-nav li:hover .pro_down{ display:block;}

.search-head .subNav span{font-size: 18px;}
#header .listpf{display: flex;flex-flow: row wrap;justify-content: space-between;}
#header.scroll .search-head .subNav,#header.scroll .language{color: #333;}
#header.scroll .language::after,#header.scroll .language::before{background: #333;}
.search-head{margin-left: 50px; margin-top: 16px;}
#header.scroll .follow svg{fill:#333;}
.navContent{ width: 240px; padding: 9px 19px; border-radius: 19px; background: #fff; border:1px solid #fff;}
.navContent input{ height: 20px; line-height: 20px; font-size: 13px;}
.navContent input.sub{ width: 20px; background: url(../images/search_06.png) no-repeat center center;}
.navContent input.inp{ width: calc(100% - 25px);}
#header.scroll .navContent{ border-color: #ddd;}
.top_right .lang{ padding: 34px 0; margin-right: 20px; position: relative;}
.top_right .lang p{ line-height: 16px; color: #fff; padding-right: 30px; border-right: 1px solid #fff; cursor: pointer}
.top_right .lang p span{ margin: 0 10px;}
#header.scroll .top_right .lang p{ color: #666; border-color: #666;}
.top_right .lang .lang_list{ background: #fff; padding: 15px; border-radius: 8px; position: absolute; top: 84px; left: -80px; line-height: 40px; display: none; min-width:250px;}
.top_right .lang:hover .lang_list{ display: block;}
.top_right .lang .lang_list a{ display: block;}
.top_right .lang .lang_list a:hover{ color: #009ab1;}
.top_right .lang .lang_list img{ margin-right: 3px;}
.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img{ width: 100%;}
.sy-ban .txt1{ position: absolute; top: 30%; padding: 0 4%; left: 0; width: 100%; color: #fff;}
.sy-ban .txt1 h3{ font-family: rajb; font-size: 90px; color: #fff; margin-bottom: 20px; text-transform: uppercase;}
.sy-ban .txt1 p{ font-family: rajm; color: #fff; font-size: 34px; text-transform: uppercase;}
.sy-ban .txt1 .more_btn{ margin-top: 70px;}
.ban_center{ width: 1400px; margin: 0 auto;}
.sy-ban .ban_control{ position: absolute; width: 100%; background: #fff; left: 0; padding-left: 12%; bottom: 100px; top: auto;}
.sy-ban .ban_control .swiper-pagination{ background: rgba(255,255,255,.4); width: 150px; margin: 0 10px; position: unset;}
.swiper-button-prev:after,.swiper-button-next:after{ display: none;}
.sy-ban .ban_control .swiper-button-prev,.sy-ban .ban_control .swiper-button-next{ position: unset; margin-top: 0; color: #fff;}
.sy-ban .ban_control .swiper-button-prev i,.sy-ban .ban_control .swiper-button-next i{ font-size: 20px;}
:root{--swiper-theme-color: #fff;}
.ban_control span{ display: block; color: #fff;z-index: 9;}

.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 42px; width: 42px; text-align: center; line-height: 42px; border-radius: 50%; background: #333333; color: #fff; font-size: 20px;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{ background: #009ab1;}
.sy_product{ background: #e8ecf5;}
.sy_item_tit h3{ font-size: 48px; text-transform: uppercase; line-height: 55px;}
.sy_item_tit p{ font-size: 20px; color: #333;}
.sy_item_tit{ margin-bottom: 30px;}
.item_top .sy_item_tit{ margin-bottom: 0; margin-right: auto;}
.item_top{ margin-bottom: 30px; align-items: flex-start;}

.sy_pro_list ul li{ background: #fff; border-radius: 20px; padding: 35px 45px;}
.sy_pro_list ul li span.colname{ color: #009ab1; font-size: 18px; display: block; line-height:20px; height:20px;}
.sy_pro_list ul li h2{ font-family: rajsb; font-size: 28px; margin: 30px 0; line-height: 30px; height: 30px;}
.more_btn.bb{ background: #333; border-color:#333;}
.more_btn.bb a,.more_btn.bb span{ color: #fff;}
.more_btn.bb:hover{ border-color: #009ab1;}
.sy_pro_list ul li .imgfd{ padding-top: 100%; margin-top: 30px;}
.sy_pro_list ul li:hover h2{ color: #009ab1;}

.what_left{ width: 45%;}
.what_v{ width: 47%; border-radius:20px; overflow: hidden; position: relative;}
.what_v iframe{ width: 100%; height: 400px;}
.what_v .play{ position: absolute; width: 100%; text-align: center; left: 0; top: calc(50% - 27px);}
.what_v .play img{ cursor: pointer;}
.sy_item_tit span{ color: #009ab1; display: block; font-size: 22px; font-family: rajsb; text-transform: uppercase; margin-bottom: 10px;}
.what_left .more_btn{ padding: 0 35px; margin-top: 10px;}
.sy_app{ height: 800px;}
.sy_app .app_item{ position: relative; float: left; height: 50%; overflow: hidden; width: 38%;}
.sy_app .app_item .imgfd{ padding-top: 100%;}
.sy_app .app_item:first-child{ height: 100%; width: 37%;}
.sy_app .app_item .app_icon{ width: 160px; height: 160px; border-bottom-right-radius: 160px; background: #009ab1; position: absolute; top: 0; left: 0; padding-left: 30px; padding-top: 30px; z-index: 3;}
.sy_app .app_item .app_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_app .app_item .app_txt{ position: absolute; width: 100%; padding:30px 60px 30px; bottom: 0; left: 0; color: #fff; z-index: 3;background: linear-gradient( to top,rgba(0,0,0,.4),rgba(0,0,0,0.01));}
.sy_app .app_item .appbg{ position:absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.25);transition: .2s ease; top: 0; left: 0;}
.sy_app .app_item:nth-child(2),.sy_app .app_item:nth-child(5){ width: 25%;}
.sy_app .app_item:first-child .imgfd{ padding-top: 136%;}
.app_txt h2{ color: #fff; font-family: rajsb; font-size: 28px;}
.sy_app .app_item:first-child .app_txt{padding-bottom: 60px;}
.sy_app .app_item .app_txt p{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin: 25px 0;}
.sy_app .app_item:first-child .app_txt p{ height: 48px;}
.sy_app .app_item .app_txt i{ width: 40px; height: 40px; border:1px solid #fff; border-radius: 50%; display: inline-block; text-align: center; line-height: 40px; font-size: 20px;}
.sy_app .app_item:hover .appbg{ background: rgba(0,154,177,.3);}
.sy_app .app_item:hover .app_txt{background: linear-gradient( to top,rgba(0,154,177,.4),rgba(0,154,177,0.01));}
.mainh{ height: 80px;}
.sy_about{ position: relative; padding-bottom: 300px;}
.sy_ab_img{ width: 60%; position: relative;}
.sy_ab_img .imgfdd{ border-radius: 20px;}
.sy_ab_img .ab_box{ position: absolute; width: 78%; left: 0; bottom: 30px;}
.ab_box ul li{ float: left; width: 28.33%; margin-left: 5%; background: #009ab1; border-radius: 10px; padding: 20px;}
.ab_box ul li .txt{ color: #fff; font-size: 18px; color: #fff; font-family: rajsb; width: calc(100% - 60px); margin-left: auto;}
.ab_box ul li .txt p{ line-height: 28px;}
.sy_ab_txt{ position: absolute; width: 50%; background: #fff; border-radius: 20px; padding: 60px 0 0 70px; right: 0; top: 100px;}
.ab_cont{ margin-top: 110px;}
.ab_tel{ margin-left: 50px;}
.ab_tel i{ width: 80px; height: 80px;line-height: 80px; border-radius: 50%; background: #e8f1f8; text-align: center; font-size: 40px; color: #009ab1; display: inline-block; margin-right: 20px;}
.ab_tel .txt{ font-family: rajsb;}
.ab_tel .txt h4{ font-size: 18px; color: #009ab1; text-transform: uppercase; margin-bottom: 10px;}
.ab_tel .txt p{ font-size: 22px; color: #333;}
.swiper-container{overflow: hidden;}
.sy_say{ border-radius: 20px; overflow: hidden; padding: 80px 100px;}
.sy_say .sy_item_tit h3{ color: #fff;}
.sy_say .sy_item_tit h3 i{ color: #009ab1;}
.sy_say .sy_item_tit{width: 60%; margin-right: auto;}
.sy_say .swiper-pagination{ position: unset; width: auto;}
.say_top .sy_item_tit{ margin-bottom: 0;}
.say_top{ margin-bottom: 30px;}
.sy_say .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1;}
.sy_say .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #009ab1;}
.say_box{ padding-top: 50px; border-top: 1px solid rgba(255,255,255,.1);}
.say_box ul li .say_des{ padding-left: 45px; position: relative; color: #fff; font-style: italic; width: 60%; margin-right: 50px;}
.say_box ul li .say_des:after{ position: absolute; left: 0; top: 0; height: 100%; width: 3px; border-radius: 2px; background: #fff; content: '';}
.say_box ul li .auth{ color: #fff; width: calc(40% - 120px);}
.say_box ul li .auth .imgfd{ padding-top: 100%; border-radius: 50%;  background: #fff;}
.say_box ul li .auth .pic{ margin-right: 25px; width: 90px;}
.say_box ul li .auth .txt{ width: calc(100% - 115px);}
.say_box ul li .auth h4{ font-size: 20px; margin-bottom: 10px; color:#fff;}
.say_box ul li .auth p{ font-size: 16px;}
.news_top{ display: flex; align-items: flex-end; margin-bottom: 30px;}
.news_top h3{ font-size: 48px; text-transform: uppercase; margin-right: auto; line-height: 48px;}
.news_top .more{ display: inline-block; color: #009ab1; font-family: rajsb; font-size: 18px; text-transform: uppercase;}
.news_left{ width: 57%;}
.faq_right{ width: 40%;}
.news_box{ border: 1px solid #e7e7e7; border-radius: 10px; overflow: hidden;}
.news_box .imgfd{ padding-top: 42%;}
.news_box .txt{ padding:35px;}
.news_box .txt h2{ font-size: 30px; font-family: rajsb; line-height: 30px; height: 30px; overflow: hidden;}
.news_box .txt p{ height: 60px; margin: 20px 0; overflow: hidden;}
.news_box:hover h2{ color: #009ab1;}
.faq_list ul li{ padding-bottom: 49px; margin-bottom: 49px; border-bottom: 1px solid #e7e7e7;}
.faq_list ul li .pic{ width: 28%; float: left; border-radius: 5px; overflow: hidden;}
.faq_list ul li .pic .imgfd{ padding-top: 72%;}
.faq_list ul li .txt{ width: 68%; float: right;}
.faq_list ul li .txt h2{ font-size: 22px; font-family: rajsb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 20px;}
.faq_list ul li .txt span.date{ font-size: 16px;}
.faq_list ul li .txt span.more{ text-transform: uppercase; color: #009ab1; font-size: 16px; font-family: rajm;}
.faq_list ul li .txt span.more i{ margin-right: 5px;}
.faq_list ul li:hover h2{ color: #009ab1;}
.index_foot{ padding: 60px 0; background: #333333; color: #dddddd; position:relative;z-index:2;}
.index_foot a{ color: #ddd;}
.index_foot .box{ width: 21%; font-size: 16px;}
.foot_logo img{ height: 40px;}
.foot_logo{margin-bottom: 20px;}
.index_foot .box dl{ margin-top: 20px;}
.index_foot .center.c-flex{ align-items: flex-start;}
.index_foot .box dl .iconfont{ color: #009ab1; display: inline-block; margin-right: 5px;}
.index_foot .box dl dt{ margin-bottom: 15px;}
.copy{ padding: 20px 0; text-align: center; color: #ddd; background: #333333; position:relative;z-index:2;}
.foot_nav{ display: flex; align-items: flex-start; width: 50%; margin-left: auto; padding-top: 30px;}
.foot_nav b,.foot_nav a{ display: block;}
.foot_nav b{ font-size: 20px; color: #fff; font-family: rajsb; margin-bottom: 20px; text-transform: uppercase;}
.foot_nav a{ line-height: 35px;}
.foot_nav li{ margin: 0 auto;}
.foot_form{ width: 22%; margin-left: auto; padding-top: 30px;}
.foot_form h4{ font-family: rajsb; color: #fff; font-size: 20px; margin-bottom: 15px;}
.foot_form input{ line-height: 44px; width: 100%; border-radius: 5px; margin-top: 15px;}
.foot_form input.inp{ border: 1px solid #ddd; padding-left: 40px; background: url(../images/em_32.png) no-repeat 10px center; color: #fff;}
.foot_form input.sub{ background: #009ab1; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.foot_form input.sub:hover{ background: #028ba0;}
.foot_form .follow{ margin-top: 30px;}

.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:#009ab1 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:#068699 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;}
.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 .bnavContent{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: #009ab1;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 #009ab1}
.bottom-feed .feed .sub{background: #009ab1;color: #fff;cursor: pointer;margin-bottom: 0;margin-top: 5px;border: none;border-radius: 500px;}
.bnavContent{display: none;}
.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(#009ab1 0 200px);}

.ny_ban{ width: 100%; overflow: hidden; position: relative;}
.ny_ban img{ width: 100%;}
.ny_ban .posi{  width: 100%;top: 0; left: 0; position: absolute; color:#fff;}
.ny_ban .posi a{ color: #fff;}
.posi{ font-size:16px; padding:40px 0; color:#888; text-transform:uppercase;}
.toph{ height: 85px;}
.ny_ban .ny_txt{ position: absolute; width: 100%; top: 25%; left: 0; color: #fff;}
.ny_ban .ny_txt h3{ font-size: 72px; color: #fff; line-height:76px;}
.ny_ban .ny_txt p{ width: 40%; font-size: 20px; margin: 30px 0;}
.ny_ban .ny_txt i{ font-size: 80px; width:40px; display:inline-block; margin-left:-25px;}
.ny_pro_tit{ margin-bottom: 30px;}
.ny_pro_tit h3{ font-size: 48px;}
.ny_pro_tit p{ font-size: 20px;}
.ny_pro_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom:35px;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
.ny_pro_item{ padding-bottom: 50px; border-bottom: 1px solid #e7e7e7; margin-bottom:50px;}
.pro_ban{ position: relative; margin-bottom:300px;}
.pro_top{ position: absolute; width: 100%; left: 0; top: 15%; color: #fff;}
.pro_top .txt{ width: 50%; margin-top:70px;}
.pro_top .txt h1{ font-size: 72px; color:#fff; line-height:72px;}
.pro_top .txt h4{ font-size: 36px; font-family: rajsb; margin:25px 0; color:#fff;}
.pro_top .txt p{ font-size: 20px;}
.pro_cont{ border-radius: 15px; padding: 50px 65px 70px; margin-top:40px;}

.pro_cont p.ph{ font-size: 36px; font-family: rajsb; line-height:50px;}
.pro_cont p.ph i{ display: inline-block; line-height: 46px; border-radius: 50%; width: 50px; height: 50px; border: 2px solid #fff; margin-right:8px; text-align:center; font-size:28px;}
.pro_cont p.itl{ font-size: 38px; font-style: italic; font-family: rajsb; margin:35px 0;}
.pro_cont .cont_box{ text-align: right;}
.pro_cont .cont_box .more_btn{ margin-left: 30px;}
.pro_top .pic{ width: 42%;}
.pro_top .pic .imgfd{ padding-top: 100%;}
.pro_top .pic .bigimg{ width:90%; margin:0 auto 20px;}
.smallimg .swiper{ width: 90%; margin: 0 auto;}
.smallimg{ position: relative;}
.smallimg .swiper-button-prev,.smallimg .swiper-button-next{ font-size: 24px; bottom: 40%;}
.smallimg .swiper-button-prev{ left: 0;}
.smallimg .swiper-button-next{ right: 0;}
.smallimg ul li{ border:1px solid #fff; background:#fff;}
.smallimg ul li.swiper-slide-thumb-active{ border-color: #009ab1;}

.pro_nav{text-align: center;padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.pro_nav a{ display: inline-block; padding: 0 25px; position: relative; color: #999; font-size: 30px; font-family: rajb; line-height: 20px;}
.pro_nav a:after{ position:absolute; left: 0; top: 0; width: 3px; height: 100%;background: #999; content:''; transform:skewX(-10deg);}
.pro_nav a.on,.pro_nav a:hover{ color:#009ab1;}
.pro_nav a.on:after,.pro_nav a:hover:after{ background:#009ab1;}
.pro_item{ display: flex; align-items: flex-start; padding-top:100px;}
.pro_item .item_tit{ font-size: 48px; width: 25%;}
.pro_item .content{ width: 72%; margin-left:auto;}
.spec_box{ overflow-x:scroll}
.spec_box table{ line-height:42px; border-top:2px solid #333;width:100%!important;}
.spec_box table tr{ border-bottom:1px solid #ddd;}
.spec_box table td{ padding:0 15px}
.spec_box table td:first-child{ color:#333; font-family:rajsb;}
.int_box p{ padding-left: 15px; position: relative; margin-bottom:20px;}
.int_box p:after{ position:absolute; width: 6px; height: 6px; border-radius: 50%; content: ''; top: 10px; left: 0; background: #009ab1;}

.adv_box ul li{ float: left; width: 48%; margin-right: 4%;position:relative; display:flex; align-items:flex-start; padding-bottom:20px; margin-bottom:40px;}
.adv_box ul li i{ display: inline-block; color: #999999; font-family: rajm;}
.adv_box ul li .icon{ margin: 0 auto;}
.adv_box ul li .txt{ width: 80%;}
.adv_box ul li .txt h4{ font-size: 28px; font-family: rajm; margin-bottom: 5px; font-weight:normal;}
.adv_box ul li .txt p{ height: 180px;}
.adv_box ul li:after{ position:absolute; width: 90%; right: 0; bottom: 0; background: #e7e7e7; content: ''; height:1px;}
.adv_box ul li:nth-child(2n){ margin-right:0;}
.adv_box ul li .icon img{ -webkit-transition: 2s ease;-moz-transition: 2s ease; width:60px;}
.adv_box ul li:hover .icon img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.spec_box table{ width: 100%!important;}
.acce_box ul li{ margin-bottom: 30px; padding-bottom:30px; border-bottom:1px solid #e7e7e7;}
.acce_box ul li .pic{ width: 18%; margin-right:auto; border-radius:10px; overflow:hidden;}
.acce_box ul li .txt{ width: 78%;}
.acce_box ul li .txt h4{ font-size: 24px; font-family:rajsb; color: #009ab1; margin-bottom:20px;}
.acce_box ul li:last-child{ margin-bottom:0;}

.docu_box ul li{ float: left; width: 32%; margin-right: 2%; border-radius: 10px; margin-bottom:20px; overflow:hidden;}
.docu_box ul li a{ display: block; padding: 35px; background: #eeeeee url(../images/pdf_21.png) no-repeat right bottom;}
.docu_box ul li:nth-child(3n){ margin-right:0;}
.docu_box ul li p{ color: #333; font-family:rajm; font-size: 20px; line-height: 30px; height: 90px;; margin-bottom: 40px;}
.docu_box ul li i{ display: inline-block; width: 26px; height: 26px; border-radius: 50%; border: 2px solid #333; color: #333; font-weight:bold; text-align:center; font-size:20px;}
.docu_box ul li:hover a{ background:#009ab1 url(../images/wpdf_21.png) no-repeat right bottom;}
.docu_box ul li:hover p{ color:#fff;}
.docu_box ul li:hover i{ color:#fff; border-color: #fff;}

.video_box iframe{ width: 70%;}
.video_box iframe{ height: 500px;}
.pro_det_btns{ padding-top: 30px; border-top: 1px solid #e7e7e7; margin-top:60px;}
.pro_det_btns .det_btn{ width: 50%; float: left;}
.pro_det_btns .det_btn span{ color: #333; font-family: rajm; display: inline-block; margin-right: 5px;}
.pro_det_btns .det_btn i{ display: inline-block; margin-right: 5px;}
.det_btn a:hover{ color:#009ab1;}

.rel_pro h3{ font-size: 48px; margin-bottom: 30px;}
.rel_list ul li{ float: left; width: 24%; margin-right: 1.33%; border-radius: 20px; overflow: hidden; padding:30px; text-align:center; background:#fff;}
.rel_list ul li a{ display: block;}
.rel_list ul li:nth-child(4n){ margin-right:0;}
.rel_list ul li .imgfd{ padding-top: 100%; margin-bottom: 20px;}
.rel_list ul li h2{ font-size: 28px; font-family: rajsb; color:#009ab1;}
.rel_list ul li p{ font-family: rajm; margin-bottom:10px; line-height:30px; height:30px; overflow:hidden;}
.rel_list ul li i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; line-height: 40px; color: #fff; font-size: 20px; text-align: center; background: #333;}
.rel_list ul li:hover i{ background:#009ab1;}
.ny_app_item { height: 580px; margin-bottom: 40px;}
.ny_app_item .pic{ width: 62%;}
.ny_app_item .txt{ width: 35%; background:#eeeeee; padding:80px 50px 0;}
.ny_app_item .pic,.ny_app_item .txt{ height: 100%; border-radius: 20px; overflow: hidden; float:left;}
.ny_app_item:nth-child(2n+1) .txt,.ny_app_item:nth-child(2n) .pic{ float:right;}
.ny_app_item .txt h2{ font-family: rajsb; font-size: 36px; margin: 30px 0; line-height:40px;}
.ny_app_item .txt .more_btn{ margin-top: 40px;}
.ny_app_item .txt p{ font-size: 16px; line-height: 24px;}
.ny_app_item .txt .icon{ height: 70px; overflow: hidden;}
.ny_app_item .txt .icon img{ height: 70px;}
.ny_app_item .txt:hover h2{color:#009ab1;}
.ny_app_item .txt:hover .icon img{transform: translateY(-100px); filter: drop-shadow(#009ab1 0 100px);}
.ny_applist ul li{ float: left; width:32%; margin-right:2%; margin-bottom:30px; background:#eeeeee; border-radius:10px; overflow:hidden;}
.ny_applist ul li:nth-child(3n){ margin-right:0;}
.ny_applist ul li .imgfd{ padding-top: 66.7%;}
.ny_applist ul li .txt{ padding: 30px;}
.ny_applist ul li .txt h2{ font-family: rajsb;font-size: 28px; line-height:30px; height:30px; overflow:hidden;}
.ny_applist ul li .txt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin: 20px 0;}
.ny_applist ul li .txt i{ display: inline-block; width: 40px; height: 40px; line-height: 40px; color: #fff; border-radius: 50%; background: #333; text-align:center;}
.ny_applist ul li:hover h2{ color:#009ab1;}
.ny_applist ul li:hover .txt i{ background:#009ab1;}
.nynews_top{ border-bottom: 1px solid #e7e7e7; margin-bottom:50px;}
.nynews_top .blog_search{ width: 30%;padding-left:25px; background:url(../images/search_03.png) no-repeat left center; margin-right:auto;}
.nynews_top .blog_search input{ line-height: 45px; background:none; width:100%; font-family:raj;}
.news_nav{width: 290px; margin-left: auto; position: relative;}
.news_nav h4{ font-size: 20px; font-family: rajsb; display: inline-block; text-align: center; line-height:45px; margin-left:70px; position:relative; cursor:pointer;}
.news_nav h4:hover{ color:#009ab1;}
.news_nav h4 i{ margin-left: 10px;}
.news_nav h4:after{ position:absolute; bottom: 0; left: 0; content: ''; background: #009ab1;width:100%; height:3px;}
.news_nav .nav_box{ position: absolute; background: #fff; left:0; top:45px; border-radius:5px; padding:20px; z-index:4; display:none;}
.news_nav .nav_box a{ display: block; line-height: 40px; font-family:rajm;}
.news_nav .nav_box a i{ font-size: 12px; display: inline-block; width: 16px; height:16px; line-height: 14px; border: 1px solid #888; background:#fff; color:#fff; text-align:center; border-radius:2px; margin-right:5px;}
.news_nav .nav_box a:hover,.news_nav .nav_box a.act{ color:#009ab1;}
.news_nav .nav_box a:hover i,.news_nav .nav_box a.act i{ background:#009ab1; border-color:#009ab1;}
.news_nav:hover .nav_box{ display:block;}
.ny_news_list ul li{ width: 33.33%; float: left; border-right:1px solid #e7e7e7; position:relative;}
.ny_news_list ul li a{ display: block; width: 100%; padding:30px; border-radius:10px;}
.ny_news_list ul li:nth-child(3n){ border:none;}
.ny_news_list ul li:after{ position:absolute; left: 30px; width: calc(100% - 60px); bottom:0; height:1px; background:#e7e7e7; content:'';}
.ny_news_list ul li .date{ font-family: rajb; display: block; color: #cccccc; font-size:24px;}
.ny_news_list ul li h2{ font-size: 22px; font-family: rajsb; line-height: 32px; height: 64px; overflow: hidden; margin:20px 0;}
.ny_news_list ul li p{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom:40px;}
.ny_news_list ul li .imgfd{ padding-top: 66%; border-radius:10px;}
.ny_news_list ul li i{ display: none; position:absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size:20px; background:#009ab1; border-radius:50%; top:calc(50% - 20px); left:calc(50% - 20px); z-index:3;}
.ny_news_list ul li:hover a{ background:#fff; box-shadow: 0 0 10px rgba(0,0,0,.15);}
.ny_news_list ul li:hover h2{ color:#009ab1;}
.ny_news_list ul li:hover i{ display:inline-block;}
.ny_news_list ul li:hover:after{ display:none;}
.main_about .top{ align-items: flex-start;}
.main_about .top h3{ font-size:48px; line-height: 48px;width:20%; margin-right:auto;}
.main_about .top .ab_des{ width: 75%;}
.number dt{ float: left; width: 24.5%; margin-right: 0.66%; padding:60px 50px 140px;}
.number dt:nth-child(4n){ margin-right:0;}
.number dt b{ display: block; font-size: 72px; font-family: rajb; margin-bottom:30px; color:#009ab1;}
.number dt p{ font-size: 24px; font-family: rajsb; color: #333; height:30px;}
.ab_history{ background: #092e58;  color: #fff;}
.his_box{ align-items: flex-start;}
.his_box h3{ width: 27%; font-size:48px; color:#fff; line-height:50px; margin-right:auto;}
.his_box .his_list{ width: 62%; height:340px;}
.his_list ul li h4{ font-size: 36px; font-family: rajsb; color:#fff; margin-bottom:15px;}
.his_list ul li{ padding-left: 75px; border-left: 1px solid #b6c1cd;  padding-bottom:20px;}
.his_list{ padding-left: 20px; position: relative;}
.his_list .swiper-button-prev,.his_list .swiper-button-next{left: 0; top:22px; width: 40px; height: 40px; background: url(../images/prev_03.jpg) no-repeat center center; cursor:pointer;}
.his_list .swiper-button-next{ top: calc(50% + 22px); background: url(../images/next_06.jpg) no-repeat center center;}
.his_list .swiper-button-disabled{ opacity: 1;}
.ab_honor h3{ font-size: 48px; margin-bottom: 25px;}
.ab_honor ul li{ padding: 40px; background: #e8ecf5;}
.ab_honor ul li .imgfd{ padding-top: 139%;}
.contact_box{ padding: 80px 50px;}
.contact_box h3{ font-size: 48px; text-align: center; margin-bottom: 40px;}
.contact_box dl { width: 100%;}
.contact_box dl dt{ float: left; width: 32%; margin-right:1.33%; display:flex; align-items:flex-start;}
.contact_box dl dt .txt{ width: calc(100% - 80px); margin-left: auto;}
.contact_box dl dt .txt h4{ font-size: 20px; font-family: rajsb; margin-bottom: 10px;}
.contact_box dl dt .txt p{ font-family: rajm; color: #333;}
.contact_box dl dt .icon{ transition: .2s ease;}
.contact_box dl dt:hover .icon{ padding-top:10px;}
.contact_form p{ font-size: 36px; color: #333; text-align: center; font-family: rajsb; margin-bottom:30px;}
.contact_form .formbox.fl{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
.contact_form .formbox.fl:nth-child(2n){ margin-right:0;}
.contact_form input,.contact_form textarea{ width: 100%; line-height:55px; background:#e8ecf5; border-radius:5px;  font-size:16px; padding-left:15px; font-family:raj;}
.contact_form .sub{width: 280px; background: #009ab1; color: #fff; font-weight: bold; display: block; margin: 20px auto 0; text-transform:uppercase; cursor:pointer;}
.contact_form .sub:hover{ font-style:italic;}

.newshow h1{ font-size: 48px; line-height:55px;}
.newshow .info{ padding: 30px 0; border-bottom:1px solid #e7e7e7;}
.newshow .info .date{ display: inline-block; margin-right: auto;}
.show_content{ padding-top: 40px; width: 100%; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.newshow{ width: 77%;}
.news_right{ width: 20%;}
.left_msg{ background: #092e58; padding: 25px; border-radius: 5px; text-align:center; color:#fff;}
.left_msg h3{ font-size: 28px; color: #fff; margin-bottom:20px;}
.left_msg .l_form{ margin: 25px 0 15px;}
.l_form input{ width: 100%; padding: 0 8px; border-radius: 3px; line-height: 50px; background: #fff; margin-bottom:10px; font-family:raj;}
.l_form input.sub{ background: #009ab1; color:#fff; font-size:18px; cursor:pointer; font-weight:bold; text-transform:uppercase;}
.l_form input.sub:hover{ text-decoration: underline; font-style:italic;}

.hot_news{ margin-top: 40px;}
.hot_news h3{ font-size: 32px; text-transform: uppercase; margin-bottom:20px;}
.hot_list ul li{ padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #e7e7e7;}
.hot_list ul li .pic{ width: 35%; margin-right:auto; border-radius:5px; overflow:hidden;}
.hot_list ul li h2{ font-size: 18px; line-height:24px; max-height:72px; overflow:hidden; font-family: rajsb;}
.hot_list ul li .txt{ width: 60%;}
.hot_list ul li .imgfd{ padding-top: 66.7%;}
.hot_list ul li:hover h2{ color:#009ab1;}

.showinq .feed dl{display: flex;flex-flow: row wrap;justify-content: space-between;}
.showinq .feed dt .box{float: left;margin-right: 40px;}
.showinq h2{text-transform: uppercase;}
.showinq table{margin: 20px 0 40px;width: 100%;}
.showinq td{border: solid 1px #ddd;padding-left: 20px;}
.showinq tr.bt td{height: 50px;line-height: 50px;background: #f2f2f2;font-size: 16px;color: #333;font-weight: bold;}
.showinq td img{max-width: 100px;display: block;margin: 0 auto;}
.showinq td.img{padding-left: 0;padding: 10px 0;width: 16.66%;}
.showinq td.wz{font-weight: bold;}
.showinq td.sc{cursor: pointer;}

.form_tc{ position: fixed; background: #fff; padding: 60px; border-radius: 20px; width:50%; left:25%; top:20%; z-index:999; display:none;}
.bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0;z-index:998; display:none;}
.form_tc .formbox{ margin-bottom: 20px;}
.form_tc .iconfont{ display: inline-block; font-size: 40px; position: absolute; top: 30px; right: 30px; cursor:pointer;}

.indvideo_box{ position: fixed; background: #fff; padding: 20px; border-radius: 20px; width:50%; left:25%; top:20%; z-index:999; display:none;}
.vbg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.2); left: 0; top: 0;z-index:998; display:none;}
.indvideo_box iframe{ width: 100%; height:550px;}
.indvideo_box .iconfont{ display: inline-block; font-size: 40px; position: absolute; top: 30px; right: 30px; cursor:pointer; color:#fff;}





@media (max-width: 1700px){

}


@media (max-width: 1550px){
	.navContent{ width: 180px;}
	.language{ margin: 0 20px;}
	#header #cd-top-nav li{ margin-right: 30px;}
	.ab_cont{ margin-top: 80px;}
	.sy_ab_txt{ top: 60px; padding: 50px 0 0 60px;}
	.sy_app{ height: 700px;}
	.ny_ban .ny_txt h3{ font-size: 60px;}
	.ny_ban .ny_txt i{ font-size: 50px;}
	.pro_top .txt{ margin-top: 60px;}
	.pro_top .txt h1{ font-size: 60px;}
	.pro_top .txt h4{ font-size: 30px; margin: 20px 0;}
	.pro_cont{ padding: 40px 50px 50px;}
}

	.sy-ban .ban_control{ bottom: 80px;}
	.sy_item_tit h3{ font-size:38px; line-height:45px; }
	.what_left .more_btn{ margin-top: 30px;}
	.sy_app{ height: 680px;}
	.sy_app .app_item .app_icon{ width: 120px; height: 120px;}
	.sy_app .app_item .app_icon img{ height: 40px;}
	.sy_app .app_item .app_txt{ padding: 20px 40px 30px;}
	.sy_about .ab_des{ max-height: 390px; overflow-y: scroll;}
	.ab_cont{ margin-top: 30px;}
	.sy-ban .txt1{ padding: 0 2%;}
	.sy-ban .ban_control{ padding-left: 2%;}
	.sy-ban .txt1 h3{ font-size: 80px;}
	.sy-ban .txt1 p{ font-size: 30px;}
	.ban_center{ width: 92%;}
	/* 滚动条轨道 */
::-webkit-scrollbar {
    width: 6px; /* 宽度 */
    height: 10px; /* 高度 */
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #009ab1; /* 滑块颜色 */
    border-radius: 3px; /* 滑块圆角 */
}
 
/* 当鼠标悬停在滑块上时 */
::-webkit-scrollbar-thumb:hover {
    background: #0b94a8; /* 悬停时的颜色 */
}
@media (max-width: 1281px){
    .ban_center{ width: 96%;}
	.sy_app{ height: 600px;}
	.sy_item_tit h3{ font-size: 34px; line-height: 38px;}
	.sy_ab_txt{ padding: 30px 0 0 40px}
	.sy_say{ padding: 50px 40px;}
	.news_top h3{font-size: 34px;}
	.sy_pro_list ul li{ padding: 25px 30px;}
	.sy_pro_list ul li h2{ font-size: 24px; margin: 20px 0;}
	.ab_box ul li{ padding: 15px;}
	.sy_ab_img .ab_box{ width: 82%;}
	.news_box .txt{ padding: 25px;}
	.faq_list ul li{ padding-bottom: 43px; margin-bottom: 42px;}
	.ny_ban .ny_txt h3{ font-size: 56px;}
	.ny_ban .ny_txt p{ width: 50%; margin: 20px 0; font-size:18px;}
	.ny_pro_tit h3{ font-size: 40px;}
	.ny_pro_tit p{ font-size: 18px;}
	.ny_ban .ny_txt i{ display: none;}
	.pro_top .txt h1{ font-size: 50px;}
	.pro_top .txt h4{ font-size: 24px; margin: 15px 0;}
	.pro_top .txt p{ font-size: 18px;}
	.pro_top .txt{ margin-top: 30px;}
	.pro_top .txt .pro_cont p.ph,.pro_top .txt .pro_cont p.itl{ font-size: 26px;}
	.pro_cont p.ph i{ width: 40px; height: 40px; line-height: 36px; font-size:20px;}
	.pro_cont p.itl{ margin: 20px 0;}
	.pro_cont{ padding: 20px 30px 30px;}
	.pro_ban{ margin-bottom: 230px;}
	.pro_nav a{ font-size: 26px; line-height: 18px;}
	.docu_box ul li a{ padding: 20px;}
	.docu_box ul li p{ margin-bottom: 20px;}
	.ny_app_item{ height: 500px;}
	.ny_app_item .txt{ padding: 50px 40px 0;}
	.ny_app_item .txt h2{ font-size:30px; margin: 20px 0;}
	.ny_applist ul li .txt h2{ font-size: 24px; line-height:26px; height:52px;}
	.ny_applist ul li .txt{ padding: 20px;}
	.news_right{ display: none;}
	.newshow{ width: 100%; float: none;}
	.nynews_top{ margin-bottom: 30px;}
	.number dt b{ font-size: 60px; line-height: 60px;}
	.number dt{ padding:40px 30px 100px; background-size:60%!important;}
	.number dt p{ font-size: 22px;}
	.his_box .his_list{ height: 370px;}
	.main_about .top h3{font-size: 40px;}
	.his_box h3{ font-size: 40px;}
	.ab_honor ul li{ padding: 25px;}
	.contact_form p{font-size: 30px;}
	.contact_box{ padding: 60px 40px;}
	.indvideo_box{ width:70%; left:15%; top:20%;}
	.indvideo_box iframe{ width: 100%; height:450px;}
	
}

@media (max-width: 1024px){
	#header{ background: #fff;}
	.language{ display: none;}
	.cd-main-content{padding-top: 60px!important;}
	.sy-ban .txt1 h3{font-size: 60px; line-height: 60px;}
	.sy-ban .txt1 .more_btn{ margin-top: 40px;}
	.sy-ban .ban_control{ bottom: 40px;}
	.sy_pro_list ul li h2{ font-size: 20px; margin: 10px 0;}
	.top_right .follow{ display: none;}
	.top_right .lang{ padding: 22px 0;}
	.top_right .lang p{ color: #666;}
	.sy_app{ height: 450px;}
	.sy_app .app_item .app_txt p{ margin: 10px 0;}
	.sy_app .app_item .app_txt{ padding: 20px 25px 25px;}
	.app_txt h2{ font-size: 20px;}
	.sy_app .app_item:first-child .app_txt{ padding-bottom: 30px;}
	.sy_app .app_item .app_icon{ width: 80px; height: 80px; padding-left: 15px; padding-top: 15px;}
	.sy_app .app_item .app_icon img{ height: 30px;}
	.sy_ab_img{ width: 100%;}
	.sy_ab_img .ab_box{ width: 97%;}
	.sy_ab_txt{ position: unset; width: 100%; padding: 20px;}
	.sy_about{ padding-bottom: 0;}
	.ab_cont{ margin-top: 30px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.say_box ul li{ display: block;}
	.say_box ul li .say_des{ width: 100%; margin-bottom: 25px;}
	.say_box ul li .auth{ width: 100%;}
	.say_box{ padding-top: 30px;}
	.news_box .txt h2{ font-size: 24px;}
	.faq_list ul li .txt h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 10px;}
	.faq_list ul li{ padding-bottom: 40px;}
	.index_foot{ display: none;}
	.top_right .lang .lang_list{ top: 60px; padding: 10px 5px;}
	.top_right .lang{ margin-right: 50px;}
	.contact_list{ display: none;}
	.bottom-feed{ display: none;}
	.toph{ display: none;}
	.ny_ban .ny_txt h3{ font-size: 40px;}
	.ny_ban .ny_txt p{ width: 60%; margin:15px 0 0;}
	.ny_ban .posi{ padding: 25px 0;}
	.pro_cont{ margin-top: 20px;}
	.pro_top .txt h1{ font-size: 48px; line-height: 48px;}
	.pro_top .txt .pro_cont p.ph, .pro_top .txt .pro_cont p.itl{ font-size: 22px;}
	.pro_nav a{ font-size: 22px; padding: 0 15px; line-height: 18px;}
	.pro_item{ padding-top: 50px;}
	.pro_item .item_tit{ font-size: 30px; line-height: 30px; width: 20%;}
	.pro_item .content{ width: 77%;}
	.adv_box ul li .icon img{ width: 40px;}
	.adv_box ul li .txt h4{ font-size: 24px;}
	.acce_box ul li .txt h4{ font-size: 20px; margin-bottom: 10px;}
	.docu_box ul li p{ font-size: 18px; line-height: 24px; height:72px;}
	.video_box iframe{ height: 300px;}
	.rel_pro h3{ font-size: 40px;}
	.rel_list ul li h2{ font-size: 24px;}
	.rel_list ul li{ padding: 20px;}
	.ny_app_item{ height: 400px;}
	.ny_app_item .txt .icon img,.ny_app_item .txt .icon{ height: 50px;}
	.ny_app_item .txt .more_btn{ margin-top: 25px;}
	.ny_app_item .txt h2{ font-size: 26px; margin: 15px 0;}
	.ny_app_item .txt{ padding: 30px 30px 0;}
	.ny_applist ul li .txt p{ margin: 10px 0;}
	.ny_news_list ul li a{ padding: 20px;}
	.ny_news_list ul li p{ margin-bottom: 20px;}
	.ny_news_list ul li h2{ font-size: 20px; line-height: 28px; height: 56px; margin:10px 0;}
	.ny_news_list ul li .date{font-size: 20px;}
	.main_about .top{ display: block;}
	.main_about .top h3,.his_box h3{ width: 100%;}
	.main_about .top .ab_des,.his_box .his_list{ width: 100%; margin-top:20px;}
	.his_box{ display: block;}
	.contact_box h3{font-size: 40px; margin-bottom: 25px;}
	.contact_box{padding: 40px 0;}
	.form_tc{ width: 80%; left: 10%; padding:40px;}
	.indvideo_box iframe{ width: 100%; height:380px;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1{ text-align: center;}
	.sy-ban .txt1 h3{ font-size: 40px; line-height: 40px;}
	.sy-ban .txt1 .more_btn{ margin-top: 20px;}
	.sy-ban .ban_control .swiper-pagination{ width: 80px;}
	.sy-ban .ban_control{bottom: 30px;}
	.item_top .more_btn{ display: none;}
	.sy_pro_list ul li .more_btn{ display: none;}
	.what_left{ width: 100%; float: none;}
	.what_v{ width: 100%; float: none; margin-top: 20px;}
	.news_left{ width: 100%; float: none;}
	.faq_right{ width: 100%; float: none; margin-top: 20px;}
	.sy_app{height: auto;}
	.sy_app .app_item{ width: 100%; margin-bottom: 20px; float: none; height: auto;}
	.sy_app .app_item:nth-child(2), .sy_app .app_item:nth-child(5){ width: 100%;}
	.sy_app .app_item:first-child{ width: 100%; height: auto;}
	.sy_app .app_item .imgfd{ padding-top: 58%;}
	.sy_app .app_item:first-child .imgfd{ padding-top: 58%;}
	.mainh{ height: 30px;}
	.sy_item_tit p{ font-size: 16px;}
	.news_box .txt p{ height: 48px;}
	.ny_ban .posi{ padding: 15px 0; font-size: 14px;}
	.ny_ban .ny_txt p{ width: 75%; margin-top: 5px; font-size:16px;}
	.ny_pro_item{ padding-bottom: 30px; margin-bottom: 30px;}
	.pro_top{ position: relative; margin-top:-120px;}
	.pro_top .txt{ margin-top: 0;}
	.pro_top .txt{ width: 100%; float: none;}
	.pro_top .pic{ width: 100%; float: none; margin-top:20px;} 
	.pro_top .txt h4{ margin-bottom: 35px;}
.pro_top .txt p{ color: #333;}
.pro_top .txt .pro_cont p.ph, .pro_top .txt .pro_cont p.itl{ color: #fff;}
	.pro_ban{ margin-bottom: 0;}
	.pro_item{ display: block;}
	.pro_item .item_tit{ width: 100%; margin-bottom: 15px;}
	.pro_item .content{ width: 100%;}
	.rel_list ul li{ padding: 10px;}
	.rel_pro h3{ font-size: 28px; margin-bottom: 15px;}
	.rel_list ul li i{ display: none;}
	.adv_box ul li{ width: 100%; float: none;}
	.adv_box ul li .txt p{ height: auto;}
	.ny_app_item{ height: auto;}
	.ny_app_item .pic, .ny_app_item .txt{ height: auto; width: 100%; float: none;}
	.ny_app_item .txt{ padding: 20px; margin-top: 20px;}
	.ny_app_item:nth-child(2n+1) .txt, .ny_app_item:nth-child(2n) .pic{ float:none;}
	.ny_app_item .pic .imgfd{ padding-top: 66.6%;}
	.ny_applist ul li .txt i{ display: none;}
	.ny_applist ul li .txt h2{ font-size: 20px; line-height: 24px; height: 48px;}
	.ny_applist ul li .txt p{ display: none;}
	.ny_applist ul li .txt{ padding: 10px;}
	.newshow h1{ font-size: 38px; line-height: 42px;}
	.newshow .info{ padding: 20px 0;}
	.show_content{ padding-top: 30px;}
	.copy{ margin-bottom: 50px; font-size:14px;}
	.number dt b{font-size: 40px; line-height: 36px;}
	.number dt{ padding: 20px 20px 60px;}
	.number dt p{ font-size: 18px; line-height: 22px; height: 44px;}
	.number dt b{ margin-bottom: 10px;}
	.contact_box h3{ font-size: 32px;}
	.contact_box dl dt{ width: 100%; float: none; margin-bottom: 15px;}
	.contact_form p{font-size: 26px;}
	.contact_box dl dt:hover .icon{ padding-top:0;}
	.contact_box dl dt .icon img{ height: 50px;}
	.contact_box dl dt .txt{ width: calc(100% - 60px);}
	.indvideo_box{ width:90%; left:5%; top:20%;}
	.indvideo_box iframe{ height:400px;}
}
@media (max-width: 540px){
	.sy-ban .txt1 .more_btn{ display: none;}
	.sy-ban .txt1 p{font-size: 22px;}
	.sy-ban .ban_control{ bottom: 5px;}
	.sy_pro_list ul li{padding: 15px;}
	.sy_pro_list ul li span.colname{ font-size: 16px;}
	.ab_box ul li img{ width: 36px;}
	.ab_box ul li .txt{width: calc(100% - 40px);}
	.ab_box ul li .txt p{ line-height: 24px;}
	.sy_item_tit h3{font-size: 28px; line-height: 32px;}
	.ab_tel i{width: 50px; height: 50px; line-height: 50px; font-size: 30px;}
	.say_box ul li .auth .pic{ width: 70px;}
	.news_top{ margin-bottom: 20px;}
	.faq_list ul li{padding-bottom: 20px; margin-bottom: 20px;}
	#cd-logo img{max-height: 28px;}
	.sy_app .app_item:first-child .app_txt p{ height: 24px;}
	.swiperall.sy_product .swiper-button-prev, .swiperall.sy_product .swiper-button-next{ bottom: 30%;}
	.ny_ban .ny_txt p{ display: none;}
	.ny_ban .ny_txt{ text-align: center; top:40%;}
	.ny_pro_tit h3{ font-size: 30px;}
	.ny_pro_list ul li{ width: 49%; margin-bottom:20px;}
	.ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
	.ny_pro_list ul li:nth-child(2n){ margin-right:0;}
	.ny_pro_tit{ margin-bottom: 20px;}
	.sy_pro_list ul li .imgfd{ margin-top: 10px;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
	.video_box iframe{ width: 100%; height:250px;}
	.rel_list ul li{ width: 49%; margin-right: 2%;}
	.rel_list ul li:nth-child(2n){ margin-right:0;}
	.ny_app_item .txt h2{ font-size: 22px; margin:10px 0;}
	.ny_app_item .txt .more_btn{ margin-top: 20px;}
	.ny_app_item .txt .icon img, .ny_app_item .txt .icon{ font-size: 40px;}
	.ny_app_item .txt{ margin-top: 10px;}
	.ny_app_item{ margin-bottom: 25px;}
	.ny_applist ul li{ width: 49%; margin-right: 2%; margin-bottom:20px;}
	.ny_applist ul li:nth-child(3n){ margin-right:2%;}
	.ny_applist ul li:nth-child(2n){ margin-right:0;}
	.ny_ban .ny_txt h3{ font-size: 30px;}
	.nynews_top{ display: block;}
	.nynews_top .blog_search{ width: 100%; display: block; overflow:hidden; border-bottom:1px solid #e7e7e7;}
	.news_nav,.news_nav h4,.news_nav .nav_box{ width: 100%;}
	.news_nav h4{ margin-left: 0; background:#f0f0f0;}
	.ny_news_list ul li{ width: 50%;}
	.ny_news_list ul li:nth-child(3n){ border-right:1px solid #e7e7e7;}
	.ny_news_list ul li:nth-child(2n){ border:none;}
	.number dt{ width: 49.5%; margin-right: 1%; margin-bottom:10px;}
	.number dt:nth-child(2n){ margin-right:0;}
	.main_about .top h3, .his_box h3{ font-size: 32px; line-height:32px;}
	.his_list ul li h4{ font-size: 26px; margin-bottom: 10px;}
	.his_list ul li{ padding-left: 50px;}
	.ab_honor h3{font-size: 36px; margin-bottom:20px;}
	.ab_honor ul li{padding: 15px;}
	.contact_box h3{ font-size: 28px;}
	.contact_form p{ font-size: 22px;}
	.contact_form input, .contact_form textarea{ line-height: 45px;}
	.indvideo_box iframe{ height:300px;}
	
}
@media (max-width: 450px){
	.sy-ban .ban_control{ display: none;}
	.sy-ban .txt1 h3{ font-size: 34px; line-height: 34px;margin-bottom: 10px;}
	.item_top{ margin-bottom: 20px;}
	.sy_ab_img .ab_box{ display: none;}
	.what_v .play img{ height: 40px;}
	.ab_cont{ margin-top: 20px; display: block;}
	.ab_tel{ margin-left: 0; margin-top: 15px;}
	.ab_tel .txt p{ font-size: 18px;}
	.ab_tel .txt h4{ font-size: 16px; margin-bottom: 0;}
	.sy_say{ padding: 30px 20px;}
	.say_top{ display: block;}
	.sy_say .sy_item_tit{ width: 100%; margin-bottom: 10px;}
	.news_box .txt{ padding: 15px;}
	.news_box .txt h2{ font-size: 20px;}
	.news_box .txt p{ margin: 10px 0;}
	.news_top h3{ line-height: 30px; font-size: 30px;}
	.swiperall .swiper-button-prev, .swiperall .swiper-button-next{ width: 32px; height: 32px; line-height: 32px; font-size: 18px;}
	.rel_list ul li h2{ font-size: 20px; line-height: 20px; height: 20px;}
	.pro_det_btns{ padding-top: 20px; margin-top: 30px;}
	.pro_det_btns .det_btn{ width: 100%; float: none; margin-bottom:5px;}
	.docu_box ul li{ width: 100%; float: none;}
	.docu_box ul li p{ height: auto;}
	.acce_box ul li .pic{ width: 100%; float: none;}
	.acce_box ul li .txt{ width: 100%; float: none; margin-top: 20px;}
	.pro_nav a{ width: 45%; margin-bottom: 15px;}
	.pro_top .txt h1{ font-size: 30px; line-height: 30px;}
	.pro_top .txt h4{ font-size: 18px; margin-top:10px;}
	.pro_top{ margin-top: -100px;}
	.pro_cont p.ph{ line-height: 40px;}
	.pro_cont{ padding: 20px;}
	.adv_box ul li{ margin-bottom: 20px;}
	.adv_box ul li .txt h4{ font-size: 20px;}
	.ny_applist ul li .txt h2{ font-size: 18px; line-height: 20px; height: 40px;}
	.newshow h1{ font-size: 28px; line-height: 30px;}
	.newshow .info{ padding: 10px 0;}
	.ny_news_list ul li p{ display: none;}
	.ny_news_list ul li a{ padding: 10px;}
	.ny_news_list ul li .date{ font-size: 18px;}
	.ny_news_list ul li h2{ font-size: 16px; line-height: 18px; height: 54px;}
	.his_box .his_list{ height: 510px;}
	.ab_honor h3{font-size: 30px;}
	.ab_honor ul li{ padding: 10px;}
	.contact_form .formbox.fl{ width: 100%; float: none;}
	.form_tc{ width: 90%; left: 5%; padding:40px 25px 25px;}
	.contact_form .sub{ width: 100%;}
	.form_tc .iconfont,.indvideo_box .iconfont{font-size: 28px; top: 20px; right: 20px;}
	.contact_form p{ margin-bottom: 15px;}
	.indvideo_box{ padding: 10px;}
	
}