/* CSS Document */
.index_head .nav li .second{ background:#fff; }
.index_head .nav li:nth-child(2) .second ul li{ width:380px;}
.index_head .nav li:nth-child(2) .second{ left:-90px;}
.second ul li{ width: 320px; padding:0 15px; margin:0; position:relative;}
.second ul li a{ display: block; line-height:36px; padding:15px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.second ul li a img{ height: 36px;}
.second ul li:hover a{ color:#008ed3;}
.second ul li:hover img{transform: translateY(-200px); filter: drop-shadow(#008ed3 0 200px);}
.second ul li .seclist{ position: absolute; left:100%; top:0; background:#fff; display:none; padding:0 10px; border-left:1px solid #e5e5e5;}
.second ul li .seclist a{ line-height: 30px; width: 300px; border-bottom:1px dashed #e5e5e5 ;}
.second ul li:hover .seclist{ display:block;}
.second ul li:hover .seclist a{ color:#666;}
.second ul li .seclist a:hover{ color:#008ed3;}
.second ul li .seclist a:last-child{ border-bottom:none;}
.index_head .nav li:nth-child(3) .second{ display:block;}
.index_head .nav li:nth-child(5) .second{ display:block;}
.sy-ban .swiper-container{transition: opacity .4s ease; position: relative;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-container.isready{opacity: 1}
.sy-ban .swiper-container.btn-typea .swiper-button-next,
.sy-ban .swiper-container.btn-typea .swiper-button-prev{outline: none;width: 44px;height: 100px;margin-top: -50px;background-color: rgba(0, 0, 0, .3);background-size: 12px 20px;background-position: 50%;transition: background-color .3s, opacity .3s, transform .3s}
.sy-ban .swiper-container.btn-typea .swiper-button-next:hover,
.sy-ban .swiper-container.btn-typea .swiper-button-prev:hover{background-color: #004498}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;display: flex;flex-wrap: wrap;justify-content: center; bottom: 50px;}
.swiper-pagination-bullet{ width: 60px; height: 3px; background: #c3d4e1;border-radius: 0; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #008ed3;}
.sy-ban .b-trext{position: absolute; width: 100%; top: 30%;}
.sy-ban .b-trext .short_line{ width: 86px; height: 4px; background: #fff; margin: 20px 0;}
.sy-ban .b-trext h3{font-size: 50px;color: #fff; margin-bottom: 20px; line-height: 80px; text-transform: uppercase; width: 60%;}
.sy-ban .b-trext p{ font-size: 18px; color: #fff; width: 50%;}
.sy-ban .b-trext .more_btn{ margin-top: 70px;}
.sy-ban .swiper-button-prev,.sy-ban .swiper-button-next{ bottom: 30px; color: #fff; right: 8%;}
.sy-ban .swiper-button-prev{ left: auto; right: 10%;}

.sy_item_tit h3{ font-size: 48px; margin-bottom: 10px; text-transform: uppercase;}
.sy_item_tit p{font-size: 16px;}
.sy_pro_top .sy_item_tit{ width: 33%;}
.sy_pro_col{ width: 100%;}
.sy_pro_col ul li{float: left;width: 18.9%;margin-right: 1.33%;position: relative;overflow: hidden;}
.sy_pro_col ul li:nth-child(5){ margin-right:0;}
.sy_col_txt{ position: absolute; width: 100%; height: 100%; padding: 20px 0 0 35px; background: url(/template/default/images/colbg1_13.png) no-repeat; background-size: 100%; color: #fff; top:0; left: 0; z-index: 8; transition: 0.2s ease; font-size: 16px;}
.sy_pro_col ul li .sy_col_txt img{ margin-left: 10px; height: auto;}
.sy_col_txt h3{ font-size: 16px; color: #fff; width: 70%;}
.sy_col_txt span{ position: absolute; font-family: mulib; font-size: 60px; color: rgba(255,255,255,.1); top: -20px; left: 35px;}
.sy_col_txt .more{ display: inline-block; width: 30px; height: 30px; text-align: center; border: 1px solid #fff; border-radius: 15px; line-height: 30px;}
.sy_pro_col ul li.on .sy_col_txt,.sy_pro_col ul li:hover .sy_col_txt{ background: url(/template/default/images/colbg2_11.png) no-repeat; background-size: 100%; padding: 60px 0 20px 35px;}
.sy_pro_col ul li.on .sy_col_txt span,.sy_pro_col ul li:hover .sy_col_txt span{ top: 30px;}

.sy_pro_box{ margin-top: 40px; background: #fff;}
.pro_item_txt{ width: 65%; background: #002962 url(/template/default/images/syprobg_23.jpg) no-repeat; background-size: cover; /*height: 530px;*/ height:420px; padding: 50px 50px 0;}
.pro_item_txt h3{font-size: 28px; color: #fff; position: relative; padding-bottom: 20px; border-bottom: 1px solid #00357e;}
.pro_item_txt p{ color: #fff; font-size: 18px; margin: 25px 0;}
.pro_item_txt h3:after{ position: absolute; width: 120px; height: 3px; content: ''; left: 0; bottom: 0; background: #008ed3;}
.column_list{ width: 100%;}
.column_list ul{ display: block; width: 100%; overflow: hidden;}
.column_list ul li{ float: left; width: 33.3%; line-height: 36px;}
.column_list ul li a{ color: #fff;}
.column_list ul li a:hover{ border-bottom: 1px solid #fff;}
.column_list .more_btn{ margin-top: 50px;}
.column_img{ width: 100%; overflow: hidden;}
.column_img ul li{ display: none;}
.sy_pro_item{ position: relative; display: none;}
.pro_item_img{ width: 35%;}
.column_img ul li .sy_pro_tit{ position: absolute; width: 35%; text-align: center; background: rgba(32,55,86,.3); right: 0; bottom: 0;}
.column_img ul li .sy_pro_tit p{ line-height: 54px; color: #fff; font-size: 18px; height: 54px; overflow: hidden;}

.mainh{ height: 80px;}

.sy_about{ position: relative; width: 100%; overflow: hidden;}
.sy_about .abimg{ width: 100%;}
.sy_about_txt{ position: absolute; width: 100%; text-align: center; color: #fff; top: 90px;}
.sy_about_txt .sy_item_tit{ width: 55%; margin: 0 auto;}
.sy_about_txt .sy_item_tit h3{ color: #fff;}
.sy_about_txt .more_btn{margin-top: 40px;}
.sy_ab_list{ position:absolute; left: 0; bottom: 0; width: 100%;}
.sy_ab_list ul li{ width: 32%; padding: 40px 50px 50px; background: rgba(35,57,82,.7); border: 1px solid #82a2cd; color: #fff; text-align: center;}
.sy_ab_list ul li:nth-child(2){margin: 0 auto;}
.sy_ab_list ul li b{ display: inline-block; font-size: 24px; margin: 15px 0;}
.sy_ab_list ul li p{line-height: 24px; height: 72px; overflow: hidden;}
.sy_ab_list ul li:hover{ background: #002558;}
.sy_ab_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.sy_ab_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.play_box{ position: absolute; top:43%; left:50%; margin-left:-40px; cursor:pointer;}
.play_box img{ width: 80px;}
.play_box .play_btn{position: relative; overflow:visible;}
@keyframes living{
	0%{transform: scale(1); opacity: 0.4;}
	50%{transform: scale(2);opacity: 0;}
	100%{transform: scale(1);opacity: 0.4;}
}
.play_btn span{position: absolute; width: 100%; height: 100%;left: 0;bottom: 0;background: #fff;border-radius: 50%;border-radius: 50%;-webkit-animation: living 3s linear infinite;z-index: 8;}
.play_btn span:nth-child(2){-webkit-animation-delay: 1.5s;}
.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px; display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998;}
.video_close i{ font-size: 30px; color: #fff;}


.item_top{ display: flex; align-items: flex-end;}
.item_top .sy_item_tit{ width: 70%; margin-right: auto;}
.item_top{ margin-bottom: 30px;}


.sy_sol_nav{ background: #fff; width: 23%;}
.sy_sol_nav ul li{ padding: 28px 20px 28px 35px; border-bottom: 1px solid #f5f5f5; cursor: pointer;}
.sy_sol_nav ul li p{ margin-left: 20px; max-width:70%;}
.sy_sol_nav ul li i{ margin-left: auto; color: #fff;}
.sy_sol_nav ul li:hover,.sy_sol_nav ul li.on{ background: #008ed3; color: #fff;}
.sy_sol_nav ul li:hover img,.sy_sol_nav ul li.on img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sy_sol_box{ width: 74%; background: #fff;}
.sy_sol_item{ padding: 48px; display: none;}
.sy_sol_item .item_flex{ align-items: flex-start;}
.sy_sol_item .sy_sol_txt{ width: 48%; margin-right: auto;}
.sy_sol_item .imgfdd{ width: 48%;}
.sy_sol_item .imgfdd img{height: 380px;}
.sol_tit h4{ font-size: 26px; margin-right: auto;}
.sol_tit{ padding-bottom: 15px; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 35px; overflow: hidden;}
.sol_tit:after{ position: absolute; width: 90px; height: 3px; background: #008ed3; content: ''; bottom: 0; left: 0;}
.sy_sol_item .sy_sol_txt .more_btn{ margin-top: 80px;}
.sol_tit img{transform: translateY(-200px); filter: drop-shadow(#008ed3 0 200px);}



.sy_news_left{ width: 70%; padding-right: 20px;}
.sy_news_right{ width: 28%;}
.sy_news .date{font-size: 14px; color: #333;}
.sy_news .date i{ margin-right: 10px;}
.first_news_txt p{ font-size: 14px; height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 25px;}
.sy_news .more{  font-size: 14px; font-family: mulib; color: #333; text-transform: uppercase;}
.sy_news .more i{ margin-left: 15px;}
.news_list{ margin-top: 30px;}
.news_list ul li{ float: left; width: 32%; margin-right: 2%; background: #f5f5f5;}
.news_list ul li:nth-child(3){ margin-right: 0;}
.news_list ul li .sy_news_txt{ padding: 20px;}
.news_list ul li h2{ font-size:  16px; font-family: mulib; line-height: 30px; height: 60px; overflow: hidden; margin: 10px 0 30px;}
.news_list ul li:hover h2{ color: #008ed3;}
.exhi_list ul li{ padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.exhi_list ul li h2{ font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-top: 10px;}
.exhi_list ul li:hover h2{ color: #008ed3;}

.foot_msg{ line-height: 180px; width: 100%; background: #003174;}
.foot_msg_box{ color: #fff;}
.foot_msg_box i{ font-size: 140px; margin-right: 40px;}
.foot_msg_box p{font-size: 24px;}
.foot_msg_box form{ margin-left: auto;}
.foot_msg_box form input{ line-height: 62px; padding: 0 20px; width: 400px; background: #1a4682; color: #fff; box-sizing: border-box;}
.foot_msg_box form .sub{ width: 180px; padding-left: 40px; background:#008ed3 url(/template/default/images/email_73.png) no-repeat 20px center; background-size: 20px; color: #fff; text-transform: uppercase; margin-left: 20px; cursor: pointer;}
.foot_msg_box form .sub:hover{ background: #002558 url(/template/default/images/email_73.png) no-repeat 20px center; color: #fff; background-size: 20px; }
.index_foot .foot_nav li:first-child a:nth-child(2){ display:none;}

.h_h{ height: 82px;}
.ny_ban{ width: 100%; overflow: hidden; position: relative;}
.ny_ban img{ width: 100%;}
.nyban_txt{ width: 100%; position: absolute; top: 45%; left: 0; text-align: center;}
.nyban_txt h3{ color: #fff; font-size: 60px;}

.ny_nav_box{text-align: center;}
.ny_pro_nav{ display: inline-block;}
.ny_pro_nav ul li{ display:inline-block; margin:0 30px 40px; line-height:50px; text-align:center; font-size:20px; line-height:36px; font-family:mulib; cursor:pointer; position:relative;}
.ny_pro_nav ul li:after{ position:absolute; bottom: 0; left: 0; content:''; background: #008ed3; width: 0; height: 3px; transition: 0.3s ease;}
.ny_pro_nav ul li:hover a,.ny_pro_nav ul li.on a{ color:#008ed3;}
.ny_pro_nav ul li:hover:after,.ny_pro_nav ul li.on:after{ width:100%;}
.ny_pro_box .ny_pro_item:nth-child(2n+1){ background:#f5f5f5;}




.ny_item_tit h3{ font-size: 40px; margin-bottom: 25px;}
.ny_item_tit .short_line{ width: 88px; height: 4px; background: #008ed3; display: inline-block;}
.ny_item_tit{margin-bottom: 30px;}
.ny_product .ny_item_tit{ text-align: center;}
.ny_pro_list ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; background: #fff; padding: 40px 35px; box-shadow:0 0 8px 0 rgba(0,0,0,.1);}
.ny_pro_list ul li:nth-child(2n){margin-right: 0;}
.ny_pro_list ul li .ny_pro_txt{ width: 48%;}
.ny_pro_list ul li .imgfdd{ width: 48%; margin-left: auto;}
.ny_pro_list ul li h2{ font-size: 28px; padding-bottom: 15px; position: relative; border-bottom: 1px solid #d9d9d9; height:112px; overflow:hidden;}
.ny_pro_list ul li h2:after{ position: absolute; content: ''; background: #008ed3; width: 90px; height: 3px; bottom: 0; left: 0;}
.ny_pro_list ul li p{ line-height: 24px; height: 72px; overflow: hidden; margin: 25px 0 40px;}
.ny_pro_list ul li:hover h2{ color: #008ed3;}
.ny_pro_list ul li:hover span{ color: #008ed3;}
.ny_pro_list ul li img{ height: 257px;}


.posi{padding: 40px 0; text-transform: uppercase;}
.pro_det_img{ width: 40%; position: relative; overflow: hidden; }
.pro_det_img img{ height: 480px;}
.pro_det_txt{ width: 55%;}
.pro_det_txt .pro_det_tit h1{ font-size: 36px;}
.pro_det_txt .pro_det_tit { padding-bottom: 20px; position: relative; border-bottom:1px solid #d2d2d2;}
.pro_det_txt .pro_det_tit:after{ position: absolute; width: 120px; height: 3px; background: #008ed3; content: ''; left: 0; bottom: 0;}
.pro_des{ margin: 30px 0 70px;}
.pro_des p{ line-height: 40px; padding-left:25px; position:relative; background:url(/template/default/images/fk.png) no-repeat left 8px; background-size:26px;}
.pro_det_txt .more_btn.bb{border-color: #333; margin-left: 30px;}
.pro_det_txt .more_btn.bb a{ color: #333;}
.pro_det_txt .more_btn i{ font-size: 18px;}
.pro_det_txt .more_btn.on{ position: unset;}
.pro_det_txt .more_btn.on:before{ display:none;}
.pro_det_txt .follow{ margin-top: 40px;}
.pro_det_top{ padding-bottom: 50px;}
.det_top{ background: #00234c;}
.det_tab{width: 15%; line-height: 70px; display: inline-block; text-align: center; position: relative; cursor: pointer;}
.det_tab h4{ font-size: 24px; color: #fff;}
.det_tab:after{ position: absolute; top: 0; left: 0; width: 100%; height: 3px; content: ''; background: #008ed3; display: none;}
.det_tab.on{background: #f5f7f9; }
.det_tab.on h4{ color: #008ed3;}
.det_tab.on:after{ display: block;}

.show_content{ padding: 60px 0 40px; border-bottom: 1px solid #e3e3e3; width: 100%; overflow:hidden;}
.show_content img{ max-width: 100%!important;}
.show_content .show_box{ display: none;}
.show_content .show_box h3{ line-height: 60px; background: #f5f7f9; color: #00234c;padding-left: 20px; font-size:22px; margin-bottom:20px;}
.show_content .show_box h4{font-size: 18px; line-height: 40px; padding-left: 30px; background: url(/template/default/images/jt.png) no-repeat left 12px; background-size: 14px; margin-top:15px; font-family:mulib;}
.show_content .pro_table{ width: 100%; overflow-x: scroll;}
.show_content .pro_table table{ width: 100%!important;}
.show_content .pro_table table tr{ height: 36px!important;}
.show_content .pro_table table tr p{ line-height:36px!important; background:none!important;}
.show_content .pro_table table tr:nth-child(2n+1){ background:#f5f7f9;}
.show_content .pro_table table tr:nth-child(2n+1){ background:#e1eaf0;}
.show_content .pro_table table tr:hover{ background:#00234c;}
.show_content .pro_table table tr:hover p{ color:#fff;}
::-webkit-scrollbar{background: #f4f4f4;width: 8px;height: 8px}
::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, .2);width: 8px;height: 8px;border-radius: 8px}
::-webkit-scrollbar-track{border-radius: 8px}

.sol_ban .nyban_txt{ top: 30%;}
.sol_ban .nyban_txt .short_line{ background: #008ed3; width: 88px; height: 4px; display: inline-block;margin:20px 0;}
.sol_ban .nyban_txt p{ width: 60%; color:#fff; margin:0 auto; }
.ny_sol_tit{ text-align: center;}
.ny_sol_tit h3{ font-size: 40px;}
.ny_sol_tit .short_line{ display: inline-block; height: 4px; width: 88px; background: #008ed3; margin:30px 0;} 
.sol_list ul li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 20px; position:relative; cursor:pointer;}
.sol_list ul li:nth-child(4n){ margin-right:0;}
.solapp_tit{ text-align: center; background:rgba(0,35,76,.5); position:absolute; width:100%; left:0; bottom:0; transition:.1s ease; overflow:hidden;} 
.sol_list ul li h2{ font-family: mulib; color: #fff;}
.solapp_tit h2{ font-size: 18px; line-height: 50px; height: 50px; overflow: hidden;}
.solapp_txt{ position: absolute; width: 100%; height: 0; transition:.2s ease; bottom: 0; overflow: hidden; padding: 0 30px; text-align:center; color:#fff; background:rgba(0,35,76,.8);}
.solapp_txt h2{ font-size: 22px; margin-top:60px;}
.solapp_txt .short_line{ width: 44px; height: 3px; background: #008ed3; margin: 15px auto; display:inline-block;}
.sol_list ul li:hover .solapp_tit{ height:0;}
.sol_list ul li:hover .solapp_txt{ height:100%;}
.ny_sol_bottom .online_form{ width: 48%; margin-top:30px; padding:50px 30px;}
.ny_sol_bottom .con_info{ margin-top: 30px;}
.ny_sol_bottom .online_form .please{ margin-bottom: 0;}

.app_pro{ width: 100%; overflow: hidden;}
.app_pro .swiper-container{ overflow: hidden;}
.app_pro .center{ position: relative;}
.app_pro .swiper-pagination{ width: 100%;}
.app_pro .swiper-pagination .swiper-pagination-bullet{ width: 20px; margin: 0 5px;}
.ny_sol_nav{ width: 100%; position: absolute; bottom: 0; left: 0; border-top:1px solid rgba(255,255,255,.2);}
.ny_sol_nav a{ padding:20px 40px; width:20%; margin:0 auto; box-sizing:border-box; color:#fff; font-size:18px; position:relative;}
.ny_sol_nav a:after{ position:absolute; height: 80%; top:10%; right:0; width: 1px; background: rgba(255,255,255,.2); content:'';}
.ny_sol_nav a img{ width: auto;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%); height:38px; margin-left:auto;}
.ny_sol_nav .line:last-child{ display:none;}


.ny_sol_nav a:hover,.ny_sol_nav a.on{ background:#008ed3;}
.ny_sol_nav a:hover:after,.ny_sol_nav a.on:after{ display:none;}
.xz-list .z_sx{height: 60px;line-height: 60px;font-size: 15px;color: #333;background: #f5f5f5;}
.xz-list .z_sx th:first-child,.xz-list .xz-flmc td:first-child{padding-left: 60px;}
.xz-list .xz-flmc{border-bottom: 1px solid #ddd;font-size: 15px;color: #333;}
.xz-list .xz-flmc td{height: 65px;line-height: 65px;overflow: hidden;}
.xz-list .xz-flmc td a{display: block;font-size: 15px;color: #333;}
.xz-list .xz-flmc td a i{ font-size: 26px; color: #ff2323;}
.xz-list .xz-flmc td:nth-child(2):hover a{text-decoration: underline;}

.faq_list{ margin-top: 50px;}
.listwt .content{display: none;}
.listwt li{width: 46%;float: left;margin-right: 8%;margin-top: 30px; background: #fff;padding: 0 40px; }
.listwt li:nth-child(2n){margin-right: 0;}
.listwt li .topbar{height: 90px; border-bottom:1px solid #ddd;line-height: 45px;background: url("/template/default/images/ny19.png") no-repeat right 10px;font-size: 20px;color: #333;overflow: hidden; padding-right:40px;  }
.listwt li.active .topbar{background: url("/template/default/images/ny20.png") no-repeat right;color: #00388d;}
.listwt .content .des{padding: 30px 20px;border-top: 1px solid #dcdcdc;}





.page_btn{ margin-top: 40px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 2px solid #5b5b5b; border-radius: 25px; padding: 0 20px; text-transform: uppercase;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #008ed3; border-color: #008ed3; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn .next i{ margin-right: 10px;}
.page_btn .prev i{margin-right: 10px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #008ed3;}

.online_top{ padding: 60px 0; text-align: center; color: #fff;}
.online_top h3{ font-size: 48px; color: #fff;}

.online_form{ margin-top: 50px; padding: 60px 40px;}
.online_form h4{ font-size: 24px;}
.online_form .formbox{background: #fff; padding-left: 20px; border-left: 3px solid #008ed3; margin-top: 30px;}
.online_form .formbox input,.online_form .formbox textarea{ line-height: 54px; width:90%;}
.online_form .formbox.fl{ width: 32%; margin-right: 2%;}
.online_form .formbox.fl:nth-child(3){ margin-right: 0;}
.online_form p{ margin: 15px 0;}
.online_form .sub{ width: 210px; line-height: 54px; padding-right: 20px; background: #008ed3 url(/template/default/images/email_73.png) no-repeat 90% center; color: #fff; font-family: mulibl; font-size: 18px; text-align: center; text-transform: uppercase; border-radius: 4px; cursor: pointer;}
.online_form .sub:hover{  background: #00234c url(/template/default/images/email_73.png) no-repeat 80% center;}

.rel_pro_list h3{ font-size: 36px; margin-bottom: 30px;}
.rel_pro_list{ position: relative;}
.rel_pro_list .swiper-button-prev,.rel_pro_list .swiper-button-next{ top: 50%; font-size: 50px;}
.rel_pro_list .swiper-button-prev{ left: -40px;}
.rel_pro_list .swiper-button-next{ right: -40px;}
.rel_pro_list .swiper-button-prev i,.rel_pro_list .swiper-button-next i{ font-size: 40px;}
.rel_pro_list .swiper-button-prev:hover,.rel_pro_list .swiper-button-next:hover{ color: #008ed3;}

.ny_about_banner{ padding-top: 120px;}
.ny_about_banner .ny_item_tit{ text-align: center;}
.ny_about_banner .ny_item_tit p{ color: #fff;font-size: 22px;}
.ny_about_banner .ny_item_tit h3{ color: #fff; max-width: 80%; display: inline-block; font-size: 60px;}
.ny_about_banner .number{ margin-top: 130px; color: #fff;}
.ny_about_banner .number dt{ margin: 0 auto;}
.ny_about_banner .number p{ font-family: mulibl; font-size: 50px; line-height: 70px;}
.ny_about_banner .number p .counter{ font-size: 70px;}
.ny_about_banner .number .line{ margin: 0 auto; background: rgba(255,255,255,.3); height: 46px; width: 1px;}
.ny_about_banner .number .line:last-child{ display: none;}

.ab_com .imgfdd{ width: 50%;}
/* .ab_com .com_txt{ width: 47%;} */
.ab_com .com_txt{ width: 100%;} 
.ab_com .com_txt h3{ font-size: 48px; margin-bottom: 30px; margin-top: 60px;}
.ab_com .com_txt p{ font-size: 18px; line-height: 36px;}
.ab_story{ background: #001b45;}
.ab_story .imgfdd{ width: 50%;}
.ab_story .story_txt{ width: 47%; color: #fff;}
.ab_story .story_txt h3{ font-size: 48px; margin-bottom: 30px; color: #fff; margin-top: 100px;}
.ab_story .story_txt p{ font-size: 18px; line-height: 36px;}
.ab_value{ text-align: center;}
.ab_value h3{ font-size: 48px; margin-bottom: 50px;}
.ab_value ul .line{ height: 160px; width: 1px; background: #d9d9d9;}
.ab_value ul .line:last-child{ display: none;}
.ab_value ul li{ width: 30%; margin: 0 auto; padding: 0 5%;}
.ab_value ul li .value_icon{ width: 140px; height: 140px; border-radius: 50%; padding-top: 32px; background: #f2f4f6; display: inline-block;}
.ab_value ul li b{ display: block; font-size: 24px; margin: 15px 0;}
.ab_value ul li p{ font-size: 18px;}
.ab_value ul li:hover .value_icon{ background: #008ed3;}
.ab_value ul li:hover .value_icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.ab_service h3{ font-size: 48px; margin-bottom: 30px; text-align: center;}
.service_list li{ float: left; width: 32%; margin-right: 2%;}
.service_list li:last-child{ margin-right: 0;}
.service_list li b{ display: block; font-size: 20px; margin: 15px 0;}
.service_list li p{ height: 120px; overflow: hidden;}

.about_item .imgfdd{ width: 50%;}
.about_item .abitem_txt{ width: 47%;}
.about_item .abitem_txt h3{ font-size: 48px; margin-bottom: 20px;}
.cert_box{margin-top: 50px; width: 60%; }
.cert_box img:nth-child(2){margin: 0 auto;}
.about_item .abitem_txt p{ font-size: 18px; line-height: 34px;}
.about_item .abitem_txt p i{ color: #008ed3;}

.ny_news_nav{ text-align: center; margin-bottom: 50px;}
.nav_list{ display: inline-block;}
.nav_list ul li{ text-align: center; width: 210px; padding: 20px 0 15px; border: 1px solid #e1e1e1;}
.nav_list ul li a{ display: block;}
.nav_list ul li b{ display: block; margin-top: 10px; text-transform: uppercase;}
.nav_list ul li:nth-child(2){margin: 0 -1px;}
.nav_list ul li.on,.nav_list ul li:hover{ background: #3997dc url(/template/default/images/newsbg_16.jpg) no-repeat right; background-size: contain;}
.nav_list ul li.on img,.nav_list ul li:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.nav_list ul li.on b,.nav_list ul li:hover b{ color: #fff;}

.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; border: 1px solid #e3e3e3;}
.ny_news_list ul li:nth-child(3n){ margin-right: 0;}
.ny_news_list ul li .ny_news_txt{ padding: 40px 30px;}
.ny_news_list ul li h2{ font-family: mulib; font-size: 18px; margin: 15px 0 50px; height: 46px; overflow: hidden;}
.ny_news_list ul li .more{ color: #333; font-family: mulib; font-size: 15px; text-transform: uppercase;}
.ny_news_list ul li .more i{ margin-left: 5px;}
.ny_news_list ul li:hover .ny_news_txt{ background: #3997dc url(/template/default/images/newsbg_16.jpg) no-repeat right; background-size: contain; color: #fff;}
.ny_news_list ul li:hover .ny_news_txt h2,.ny_news_list ul li:hover .ny_news_txt .more{ color: #fff;}

.main_left{ width: 27%;}
.main_right{ width: 70%;}
.left_search{ line-height: 50px; border: 1px solid #d6d6d6; padding-left: 10px; font-size: 14px;}
.left_search input{ line-height: 50px;}
.left_search .search_sub{ width: 50px; background:#003580 url(/template/default/images/search.png) no-repeat center center; cursor: pointer;}
.hot_news{ margin-top: 30px;}
.hot_news h3{ font-size: 20px; text-transform: uppercase; position: relative; padding-bottom: 15px;}
.hot_news h3:after{ position: absolute; content: ''; background: #00266a; height: 4px; width: 50px; bottom: 0; left: 0;}
.hot_news .hot_list ul li{ padding: 18px 0; border-bottom: 1px solid #d6d6d6; overflow: hidden;}
.hot_list ul li .imgfdd{ width: 29%; float: left;}
.hot_list ul li .hot_txt{ width: 68%; float: right;}
.hot_list ul li img{ height: 90px;}
.hot_news .hot_list ul li h4{ font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; margin-bottom: 10px;}
.hot_news .hot_list ul li:hover h4{ color: #008ed3;}

.newsshow h1{ font-size: 36px;}
.newsshow .news_info{ padding: 35px 0; border-bottom: 1px solid #d6d6d6;}
.newsshow .news_info .by{ margin: 0 auto;}
.solution_box .imgfdd{ width: 50%;}
.solution_box .sol_txt{ width: 50%; padding: 0 60px;}
.solution_box .sol_txt h3{ font-size: 30px; padding-bottom: 20px; border-bottom: 1px solid #dedede; position: relative; margin-bottom: 30px;}
.solution_box .sol_txt h3:after{ position: absolute; width: 90px; height: 3px; background: #008ed3; bottom: 0; left: 0; content: '';}
.solution_box .sol_txt .more_btn{ margin-top: 40px;}

.sol_cust{ background: #00234c; height: 420px; text-align: center; padding-top: 70px; position: relative;}
.sol_cust .cust_tit{ width: 60%; margin: 0 auto 40px; color: #fff;}
.sol_cust .cust_tit h3{ font-size: 48px; color: #fff; margin-bottom: 20px;}
.sol_cust .cust_tit p{ font-size: 18px;}
.sol_factory{ padding-top: 180px;}
.sol_cust .swiper-button-prev,.sol_cust .swiper-button-next{ bottom: 20px; color: #fff; }
.sol_cust .swiper-button-prev i,.sol_cust .swiper-button-next i{ font-size: 40px;}
.cust_list ul li img{ height: 130px;}
.sol_factory .myswiper1{ overflow: hidden; padding-bottom: 40px; position: relative;}
.sol_factory {  text-align: center;}
.sol_factory h3{ font-size: 48px; text-align: center; margin-bottom: 30px;}
.sol_factory img{ height: 342px;}

.con_info{ /*width: 50%;*/ padding: 50px 60px; color: #fff;}
.map{ width: 50%; overflow: hidden;}
.con_tit span{ color: #fff; font-size: 18px;}
.con_tit h3{ color: #fff; font-size: 32px;}
.con_tit{ padding-bottom: 15px; position: relative; border-bottom: 1px solid rgba(217,217,217,.2); margin-bottom: 30px;}
.con_tit:after{ position: absolute; left: 0; bottom: 0; content: ''; width: 90px; height: 3px; background: #008ed3;}
.cinfo .cicon{ display: inline-block; float: left; width: 48px; height: 48px; text-align: center; border: 1px solid rgba(217,217,217,.2); color: #008ed3; font-size: 26px; line-height: 48px; margin-right: 10px;}
.cinfo{ margin-bottom: 25px;}
.cinfo.line{ padding-bottom: 25px; border-bottom: 1px solid rgba(217,217,217,.2);}
.cinfo.fl{ width: 50%; margin-bottom: 40px;}
.con_info .follow b{ font-size: 20px; text-transform: uppercase; font-style: italic; margin-right:10px;}
.contact_form h3{ font-size: 38px; text-align: center; text-transform: uppercase; margin-bottom: 30px;}
.contact_form .formbox input,.contact_form .formbox textarea{ line-height: 50px; width: 100%; background: none;}
.contact_form .formbox{ padding: 10px 0; border-bottom: 1px solid #e3e3e3;}
.contact_form .formbox p{ color: #333; margin-bottom: 20px;}
.contact_form .formbox.fl{ width: 48%; margin-right: 4%;}
.contact_form .formbox.fl:nth-child(2n){margin-right: 0;}
.contact_form .exp{ color: #999; margin-top: 20px;}

.contact_form .sub{ width: 35%; margin: 20px auto 0; background: #008ed3 url(/template/default/images/email_73.png) no-repeat 25% center; color: #fff; text-align: center; line-height: 62px; text-transform: uppercase; display: block; cursor: pointer; font-weight: bold;}
.contact_form .sub:hover{ background: #00234c url(/template/default/images/email_73.png) no-repeat 40% center;}




@media (max-width: 1600px){
	.sy_about_txt{ top: 70px;}
	.sy_about_txt .more_btn{ margin-top: 30px;}
	.rel_pro_list .swiper-button-prev{ left: 20px;}
.rel_pro_list .swiper-button-next{ right: 20px;}
	.ab_story .story_txt h3{ margin-top: 60px;}
	.ny_sol_nav a{ padding: 20px 30px; font-size:16px;}
	.sy_about_txt{ top: 60px;}
	.sy_ab_list ul li img{ height: 110px;}
	.sy_about_txt .sy_item_tit{ width: 70%;}
	.sy_about .abimg{ width: 120%; margin-left: -10%;}
}

@media (max-width: 1441px){
	.sy_item_tit h3{ font-size: 40px;}
	.pro_item_txt{ height: 480px;}
	.sy_ab_list ul li{ padding: 30px 40px;}
	.sy_about_txt .sy_item_tit{ width: 70%;}
	.sy_ab_list ul li img{ height: 100px;}
	.sy_sol_nav ul li{ padding: 25px 10px;}
	.sy_sol_nav ul li p{ margin-left: 10px;}
	.sy_sol_box{ height: 441px;}
	.exhi_list ul li{ padding: 16px 0;}
	.foot_msg_box i{ font-size: 100px;}
	.foot_msg_box p{ font-size: 22px;}
	.foot_msg_box form input{ width: 360px;}
	.index_foot .box{ width: 35%;}
	.ny_pro_list ul li img{ height: 215px;}
	.ny_pro_list ul li p{ margin: 20px 0;}
	.pro_det_img img{ height: 410px;}
	.ny_about_banner{ padding-top: 80px;}
	.ab_com .com_txt h3,.ab_story .story_txt h3{ margin-top: 30px; font-size: 38px;}
	.ab_value h3,.ab_service h3{ font-size: 38px;}
	.ab_value ul li{ padding: 0 3%;}
	.about_item .abitem_txt p{ font-size: 16px; line-height: 30px;}
	.ny_news_list ul li .ny_news_txt{ padding: 30px 20px;}
	.ny_news_list ul li h2{ margin: 10px 0 30px;}
	.cust_list ul li img{ height: 108px;}
	.sol_factory{ padding-top: 120px;}
	.sol_factory img{height: 325px;}
	.sol_cust{ height: 400px; padding-top: 50px;}
	.con_tit h3{ font-size: 28px;}
	.contact_form .formbox p{ margin-bottom: 10px;}
	.ny_sol_nav a{padding: 15px 20px;}
	.ny_sol_nav a img{ height: 30px;}
	.ny_sol_bottom .online_form .formbox{ margin-top: 20px;}
	.ny_sol_bottom .online_form{ padding: 36px 30px;}
	.sy_sol_item .imgfdd img{height: 320px;}
	.listwt li .topbar{ line-height: 35px; height: 70px; font-size:18px;}
	.listwt .content .des{ padding: 20px 10px;}
	.listwt li{ width: 49%; margin-right:2%; }
	.listwt li{ padding: 0 10px;}
	
}

@media (max-width: 1281px){
	.sy-ban .b-trext h3{ font-size: 40px; line-height: 60px;}
	.pro_item_txt{ padding: 40px 30px 0;}
	.pro_item_txt{ height: 430px;}
	.sy_about_txt{ top: 40px;}
	.sy_about_txt .sy_item_tit{ width: 90%;}
	.sy_ab_list ul li{ padding: 20px 30px;}
	.sy_ab_list ul li img{ height: 80px;}
	.sy_ab_list ul li b{ font-size: 22px;}
	.sy_item_tit h3{ font-size: 36px;}
	.sy_sol_nav ul li{ padding: 26px 10px;}
	.sy_sol_nav ul li img{ display: none;}
	.sy_sol_item{ padding: 30px 40px;}
	.sy_sol_box{ height: 385px;}
	.exhi_list ul li:nth-child(1) .imgfdd{ display: none;}
	.exhi_list ul li:nth-child(1) .exhi_txt{ width: 100%; margin-top: 0;}
	.exhi_list ul li:nth-child(1){ border-bottom: 1px solid #e5e5e5; padding-bottom: 21px;}
	.exhi_list ul li:nth-child(1) h2{ height: 24px;}
	.news_list ul li .sy_news_txt{ padding: 10px;}
	.news_list ul li h2{ margin-bottom: 10px;}
	.exhi_list ul li{ padding: 12px 0;}
	.exhi_list ul li h2{ margin-top: 5px;}
	.ny_item_tit h3{ font-size: 34px; margin-bottom: 15px;}
	.ny_pro_list ul li{ padding: 30px 20px;}
	.pro_det_img img{ height: 363px;}
	.pro_des{ margin: 20px 0 40px;}
	.pro_det_txt .pro_det_tit h1{ font-size: 30px;}
	.show_content{ padding: 40px 0 30px;}
	.ny_about_banner .ny_item_tit h3{ font-size: 50px;}
	.ab_com .com_txt p,.ab_story .story_txt p{ font-size: 16px; line-height: 30px;}
	.ab_com .com_txt h3 { margin-top: 0;}
	.ab_story .story_txt h3 { margin-top: 20px;}
	.service_list li p{ height: 144px;}
	.ab_com .com_txt h3,.ab_story .story_txt h3,.ab_value h3, .ab_service h3{ margin-bottom: 20px;}
	.ab_value ul li .value_icon{ width: 120px; height: 120px; padding-top: 30px;}
	.ab_value ul li .value_icon img{ width: 60px;}
	.ab_value ul li b{ font-size: 20px;}
	.about_item .abitem_txt h3{ font-size: 40px;}
	.cert_box{ width: 80%; margin-top: 20px;}
	.main_left{ display: none;}
	.main_right{ width: 100%; float: none;}
	.foot_msg_box i{ font-size: 80px; margin-right: 20px;}
	.solution_box .sol_txt h3{ font-size: 26px; margin-bottom: 20px;}
	.solution_box .sol_txt .more_btn{ margin-top: 20px;}
	.cust_list ul li img{ height: 95px;}
	.sol_factory img{ height: 285px;}
	.sol_factory{ padding-top: 80px;}
	.sol_cust .cust_tit h3,.sol_factory h3{ font-size: 40px;}
	.sol_cust{ height: 350px;}
	.solution_box .sol_txt{ padding: 0 30px;}
	.contact_form .sub{ background-position: 30% center;}
	.contact_form h3{ font-size: 32px;}
	.det_tab h4{ font-size: 22px;}
	.show_content .show_box h3{ font-size: 20px; line-height:50px;}
	.ny_sol_nav a{padding: 10px;}
	.ny_sol_nav a img{ height: 25px;}
	.ny_sol_tit h3{ font-size: 34px;}
	.ny_sol_tit .short_line{ margin: 20px 0;}
	.solapp_txt h2{ font-size: 20px; margin-top: 30px;}
	.sy_sol_item .imgfdd img{ height: 288px;}
	.sy_sol_item .sy_sol_txt .more_btn{ margin-top: 30px;}
	.video_bg{ width: 80%; left:10%; margin-left:0;}
	.video_box iframe{ width: 100%; height: 500px;}
}


@media (max-width: 1024px){
	.sy-ban{ margin-top: 54px;}
	.sy-ban .b-trext h3{ width: 80%; font-size: 32px; line-height: 40px;}
	.sy-ban .b-trext .short_line{ margin: 10px 0;}
	.sy-ban .b-trext p{ width: 80%;}
	.sy_pro_top .sy_item_tit{ width: 100%; float: none;}
	.sy_pro_col{ width: 100%; float: none; margin-top: 30px;}
	.pro_item_txt h3{ font-size: 24px;}
	.column_list ul li{ width: 50%;}
	.pro_item_txt p{ font-size: 16px; margin: 15px 0;}
	.column_list .more_btn{ margin-top: 20px;}
	.pro_item_txt { height: 380px;}
	.sy_ab_list{ position: unset; margin-top: 20px;}
	.sy_about_txt{ top: 80px;}
	.sy_ab_list ul li p{ height: 96px;}
	.sy_ab_list ul li{ padding: 15px 20px;}
	.sy_sol_nav{ display: none;}
	.sy_sol_box{ width: 100%; float: none; height: auto;}
	.sy_news_left{ width: 100%; float: none; padding-right: 0;}
	.sy_news_right{ width: 100%; margin-top: 30px;}
	.foot_msg_box i{ display: none;}
	.foot_msg{ padding: 30px 0; text-align: center; line-height: 40px;}
	.foot_msg_box{ display: block;}
	.foot_msg_box form{ margin: 30px auto;}
	.h_h{ height: 54px;}
	.nyban_txt h3{ font-size: 50px;}
	.ny_pro_list ul li{ width: 100%;}
	.ny_pro_list ul li img{ height: 331px;}
	.pro_det_img img{ height: 288px;}
	.pro_det_txt .pro_det_tit h1{ font-size: 26px;}
	.pro_det_txt .follow{margin-top: 20px;}
	.pro_des{ margin: 20px 0;}
	.det_tab{ line-height: 60px; width: 19%;}
	.page_btn{ margin-top: 20px;}
	.online_top{ padding: 40px 0;}
	.online_top h3{ font-size: 40px;}
	.online_form{margin-top: 30px; padding: 40px 30px;}
	.ny_about_banner .ny_item_tit h3{ max-width: 90%;}
	.ny_about_banner .number p .counter{ font-size: 50px;}
	.ny_about_banner .number p{ font-size: 40px;}
	.ny_about_banner .number{ margin-top: 80px;}
	.ab_com .imgfdd{ width: 100%; float: none;}
	.ab_com .com_txt{ width: 100%; margin-top: 20px;}
	.ab_story .imgfdd{ width: 100%; float: none;}
	.ab_story .story_txt{ width: 100%; margin: 20px 0;}
	.ab_value ul li p{ font-size: 16px;}
	.service_list li p{ font-size: 14px; line-height: 24px; height: 144px;}
	.service_list li b{ font-size: 18px; margin: 10px 0; }
	.about_item .abitem_txt{ width: 100%;}
	.about_item .imgfdd{ width: 100%; margin-top: 20px;}
	.ny_news_list ul li .ny_news_txt{ padding: 20px 15px;}
	.ny_news_list ul li h2{ font-size: 16px; height: 40px; margin: 10px 0 20px;}
	.ny_news_list ul li .more,.ny_news_list ul li .date,.ny_news_list ul li .more i,.ny_news_list ul li .date i{ font-size: 12px;}
	.ny_news_nav{ margin-bottom: 30px;}
	.newsshow h1{ font-size: 30px;}
	.newsshow .news_info{ padding: 25px 0; font-size: 14px;}
	.solution_box .c-flex{ display: block;}
	.solution_box .imgfdd{ width: 100%;}
	.solution_box .sol_txt{ width: 100%; padding: 30px;}
	.sol_cust .cust_tit h3, .sol_factory h3{ font-size: 36px; margin-bottom: 20px;}
	.sol_cust .cust_tit p{ font-size: 16px;}
	.sol_cust .cust_tit{ width: 80%; margin-bottom: 20px;}
	.cust_list ul li img{ height: 75px;}
	.sol_cust{ height: auto; padding: 30px 0;}
	.sol_cust .swiper-button-prev, .sol_cust .swiper-button-next{ bottom: 80px;}
	.sol_factory{ padding-top: 40px;}
	.sol_factory img{ height: 225px;}
	.con_info{ width: 100%;}
	.map{ width: 100%;}
	.contact_form .formbox input, .contact_form .formbox textarea{ line-height: 40px;}
	.ny_pro_nav{ width: 100%;}
	.ny_pro_nav ul li{ margin: 0 auto 30px; font-size:18px;}
	.ny_sol_bottom .online_form{ width: 100%;}
	.sol_ban .nyban_txt{ top: 20%;}
	.sol_ban .nyban_txt h3{ font-size: 40px;}
	.sol_ban .nyban_txt .short_line{ width: 60px; margin: 15px 0;}
	.sol_ban .nyban_txt p{ width: 80%;}
	.ny_sol_nav{ display: none;}
	.sol_list ul li{ width: 32%; margin-right: 2%;}
	.sol_list ul li:nth-child(4n){ margin-right:2%;}
	.sol_list ul li:nth-child(3n){ margin-right:0;}
	.listwt li{ width: 100%; float: none;}
}
@media (max-width: 768px){
	.sy-ban .b-trext{ top: 20%;}
	.sy-ban .b-trext .more_btn{ display: none;}
	.sy_pro_item{ display: block; margin-bottom: 20px;}
	.column_list{ display: none;}
	.pro_item_txt{ height: auto; padding: 0; width: 100%; background:none;}
	.pro_item_txt h3{ color: #333; border-color:#d5d5d5;}
	.pro_item_txt p{ color: #333;}
	.sy_pro_box{ background: none;}
	.pro_item_img{ width: 100%; float: none;}
	.column_img ul li{ display: block; float: left; width: 49%; margin-right: 2%; margin-top: 20px; background: #fff; position: relative;}
	.column_img ul li .sy_pro_tit{ width: 100%;}
	.column_img ul li:nth-child(2n){ margin-right: 0;}
	.column_img ul li img{ height: 265px;}
	.sy_about_txt{ top: 40px;}
	.sy_ab_list .center{ display: block;}
	.sy_ab_list ul li{ width: 100%; display: flex; align-items: center; text-align: left;}
	.sy_ab_list ul li b{margin-top: 0;}
	.sy_ab_list ul li .abli_txt{ margin-left: 20px;}
	.sy_ab_list ul li:nth-child(2){ margin: 20px 0;}
	.sy_ab_list ul li p{ height: auto;}
	.item_top .sy_item_tit{ width: 100%;}
	.item_top .more_btn{ display: none;}
	.sy_sol_item{ padding: 20px;}
	.sy_sol_item .sy_sol_txt .more_btn{ margin-top: 20px;}
	.sol_tit{ margin-bottom: 20px;}
	.sol_tit h4{ font-size: 22px;}
	.sy_item_tit h3{ font-size: 30px;}
	.foot_msg_box form input{ line-height: 50px;}
	.news_list ul li h2{ line-height: 24px; height: 48px;}
	.sy_sol_item{ display: block; margin-bottom: 15px; background: #fff;}
	.sy_sol_box{ background: none;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
	.nyban_txt{ top: 40%;}
	.ny_item_tit h3{ font-size: 28px; margin-bottom: 10px;}
	.ny_pro_list ul li img{ height: 240px;}
	.ny_pro_list ul li h2{ font-size: 22px;}
	.ny_pro_list ul li span{ font-size: 14px;}
	.pro_det_img{ width: 100%;}
	.pro_det_txt{ width: 100%; margin-top: 20px;}
	.page_btn .back{ display: none;}
	.page_btn{ display: block;}
	.page_btn .next{ text-align: left; margin-top: 15px;}
	.online_top{padding: 30px 0;}
	.online_form{ padding: 30px 20px;}
	.online_form .formbox{margin-top: 20px;}
	.rel_pro_list h3{font-size: 28px; margin-bottom: 20px;}
	.mainh{ height: 30px;}
	.pro_det_img img{ height: 535px;}
	.posi{ padding: 25px 0;}
	.ny_about_banner{ padding-top: 30px;}
	.ny_about_banner .ny_item_tit h3{ font-size: 36px;}
	.ny_about_banner .number{ margin-top: 50px;}
	.ab_com .com_txt h3, .ab_story .story_txt h3, .ab_value h3, .ab_service h3{ font-size: 30px;}
	.ab_com .com_txt p, .ab_story .story_txt p{ font-size: 14px; line-height: 24px;}
	.ab_value ul li .value_icon{ width: 80px; height: 80px; padding-top: 20px;}
	.ab_value ul li .value_icon img{ width: 40px;}
	.ab_value ul li b{ font-size: 16px; margin: 5px 0;}
	.ab_value ul li p{ font-size: 14px;}
	.ab_value ul .line{ height: 120px;}
	.service_list li p{ display: none;}
	.ny_about_banner .number dt{ font-size: 14px;}
	.about_item .abitem_txt h3{ font-size: 30px; margin-bottom: 20px;}
	.about_item .abitem_txt p{ font-size: 14px; line-height: 24px;}
	.cert_box img{ height: 60px;}
	.ny_news_list ul li{ width: 49%; margin-bottom: 20px;}
	.ny_news_list ul li:nth-child(3n){margin-right: 2%;}
	.ny_news_list ul li:nth-child(2n){margin-right: 0;}
	.nav_list ul li b{ font-size: 14px;}
	.nav_list ul li img{height: 28px;}
	.newsshow h1{ font-size: 24px;}
	.sol_cust .cust_tit h3, .sol_factory h3{ font-size: 30px; margin-bottom: 15px;}
	.solution_box .sol_txt{ padding: 20px;}
	.nyban_txt h3{ font-size: 40px;}
	.con_info .follow b{ font-size: 16px;}
	.contact_form h3{ font-size: 28px; margin-bottom: 15px;}
	.contact_form .sub{ width: 45%;}
	.map{ display: none;}
	.det_tab h4{ font-size: 20px; font-family:mulib;}
	.show_content .show_box h3{ font-size: 18px; line-height:40px; margin-bottom:15px; padding-left:10px;}
	.det_tab{ line-height: 50px;}
	.show_content .show_box h4{ padding-left: 22px;}
	.pro_des p{ line-height: 30px;}
	.ny_pro_nav ul li{ margin-bottom: 20px;}
	.solapp_tit h2{ line-height: 40px; height: 40px; font-size: 16px;}
	.solapp_txt{ padding: 0 15px;}
	.solapp_txt h2{ font-size: 18px; margin-top: 15px; margin-bottom:10px;}
	.solapp_txt .short_line{ display: none;}
	.ny_sol_tit h3{ font-size: 28px;}
	.ny_sol_tit .short_line{ width: 60px; height: 3px; margin:15px 0;}
	.app_pro .swiper-pagination{ display: none;}
	.ny_pro_list ul li h2{ height: 62px;}
	.play_box { top: 33%;}
	.play_box img{ width: 60px;}
	.play_box{ margin-left: -30px;}
	

}
@media (max-width: 540px){
	.sy-ban .b-trext p{ display: none;}
	.sy-ban .b-trext h3{ font-size: 24px; line-height: 30px;}
	.sy-ban .swiper-pagination{ bottom: 20px;}
	.sy_pro_col{ display: none;}
	.sy_pro_box{ margin-top: 20px;}
	.pro_item_txt h3{ font-size: 20px;}
	.column_img ul li img{ height: 185px;}
	.column_img ul li .sy_pro_tit p{ font-size: 16px; line-height: 40px; height: 40px;}
	.sy_item_tit p{ font-size: 14px;}
	.sy_about .abimg{ width: 140%; margin-left: -20%;}
	.sy_ab_list ul li b{ font-size: 20px; margin-top: 0;}
	.sy_sol_item .sy_sol_txt{ width: 100%; float: none;}
	.sy_sol_item .imgfdd{ display: none;}
	.news_list ul li{ width: 100%; margin-bottom: 20px;}
	.sy_news_right{ margin-top: 10px;}
	.ny_pro_list ul li{padding: 20px;}
	.ny_pro_list ul li img{ height: 165px;}
	.ny_pro_list ul li p{ margin: 15px 0;}
	.pro_det_img img{ height: 373px;}
	.online_top h3{ font-size: 26px;}
	.online_form .formbox.fl{ width: 100%; float: none;}
	.posi{ padding: 15px 0; font-size: 14px;}
	.pro_det_txt .pro_det_tit h1{ font-size: 22px;}
	.rel_pro_list .swiper-button-prev i, .rel_pro_list .swiper-button-next i{ font-size: 30px;}
	.rel_pro_list .swiper-button-prev{ left: 10px;}
	.rel_pro_list .swiper-button-next{ right: 10px;}
	.ny_about_banner .ny_item_tit h3{ font-size: 30px; max-width: 96%;}
	.ny_about_banner .number p .counter{ font-size: 40px;}
	.ny_about_banner .number dt{ font-size: 12px; width: 50%; text-align: center;}
	.ny_about_banner .number .line{ display: none;}
	.ny_about_banner .ny_item_tit p{ font-size: 18px;}
	.ab_value ul li p{font-size: 12px;line-height: 20px;}
	.ab_value ul li{ padding: 0;}
	.ab_com .com_txt h3, .ab_story .story_txt h3, .ab_value h3, .ab_service h3{ font-size: 24px;}
	.service_list li b{ font-size: 16px;}
	.ny_news_list ul li .more{ display: none}
	.ny_news_list ul li h2{ margin-bottom: 0;}
	.ny_news_list ul li .ny_news_txt{ padding: 15px 10px;}
	.newsshow .news_info{ padding: 15px 0; display: block;}
	.newsshow .news_info .by{ margin: 10px 0;}
	.show_content{ padding: 20px 0;}
	.cust_list ul li img{ height: 58px;}
	.sol_cust .swiper-button-prev, .sol_cust .swiper-button-next{ display: none;}
	.sol_factory img{ height: 183px;}
	.nyban_txt h3{ font-size: 30px;}
	.con_info{padding: 25px 20px;}
	.cinfo .cicon{ width: 38px; height: 38px; font-size: 20px; line-height: 38px;}
	.cinfo_txt{ max-width: 85%;}
	.contact_form .formbox.fl{ width: 100%; float: none;}
	.contact_form .sub{ width: 100%; line-height: 50px; background: #008ed3;}
	.contact_form .sub:hover{ background: #00234c;}
	.det_tab{ width: 49%;}
	.sol_ban .nyban_txt h3{ font-size: 26px;}
	.sol_ban .nyban_txt p{ width: 96%; line-height:20px;}
	.sol_list ul li{ width: 49%;}
	.sol_list ul li:nth-child(3n){ margin-right:2%;}
	.sol_list ul li:nth-child(2n){ margin-right:0;}
	.listwt li .topbar{ font-size: 16px; line-height: 28px; height: auto;}
	.listwt li .topbar{ background-size: 18px;}
	.play_box{ top: 18%; display:none;}
	.video_box iframe{ height: 300px;}
}
@media (max-width: 450px){
	.sy-ban .b-trext h3{ font-size: 22px;}
	.sy_item_tit h3{ font-size: 24px;}
	.column_img ul li img{ height: 140px;}
	.column_img ul li .sy_pro_tit{ position: unset;}
	.column_img ul li .sy_pro_tit p{ font-size: 14px;}
	.sy_about_txt{ top: 20px;}
	.sy_about .abimg{ width: 160%; margin-left: -30%;}
	.sy_about_txt .more_btn{ margin-top: 20px;}
	.foot_msg_box p{ font-size: 18px;}
	.foot_msg_box form input{ width: 100%;}
	.foot_msg_box form .sub{ width: 100%; margin-top: 15px; margin-left: 0;}
	.foot_msg_box form{ margin: 20px 0 0;}
	.swiper-pagination-bullet{ width: 30px;}
	.sy_sol_item{ padding: 15px;}
	.sol_tit h4{ font-size: 20px;}
	.ny_pro_list ul li p{ display: none;}
	.ny_pro_list ul li h2{margin-bottom: 20px;}
	.ny_pro_list ul li img{height: 125px;}
	.ny_pro_list ul li h2{ font-size: 16px; font-family:mulib;}
	.ny_pro_list ul li span{ font-size: 12px;}
	.ny_pro_list ul li span i{ font-size: 12px;}
	.ny_pro_list ul li{ padding: 15px;}
	.ny_item_tit h3{ font-size: 22px;}
	.ny_pro_list ul li{ margin-bottom: 20px;}
	.ny_item_tit{ margin-bottom: 20px;}
	.ny_item_tit h3{ margin-bottom: 0;}
	.online_form .formbox input, .online_form .formbox textarea{ line-height: 44px;}
	.online_form .formbox{margin-top: 15px;}
	.pro_det_img img{ height: 285px;}
		.det_tab{ width:49%; }
	.online_form{ padding: 20px 15px;}
	.online_form .sub{ line-height: 44px; width: 100%;}
	.posi{ font-size: 12px;}
	.ny_about_banner .ny_item_tit h3{ font-size: 24px;}
	.ab_value ul li p{ height: 60px;}
	.ab_value ul .line{ display: none;}
	.ny_about_banner .number{ margin-top: 30px;}
	.about_item .abitem_txt h3{ font-size: 24px; margin-bottom: 15px;}
	.cert_box img{ height: 40px;}
	.nav_list{ width: 80%;}
	.nav_list ul li{ padding: 10px 0;width:50%;}
	.nav_list ul li b{ font-size: 13px;}
	.nav_list ul li img{ height: 20px;}
	.ny_news_list ul li .ny_news_txt{ padding: 10px 5px;}
	.newsshow h1{ font-size: 20px;}
	.sol_factory img{ height: 140px;}
	.sol_cust .cust_tit{ width: 96%;}
	.solution_box .sol_txt{ padding: 15px;}
	.sol_cust .cust_tit p{ font-size: 14px;}
	.cust_list ul li img{ height: 44px;}
	.sol_factory{ padding-top: 20px;}
	.sol_cust .cust_tit h3, .sol_factory h3{ font-size: 24px;}
	.solution_box .sol_txt h3{ font-size: 20px; padding-bottom: 10px; margin-bottom: 15px;}
	.ny_ban img{ width: 160%; margin-left: -30%;}
	.con_tit h3{ font-size: 22px;}
	.cinfo.fl{ width: 100%; float: none; margin-bottom: 20px;}
	.contact_form h3{ font-size: 24px;}
	.rel_pro_list h3{ font-size: 24px;}
	.ny_pro_nav ul li{ font-size: 16px; width:100%; border:1px solid #ddd; margin-bottom:10px;}
	.ny_pro_nav ul li:after{ display:none;}
	.sol_ban .nyban_txt .short_line{ display: none;}
	.sol_ban .nyban_txt h3{ font-size: 22px; margin-bottom: 15px;}
	.ny_sol_tit h3{ font-size: 22px;}
	.ny_sol_bottom .online_form{ padding: 20px;}
	.solapp_txt{ display: none;}
	.sol_list ul li h2{ font-size: 14px; line-height: 30px; height: 30px;}
	.ny_sol_tit .short_line{ margin:10px 0;}
	.play_box{ top:14%;}
	.play_box img{ opacity: 0.8;}
}