/* CSS Document */

.sy-ban .more_btnw{ margin: 80px auto;}

.sy-ban .b-trext{position: absolute;left: 32%;top: 30%;width: 36%;text-align: center; }
.sy-ban .b-trext p{font-size: 20px;color: #fff;}
.sy-ban .b-trext h3{font-size: 48px;color: #fff;display: block;margin: 12px 0 24px;}
.sy-ban .b-trext h4{ font-size:30px;color: #fff; margin-bottom:20px;}
.sy-ban .line{width: 100%;position: absolute;bottom: 76px;left: 0;z-index: 1;}
.sy-ban{ position: relative;}
.sy-ban video{ width: 100%;}
.btn_box{ text-align: center;}
.btn_box .more_btn{ margin-right: 20px; border:1px solid #03456b;}
.btn_box .more_btn:hover{ border-color:#0e58d4;}
.sy_item_tit{ text-align: center; margin-bottom: 30px;}
.sy_item_tit .h2{ margin-bottom: 10px;}
.sy_item_tit p{ margin-top: 20px;}
.sy_item_tit p span{ text-align: left;}
.pro_column{display: flex;flex-wrap: wrap;}
.pro_column .pro_item{ float: left; margin-bottom: 50px;width:32%; margin-right: 2%;}
.pro_column .pro_item:nth-child(3n){ margin-right: 0;}
/* .pro_column .pro_item:first-child,.pro_column .pro_item:nth-child(2){ width: 49%;}
.pro_column .pro_item:first-child{ margin-right: 2%;}
.pro_column .pro_item:nth-child(3),.pro_column .pro_item:nth-child(4),.pro_column .pro_item:nth-child(5){ width:32%; margin-right: 2%; margin-bottom: 0; }
.pro_column .pro_item:nth-child(5){ margin-right: 0;} */
.pro_column .pro_item .sy_pro_tit{ line-height: 60px;padding: 0 20px; background: #f6f6f6;}
.sy_pro_tit h4{ font-size: 20px;}
.sy_pro_tit img{margin-left: 5px;}
.sy_pro_tit .more2{ display: none;}
.pro_column .pro_item:hover .sy_pro_tit{ background: #0e58d4;}
.pro_column .pro_item:hover .sy_pro_tit h4,.pro_column .pro_item:hover .sy_pro_tit span{ color: #fff;}
.pro_column .pro_item:hover .sy_pro_tit .more2{ display: inline-block;}
.pro_column .pro_item:hover .sy_pro_tit .more1{ display: none;}

.sy_about_txt{ width: 44%;	}
.sy_about_img{ width: 50%;}
.sy_about_txt .sy_item_tit{ text-align: left;}
.sy_about_txt p{ line-height: 36px; font-size: 18px; color: #000; margin-bottom: 30px;}
.sy_number{ margin: 60px auto 100px;}
.sy_number .vert_line{ margin: 0 auto; height: 88px; width: 1px; background: #03456b;}
.sy_number .vert_line:last-child{ display: none;}
.sy_number .counter{ font-size: 50px; color: #0e58d4; margin-right: 5px;}
.sy_number sup{ font-size: 30px; color: #0e58d4;}
.sy_number dl dt{ font-size: 18px; text-align: center; color: #0e58d4; max-width:25%;}

.sy_choose{ width: 1720px; margin: 0 auto; padding: 60px; background: #f6f6f6;}
.choose_list ul li{ width: 24%; margin-right: 1.33%; background: #fff; padding: 60px 40px; text-align: center; float: left;}
.choose_list ul li:nth-child(4){ margin-right: 0;}
.choose_list ul li img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.choose_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.choose_list ul li h4{ margin: 20px 0; font-size: 18px;}
.choose_list ul li:hover h4{ color: #0e58d4;}
.choose_list ul li p{ height: 40px;}

.sy_partner { width: 1720px; position: relative; margin: 0 auto;}
.partner_list{ overflow: hidden;}
.partner_list ul li{ box-shadow:0 0 15px rgba(0,0,0,0.15);}

.sy_map .sy_item_tit{ width: 90%; margin: 0 auto 30px;}
.sy_map .sy_item_tit p{ font-size: 18px;text-align: left;}
.sy_map .img_box{ width: 80%; margin: 0 auto; position: relative;}
.sy_map .img_box img{ width: 100%;}
.icon_box{ position: absolute; width: 64px; height: 64px;z-index: 7}
.icon_box .map_icon{ position: relative; width: 100%;  height: 100%;}
.map_icon img{ width: 100%; height: 100%; z-index: 9;}

@keyframes living{
	0%{transform: scale(1); opacity: 0.5;}
	50%{transform: scale(1.5);opacity: 0;}
	100%{transform: scale(1);opacity: 0.5;}
}
.map_icon span{position: absolute; width: 100%; height: 100%;left: 0;bottom: 0;background: #0e58d4;border-radius: 50%;border-radius: 50%;-webkit-animation: living 3s linear infinite;z-index: 8;}
.map_icon span:nth-child(2){-webkit-animation-delay: 1.5s;}
.icon_box.icon1{ left: 70%; top: 23%;}
.icon_box.icon2{ left: 24%; top: 25%;}
.icon_box.icon3{ left: 42%; top: 70%;}
.icon_box.icon4{ left: 35%; top: 40%;}
.icon_box.icon5{ left: 75%; top: 35%;}
.icon_box.icon6{ right: 52%; bottom: 52%;}

.sy_quality h1{ font-size: 40px; font-weight: bold; color: #fff; line-height: 48px;}
.sy_quality span{ color: #ffb134;}
.sy_quality p{ width: 45%; font-size: 20px; color: #fff; margin: 20px 0 30px;}
.sy_quality .more_btn{ width: 250px; background: none; border: 1px solid #ffb134;}
.sy_quality .more_btn a{ color: #ffb134;}
.sy_quality .more_btn:hover{ background: #ffb134;}
.sy_quality .more_btn:hover a{ color: #fff;}

.news_item_box .news_item{ float: left; width: 32%; margin-right: 2%; background: #fff; border: 20px solid #f6f6f6;}
.news_item_box .news_item:nth-child(3){ margin-right: 0;}
.first_news .imgfd{ position: relative;}
.first_news h3{ height: 58px; overflow: hidden;font-size: 16px;}
.first_news img{ height: 250px;}
.first_news .date{ position: absolute; background: #0e58d4; color: #fff; padding: 10px 15px; bottom: 0; right: 0;}
.first_news:hover h3{ color: #0e58d4;}
.sy_news_txt{ padding: 15px;}
.sy_news_txt p{line-height: 20px;}
.news_list{ padding:0 15px;}
.news_list li{ border-top: 1px solid #dddddd; padding: 15px 0;}
.news_list li h3{ line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 10px;font-size: 16px;}
.news_list li h3 i{ color: #0e58d4; margin-right: 5px;}
.news_list li .date{ color: #0e58d4; font-size: 14px;}
.news_list li i{ font-size: 14px;}
.news_list li:hover h3,.news_list li:hover i{ color: #0e58d4;}

.sy_faq .news_list li:first-child{ border: none;}
.last_faq{ padding: 40px; height: 251px;}
.last_faq h2{ color: #0e58d4; line-height:40px;}
.last_faq .faq_txt p{ color: #fff; margin: 20px 0 30px;}
.last_faq .faq_txt a{ color: #fff;}

.sy_letter{ padding: 60px 0; text-align: center; color: #fff;}
.sy_letter .sy_item_tit h2{ color: #0e58d4; }
.sy_letter .sy_item_tit p{ font-size: 24px;}
.mail_form{ width: 600px; background: #fff; padding: 3px 3px 3px 15px; margin: 30px auto 0; line-height: 54px;}
.mail_form .bot_inp{ width: 460px; line-height: 54px;}
.mail_form .sub{ line-height: 54px; width: 118px;  color: #fff; padding-left: 35px; background:#0e58d4 url(../image/icon5_65.png) no-repeat 15px center; cursor: pointer; text-transform: uppercase;}


.fcont{ width: 360px; margin-right: 40px;}
.fcont:nth-child(3){ margin-right: 0;}
.fcont p{ color: #ccc;}

.ny_ban{ position: relative; margin-top: 80px; width: 100%;overflow: hidden;}
.ny_ban .ny_ban_tit{ position: absolute; top: 40%; color: #fff;}
.ny_ban .ny_ban_tit h2{color: #fff;}
.ny_ban .ny_ban_tit a{ color: #fff;}
.ny_position{ font-size: 13px;}

.left_nav{ width: 20%;}
.left_search{ width: 100%; line-height: 45px; background: #eeeeee;}
.left_search input{ line-height: 45px; padding: 0 15px; background: #eee; font-style: italic; font-size: 12px;}
.left_search .search_sub{ width: 50px; color: #fff; line-height: 45px; text-align: center; background: #0e58d4 url(../image/search.png) no-repeat center center; cursor: pointer;}
.left_nav_tit{ margin-top: 25px;  padding-bottom: 10px;}
.left_nav_tit h3{ font-size: 24px; color:#0e58d4 }
.left_nav_tit p{ color: #0e58d4;}
.left_nav_box .left_nav_item{ border-bottom: 1px solid #ddd; color:#0e58d4; padding: 10px 0; }
.left_nav_box .left_nav_item a{ color: #000;  font-size: 18px;font-weight: bold;}
.left_nav_box .left_nav_item a:hover{ color: #0e58d4;font-weight: bold;}




.inactive.on{ color: #0e58d4;}
.inactive i{ float: right; cursor: pointer; font-size: 20px;}
.inactive i.icon-xiangshang1{ display: none;}
.inactive.on i.icon-xiangshang1{ display: inline-block;}
.inactive.on i.icon-xiangxia2{ display: none;}
.left_nav_item ul li{ padding-left: 5px;}
.left_nav_item ul li a{font-size: 14px; line-height: 32px;}
.left_nav_item ul{ display: none;}

.left_recomm{ margin-top: 30px;}
.left_recomm .left_nav_tit{ border: none;}
.recomm_list ul li{ overflow: hidden; margin-bottom: 20px;}
.recomm_list ul li .imgfd{ border:1px solid #ddd; width: 44%; float: left;}
.recomm_list ul li p{width: 53%; float: right; height: 90px; overflow: hidden; color: #333;}
.recomm_list ul li:hover .imgfd{ border-color: #0e58d4;}
.recomm_list ul li:hover p{ color: #0e58d4;}

.ny_pro_list{ width: 78%;}
.list_tit h5{ text-align: center; font-weight: normal; color: #000; font-size: 30px;}
.list_tit p{ color:#000; }
.ny_pro_list ul li{ text-align: center; margin-top: 35px;}
.ny_pro_list ul li b{ margin-top: 10px; display: block; font-weight: normal; height: 50px; overflow: hidden;color: #333;
    font-size: 18px;}
.ny_pro_list ul li .imgfd img{ height: 260px;}
.ny_pro_list ul li:hover .imgfd{ border-color:#0e58d4; }
.ny_pro_list ul li:hover b{ font-weight: bold; color: #0e58d4;}

.ny_pro_pic{ width: 45%; float: left; overflow: hidden; position: relative;}
.pro_det_txt{ width: 52%; float: right;}
.pro_det_img{ border: 1px solid #ddd;width: 100%;}
.pro_det_img img{ width: 99.9%; height: 470px; }
.small_pic{ margin-top: 20px;}
.small_pic ul li{ width: 16.66%; border:1px solid #fff; text-align: center;}
.small_pic ul li img{height: 78px; width: 100%;}
.small_pic ul li.swiper-slide-thumb-active{ border:1px solid #0e58d4;}
.pro_det_tit h3{ font-size: 24px; color: #000;}
.pro_det_tit .short_line{ margin-bottom: 0!important; height: 4px;}
.pro_inform{ padding: 20px 0; color: #000;}
.pro_inform p{ margin-bottom: 20px; line-height: 24px;}
.pro_inform span{ display: block; padding-left: 20px; background: url(../image/icon5_03.png) no-repeat left 5px; line-height: 30px;}
.pro_det_txt .more_btn{ margin-top: 30px;}
.pro_det_txt .more_btn.quote a{ background: #0e58d4; color: #fff;}
.pro_det_txt .follow{ display: block; margin-top: 30px;}
.pro_det_txt .follow span{ float: left; color: #000; font-size: 20px; margin-right: 20px;}
.pro_det_txt .follow i{ color: #fff;}

.pro_app,.pro_para,.pro_manu,.pro_cert,.pro_offer{ margin-bottom: 80px;}
.app_list ul li{ float: left;width: 32%; margin-right: 2%; text-align: center;}
.app_list ul li img{ width: 100%; height: 300px;}
.app_list ul li:nth-child(3){ margin-right: 0;}
.app_list ul li p{ margin-top: 15px;}
.para_table{ width: 100%; overflow: hidden;}
.para_table table{ width: 100%;}
.manu_img{ text-align: center;}
.manu_img img{ width: 1200px;}

.cert_list ul li{ float: left; width: 18.6%; margin-right:1.4%;}
.cert_list ul li img{ width: 100%;}
.cert_list ul li:last-child{ margin-right: 0;}
.offer_list ul li{ float: left; width: 33.33%; text-align: center; padding: 40px 70px; height: 210px; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.offer_list ul li:nth-child(3n){ border-right: none;}
.offer_list ul li:nth-child(4),.offer_list ul li:nth-child(5),.offer_list ul li:nth-child(6){ border-bottom: none;}
.offer_list ul li h3{ font-size: 20px;}
.offer_list ul li .short_linec{ width: 24px; height: 2px; margin: 15px auto;}
.online_left{ width: 28%; color: #333;}
.online_right{ width: 66%;}
.pro_online{ margin-bottom:60px; margin-top: 60px;}
.pro_form .form_left,.pro_form .form_right{ width: 48%;}

.pro_form .formbox{ background: #f4f7f9; padding: 15px 15px 15px 5px; line-height: 30px; margin-bottom: 30px; position: relative;}
.pro_form .formbox input{ width: 90%; background: #f4f7f9;}
.formbox .option{ position:absolute; background:#fff; height:260px; padding:10px 0; display:none; z-index:999; overflow:scroll; width:100%; left:0; top:65px; }
.formbox .option ul li{ padding: 5px 10px;}
.formbox i{ color: #999999; float: left; font-size: 18px; margin-right: 5px;}
.pro_form .form_right .formbox i{ line-height: 20px; font-size:20px;}
.pro_form .formbox textarea{ width: 90%; background: #f4f7f9; height: 200px;}
.pro_form .sub{ width: 200px; text-align: center; color: #fff; line-height: 60px; background: #0e58d4; cursor: pointer; margin:0 auto; display:block;}

/* .down_nav{ text-align: center;} */
.down_nav a{ margin: 0 20px; font-size: 18px; color: #000;}
.down_nav .tarA{ margin: 0 20px; font-size: 18px; color: #0e58d4;}
.down_nav .tarA:hover{ color: #0e58d4; border-bottom: 2px solid #0e58d4;}
.down_nav .tarA.act{ color: #0e58d4; border-bottom: 2px solid #0e58d4;}
.down_list{ margin: 40px auto;}
.down_list .ul3 b{margin-top: 10px;display: block;font-weight: normal; height: 50px;overflow: hidden;}
.down_list ul li{float: left;margin-right: 1.33%; padding: 25px;}
.down_list ul li:nth-child(4n){ margin-right: 0;}
.down_top{ border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.down_top i{ float: left; color: #0e58d4; font-size: 36px; width: 20%; line-height: 40px;}
.down_top p{ float: left; width: 80%; line-height: 24px; height: 48px;}
.down_btn{ width: 100px; background: #0e58d4; margin: 15px auto 0; color: #fff; line-height: 30px; text-align: center; cursor:pointer;}
.down_btn a{ color: #fff; display: block; line-height: 30px; text-align: center;}
.down_btn:hover{ background: #0e58d4;}

.down_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0;z-index: 9998; display: none;background: rgba(0,0,0,0.2)}
.down_bg{ width: 750px; position:fixed; left:50%; margin-left:-375px; top:30%; z-index:9999; display: none;}
.down_box{ width:100%; height:auto; position: relative; transition: all 0.5s linear; background: #0e58d4; text-align: center; padding: 80px;}
.down_box h2{ color: #fff; margin-bottom: 40px;}

.about_nav{ background: #0e58d4;}
.about_nav a{ display: block; float: left; line-height: 60px; width: 220px; text-align: center; color: #fff;}
.about_nav a.act,.about_nav a:hover{ background: #0e58d4;}
.ab_number{ width: 42%; margin: 0!important;}
.ab_number dl dt{ width: 50%; float: left; text-align: left; margin-bottom: 30px; max-width:50%;}
.ab_comp_txt{ width: 58%;}
.ab_comp_txt p{ color: #333; font-size: 18px;}
.ab_comp_txt .more_btn{margin-top: 50px;}
.ab_video{ margin-top: 70px; position:relative;}
.ab_video img{ width: 100%;}
.ab_video .video_btn{ width:50px; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; cursor:pointer; overflow:visible;}
.ab_path{ margin-top: 80px;}
.year_list{ background:  url(../image/line_07.jpg) repeat-x center;}
.year_list ul li{ width: 90px; height: 90px; margin: 0 auto; text-align: center; cursor: pointer;}
.year_list ul li:first-child{ margin-left: 3%;}
.year_list ul li:last-child{ margin-right: 15%;}
.year_list ul li i{ display: block; width: 16px; height: 16px; border-radius: 8px; background: #dddddd; margin: 37px auto 0;}
.year_list ul li b{ font-size: 18px; margin-top: 5px;}
.year_list ul li.on i{ display: none;}
.year_list ul li.on{ background: url(../image/abbg_07.png) no-repeat; background-size: cover;}
.year_list ul li.on b{ color: #fff; line-height: 90px;}
.year_box{ width: 55%; margin: 60px auto;}
.year_box .imgfd{ width: 25%;}
.year_box .year_txt{ width: 73%;}
.year_item .more_btn{ display: block; margin: 40px auto 0;}
.year_box .year_item{ display: none;}

#certify { position: relative; width: 100%;}
#certify .swiper-container { padding-bottom: 60px;}
#certify  .swiper-slide { width: 23%; height: 460px; box-shadow: 0 8px 30px #ddd; }
#certify  .swiper-slide img{ display:block; width: 100%;  height: 100%; }
#certify .swiper-button-prev { left: 140px; width: 45px; height: 45px; background-position: 0 0; background-size: 100%; top: 50%; font-size: 40px;}
#certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100%;}
#certify .swiper-button-next { right: 140px; width: 45px; height: 45px; background-position: 0 -93px; background-size: 100%; top: 50%; font-size: 40px;}
#certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100%;}

.ab_other{ margin-top: 80px;}
.ab_other .other_item{ width: 49%; margin-right: 2%; position: relative; float: left;}
.ab_other .other_item:nth-child(2){ margin-right: 0;}
.ab_other .other_item h3{ position: absolute; width: 100%; left: 0; bottom: 0; color: #fff; font-size: 20px; background: rgba(2,49,77,0.8); text-align: center; line-height: 60px;}
.ab_other .other_item img{ height: 430px; width: 100%;}

.ny_culture ul li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 30px; position: relative;}
.ny_culture ul li:nth-child(2n){ margin-right: 0;}
.ny_culture ul li img{ height: 353px;}
.ny_culture ul li .culture_txt{ position: absolute; width: 70%; left: 10%; height: 200px; top: 50px; background: rgba(2,49,77,.75); color: #fff; padding: 40px;}
.ny_culture ul li .culture_txt h3{ font-size: 28px; color: #fff; padding-left: 20px; background: url(../image/sj_06.png) no-repeat left center;}
.ny_culture ul li .culture_txt p{ padding-left: 20px; padding-right: 20px;}

.ny_team ul li{ width: 24%; margin-right: 1.33%;float: left; margin-bottom: 25px;}
.ny_team ul li:nth-child(4n){ margin-right: 0;}
.team_txt{ padding: 10px; border-top: none;background-color:#f0f0f0 ;text-align: center;}
.team_txt p{ line-height: 48px; height: 48px;}

.news_top .first_news{ width: 32.6%; margin-right: 1%; float: left;}
.news_top .first_news:nth-child(3n){ margin-right: 0;}
.news_top .first_news .sy_news_txt{ padding: 20px; border: 1px solid #ddd; border-top: none;}
.news_top .first_news img{ height: 349px;}
.ny_news_list ul li{ float: left; width: 32%; margin-right: 2%; border:1px solid #ddd; padding: 30px; margin-top: 40px;}
.ny_news_list ul li:nth-child(3n){ margin-right: 0;}
.ny_news_list ul li .date,.ny_news_list ul li i{ font-size: 14px;}
.ny_news_list ul li .more{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
.ny_news_list ul li .date{ color: #0e58d4;}
.ny_news_list ul li h3{ font-weight: normal; font-size: 20px; margin: 15px 0; height:62px; overflow:hidden;}
.ny_news_list ul li p{ line-height: 20px;}
.ny_news_list ul li:hover h3{ font-weight: bold; color: #0e58d4;}
.ny_news_list ul li:hover i{ color: #0e58d4;}

.ny_newshows{ width: 78%;}
.ny_newshows .show_tit{ font-size: 24px;}
.news_info {padding: 20px 0; border-bottom: 1px solid #ddd;}
.news_info .date{ line-height: 28px; margin-right: 60px;}
.news_info .date i{ margin-right: 15px;}
.news_info .follow span{ line-height: 28px; display: inline-block; float: left; margin-right: 15px;}
.news_info .follow_list{ display: inline-block;}
.new_content{ border-bottom: 1px solid #ddd; padding-top: 30px;}
.new_content p{ color: #333;font-size: 18px;}
.new_content img{ max-width: 100%!important;}
.show_btn{line-height: 30px; margin-top: 70px; margin-bottom: 15px;}
.show_btn a:hover{ color: #0e58d4;}
.show_btn .jiantou{ background: #0e58d4; width: 30px; height: 30px; border-radius: 15px; color: #fff; text-align: center; margin-right: 10px;}
.show_btn .back_btn{ margin: 0 auto;}
.show_btn .back_btn i{ font-size: 20px; margin-right: 10px;}
.next_btn .jiantou{ margin-right: 0; margin-left: 10px;}
.tags{ line-height: 28px; font-size: 17px; color: #333; margin-top: 20px;}
.tags i{ margin-right: 5px;}
.tags a{ padding:0 12px; font-size: 13px; display: inline-block; background: #eee; color: #666;}

.faq_item_box .faq_item{ width: 49%; margin-right: 2%; float: left; background: #fff; padding: 50px 75px;}
.faq_item_box .faq_item:nth-child(2){ margin-right: 0;}
.faq_item_box .faq_item .faq_icon{ margin-right: auto; width: 15%;}
.faq_icon img{-webkit-transition: 2s ease;-moz-transition: 2s ease;}
.faq_item_box .faq_item:hover .faq_icon img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.faq_top{ padding: 60px 0;}
.faq_item_box .faq_item .faq_txt{ width: 72%;}
.faq_txt p{ color: #333; margin: 10px 0 20px; line-height: 24px; height: 48px;}
.faq_txt i{ font-size: 14px; color: #666666;}
.faq_item_box .faq_item:hover h3,.faq_item_box .faq_item:hover .faq_txt i{ color:#0e58d4; }
.faq_des h3{ text-align: center; font-size: 20px; margin-top: 30px;}
.faq_des h3 a{ color: #0e58d4;}
.faq_list ul li{ padding: 20px 0; border-bottom: 1px solid #ddd;}
.faq_list ul li h4{ font-size: 20px; line-height: 30px; color: #0e58d4;}
.faq_list ul li h4 i{ float: right; font-size: 14px; color: #666; font-weight: normal; cursor: pointer;}
.faq_list ul li .answer{ display: none; margin-top: 25px;}
.faq_list ul li h4 i:hover{ color: #0e58d4;}

.contact_form{ width: 70%; margin: 0 auto;}
.contact_add{ margin: 80px auto 0; width: 38%; height: 300px;}
.contact_add .sy_item_tit h2 a{ color: #0e58d4;}
.add_box{ height: 150px; padding-left: 30px; border-left: 3px solid #0e58d4; margin-bottom: 40px;}
.add_box p{ font-size: 20px; margin-bottom: 10px;}
.add_box i{ font-size: 20px; line-height: 36px; color: #0e58d4;margin-right: 10px;}
.contact_share{ border-top: 1px solid #ddd;}
.contact_share .share_list{ width: 50%; margin: 60px auto;}
.share_list a{ display: block; margin: 0 auto; font-size: 40px; color: #0e58d4;}

.map_box{ width: 100%; float: left; text-align: center;}
.map_box:nth-child(3){ margin-right: 0;}
.map_box a{ margin-top: 25px; color: #333; display: block;}
.map_box a i{ color: #0e58d4; margin-right: 10px;}
.contact_work{ padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.contact_work p{ font-size: 24px; line-height: 40px;}
.business_list ul li{ width: 24%; margin-right: 1.33%; float: left; margin-bottom: 15px;}
.business_list ul li img{ width: 100%; height: 252px;}
.business_list ul li:nth-child(4n){ margin-right: 0;}

.search_bg{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.4); display: none;z-index: 9999;}
.search_box{ width: 550px; padding: 40px; margin: 350px auto; background: #fff; position: relative;}
.search_input p{ text-align: center;margin-bottom: 20px; font-size: 26px; color: #333;}
.search_input input{ width: 100%; line-height: 40px; border: 1px solid #ddd;}
.search_input input.search_sub{ cursor: pointer;text-align: center; line-height: 40px; color: #fff; margin: 25px auto 0; width: 150px; background: #3399cc; color: #fff; border: none; border-radius: 3px; display: inherit;}
.search_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer;}

.contact_list{ position:fixed; top:40%; right:30px; z-index:99; display:none;}
.contact_list a{ display:block;; width:45px; height:45px; margin-bottom:15px; overflow:hidden;}
.contact_list a:nth-child(2) img{ transform:translateY(-60px);}
.contact_list a:nth-child(3) img{ transform:translateY(-120px);}
.contact_list a:nth-child(4) img{ transform:translateY(-180px);}

/* .page-nav .item .page-subnav{ display:none;} */
/* .page-nav .item:nth-child(5) .page-subnav{ display:block;} */

.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998;}
.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px; display: none; z-index:9999; }
.video_bg video{ width:100%;}
.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;}

.zxlyyzm i{ margin-top: 5px;}
.pro_form .formbox.zxlyyzm input{ width: 50%; float: left; line-height:30px;}
@media (max-width: 1600px){
	.sy_choose,.sy_partner{ width: 100%;}
	.sy_map .img_box{ width: 85%;}
}


@media (max-width: 1400px){
	.sy-ban .b-trext{ width: 70%; left: 15%;}
	.sy-ban .b-trext h3{ font-size: 42px;}
	.choose_list ul li{ padding: 40px 30px; height: 270px;}
	.partner_list{ width: 90%!important;}
	.sy_number{ margin: 50px auto;}
	.app_list ul li img{ height: 270px;}
	.cert_list ul li img{ height: 290px;}
	.offer_list ul li{ padding: 30px 40px;}
	.map_box{ width: 100%; margin-right: 0; float: none; margin-bottom: 30px;}
}

@media (max-width: 1200px){
	.choose_list ul li{ padding: 30px 20px;}
	.choose_list ul li h4{ margin: 15px 0;}
	.choose_list ul li p{ height: 100px; line-height: 25px;}
	.sy_map .img_box{ width: 90%;}
	.icon_box{ width: 56px; height: 56px;}
	.sy-ban .b-trext{ width: 80%; left: 10%;}
	.sy_about_txt{ width: 48%;}
	.sy_choose{ padding: 40px;}
	.sy_pro_tit h4{ font-size: 18px;}
	.sy_pro_tit img{ width: 28px;}
	.left_nav{ display: none;}
	.ny_pro_list{ width: 100%; float: none;}
	.ny_pro_list ul li .imgfd img{ height: 272px;}
	.app_list ul li img{ height: 227px;}
	.manu_img img{ width: 70%;}
	.cert_list ul li img{ height: 250px;}
	.down_list ul li{ width: 32%;margin-right: 2%;}
	.down_list ul li:nth-child(4n){ margin-right: 2%;}
	.down_list ul li:nth-child(3n){ margin-right: 0}
	#certify  .swiper-slide { height: 350px;}
	.ab_other .other_item img{ height: 353px;}
	.ny_culture ul li img{ height: 280px;}
	/* .ny_team ul li img{ height: 204px;} */
	.news_top .first_news img{ height: 276px;}
	.ny_newshows{ width: 100%;}
	.faq_item_box .faq_item{ padding: 40px;}
	.faq_item_box .faq_item .faq_txt{ width: 80%;}
	.business_list ul li img{ height: 198px;}
	.contact_work p{ font-size: 22px;}
	.video_bg{ width:96%; left:2%; margin-left:0;}
	.sy-ban .b-trext h4{ font-size: 26px; margin-bottom:10px;}
}

@media (max-width: 1024px){
	.top_other{ display: none;}
	.sy-ban .b-trext h3{font-size: 34px;}
	.sy-ban .b-trext p{ font-size: 18px;}
	.pro_column .pro_item{ width: 100%!important; float: none; margin-right: 0!important;}
	.sy_about_txt{ width: 100%; float: none;}
	.sy_about_img{ width: 100%; float: none; margin-top: 30px;}
	.sy_number dl dt{ font-size: 16px;}
	.sy_number .counter{ font-size: 44px;}
	.sy_number sup{ font-size: 24px;}
	.choose_list ul li{ width: 49%; margin-bottom: 30px;}
	.choose_list ul li:nth-child(2n){ margin-right: 0;}
	.choose_list ul li p{ height: 50px;}
	.sy_quality h1{ font-size: 34px;}
	.sy_quality p{ font-size: 20px;}
	.news_item_box .news_item{ width: 100%; float: none; margin-bottom: 30px;}
	.first_news img{ height: 350px;}
	.last_faq{ height: 350px;}
	.ny_pro_list ul li .imgfd img{ height: 345px;}
	.ny_ban{ margin-top: 60px;}
	.ny_ban .imgg img{width: 130%; margin-left:-10%;}
	.ny_pro_pic{ width: 100%; float: none;}
	.pro_det_img img{ height: 726px;}
	.small_pic ul li img{ height: 120px;}
	.pro_det_txt{ width: 100%; float: none; margin-top: 40px;}
	.app_list ul li img{ height: 204px;}
	.manu_img img{ width: 80%;}
	.cert_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 30px;}
	.cert_list ul li:nth-child(3n){ margin-right: 0;}
	.cert_list ul li img{height: 434px;}
	.offer_list ul li{ height: 250px;}
	.online_left{ display: none;}
	.online_right{ width: 100%;}
	.down_list ul li{ padding: 15px;}
	.ab_path{ margin-top: 60px;}
	.year_list ul li{ width: 70px; height: 70px;}
	.year_list ul li i{ margin-top: 27px;}
	.year_list ul li.on b{ line-height: 70px;}
	.year_box{ width: 70%; margin: 40px auto;}
	#certify .swiper-slide{ height: 309px;}
	.ab_other .other_item img{ height: 306px;}
	.ny_culture ul li img{ height: 235px;}
	.ny_culture ul li .culture_txt{ height: 170px; padding: 30px; width: 80%; left: 7%;}
	.ny_culture ul li .culture_txt h3{ font-size: 24px;}
	.ny_team ul li{ width: 32%; margin-right: 2%;}
	.ny_team ul li:nth-child(4n){ margin-right: 2%;}
	.ny_team ul li:nth-child(3n){ margin-right: 0;}
	/* .ny_team ul li img{ height: 220px;} */
	.news_top .first_news img{ height: 245px;}
	.ny_news_list ul li{ width: 49%; margin-right: 2%;}
	.ny_news_list ul li:nth-child(3n){ margin-right: 2%;}
	.ny_news_list ul li:nth-child(2n){ margin-right: 0;}
	.faq_item_box .faq_item{ display: block; text-align: center;}
	.faq_item_box .faq_item .faq_icon{ width: 100%; margin-right: 0; height: 60px;}
	.faq_item_box .faq_item .faq_icon img{ height: 60px;}
	.faq_item_box .faq_item .faq_txt{ width: 100%; margin-top: 25px;}
	.contact_form{ width: 90%;}
	.contact_add{ width: 50%;}
	.business_list ul li{ width: 32%; margin-right: 2%;}
	.business_list ul li:nth-child(4n){ margin-right: 2%;}
	.business_list ul li:nth-child(3n){ margin-right: 0;}
	.business_list ul li img{ height: 230px;}
	.down_nav{ display:flex;}
.down_nav .tarA{ margin: 0 auto;}
.sy-ban .b-trext h4{ font-size: 22px; margin-bottom:0px;}
.sy-ban .more_btnw{ margin: 50px auto;}
}


@media (max-width: 768px){
	.sy-ban .b-trext h3{ font-size: 26px; margin: 0;}
	.sy-ban .b-trext p{ font-size: 16px;}
	.sy-ban .more_btnw{ margin: 40px 0 0;}
	.sy_number{ display: none;}
	.sy_about_txt p{ font-size: 16px; line-height: 30px; margin-bottom: 15px;}
	.sy_map .sy_item_tit{ width: 80%;}
	.icon_box{ width: 48px; height: 48px;}
	.sy_quality{ text-align: center;}
	.sy_quality h1{ text-align: center; font-size: 30px;}
	.sy_quality h1 br{ display: none;}
	.sy_quality p{ width: 90%; margin: 20px auto; text-align: center;}
	.sy_quality .more_btn{margin: a auto;}
	.sy-ban .b-trext p{ font-size: 16px;}
	.pro_column .pro_item .sy_pro_tit{ line-height: 50px;}
	.sy_about_txt .sy_item_tit{ margin-bottom: 20px;}
	.first_news img{ height: 300px;}
	.last_faq{ height: auto; padding: 40px 20px;}
	.mail_form{ width: 96%;}
	.mail_form .bot_inp{ width: 80%;}
	.mail_form .sub{ width: 18%;}
	.sy_letter .sy_item_tit p{ font-size: 20px;}
	.ny_pro_list ul li .imgfd img{ height: 260px;}
	.ny_ban .imgg img{ width:150%;  margin-left:-20%;}
	.list_tit h5{ font-size: 24px;}
	.pro_det_img img{ height: 530px;}
	.small_pic ul li img{ height: 85px;}
	.app_list ul li img{ height: 150px; text-align: left;}
	.pro_app, .pro_para, .pro_manu, .pro_cert, .pro_offer{ margin-bottom: 50px;}
	.cert_list ul li img{ height: 310px;}
	.offer_list ul li{ width: 50%;}
	.offer_list ul li:nth-child(3){ border-right: 1px solid #eee;}
	.offer_list ul li:nth-child(2){ border-right:none;}
	.offer_list ul li:nth-child(4){ border-bottom: 1px solid #eee; border-right:none;}
	.pro_inform span{ font-size: 14px; line-height: 24px;}
	.down_list ul li{ width: 49%;margin-right: 2%;}
	.down_list ul li:nth-child(3n){ margin-right: 2%;}
	.down_list ul li:nth-child(2n){ margin-right: 0;}
	.ab_number{ display: block; width: 100%; float: none;}
	.ab_comp_txt{ width: 100%; margin-bottom: 40px;}
	.ab_comp_txt .more_btn{ margin-top: 0;}
	.ab_video{ margin-top: 40px;}
	.ab_path{ margin-top: 30px;}
	#certify .swiper-slide{ height: 230px;}
	.ab_other .other_item img{ height: 223px;}
	.ab_number dl dt{ text-align: center;}
	.year_list ul li{ height: 50px; width: 50px;}
	.year_list ul li i{ margin-top: 17px;}
	.year_list ul li.on b{ line-height: 50px;}
	.year_list ul li b{ font-size: 16px;}
	.year_box{ width: 90%; margin: 20px auto;}
	#certify .swiper-slide{ height: 163px;}
	#certify .swiper-button-prev{ display: none;}
	#certify .swiper-button-next{ display: none;}
	.ab_other{ margin-top:30px;}
	.ab_other .other_item img{ height: 163px;}
	.ab_other .other_item h3{ line-height: 40px; font-size: 16px;}
	.ny_culture ul li .culture_txt h3{ font-size: 20px;}
	.ny_culture ul li{ width: 100%;float: none; margin-right: 0;}
	.ny_culture ul li img{ height: 320px;}
	/* .ny_team ul li img{ height: 170px;} */
	.news_top .first_news{ width: 100%; float: none; margin-right: 0;}
	.news_top .first_news:first-child{ margin-bottom: 30px;}
	.news_top .first_news img{ height: 360px;}
	.ny_news_list ul li{ margin-top: 30px;}
	.ny_news_list ul li p{ height: 72px; overflow: hidden;}
	.ny_newshows .show_tit{font-size: 20px;}
	.show_btn{margin-top: 40px;}
	.faq_top{ padding: 40px 0;}
	.faq_item_box .faq_item .faq_txt{ margin-top: 15px;}
	.faq_des h3{ font-size: 18px;}
	.faq_list ul li{ padding: 15px 0;}
	.faq_list ul li h4{ font-size: 18px;}
	.contact_form{ width: 100%;}
	.contact_add{ width: 70%; margin-top: 40px;}
	.contact_share .share_list{ width: 80%; margin: 30px auto;}
	.contact_work p{ font-size: 18px;}
	.business_list ul li img{ height: 172px;}
	.contact_list{ display:none;}
	.map_box iframe{ display:none;}
	.copy{ margin-bottom: 50px;}
	.pro_online{ margin-bottom:30px;}
	.down_nav{ display:block;}
.down_nav .tarA{ display:block; width:100%; margin-bottom:15px; font-size:16px; line-height:32px; border:1px solid #ddd;}
.down_nav .tarA:hover,.down_nav .tarA.act{ border:1px solid #0e58d4;}
.sy-ban .b-trext h4{ font-size: 18px;}
}

@media (max-width: 540px){
	.sy_item_tit p{ margin-top: 10px;}
	.sy-ban .b-trext{ width: 96%; left: 2%; top: 25%;}
	.sy-ban .b-trext h3{ font-size: 20px;}
	.sy-ban .b-trext p{ font-size: 14px;}
	.sy-ban .more_btnw{margin-top: 20px;}
	.sy_pro_tit h4{ font-size: 16px;}
	.sy_pro_tit span{ font-size: 14px;}
	.sy_about_txt p{ font-size: 14px; line-height: 24px;}
	.sy_choose{ padding: 20px;}
	.choose_list ul li img{ width: 60px;}
	.sy_partner .swiper-button-prev,.sy_partner .swiper-button-next{ display: none;}
	.icon_box{ width: 40px; height: 40px;}
	.sy_map .sy_item_tit{ width: 96%;}
	.sy_map .sy_item_tit p{ font-size: 16px;}
	.sy_map .img_box{ width: 100%;}
	.sy_quality h1{ font-size: 24px;}
	.sy_quality p{ font-size: 18px;}
	.news_list li h3{ font-size: 16px;}
	.first_news h3{ font-size: 16px;}
	.first_news img{ height: 250px;}
	.sy_letter .sy_item_tit p{ font-size: 18px;}
	.mail_form{ line-height: 48px;}
	.sy_letter{ padding: 40px 0;}
	.mail_form .bot_inp{ line-height: 48px;}
	.mail_form .sub{ line-height: 48px;}
	.mail_form .sub{ background: #0e58d4 ; padding-left: 0;}
	.ny_pro_list ul li .imgfd img{ height: 180px;}
	.ny_pro_list ul li b{ font-size: 14px;}
	.ny_pro_list ul li{ margin-top: 20px;}
	.pro_det_img img{ height: 360px;}
	.small_pic ul li img{ height: 53px;}
	.pro_det_tit h3{ font-size: 20px;}
	.small_pic{ margin-top: 10px;}
	.pro_app, .pro_para, .pro_manu, .pro_cert, .pro_offer{ margin-bottom: 30px;}
	.app_list ul li{ width: 100%; float: none;margin-bottom: 20px;}
	.app_list ul li:nth-child(3){ margin-bottom: 0;}
	.app_list ul li img{ height: 325px;}
	.pro_det_img img{ height: 350px;}
	.small_pic ul li img{ height: 82px;}
	.pro_det_txt .more_btn{ margin-top: 10px;}
	.app_list ul li img{ height: 310px;}
	.manu_img img{ width: 90%;}
	.cert_list ul li img{ height: 215px;}
	.offer_list ul li{ padding: 20px;}
	.online_right .form_left, .online_right .form_right{ width: 100%; float: none;}
	.online_right .sub{ width: 100%; line-height: 50px;}
	.online_right .formbox textarea{ height: 120px;}
	.online_right .formbox{ padding: 5px; margin-bottom: 15px;}
	.offer_list ul li h3{ font-size: 16px;}
	.down_list{ margin: 20px auto;}
	.about_nav a{ width: 33.3%; line-height: 40px;}
	.ab_comp_txt p{ font-size: 16px; margin-bottom: 15px;}
	.ny_culture ul li img{ height: 250px;}
	.sy_item_tit{ margin-bottom: 20px;}
	.ny_team ul li{ width: 49%; margin-right: 2%; margin-bottom: 15px;}
	.ny_team ul li:nth-child(3n){ margin-right: 2%;}
	.ny_team ul li:nth-child(2n){ margin-right: 0;}
	/* .ny_team ul li img{ height: 184px;} */
	.team_txt{ padding: 10px;}
	.news_top .first_news img{ height: 255px;}
	.news_top .first_news .sy_news_txt{padding: 15px;}
	.ny_news_list ul li{ padding: 15px;}
	.ny_news_list ul li h3{ font-size: 16px; height: 50px; overflow: hidden; margin: 5px 0;}
	.ny_news_list ul li .more{ padding-top: 15px; margin-top: 15px;}
	.faq_item_box .faq_item{ padding: 20px;}
	.faq_txt p{ height: 96px;}
	.faq_item_box .faq_item .faq_icon img{ height: 50px;}
	.faq_list ul li h4{ font-size: 16px;}
	.faq_item_box .faq_item .faq_txt{ margin-top: 5px;}
	.faq_des h3{ font-size: 16px;}
	.contact_form .pro_form .form_left,.contact_form .pro_form .form_right{ width: 100%; float: none;}
	.contact_form .pro_form .sub{ width: 100%;}
	.contact_add{ width: 100%;}
	.map_box img{ display: none; }
	.map_box{ text-align: left;}
	.sy_item_tit p{ font-size: 16px; line-height: 30px;}
	.sy_item_tit p img{ width: 100%;}
	.business_list ul li{ width: 49%; margin-right: 2%;}
	.business_list ul li:nth-child(3n){ margin-right: 2%;}
	.business_list ul li:nth-child(2n){ margin-right: 0;}
	.share_list a{ font-size: 30px;}
	.pro_online{ margin-bottom:20px;}
	.sy-ban .b-trext h4{ font-size: 16px;}
	.sy-ban .b-trext{ top: 20%;}
}

@media (max-width: 450px){
	.sy-ban .b-trext p{display: none;}
	.choose_list ul li{ width: 100%; margin-right: 0; float: none; display: flex;align-items: center; text-align: left; height: auto; margin-bottom:20px;}
	.choose_list ul li .choose_icon{ margin-right: 15px;}
	.choose_list ul li .choose_icon img{ width: 50px;}
	.choose_list ul li h4{ margin: 0 0 10px;}
	.sy_map .sy_item_tit p{ font-size: 14px;}
	.icon_box{ width: 26px; height: 26px;}
	.ny_pro_list ul li .imgfd img{ height: 154px;}
	.ny_ban .imgg img{ width:180%; margin-left:-40%;}
	.pro_det_img img{ height: 290px;}
	.small_pic ul li img{ height: 66px;}
	.pro_det_tit h3{ font-size: 18px;}
	.app_list ul li img{ height: 252px;}
	.cert_list ul li img{ height: 170px;}
	.offer_list ul li{ padding: 10px;}
	.offer_list ul li .short_linec{ margin: 10px auto;}
	.formbox i{ font-size: 16px;}
	.down_list ul li{ padding: 10px;}
	.down_top p{ line-height: 20px; width: 100%; float: none;}
	.down_top i{display: none;}
	.ab_comp_txt{ margin-bottom: 20px;}
	.ab_number dl dt .counter{ font-size: 36px;}
	.ab_number dl dt sup{ font-size: 20px;}
	.year_list ul li b{ font-size: 14px;}
	.year_box .imgfd{ width: 100%;float: none; text-align: center;}
	.year_box .imgfd img{ width: 50%; display: inline-block;}
	.year_box .year_txt{ width: 100%; margin-top: 15px; text-align: center;}
	.ab_video{ margin-top: 0;}
	.year_item .more_btn{margin-top: 20px;}
	#certify .swiper-slide{ width: 121px;}
	.ab_other{ margin-top: 0;}
	.ab_other .other_item img{ height: 117px;}
	.ny_culture ul li img{ height: 200px;}
	.ny_culture ul li .culture_txt{ height: 140px; top: 25px;}
	.ny_culture ul li .culture_txt p{ padding-right: 0;}
	/* .ny_team ul li img{ height: 140px;} */
	.news_top .first_news img{ height: 200px;}
	.first_news .date{ padding: 5px; font-size: 14px;}
	.ny_news_list ul li{ width: 100%; float: none; margin-right: 0; margin-top: 20px;}
	.news_top .first_news:first-child{  margin-bottom: 20px;}
	.ny_newshows .show_tit{ font-size: 18px;}
	.news_info{ padding: 10px 0;}
	.new_content{ padding-top: 15px;}
	.news_info{ font-size: 14px;}
	.news_info .date{margin-right: 30px;}
	.news_info .date i{ margin-right: 5px;}
	.show_btn{ display: block; margin-top: 20px; font-size: 14px;}
	.show_btn .back_btn{ display: none;}
	.next_btn .jiantou,.next_btn a{ float: left; margin-left: 0;}
	.show_btn .jiantou{background: none; color: #0e58d4; margin: 0;}
	.faq_item_box .faq_item{ width: 100%; margin-right: 0;}
	.faq_item_box .faq_item:first-child{ margin-bottom: 20px;}
	.faq_txt p{ height: 48px;}
	.faq_list ul li .answer{ font-size: 14px;}
	.contact_form .pro_form .formbox{ padding: 5px; margin-bottom: 15px;}
	.pro_form .formbox textarea{ height: 120px;}
	.pro_form .sub{ line-height: 40px;}
	.add_box p{ font-size: 16px;}
	.business_list ul li img{ height: 140px;}
	.add_box{margin-bottom: 20px;}
}



/* banner */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;padding-top:5px;}
.slideBox .hd ul li{cursor:pointer;float: left;margin-right: 15px;width: 70px;height: 10px;border-radius: 500px; text-align: center;background: #fff;}
.slideBox .hd ul .on{background: #00bfff;color: #fff;}
.slideBox .bd{position:relative;}
.slideBox .bd li img{width:100%;} 
@media (max-width: 800px){
	.slideBox .hd{bottom: 20px;}
	.slideBox .hd{left: 53%;}
	.slideBox .hd ul li{width: 15px;height: 5px;}
}
@media (max-width: 500px){
	.slideBox .bd li{width: 100%;overflow: hidden;}
	.slideBox .bd li img {margin-top: 60px;}
}






#close-suspension-box .showFormBtn {
    height: 60px;
    cursor: pointer;
    background-color: #99D2DD;
    border-radius: 50%;
    text-align: center
}

#close-suspension-box:before,
#close-suspension-box:after {
    content: "";
    display: table
}

#close-suspension-box:after {
    clear: both;
    overflow: hidden
}

#close-suspension-box {
    width: 60px;
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px !important;
    z-index: 2000
}

#close-suspension-box .tit-box {
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    color: #fefefe;
    line-height: 60px;
    margin: 0;
}

#close-suspension-box .tit-box .icon-icon-test {
    font-size: 20px
}

#close_button {
    position: unset;
    font-size: 25px;
    top: -15px;
    right: 5px
}

#suspension-form-box {
    position: fixed;
    width: 360px;
    bottom: 0px;
    margin: auto;
    z-index: 1500;
    background-color: #006ba9;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

#suspension-form-box .suspension-form-top h2 {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
    color: #fefefe;
    display: inline-block;
    vertical-align: middle;

    padding-left: 8px;
    margin: 0px
}

#suspension-form-box .suspension-form-top .icon-youxiang1 {
    font-size: 22px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin: 0px
}

#suspension-form-box .closeFormBtn {
    margin-bottom: -40px;
    width: 30px;
    height: 30px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    margin-left: auto
}

#suspension-form-box .suspension-form-top {
    margin: 40px 0 10px 0;
    text-align: center;
    color: #fefefe
}

#suspension-form-box .suspension-form-top {
    margin: 30px 0 10px 0;
    text-align: center
}

#suspension-form-box .suspension-form-top .title {
    font-size: 0;
    padding: 10px
}

#suspension-form-box .suspension-form-conter {
    text-align: center;
    margin-top: 14px;
    border: 3px solid #99D2DD;
    border-top: none;
    background-color: #fff;
    width: 100%;
    padding: 20px 28px
}

#suspension-form-box .suspension-form-conter input {
    display: block;
    width: 100%;
    display: block;
    height: 40px;
    background: #eeeeee;
    border: none;
    outline: inherit;
    font-weight: 500;
    padding: 0 8px 0 24px;
    font-size: 14px;
    margin-bottom: 10px
}

#suspension-form-box .suspension-form-conter textarea {
    height: 120px;
    width: 100%;
    display: block;
    background: #eeeeee;
    border: none;
    outline: inherit;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    resize: none
}

#suspension-form-box .suspension-form-conter button {
    display: block;
    width: 100%;
    line-height: 40px;
    background: #666;
    color: #fefefe;
    border: none;
    margin-top: 10px;
    font-size: 16px;
    outline: inherit
}



@media screen and (max-width: 767px) and (min-width: 0) {
    #suspension-form-box {
        width: 100%
    }

    #close-suspension-box {
        width: unset
    }

    #close-suspension-box .showFormBtn {
        height: 45px;
        width: 45px;
        border-radius: 50%
    }

    #close-suspension-box .tit-box {
        line-height: unset;
        position: absolute;
        left: 50%;
        top: 50%;
        font-size: unset;
        transform: translate(-50%, -50%)
    }

    #close-suspension-box .tit-box .icon-icon-test {
        font-size: 16px
    }

  
}