@charset "utf-8";
/* CSS Document */
.index_banner{ width: 100%; overflow: hidden; position: relative;}
.banner_small .swiper-wrapper{ overflow:hidden;}
.index_banner .banner_txt{ position: absolute;top: 20%; width: 100%; left: 0;}
.index_banner .banner_txt h3{ font-size: 80px; text-transform: uppercase;}
.index_banner .banner_txt p{ color: #2e59a7; font-size: 48px; line-height: 70px;}
.index_banner .banner_txt span{ display: block; color: #333;}
.index_banner .banner_txt .more_btn{ margin-top: 50px;}
.sy-ban img{ width: 100%;}
.sy-ban{ position: relative;width: 100%;}
.banner_small{ position: absolute; width: 100%; left: 0; bottom: 50px;}
.banner_small img{ height: 194px;}
.banner_small .mySwiper{ padding: 0 3%;}
.banner_small .mySwiper ul li{ border: 3px solid #fff; position: relative;}
.banner_small .mySwiper ul li .bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(46,89,167,.9); text-align: center; color: #fff; display: none;}
.banner_small .mySwiper ul li .bg h5{ color: #fff; font-size: 16px; margin-top: 25%;}
.more{ display: inline-block; height: 34px; width: 34px; line-height: 34px; border: 1px solid #fff; text-align: center; border-radius: 17px; color: #fff;}
.banner_small .mySwiper ul li .bg .more{ margin-top: 20px;}
.banner_small .mySwiper ul li.swiper-slide-thumb-active .bg{ display: block;}
.sy_item_tit{ margin-bottom: 30px;}
.sy_item_tit h3{font-size: 40px; text-transform: uppercase;}
.sy_app .sy_item_tit{ text-align: center;}
.sy_app .sy_item_tit p{ width: 60%; display: inline-block;}
.sy_app_list { position: relative;}
.sy_app_list ul li{ position: relative;}
.sy_app_list ul li img{ height: 500px;}
.sy_app_list ul li .sy_app_txt{ width: 100%; text-align: center; bottom: 20px; position: absolute;}
.sy_app_list ul li h4{ font-size: 18px; color: #fff;}
.sy_app_list ul li .sy_app_bg{ position: absolute; width: 100%; left: 0; top: 0; text-align: center; color: #fff; background: rgba(46,89,167,.9); padding: 0 40px; transition: .4s ease; height: 0; overflow: hidden; }
.sy_app_list ul li .sy_app_bg h4{ margin-top: 60px;}
.sy_app_list ul li .sy_app_bg .more{ margin: 15px 0;}
.sy_app_list ul li:hover .sy_app_bg{ height: 100%;}
.sy_app_list ul li:hover .sy_app_txt{ display: none;}
.sy_app_list .swiper-button-prev,.sy_app_list .swiper-button-next{ bottom: 40%; color: #fff; right: 1%;}
.sy_app_list .swiper-button-prev i,.sy_app_list .swiper-button-next i{ font-size: 40px;}
.sy_app_list .swiper-button-prev{ left: 1%;}
.sy_app{ text-align: center;}
.sy_app .more_btn{ margin-top: 50px;}

.sy_ab_txt{ width: 45%;}
.sy_ab_img{ position: relative;}
.sy_ab_img img{ width: 100%; height:500px;}
.sy_ab_img,.sy_qu_img{ width: 50%;}
.sy_ab_img .play_btn{position: absolute; left: 50%; top: 50%; color: #fff; font-size: 40px; z-index:2; cursor:pointer; transform:translate(-50%,-50%);}
.sy_ab_img .play_btn i{ display: block; width: 80px; height: 80px; text-align: center; font-size: 40px; border-radius: 50%; border: 2px solid #fff; line-height:80px;}
.sy_ab_img video{ height: 500px; width:100%; position:absolute; z-index:3; left:0; top:0;}
.sy_ab_txt .sy_item_tit{ margin-top: 40px;}
.sy_ab_txt .more_btn{ margin-top:40px; }
.sy_quality{ background: #f2f2f2;}
.sy_qu_txt{ width: 45%; padding-top: 70px;}
.sy_qu_txt .more_btn{ margin-top: 40px;}
.choose_left{ width: 30%;}
.choose_left .sy_item_tit{ background: #2e59a7; padding: 45px 35px; color: #fff; margin-bottom: 0;}
.choose_left .sy_item_tit h3{ color: #fff;}
.choose_list{ width: 70%;}
.choose_list ul li{ float: left; width: 45%; margin-left: 5%; margin-top: 30px; padding-bottom: 30px;}
.choose_list ul li h4{ color: #333;font-size: 18px; margin: 20px 0;}
.choose_list ul li:first-child,.choose_list ul li:nth-child(2){ border-bottom: 1px solid #e7e7e7;}
.choose_list ul li p{ height: 120px; overflow: hidden;}
.choose_list ul li .cho_icon img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.choose_list ul li:hover .cho_icon img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}

.sy_faq{ width: 32%;}
.sy_faq .sy_item_tit{ margin-bottom: 0;}
.sy_faq_list ul li{ border-bottom: 1px solid #e7e7e7;}
.sy_faq_list ul li h4{ color: #333; font-size: 18px; line-height: 65px; height:65px; overflow:hidden;}
.sy_faq_list ul li h4 i{ cursor: pointer;}
.sy_faq_list ul li h4 i.icon-jian_sekuai{ display: none;}
.sy_faq_list ul li h4 a:hover{ color: #2e59a7;}
.sy_faq_list ul li .answer_box{ background: #f1f2f2; padding: 25px; border-left: 5px solid #2e59a7;}
.sy_faq_list ul li .answer{ max-height: 120px; overflow: hidden;}
.sy_faq_list ul li.on{ border: none;}
.sy_faq_list ul li .answer_box{ display: none;}
.sy_faq_list ul li.on h4 i.icon-jian_sekuai{ display: inline-block;}
.sy_faq_list ul li.on h4 i.icon-jia{ display: none;}
.sy_faq_list ul li.on .answer_box{ display: block;}
.sy_faq_list ul li.on h4{ color: #2e59a7;}
.sy_faq_list ul li.on h4 a{ color: #2e59a7;}
.mainh{ height: 80px;}
.news_box{ width: 65%}
.news_box h2{ color: #333; font-size: 18px; line-height: 24px; height: 48px; overflow: hidden;}
.sy_hot_news{ width: 45%;}
.sy_news_list{ width: 50%;}
.sy_hot_news .imgfd{ position: relative;}
.sy_hot_news .imgfd .tip{ position: absolute;display: inline-block; padding: 10px 15px; background: #2e59a7; color: #fff; font-size: 12px; top: 0; left: 0;}
.sy_hot_news .hot_news_txt{ background: #f2f2f2; padding: 25px;}
.sy_hot_news .hot_news_txt span{ display: inline-block; margin: 10px 0;}
.sy_hot_news .hot_news_txt p{ height: 60px; overflow: hidden;}
.sy_hot_news:hover h2{ color: #2e59a7;}
.sy_news_list ul li{ margin-bottom: 45px;}
.sy_news_list ul li:last-child{ margin-bottom: 0;}
.sy_news_list ul li .date{ width: 100px; height: 100px; background: #f1ad09; color: #fff; text-align: center; padding-top: 20px;}
.sy_news_list ul li .date i{ margin-top: 10px; display: inline-block;}
.sy_news_txt{ width: 75%; padding-top: 5px;}
.sy_news_txt span{ color: #2e59a7; display: inline-block; margin-top: 20px;}
.sy_news_list ul li:hover h2{ color: #2e59a7;}
.sy_msg p{ font-size: 24px; color: #333;}
.sy_msg h3{ font-size: 50px; text-transform: uppercase; margin: 20px 0;}
.sy_form{ width: 40%;}
.sy_form .bot_inp{ width: 48%; padding: 0 10px; line-height: 54px;}
.sy_form textarea{ padding: 0 10px; line-height: 54px; width: 100%; margin-top: 20px;}
.sy_form .sub{ width: 250px; cursor: pointer; line-height: 54px; border-radius: 27px; text-align: center; color: #fff; background: #f1ad09; margin-top: 20px; font-size: 16px; text-transform: uppercase;}
.sy_form .sub:hover{ font-size: 18px;}
.copy img{ margin-left: 50px; height: 34px;}
.ny_ban{ width: 100%; overflow: hidden; position: relative;}
.ny_ban img{ width: 100%;}
.proban_txt{ position: absolute; width: 100%; left: 0; top: 30%;}
.proban_txt h3{ width: 50%; font-size: 70px; text-transform: uppercase;}
.posi{ line-height: 56px;}
.posi a{ color: #333; font-size: 14px;}
.posi i{ color: #2e59a7; margin-right: 5px;}
.ny_page_tit h3{ font-size: 40px; margin-bottom: 20px;}
.column_des p{ font-size: 18px; }
.pro_col_list ul li{ float: left; width: 49%; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e7e7e7;}
.pro_col_list ul li:nth-child(2n){ float: right;}
.pro_col_list ul li .imgfd{ width: 45%;}
.pro_col_list ul li .imgfd img{ height: 265px;}
.pro_col_list ul li .pro_col_txt{ width: 50%;}
.pro_col_list ul li .pro_col_txt .more_btn{ margin-top: 30px;}
.pro_col_list ul li .pro_col_txt .more_btn span{ line-height: 41px;}
.pro_col_list ul li .pro_col_txt h2{ font-size: 20px; color: #333; margin-bottom: 15px;}
.pro_col_list ul li .pro_col_txt p{ line-height: 24px; height: 120px; overflow: hidden;}
.ny_left{ width: 78%;}
.ny_right{ width: 20%;}
.ny_pro_list ul li{ float: left; width: 32%; margin-right: 2%; border-bottom: 2px solid #e7e7e7; text-align: center; margin-top: 30px;}
.ny_pro_list ul li img{ height: 300px;}
.ny_pro_list ul li:nth-child(3n){ margin-right: 0;}
.ny_pro_list ul li h2{ font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 30px; color: #333;}
.ny_pro_txt{ padding: 20px 0;}
.ny_pro_list ul li span{ color: #2e59a7; font-weight: bold;}
.ny_pro_list ul li:hover span{ color: #f1ad09;}

.right_nav .first{ line-height: 60px; padding: 0 15px; color: #fff; background: #2e59a7; font-size: 18px;}
.right_nav .first .iconfont.icon-xiangshang1{ display: none;}
.right_nav .first i{ cursor: pointer;}
.right_nav .firstli{margin-bottom: 10px;}
.right_nav .firstli.on .first .iconfont.icon-xiangshang1{ display: inline-block;}
.right_nav .firstli.on .first .iconfont.icon-xiangxia2{ display: none;}
.right_nav .first a{ color: #fff;}
.right_nav .sec_ul{ background: #e7e7e7; padding: 0 10px 10px; display: none;}
.right_nav .sec_ul li{}
.right_nav .sec_ul li .secondp{ line-height: 50px; padding: 0 5px; border-bottom: 1px solid #cccccc;}
.right_nav .sec_ul li .secondp:hover a{ color:#2e59a7; }
.right_nav .sec_ul li .secondp i{ cursor: pointer;}
.right_nav .sec_ul li .secondp .icon-jian_sekuai{ display: none;}
.right_nav .sec_ul .sec_li.on .secondp .icon-jian_sekuai{ display: inline-block;}
.right_nav .sec_ul .sec_li.on .secondp .icon-jia{ display: none;}
.right_nav .sec_ul .sec_li.on .secondp{ border: none; color: #2e59a7;}
.right_nav .sec_ul .sec_li.on .secondp a{ color: #2e59a7;}
.right_nav .third_ul{ background: #fff; padding: 0 10px; line-height: 40px; display: none;}
.right_nav .third_ul li i{ color: #2e59a7;}
.right_nav .third_ul li a:hover{ color: #2e59a7;}
.right_hot{ margin-top: 30px;}
.right_hot h3{ font-size: 24px;}
.right_hot ul li{ margin-top: 20px;}
.right_hot ul li .imgfd{ width: 40%;}
.right_hot ul li .hot_txt{ width: 55%;}
.right_hot ul li .hot_txt p{ line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 5px;}
.right_hot ul li .hot_txt span{font-size: 12px;}
.right_hot ul li img{ height: 96px;}
.right_hot ul li:hover p{ color: #2e59a7;}
.proshow_top{ position: relative;}
.protop_left{ width: 40%; overflow: hidden;}
.pro_det_img{ overflow: hidden; border: 1px solid #ddd;}
.pro_det_img img{ height: 478px;}
.proshow_txt{ width: 55%;}
.small_pic{ margin-top: 20px;}
.small_pic img{ width: 100%; height: 83px;}
.small_pic ul li{ border: 1px solid #ddd;}
.small_pic ul li.swiper-slide-thumb-active{ border-color: #2e59a7;}
.proshow_txt h1{font-size: 30px; margin-bottom: 30px; color: #333; position: relative; padding-bottom: 15px;}
.proshow_txt h1:after{ content: ' '; width: 100px; height: 3px; background: #2e59a7; position: absolute; left: 0; bottom: 0;}
.proshow_txt p{ color: #333;}
.btn_box{ margin-top: 100px;}
.btn_box .more_btn{ position: unset;}
.btn_box .more_btn:hover{ background:#f1ad09;}
.btn_box .more_btn:before{ display:none;}
.btn_box .more_btn.on{ margin-right: 20px;}
.btn_box .more_btn a{ line-height: 45px;}
.btn_box .more_btn a i{ float: left; margin-right: 15px; margin-left: 0; font-size: 24px;}
.proshow_txt .follow_list{ margin-top: 30px;  }
.proshow_txt .follow_list .social-share{ display:inline-flex;}
.show_tit{ background: #2e59a7;}
.show_tit h3{ display: inline-block; line-height: 50px; font-size: 24px; padding: 0 40px; background: #f1ad09; color: #fff;}
.show_content{ padding: 40px 0; overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.page_btn .more{ border-color: #333; color: #333;}
.page_btn a:hover{ color: #f1ad09;}
.page_btn{ border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.tag{ margin-top: 20px; font-size: 14px;}
.tag i{ color: #2e59a7; margin-right: 10px; line-height: 30px;}
.tag a{ display: inline-block; padding: 0 20px; background: #f5f5f5; color: #333; margin-left: 10px; line-height: 30px; border-radius: 3px; font-size: 12px; margin-top:10px;}
.tag a:hover{ background: #f1ad09; color: #fff;}
.pro_inquiry{ margin-top: 30px;}
.pro_inquiry h3{font-size: 30px;  color: #333;}
.inquiry_top{ margin-top: 30px; line-height: 45px; border: 1px solid #ddd;}
.inquiry_top h4,.inquiry_top p{ display: inline-block; padding: 0 40px;}
.inquiry_top h4{ border-right: 1px solid #ddd; background: #2e59a7; color: #fff;}
.inquiry_top p{font-size: 14px; color: #333;}
.pro_form .formbox.fl{ width: 49%; margin-right: 2%;}
.pro_form .formbox.fl:nth-child(2n){ margin-right: 0;}
.pro_form .formbox{ padding: 15px; line-height: 30px; border-bottom: 1px solid #ddd;}
.pro_form .formbox i{ color: #666; margin-right: 20px;}
.pro_form .formbox textarea{ line-height: 30px; width: 90%;}
.pro_form .exp{ margin: 15px 0;}
.pro_form .sub{ width: 200px; text-align: center; border-radius: 25px; background: #f1ad09; line-height: 50px; color: #fff; font-weight: bold; cursor: pointer;}
.pro_form .sub:hover{ background: #2e59a7;}
.relec_pro h3{ font-size: 30px; color: #333;}
.ny_rel_list ul li{ width: 24%; margin-right: 1.33%;}
.ny_rel_list ul li:nth-child(3n){ margin-right: 1.33%;}
.ny_rel_list ul li:nth-child(4n){ margin-right: 0;}

.app_col_item{ background: #f1f1f1; margin-top: 30px;}
.app_col_item .imgfd{ width: 40%;}
.app_col_item .imgfd img{ height: 426px;}
.app_col_item .app_col_txt{ width: 50%; padding-top: 50px;}
.app_col_item .app_col_txt h2{ font-size: 24px; margin-bottom: 20px;color:#333;}
.app_col_item:hover .app_col_txt h2{ color:#2e59a7;}
.app_col_item .app_col_txt .more_btn{ margin-top: 60px;}
.app_col_item:nth-child(2n+1) .imgfd,.app_col_item:nth-child(2n) .app_col_txt{ float: left;}
.app_col_item:nth-child(2n) .imgfd,.app_col_item:nth-child(2n+1) .app_col_txt{ float: right;}
.app_col_item:nth-child(2n) .app_col_txt{ padding-left: 90px;}
.app_col_item:nth-child(2n+1) .app_col_txt{ padding-right: 90px;}
.news_info{ font-size: 18px; padding:20px 0; border-bottom: 1px solid #f0f0f0; color: #666;}
.news_info .follow_list{ margin: 0 auto;}
.news_info .follow_list .social-share{ display: inline-flex;}
.news_info .date i{ margin-right: 5px;}
.news_info a{ color: #0270a5;}
.newsshow h1{ color:#333;}
.appshow h1{ font-size: 40px;}
.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; border: 1px solid #e7e7e7; padding: 10px; margin-bottom: 30px;}
.ny_news_list ul li img{ height: 282px;}
.ny_news_list ul li:nth-child(3n){ margin-right: 0;}
.ny_news_list ul li h2{ font-size: 20px; color: #333; line-height: 24px; height: 48px; overflow: hidden;}
.ny_news_list ul li p { line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0;}
.ny_news_list ul li .line{ height: 1px; width: 100%; background: #e7e7e7;}
.ny_news_list ul li .date,.ny_news_list ul li span{ line-height: 55px;  font-weight: bold;}
.ny_news_list ul li span{ color: #2e59a7;}
.ny_news_list ul li:hover h2{ color: #2e59a7;}
.right_nav.news_nav .sec_ul{ display: block;}

.abban_txt{ position: absolute; top: 20%; width: 100%; left: 0; }
.abban_txt h3{ font-size: 40px; margin-bottom: 20px;}
.abban_txt p{ font-size: 18px; color: #333;}
.year_box{ overflow: hidden; position: relative;}
.year ul li{ color: #999999; font-size: 30px; text-align: center; line-height: 100px; font-weight: bold; border-right: 1px solid #e7e7e7;}
.year ul li:first-child{ border-left: 1px solid #e7e7e7; }
.year_box{ margin: 40px 0 50px; overflow: hidden;}
.year ul li.swiper-slide-thumb-active{ color: #fff; background: #2e59a7;}
.year_box img{ max-width: 100%!important;}
.year_box .swiper-button-prev,.year_box .swiper-button-next{ bottom: auto; top: 45%;}
.ab_quality h3{ font-size: 40px; text-align: center; margin-bottom: 30px;}
.ab_quality img{ height: 384px;}
.ab_quality{ position: relative; padding-bottom: 60px;}
.ab_quality .swiper-button-prev,.ab_quality .swiper-button-next{ bottom: 0;}
.ab_quality .swiper-button-prev{ left: 46%;}
.ab_quality .swiper-button-next{ right: 46%;}
.ab_choose h3{ line-height: 100px; font-size: 40px; color: #fff; text-align: center; background: #2e59a7;}
.ab_choose_list{ margin: 40px auto;}
.ab_choose_list ul li{ float: left; width: 22%; margin-right: 4%; text-align: center;}
.ab_choose_list ul li:nth-child(4){ margin-right: 0;}
.ab_choose_list ul li h4{ font-size: 20px; color: #333; margin: 20px 0;}
.ab_choose_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.ab_choose_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.ab_bottom{ background: #c9d2e3; padding: 50px 0; text-align: center;}
.ab_bottom p{ color: #333; font-size: 24px;}
.ab_bottom h3{ font-size: 54px; text-transform: uppercase; margin: 20px 0;}

.con_ban_box{ position: absolute; top: 20%; width: 100%; left: 0;}
.con_box{ width: 300px; height: 300px; text-align: center; background: rgba(46,89,167,0.95); margin: 0 auto; color: #fff; padding: 45px 20px 0;}
.con_box i{ font-size: 50px; color: #f1ad09;}
.con_box img{ width: 45%;}
.con_box p{ font-size: 20px; margin: 30px 0;}
.con_box span{ font-size: 20px; color: #f1ad09;}
.con_box span.add{ font-size: 18px; text-align: left; display: inline-block;}
.contact_top{ padding: 60px 0; text-align: center;}
.contact_top h3{color: #2e59a7; font-size: 40px;}
.contact_top p{ margin: 10px 0 30px; font-size: 14px;}
.cont_form{ width: 80%; margin: 0 auto;}
.cont_form .formbox{ background: #f1f1f1; padding: 0 10px; margin-bottom: 25px; text-align: left;}
.cont_form .formbox input{ line-height: 60px; background: #f1f1f1; width: 100%;}
.cont_form .formbox i{ color: #666; margin-right: 10px; float: left;}
.cont_form .formbox.fl{ width: 32%; margin-right: 2%;}
.cont_form .formbox.fl:nth-child(3){ margin-right: 0}
.cont_form .formbox textarea{ line-height: 58px; width: 100%; background: #f1f1f1;}
.cont_form .sub{ background: #f1ad09; color: #fff; line-height: 60px; width: 220px;  border-radius: 30px; text-align: center; margin:0 auto; display: block; cursor: pointer;}
.cont_form .sub:hover{background: #2e59a7;}
.map{ width: 100%; overflow: hidden;}


@media (max-width: 1600px){
	.sy_app_list ul li img{ height: 440px;}
	.index_banner .banner_txt{ top: 15%;}
	.banner_small .mySwiper{ padding: 0;}
	.index_foot .foot_nav li{ margin-left: 100px;}
	.pro_col_list ul li .imgfd img{ height: 250px;}

}

@media (max-width: 1440px){
	.index_banner .banner_txt h3{font-size: 60px;}
	.index_banner .banner_txt p{font-size: 36px; line-height: 50px;}
	.banner_small img{ height: 175px;}
	.sy_app_list ul li img{ height: 400px;}
	.sy_app_list ul li .sy_app_bg{ padding: 0 30px;}
	.sy_app_list ul li .sy_app_bg h4{ margin-top: 40px;}
	.sy_ab_txt .sy_item_tit{ margin-top: 0;}
	.sy_item_tit h3{font-size: 36px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_ab_txt .more_btn{ margin-top: 20px;}
	.proban_txt h3{font-size: 60px;}
	.pro_col_list ul li .imgfd img{ height: 225px;}
	.ny_right{ display: none;}
	.ny_left{ width: 100%; float: none;}
	.ny_pro_list ul li img{ height: 327px;}
	.pro_det_img img{ height: 405px;}
	.small_pic img{ height: 67px;}
	.btn_box{ margin-top: 50px;}
	.ny_rel_list ul li img{ height: 243px;}
	.app_col_item .imgfd img{ height: 361px;}
	.app_col_item .app_col_txt .more_btn{ margin-top: 30px;}
	.app_col_item .app_col_txt{ padding-top: 40px;}
	.app_col_item:nth-child(2n+1) .app_col_txt{ padding-right: 50px;}
.app_col_item:nth-child(2n) .app_col_txt{ padding-left: 50px;}
	.appshow h1{font-size: 34px;}
	.abban_txt h3{font-size: 34px;}
	.abban_txt p{font-size: 16px;}
	.ab_quality img{height: 316px;}
	.ab_bottom h3{font-size: 46px;}
	.con_box{ width: 260px; height: 260px; padding-top: 30px;}
	.con_box p{ margin: 20px 0;}
	.contact_top{ padding: 40px 0;}
	.cont_form{ width: 90%;}
	.index_head .nav li{ margin: 0 20px;}
	.index_foot .foot_nav li{ margin-left: 40px;}
	.index_foot .foot_nav li.lx{ max-width: 30%;}
	.sy_ab_img iframe{ height: 450px!important;}
		
}

@media (max-width: 1200px){
	.index_head .nav li a{ font-size: 16px;}
	.index_head .logo img{ height: 50px;}
	.banner_small img{ height: 158px;}
	.index_banner .banner_txt h3{font-size: 44px;}
	.index_banner .banner_txt p{font-size: 30px; line-height: 40px;}
	.index_banner .banner_txt .more_btn{ margin-top: 20px;}
	.sy_app .sy_item_tit p{ width: 80%;}
	.sy_faq_list ul li h4{ line-height: 50px;  height:50px;}
	.sy_news_list ul li .date{ width: 80px; height: 80px; padding-top: 10px;}
	.sy_news_list ul li{ margin-bottom: 40px;}
	.sy_news_txt span{margin-top: 10px;}
	.sy_qu_txt{ padding-top: 30px;}
	.sy_qu_txt .more_btn{margin-top: 20px;}
	.choose_list ul li h4{ margin: 10px 0;}
	.sy_msg h3{font-size: 40px;}
	.sy_msg p{font-size: 20px;}
	.sy_form{ width: 60%;}
	.index_foot .foot_nav li{margin-left: auto;}
	.choose_left .sy_item_tit{ padding: 30px 20px;}
	.sy_item_tit h3{font-size: 32px;}
	.choose_list ul li{ margin-top: 20px; padding-bottom: 20px;}
	.pro_col_list ul li .imgfd img{ height: 186px;}
	.pro_col_list ul li .pro_col_txt .more_btn{ margin-top: 15px;}
	.proban_txt h3{font-size: 40px;}
	.ny_page_tit h3{font-size: 30px;}
	.pro_col_list ul li .pro_col_txt p{ height: 96px;}
	.pro_col_list ul li{ margin-top: 30px; padding-bottom: 30px;}
	.column_des p{font-size: 16px;}
	.ny_pro_list ul li img{ height: 270px;}
	.pro_det_img img{ height: 336px;}
	.small_pic img{ height: 54px;}
	.proshow_txt h1{ margin-bottom: 20px;}
	.btn_box{ margin-top: 20px;}
	.mainh{ height: 60px;}
	.show_content{ padding: 30px 0;}
	.ny_pro_list ul li img{ height: 202px;}
	.app_col_item .imgfd img{ height: 302px;}
	.app_col_item .app_col_txt{ width: 58%; padding-top: 20px;}
	.app_col_item .app_col_txt .more_btn{ margin-top: 20px;}
	.app_col_item:nth-child(2n+1) .app_col_txt{ padding-right: 30px;}
	.app_col_item:nth-child(2n) .app_col_txt{ padding-left: 30px;}
	.appshow h1{font-size: 30px;}
	.ny_news_list ul li img{ height: 255px;}
	.abban_txt{ top: 10%;}
	.abban_txt p{ line-height: 24px;}
	.year ul li{font-size: 24px;}
	.ab_quality img{ height: 268px;}
	.ab_quality h3{font-size: 36px;}
	.ab_choose h3{font-size: 36px; line-height: 80px;}
	.ab_choose_list ul li h4{font-size: 18px; margin: 15px 0;}
	.con_box{ width: 220px; height: 220px; padding: 20px 15px;}
	.con_box i{font-size: 40px;}
	.con_box p{font-size: 18px; margin: 10px 0;}
	.con_box span{ font-size: 18px;}
	.con_box span.add{font-size: 16px;}
	.cont_form{ width: 100%;}
	.contact_top h3{font-size: 34px;}
	.news_info{ padding: 10px 0;}
	.index_head .nav li a{ font-size: 16px;}

}

@media (max-width: 1024px){
	.banner_small img{ height: 133px;}
	.banner_small{ bottom: 20px;}
	.index_banner .banner_txt h3{font-size: 40px;}
	.sy_app_list ul li img{ height: 350px;}
	.sy_app_list ul li .sy_app_bg{ padding: 0 20px;}
	.sy_app_list ul li .sy_app_bg h4{ margin-top: 20px;}
	.sy_ab_img, .sy_qu_img{ width: 100%; float: none;}
	.sy_ab_txt{ width: 100%; float: none; margin: 20px 0;}
	.sy_qu_txt{ width: 100%; float: none; padding: 20px 0;}
	.choose_left{ width: 100%; text-align: center;}
	.choose_left .imgfd{ display: none;}
	.choose_list{ width: 100%; float: none;}
	.choose_list ul li{ margin: 20px 2.5%;}
	.sy_hot_news .hot_news_txt{padding: 15px;}
	.sy_faq_list ul li .answer_box{ padding: 15px;}
	.sy_faq_list ul li h4{font-size: 16px; line-height: 40px; height:40px;}
	.sy_news_list ul li .date{ width: 70px; height: 70px; font-size: 14px; padding-top: 5px;}
	.news_box h2{font-size: 16px; line-height: 22px;}
	.sy_news_txt span{ margin-top: 5px;}
	.sy_news_list ul li{ margin-bottom: 30px;}
	.copy img{ display: none;}
	.mainh{ height: 40px;}
	.pro_col_list ul li{ width: 100%; float: none;}
	.pro_col_list ul li:nth-child(2n){ float: none;}
	.pro_col_list ul li .imgfd img{ height: 321px;}
	.pro_col_list ul li .pro_col_txt p{ height: 120px;}
	.pro_col_list ul li .pro_col_txt .more_btn{ margin-top: 40px;}
	.ny_pro_list ul li img{ height: 228px;}
	.protop_left{ width: 100%; float: none;}
	.pro_det_img img{ height: 710px;}
	.small_pic img{ height: 128px;}
	.proshow_txt{ width: 100%; float: none; margin-top: 20px;}
	.ny_rel_list ul li img{ height: 170px;}
	.app_col_item:nth-child(2n+1) .imgfd, .app_col_item:nth-child(2n) .app_col_txt{ width: 100%; float: none;}
	.app_col_item:nth-child(2n) .imgfd, .app_col_item:nth-child(2n+1) .app_col_txt{ width: 100%; float: none;}
	.app_col_item:nth-child(2n+1) .app_col_txt,.app_col_item:nth-child(2n) .app_col_txt{ padding: 30px;}
	.app_col_item .imgfd img{ height: auto;}
	.ny_news_list ul li img{ height: 212px;}
	.ny_news_list ul li h2{font-size: 18px; line-height: 22px; height: 44px;}
	.ny_news_list ul li p{ margin: 10px 0;}
	.ny_news_list ul li .date, .ny_news_list ul li span{ line-height: 40px;}
	.abban_txt{ position: unset; margin: 20px 0;}
	.ab_quality img{ height: 225px;}
	.ab_bottom h3{font-size: 40px;}
	.con_box i{font-size: 28px;}
	.con_ban_box{ position: unset;}
	.con_box{ margin-top: 30px;}
	.sy_ab_img iframe{ height: 350px!important;}
	
}
@media (max-width: 768px){
	.index_banner .banner_txt h3{font-size: 34px;}
	.index_banner .banner_txt p{font-size: 20px; line-height: 30px;}
	.banner_small img{ height: 97px;}
	.banner_small .mySwiper ul li .bg h5{ font-size: 14px;}
	.banner_small .mySwiper ul li .bg .more{ display: none;}
	.banner_small{ position: unset; margin-top: 20px;}
	.banner_small .mySwiper ul li{ border-color: #f1ad09;}
	.sy_app_list ul li img{ height: 300px;}
	.sy_app_list ul li h4{font-size: 16px;}
	.sy_app_list ul li .sy_app_bg .more{ display: none;}
	.sy_faq{ width: 100%; float: none;}
	.news_box{ width: 100%; float: none; margin-top: 30px;}
	.sy_hot_news .hot_news_txt p{ height: 48px;}
	.sy_msg{ text-align: center;}
	.sy_form{ width: 100%;}
	.sy_msg h3{font-size: 32px;}
	.mainh{ height: 30px;}
	.proban_txt h3{font-size: 30px;}
	.ny_page_tit h3{font-size: 24px; margin-bottom: 10px;}
	.pro_col_list ul li .imgfd img{ height: 241px;}
	.ny_pro_list ul li img{ height: 172px;}
	.ny_pro_list ul li h2{ height: 48px; margin-bottom: 10px; line-height: 24px;}
	.pro_det_img img{ height: 537px;}
	.small_pic img{ height: 93px;}
	.proshow_txt h1,.pro_inquiry h3,.relec_pro h3{font-size: 24px;}
	.app_col_item:nth-child(2n+1) .app_col_txt, .app_col_item:nth-child(2n) .app_col_txt{ padding: 20px;}
	.app_col_item .app_col_txt h2{font-size: 20px; margin-bottom: 15px;}
	.appshow h1{font-size: 24px;}
	.ny_news_list ul li{ width: 49%;}
	.ny_news_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_news_list ul li:nth-child(2n){ margin-right: 0;}
	.ny_news_list ul li img{ height: 246px;}
	.abban_txt h3{font-size: 26px; margin-bottom: 15px;}
	.year ul li{font-size: 20px; line-height: 60px;}
	.ab_quality img{ height: 260px;}
	.ab_quality h3{font-size: 28px; margin-bottom: 20px;}
	.ab_choose h3{font-size: 28px; line-height: 60px;}
	.ab_choose_list ul li{ width: 100%; float: none; display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e7e7e7; text-align: left;}
	.ab_choose_list ul li h4{ margin: 0 0 10px;}
	.ab_choose_list ul li .ab_cho_icon{ margin-right: 15px;}
	.ab_choose_list{ margin: 20px auto;}
	.ab_bottom{ padding: 30px 0;}
	.con_box{ width: 45%; margin-top: 20px;}
	.contact_top h3{font-size: 30px;}
	.news_info{ font-size: 16px;}
	.map{ display: none;}
	
}
@media (max-width: 540px){
	.sy_app_list ul li .sy_app_bg{ display: none;}
	.banner_small img{ height: 63px;}
	.banner_small .mySwiper ul li{ border-width: 1px;}
	.banner_small .mySwiper ul li .bg h5{ margin-top: 10px;}
	.banner_small{margin-top: 10px;}
	.sy_app .sy_item_tit p{ width: 96%;}
	.sy_app_list ul li img{ height: 240px;}
	.sy_app .more_btn{ margin-top: 20px;}
	.choose_list ul li{ width: 100%; margin: 15px 0 0; border-bottom: 1px solid #e7e7e7;}
	.sy_item_tit h3{font-size: 22px;}
	.sy_item_tit{ margin-bottom: 10px;}
	.mainh{ height: 20px;}
	.proban_txt h3{ width: 100%; float: none;}
	.pro_col_list ul li .imgfd img{ height: 168px;}
	.pro_col_list ul li .pro_col_txt p{ height: 72px;}
	.pro_col_list ul li .pro_col_txt .more_btn{ margin-top: 20px;}
	.pro_col_list ul li .pro_col_txt h2{ margin-bottom: 5px;}
	.pro_col_list ul li .pro_col_txt .more_btn span{ line-height: 31px;}
	.pro_col_list ul li{ margin-top: 20px; padding-bottom: 20px;}
	.pro_col_list ul li .pro_col_txt h2{font-size: 18px;}
	.ny_pro_list ul li{ width: 49%;}
	.ny_pro_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_pro_list ul li:nth-child(2n){margin-right: 0;}
	.ny_pro_list ul li img{ height: 183px;}
	.pro_det_img img{ height: 369px;}
	.small_pic img{ height: 60px;}
	.show_tit h3{font-size: 20px; line-height: 40px; padding: 0 20px;}
	.inquiry_top{ margin-top: 20px;}
	.show_content{ padding: 20px 0;}
	.pro_form .formbox{ padding: 10px;}
	.pro_form .sub{ width: 100%; line-height: 40px;}
	.page_btn .more{ border: none; width: 20px; height: 20px; line-height: 20px;}
	.page_btn .fl,.page_btn .fr{ float: none; line-height: 28px;}
	.page_btn .fr .more{ float: left;}
	.pro_form .formbox.fl{ width: 100%; float: none;}
	.ny_news_list ul li img{ height: 166px;}
	.ny_news_list ul li{ padding: 5px;}
	.ny_news_list ul li p{ display: none;}
	.ny_news_list ul li h2{font-size: 16px;}
	.ny_news_list ul li .line{ margin-top: 10px;}
	.ny_news_list ul li .date, .ny_news_list ul li span,.ny_news_list ul li .date i, .ny_news_list ul li span i{font-size: 12px;}
	.posi{ line-height: 40px;}
	.posi a,.posi i{ font-size: 12px;}
	.year ul li{font-size: 16px; line-height: 40px;}
	.ab_quality img{ height: 178px;}
	.ab_quality .swiper-button-next{ right: 40%;}
	.ab_quality .swiper-button-prev{ left:40%;}
	.ab_bottom p{font-size: 20px;}
	.ab_bottom h3{font-size: 32px; margin: 15px 0;}
	.con_box{ height: 180px;}
	.cont_form .formbox input{ line-height: 40px;}
	.cont_form .formbox.fl{ width: 100%; float: none; margin-bottom: 15px;}
	.cont_form .formbox textarea{ line-height: 40px;}
	.cont_form .sub{ line-height: 40px;}
	.news_info{ display: block; font-size:14px;}
	.social-share .social-share-icon{ width: 24px; height: 24px; line-height:24px;}
	.news_info .follow_list{ margin: 5px 0;}
	.proban_txt h3{font-size: 24px;}
	.inquiry_top h4,.inquiry_top p{ padding: 0 15px;}
	.btn_box .more_btn a{ line-height: 32px;}
	.btn_box .more_btn a i{font-size: 18px;}
	

}
@media (max-width: 450px){
	.banner_small .mySwiper ul li .bg h5{font-size: 12px;}
	.banner_small img{ height: 48px;}
	.index_banner .banner_txt span{ display: none;}
	.index_banner .banner_txt h3{font-size: 28px;}
	.sy_app_list ul li img{ height: 200px;}
	.sy_app_list ul li h4{font-size: 14px;}
	.sy_app_list ul li .sy_app_txt .more{ display: none;}
	.sy_ab_txt .sy_item_tit{margin-bottom: 15px;}
	.choose_list ul li .cho_icon img{ height: 40px;}
	.choose_list ul li{ padding: 10px; border: none; box-shadow: 0 0 8px 0 rgba(0,0,0,.1);}
	.sy_hot_news{ width: 100%; float: none;}
	.sy_news_list{ width: 100%; margin-top: 20px;}
	.sy_news_list ul li{ padding: 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,.1); }
	.sy_app_list .swiper-button-prev i, .sy_app_list .swiper-button-next i{font-size: 30px;}
	.sy_news_txt{ padding-top: 0;}
	.sy_news_list ul li{ margin-bottom: 15px;}
	.sy_msg h3{ font-size: 26px; margin: 10px 0;}
	.sy_msg p{ font-size: 18px;}
	.sy_form .bot_inp{ line-height: 40px;}
	.sy_form textarea{ line-height: 40px; margin-top: 15px;}
	.sy_form .sub{ line-height: 40px; margin-top: 15px;}
	.pro_col_list ul li .imgfd{ width: 40%;}
	.pro_col_list ul li .imgfd img{ height: 114px;}
	.pro_col_list ul li .pro_col_txt{ width: 55%;}
	.pro_col_list ul li .pro_col_txt .more_btn{ display: none;}
	.index_foot .copy{font-size: 12px;}
	.index_foot .copy .fl{ display: block; text-align: center; line-height: 30px;}
	.ny_pro_list ul li img{ height: 140px;}
	.ny_pro_txt{ padding: 10px 0;}
	.ny_pro_list ul li h2{font-size: 14px; line-height: 20px; height: 40px;}
	.ny_pro_list ul li{ margin-top: 20px;}
	.pro_det_img img{ height: 290px;}
	.small_pic{ margin-top: 10px;}
	.small_pic img{ height: 50px;}
	.show_tit h3{font-size: 18px;}
	.proshow_txt h1, .pro_inquiry h3, .relec_pro h3{font-size: 20px;}
	.app_col_item:nth-child(2n+1) .app_col_txt, .app_col_item:nth-child(2n) .app_col_txt{ padding: 15px;}
	.app_col_item .app_col_txt h2{font-size: 18px; margin-bottom: 10px;}
	.app_col_item{ margin-top: 15px;}
	.appshow h1{font-size: 20px;}
	.ny_news_list ul li img{ height: 132px;}
	.ny_news_list ul li .date, .ny_news_list ul li span{ display: none;}
	.ny_news_list ul li .line{ display: none;}
	.ny_news_list ul li h2{font-size: 14px; line-height: 18px; height: 36px;}
	.abban_txt p{font-size: 14px;}
	.year ul li{ height: 80px;}
	.ab_quality img{ height: 140px;}
	.ab_bottom h3{font-size: 26px;}
	.ab_quality h3{font-size: 22px; margin-bottom: 10px;}
	.ab_choose h3{font-size: 24px; line-height: 40px;}
	.year_box{ margin: 20px 0 30px;}
	.ab_quality{ padding-bottom: 40px;}
	.con_box span{font-size: 16px;}
	.con_box{ padding: 10px;}
	.con_box p{font-size: 16px;}
	.con_box img{ width: 70%;}
	.con_box span.add{font-size: 14px;}
	.sy_ab_img iframe{ height: 300px!important;}
	

}