@charset "UTF-8";

*{ padding: 0px; margin: 0; }
ul,li{ list-style: none; }
body,input,select,textarea{ font-size: 1em;  font-family: "微软雅黑", SimSun, sans-serif; background: #fff; color: #333;  }
input{outline: none;}
img{ max-width: 100%; }
a{color: #000; text-decoration: none;}
a:hover{color: #00a0e9; text-decoration: underline;}
.cb{ clear: both; }

/* #00a0e9; #fff100; */


.hy_des a ,.hs_view_2_c a,.hs_about a ,.hs_new_view_2 a,.hs_new_view_3 a{ color: #00a0e9;}


.cols{color:#fff100; }
.trans{transition: 1s all; }

.hs_top{width: 100%; position: fixed; top: 0; z-index: 999999999;}
.hs_top_c{width: 100%;float: left; padding:20px 2% 18px 2%; box-sizing: border-box; border-bottom: 1px solid #acdef5; height: 92px;}
.hs_top_logo{ width:20%;float:left; position: relative;}
.hs_top_logo img{ height:50px; }
.hs_top_nav{width: 80%;float: left;}
.hs_top_logo span{display: none;}


.hs_top_nav .navs{text-align: right; display: inline;float: right;}
.hs_top_nav .navs span{display: inline-block; padding: 15px 30px 45px 0; position: relative;}
.hs_top_nav .navs span a{color: #fff; font-weight: 900;font-size: 1.2em; text-decoration: none;}
.hs_top_nav .navs span a:hover{color:#fff100; }

.navs span ul a{font-weight:100;font-style: 0.85em; display: block;}
.navs ul{width: 120%; position: absolute;left: 0;top:72px; z-index: 100; background-color: rgba(0, 160, 233, 0.9); display: none;}
.navs ul li{width: 100%;float: left; text-align: left; padding: 8px 8px;border-bottom: 1px solid #acdef5; box-sizing: border-box; position: relative;}
.navs ul li:hover{background-color: rgba(0, 0, 0, 0.3);}



.navs ul li ol{ display: none; position: absolute; left:100%; top:0px; z-index:9999;  }
.navs ul li ol li{ width: 200px; float: left;  border-bottom: 1px solid #acdef5; text-indent:1em;}
.navs ul li i{float: right; margin-top: 2px;}
.navs ul li:hover>ol{display: block;background-color: rgba(0, 0, 0, 0.5);font-weight: normal;}


.hs_top_nav .serlan {display: inline; float: right; color: #fff;position: relative; }



.hs_top_nav .serlan span{display: inline-block; }
.hs_top_nav .serlan span:nth-child(2){padding: 18px 0 35px 0;}
.hs_top_nav .serlan span:nth-child(2) i{color: #fff100;}
.hs_top_nav .serlan span:nth-child(1){ border:1px solid #fff;padding:3px 10px; margin-top:10px; margin-right:15px; position:relative;  }
.hs_top_nav .serlan span:nth-child(1):hover{background: #fff100; color: #333;}

.serlan span:nth-child(1) div{display: none; position: absolute; background-color: rgba(0, 160, 233, 0.9); width: 900px; height: 60px;left: -860px;top: 72px; border-radius: 3px}
.serlan span:nth-child(1) div input{ width:86%;border:0px solid #acdef5; float: left; height:40px;line-height:40px; padding:0 10px;box-sizing:border-box; }
.serlan span:nth-child(1) div button{height: 40px;border:0px solid #acdef5 ;float: left; text-align: center; line-height: 40px; background: #fff100; width: 10%; margin-left: -1px; cursor: pointer;}
.serlan span:nth-child(1) div button:hover{background: #333; color: #fff;}
.serlan span:nth-child(1) div form{ width:100%; text-align:center; padding:10px 2%; box-sizing:border-box; }
#cxgb{float: left; margin-top: 12px; margin-left: 10px;}

.serlan div{display: none; position: absolute;width: 100%;right:0%;background-color: rgba(0, 160, 233, 0.9); top: 72px;}

.serlan div li{width: 100%;float: left; padding: 8px; border-bottom: 1px solid #acdef5; box-sizing: border-box;}
.serlan div img{width: 25px;}
.serlan span:nth-child(2):hover div{ display:block; }

.serlan a{color: #fff;   text-decoration: none;}
.serlan a:hover{color:#fff100; }


.hs{width: 100%; overflow:hidden; }

.hs_tops{background-color: rgba(0, 160, 233, 0.9); }

.hs_bn{width: 100%;float: left; text-align: center;}
.hs_bn .swiper-wrapper img{width: 100%;}
.hs_bn .swiper-button-next, .hs_bn .swiper-button-prev {transition: 1s all; color: #fff; width: 80px; height: 80px;font-size: 30px; border-radius: 80px;}
.hs_bn .swiper-button-next:hover, .hs_bn .swiper-button-prev:hover{background: #fff100; color: #000;}

.hs_center{width: 1200px; margin:auto;}

.hs_in_title{width: 100%;float: left; margin:30px 0; text-align: center;font-size: 35px;font-weight: bold;letter-spacing: 5px;}
.hs_in_title span{display: inline-block; width: 50px;background:#00a0e9; height: 2px;}
.hs_in_title span:nth-child(3){background: #fff100;}

.hs_aplication{ padding-bottom:50px;  text-align: center;}
.hs_aplication .hs_center{overflow: hidden; padding:5px; }
.hs_aplication .swiper-wrapper .swiper-slide img{opacity: 0;transition: 1s all; display: block;padding:10px;background:#fff;box-sizing: border-box;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.3);}

.hs_aplication .swiper-wrapper .swiper-slide{box-sizing: border-box;border-left: 0.5px solid #eee;border-right: 0.5px solid #eee; position: relative; margin-top:10px;  }
.hs_aplication .swiper-wrapper .swiper-slide span{position: absolute; top: 20%; display: inline-block;width: 100%;left: 0; z-index: 1;transition: 1s all; font-size:1.2em; }
.hs_aplication .swiper-wrapper .swiper-slide span div{ width:50px; height:50px; line-height:50px; margin:auto; border-radius:50px;  }
.hs_aplication .swiper-button-nexts, .hs_aplication .swiper-button-prevs {transition: 1s all; color:#00a0e9; display:inline-block; margin-top:35px;font-size:25px; padding:0 10px; }
.hs_aplication .swiper-button-nexts:hover, .hs_aplication .swiper-button-prevs:hover{color:#fff100; cursor: pointer;}

.hs_aplication .swiper-wrapper .swiper-slide ul{position: absolute; bottom: 10px; width: 100%; display: inline-block; left: 0; text-align: left; padding: 0 25px; box-sizing: border-box;}
.hs_aplication .swiper-wrapper .swiper-slide ul li{width: 100%;float: left; padding: 10px 0;border-bottom: 1px solid #fff; margin-bottom:-1px; }
.hs_aplication .swiper-wrapper .swiper-slide ul li a{color: #fff; display: block;   text-decoration: none;transition: 1s all;}
.hs_aplication .swiper-wrapper .swiper-slide ul li a i{float: right;}
.hs_aplication .swiper-wrapper .swiper-slide ul li a:hover{color: #fff100;}

.leftx{transform: translateX(-50px);transition: transform 0.3s ease-out; }
.rightx{transform: translateX(50px);transition: transform 0.3s ease-out; }

.leftxx{transform: translateX(0px);transition: transform 0.3s ease-out; }
.rightxx{transform: translateX(0px);transition: transform 0.3s ease-out; }

.op100{opacity: 0.7;}
.op110{background:#00a0e9; }
.op111{color: #fff; position: absolute;transform: translateY(-20px);transition: transform 0.3s ease-out; }

#tt img{ opacity:1;}
#tt span{color: #fff; position: absolute;transform: translateY(-20px);transition: transform 0.3s ease-out;}
#tt div{background:#00a0e9;}
#tt{border:0px}


.hs_ab{background: #f6f6f6; position: relative;   overflow: hidden; margin:15px 0;}
.hs_ab_j1{position: absolute; top: 0; left: 0;width: 100%; text-align:center; display:none;  }
.hs_ab_j1 img{width: 100%; display:block;}
.hs_ab_j2{position: absolute;bottom: 0; left: 0; width: 100%; text-align:center; display:none;  }
.hs_ab_j2 img{width: 100%;display:block;}


.hs_ab_cent{width: 100%;}
.hs_ab_cent_left{width: 50%;float: left; }
.hs_ab_cent_left img{ width: 100%; display: block;float: right;}
.hs_ab_cent_right{width: 50%;float: left; background:url('../Images/map.png') no-repeat;  }

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top: 100px; box-sizing: border-box; }
.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 200%;}
.hs_ab_cent_right_mo{width: 100%;float: left; margin-top: 20px;}
.hs_ab_cent_right_mo span{display: inline-block;}
.hs_ab_cent_right_mo span:nth-child(1){background:#00a0e9;color: #fff; border-radius: 0 50px 0 50px;   padding: 10px 30px; margin-right: 40px;}
.hs_ab_cent_right_mo span:nth-child(2){background:#666;color: #fff; border-radius:  50px 0 50px 0;   padding: 10px 30px;}
.hs_ab_cent_right_mo span:hover{background: #333;}

.hsry{width: 100%;float: left; margin-top: 30px;}
.ctwz{font-size: 35px;font-weight: bold; color: #000;}
.num-item{width: 25%;float: left;}
.num-item span:nth-child(3){display:inline-block; width: 100%;}

.hs_new{ text-align:center; }

.hs_new .hs_center{overflow: hidden; padding:5px; }

.hs_new .swiper-slide img{max-width: none;}

.hs_new .swiper-slide:hover img{transform: scale(1.2);}
.hs_new .swiper-slide div:nth-child(1) { width: 100%;float: left; margin-bottom:10px;text-align:center; overflow:hidden; }
.hs_new .swiper-slide div:nth-child(1) img{ height: 220px; transition: all 1s;  }
.hs_new .swiper-slide div:nth-child(2){width: 100%;float: left;}
.hs_new .swiper-button-nextn, .hs_new .swiper-button-prevn {transition: 1s all; color:#00a0e9; display:inline-block; margin-top:35px;font-size:25px; padding:0 10px; }
.hs_new .swiper-button-nextn:hover, .hs_new .swiper-button-prevn:hover{color:#fff100; cursor: pointer;}

.hs_bot{ background:#2f3233; width: 100%;float: left; margin-top: 30px; color: #fff;}

.hs_bot_1{width: 100%;float: left;}
.hs_bot_1:hover img{transform: scale(1.2);}

.hs_bot_1_1{width: 100%;float: left; text-align: center; padding: 40px 0 20px 0}
.hs_bot_1_1 img{max-width: 15%; transition: all 1s;}

.hs_bot_1_2{width: 100%;float: left;}
.hs_bot_1_2 .hs_center div{width: 25%;float: left; color: #fff; text-align: center;}
.hs_bot_1_2 .hs_center div:hover span { background: #fff100;}
.hs_bot_1_2 .hs_center div li{width: 100%;float: left; padding: 5px 0}
.hs_bot_1_2 .hs_center div li span{ background: #555; display: inline-block; height: 40px; width: 40px; border-radius: 40px; text-align: center; line-height: 40px; transition: all 1s;}
.hs_bot_1_2 .hs_center div li:nth-child(3){font-size: 1.3em;}

.hs_bot_2{ width:100%;float:left; border-top:1px solid #4f4e4e; border-bottom:1px solid #4f4e4e; padding:30px 0; margin:20px 0; }
.hs_bot_2 .hs_center div{width: 25%;float: left; text-align: center;}
.hs_bot_2 .hs_center div:hover li:nth-child(1){color: #fff100}

.hs_bot_2 .hs_center div li{width: 100%;float: left; padding: 5px 0;}

.hs_bot_2 .hs_center div li:nth-child(1){font-weight: bold;font-size: 1.2em; transition: all 1s;}

.hs_bot_2 .hs_center div:nth-child(4) img{width: 50%;}
.hs_bot_2 .hs_center div:nth-child(4) i{margin:0 10px;font-size: 1.5em}

.hs_bot_3{width: 100%;float: left;padding: 10px 0 20px 0; color: #fff; text-align: center;}
.hs_bot a{color: #fff;}
.hs_bot a:hover{color:#fff100; }


.hs_top_bn{width: 100%;float: left; text-align: center; position: relative; }
.hs_top_bn>img{width: 100%;}
 
.hs_top_bn div{position: absolute; top: 40%; text-align: center; width: 100%; color: #fff;}
.hs_top_bn div a{color: #fff;}
.hs_top_bn div a:hover{color: #fff100;}
.hs_top_bn div h1{display: block; margin-bottom: 10px; font-size: 30px;}

.hs_top_bn div p{display: block; margin-bottom: 10px; font-size: 30px;font-weight: bold;}

.hs_top_bn ul{ display: inline-block; margin-top: 15px;text-align: center; border-bottom: 5px solid #00a0e9; border-radius: 0 0 5px 5px; position:relative; }
.hs_top_bn ul li{display: inline-block; padding: 15px 0; line-height:200%; width: 144px;   transition: 0.5s all; }
.hs_top_bn ul li div{position: absolute;   top:96px; width: 100%;left: 0; display: none; padding: 20px 0 10px 0;}

.hs_top_bn ul li div a{color: #000; display: inline-block; padding: 0 5px;}
.hs_top_bn ul li img{width: auto;} 


.hs_pro_1_s{background: #fff;}

.hs_pro_1_s a{display:block; border-right: 1px solid #efefef; }
.hs_pro_1_s a i{color:#00a0e9;font-size:25px; }

.hs_top_bn ul li:hover{ background:#00a0e9; }
.hs_top_bn ul li:hover>div{display: block;}
.hs_top_bn ul li:hover>div a{color: #000;}

.hs_top_bn ul li:hover a{color: #fff; border-right: 0px solid #00a0e9;}
.hs_top_bn ul li:hover a i{color: #fff;}

.hs_top_bn ul li:hover img{filter: grayscale(100%) brightness(200%);}


.hs_pro{width: 100%;margin-top: 60px;float: left;}
.hs_pro_1{width: 100%;float: left;  text-align: center; margin-bottom: 25px;}
.hs_pro_1 li{display: inline-block; padding: 0 15px;}
.hs_pro_2{ width:100%; }
.pro{width: 100%;float: left;}
.pro div{width: 23%;float: left; margin:1%; padding: 1%; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center; height:445px; }
.pro div dd{width: 100%;float: left; padding: 5px 0;transition: all 1s;}
.pro div dd:nth-child(2){font-size: 12px; color: #666; line-height: 150%;}
.pro div dt{width: 100%;float: left; border-top: 1px solid #ccc;overflow: hidden; }
.pro div dt img{display: block;  transition:all 1s; }

.pro div dd:nth-child(3) {margin:20px 0;}
.pro div dd:nth-child(3) a{ transition: all 1s; background:#8b8b8b;  padding:8px 18px; color:#fff;font-size:12px; text-decoration:none; }
.pro div dd:nth-child(3) a:hover{background:#00a0e9;}

.pro div dd:nth-child(1){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.pro div:hover dd:nth-child(1) a{ color:#00a0e9;font-weight:bold; }
.pro div:hover img{transform:scale(1.2); }

.proxg div {float: left; margin:10px;  padding: 10px; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center; }

.proxg div dd{width: 100%;float: left; padding: 5px 0;transition: all 1s;}
.proxg div dd:nth-child(2){font-size: 12px; color: #666;line-height: 150%;}
.proxg div dt{width: 100%;float: left; border-top: 1px solid #ccc;overflow: hidden; }
.proxg div dt img{display: block;  transition:all 1s; }

.proxg div dd:nth-child(3) {margin:20px 0;}
.proxg div dd:nth-child(3) a{ transition: all 1s; background:#8b8b8b;  padding:8px 18px; color:#fff;font-size:12px; text-decoration:none; }
.proxg div dd:nth-child(3) a:hover{background:#00a0e9;}

.proxg div dd:nth-child(1){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}

.proxg div:hover dd:nth-child(1) a{ color:#00a0e9;font-weight:bold; }
.proxg div:hover img{transform:scale(1.2); }

.hs_fy{width: 100%;float: left; text-align: center; padding:40px 0 20px 0;}
.hs_fy a{padding: 5px 8px;border:1px solid #ccc; margin-right: 5px; margin-left: 2px;}
.current{background: #efefef;}

.hs_pr_lm {background: #00a0e9;}
.hs_pr_lm a{color: #fff;font-weight: bold; text-decoration: none;  }
.hs_pr_lm a i{color:#fff; }

.hs_pr_lm img{filter: grayscale(100%) brightness(200%);}

.hs_pr_lm2 a{color: #00a0e9; text-decoration: underline;}

.hs_view_1{width: 100%;float: left; margin-top: 60px;}

.hs_view_1_left{width: 48%;float: left; overflow: hidden; position: relative; border: 1px solid #ccc; }
.hs_view_1_left img{display: block;}
.hs_view_1_right{width: 50%;float: right;}
.hs_view_1_right li{width: 100%;float: left; line-height: 180%; margin-bottom: 10px; color: #666;}
.hs_view_1_right li h1{font-size: 30px; color: #000;}
.hs_view_1_right li:nth-child(1){margin-bottfom: 20px;}
.hs_view_1_right li:nth-child(3){color: #000;font-weight: bold;}


.hs_view_1_rightsp span{transition: all 1s;}
.hs_view_1_rightsp span:nth-child(1){ display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; background:#fff100;float:left; font-size: 20px;}
.hs_view_1_rightsp span:nth-child(2){background:#00a0e9; height: 50px; width: 200px; display: inline-block;float:left; color: #fff; line-height: 50px;font-size:22px;font-weight: bold; text-align: center;}
.hs_view_1_rightsp:hover span:nth-child(1){background: #00a0e9; color: #fff;}
.hs_view_1_rightsp:hover span:nth-child(2){background: #fff100; color: #333;}

/*.hs_view_1_right li:nth-child(5) span{transition: all 1s;}*/
/*.hs_view_1_right li:nth-child(5) span:nth-child(1){ display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; background:#fff100;float:left; font-size: 20px;}*/
/*.hs_view_1_right li:nth-child(5) span:nth-child(2){background:#00a0e9; height: 50px; width: 200px; display: inline-block;float:left; color: #fff; line-height: 50px;font-size:22px;font-weight: bold; text-align: center;}*/
/*.hs_view_1_right li:nth-child(5):hover span:nth-child(1){background: #00a0e9; color: #fff;}*/
/*.hs_view_1_right li:nth-child(5):hover span:nth-child(2){background: #fff100; color: #333;}*/

.hs_view_2{ width:100%;float:left; border:1px solid #eee;box-sizing:border-box; margin-top:30px; }

.hs_view_2_t{width: 100%;float: left;  background:  #fafafa;}
.hs_view_2_t span{display: inline-block;font-size: 18px; padding:  10px 30px;font-weight: bold;}
.c1span{background: #fff;}

.hs_view_2_c{width: 100%;float: left;overflow:hidden; line-height:180%; padding:20px;box-sizing:border-box; color:#666; }
.hs_view_2_c table{background: #efefef;}
.hs_view_2_c table td{background: #fff; padding: 5px; box-sizing: border-box;}


.hs_view_3{}

.hs_view_3_c{position: relative; overflow: hidden; text-align: center;}

.hs_view_3_c .swiper-button-nextxg, .hs_view_3_c .swiper-button-prevxg {transition: 1s all; color:#00a0e9; display:inline-block; margin-top:35px;font-size:25px; padding:0 10px; }
.hs_view_3_c .swiper-button-nextxg:hover, .hs_view_3_c .swiper-button-prevxg:hover{color:#fff100; cursor: pointer;}


.hs_about{width: 100%;float: left;margin-top: 30px;line-height: 180%; overflow: hidden;}

.hs_news{width: 100%;float: left; margin-top: 30px;}

.hs_news_list{width: 33.333%;float: left; padding: 1%;box-sizing: border-box;}

.hs_news_list dt img{height: 200px;display:grid; margin:auto;transition:all 1s;max-width:none; }
.hs_news_list li{width: 100%;float: left; margin-bottom: 5px; margin-top: 5px;line-height: 180%;}
.hs_news_list dt{width: 100%;float: left; text-align: center; overflow: hidden;}
.hs_news_list li:nth-child(2){height: 60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.hs_news_list li span:nth-child(2){float: right;}
.hs_news_list li span {color: #666;}
.hs_news_list li span a{color: #666;}

.hs_news_list:hover dt img{transform: scale(1.2);}
.hs_news_list:hover a{color: #00a0e9;}

.hs_ap{width: 100%;float: left; margin-top: 60px;}

.hs_ap_1{width: 100%;float: left;}

.hs_ap_1 div{width: 23%;margin:1%;float: left;   padding: 10px; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center; height:240px; }
.hs_ap_1 div dt{float: left; width: 100%; overflow: hidden;}
.hs_ap_1 div dt img{transition: all 1s}

.hs_ap_1 div dd{float: left; width: 100%; margin-top: 10px;font-weight: bold;}
.hs_ap_1 div:hover img{transform: scale(1.2);}
.hs_ap_1 div:hover a{color: #00a0e9;}
.hy_des{ width:100%;float:left; overflow:hidden; line-height:180%;text-align:left; color:#666; }

.hs_new_view{width: 100%;float: left; margin-top: 30px;}
.hs_new_view_1{width: 100%;float:left; padding: 10px 0; border-bottom: 1px solid #efefef; margin-bottom: 15px;}
.hs_new_view_2{width: 100%;float: left;line-height: 180%;}

.hs_new_view_3{width: 100%;float: left; margin-top: 20px; border-top:1px solid #efefef; padding-top: 20px;}
.hs_new_view_3 li{width: 100%;float: left; padding: 10px 0;}

.sech{text-align: center; width: 100%;float: left; padding: 20px 0;}


.contact_bd{
    width: 60%;
    margin: 0 auto;
}
.contact_bd div{
 
    margin-bottom: 20px;
}
.contact_bd div:last-of-type{
    margin-bottom: 0;
}
.code_hz{
    text-align: left;
}
.code_hz span{
    text-align: center;
}
.contact_bd div>span,.contact_bd div>input,.contact_bd div>textarea,.contact_bd div>button{
    display: inline-block;
    outline: none;
    vertical-align: middle;
    height: 40px;
    line-height: 38px;
}
.contact_bd div>span{
    width: 6%;
}
.contact_bd div>input,.contact_bd div>textarea,.contact_bd div>button{
    width: 88%;
    border: 1px solid #eee;
    padding: 0 10px;
}
.contact_bd div>input.code_srk{
    width: 50%;
    margin-right:10px;
}
.contact_bd div>textarea{
    height: 100px;
    padding: 10px;
}
.contact_bd div>button{
    background: #169fe6;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #169fe6;
}
.contact_bd div>button:hover{
    background: #fff;
    color: #169fe6;
}

#ms{display: none;}

.hs_down{width: 21%;float: left; margin: 2%;box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center;  padding: 15px 0;}
.hs_down li{width: 100%;float: left; padding: 5px 0; text-align: center;}

.hs_down i{color: #3389ca;}

.hs_down i{font-size: 50px;}


.rightcotact1{cursor: pointer; background: #00a0e9;width: 60px; position: fixed;right:0px;  bottom:300px; border-radius: 3px 0px 0px 3px;overflow: hidden; transition: all 1s;   z-index: 99999999;}
.rightcotact1 li{display: block; text-align: left; width: 200px;   color: #fff; padding:20px 20px 20px 20px; vertical-align: middle;}
.rightcotact1 i{ margin-right: 15px;font-size: 1.3em; }
.rightcotact1:hover{ width: 200px; }
.rightcotact1 a{color: #fff; text-decoration: none;}

.rightcotact2{cursor: pointer; background: #00a0e9;width: 60px; position: fixed;right:0px;  bottom:235px; border-radius: 3px 0px 0px 3px;overflow: hidden; transition: all 1s;   z-index: 99999999;}
.rightcotact2 li{display: block; text-align: left; width: 200px;   color: #fff; padding:20px 20px 20px 20px; vertical-align: middle;}
.rightcotact2 i{ margin-right: 15px;font-size: 1.3em; }
.rightcotact2:hover{ width: 200px; }
.rightcotact2 a{color: #fff; text-decoration: none;}


.rightcotact3{cursor: pointer; background: #00a0e9;width: 60px; position: fixed;right:0px;  bottom:170px; border-radius: 3px 0px 0px 3px;overflow: hidden; transition: all 1s;   z-index: 99999999;}
.rightcotact3 li{display: block; text-align: left; width: 200px;   color: #fff; padding:20px 20px 20px 20px; vertical-align: middle;}
.rightcotact3 i{ margin-right: 15px;font-size: 1.3em; }
.rightcotact3:hover{ width: 200px; }
.rightcotact3 a{color: #fff; text-decoration: none;}

.rightcotact4{color:#333;cursor: pointer; background: #fff100;width: 60px; position: fixed;right:0px;  bottom:105px; border-radius: 3px 0px 0px 3px;overflow: hidden; transition: all 1s;   z-index: 99999999;}
.rightcotact4 li{display: block; text-align: left; width: 200px;   color: #fff; padding:20px 20px 20px 20px; vertical-align: middle;}
.rightcotact4 i{ margin-right: 15px;font-size: 1.3em;color:#333;  }
.rightcotact4:hover{ width: 200px; background:#333; color:#fff; }
.rightcotact4:hover i{color: #fff;}
.rightcotact4 a{color: #fff; text-decoration: none;}

.tactsus_1{float:left; width:50%; line-height: 200%;}
.tactsus_2{width:48%;float:left;margin-left:2%;}
#allmap{width:100%;height:700px;}

 

@media screen   and (min-width:1923px) and (max-width:2400px) {

.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 250%;}

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top:110px; box-sizing: border-box; }
.hs_ab_cent_right_c_n p{width: 100%;float:left; margin-bottom: 10px;}

}


@media screen   and (min-width:1682px) and (max-width:1921px) {

.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 250%;}

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top:90px; box-sizing: border-box; }
.hs_ab_cent_right_c_n p{width: 100%;float:left; margin-bottom: 10px;}

}

@media screen   and (min-width:1601px) and (max-width:1681px) {

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top:60px; box-sizing: border-box; }
.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 250%;}
.hs_ab_cent_right_c_n p{width: 100%;float:left; margin-bottom: 10px;}
}

@media screen   and (min-width:1501px) and (max-width:1600px) {

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top:30px; box-sizing: border-box; }
.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 250%;}
.hs_ab_cent_right_c_n p{width: 100%;float:left; margin-bottom: 10px;}
}


@media screen   and (min-width:1367px) and (max-width:1500px) {

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top: 20px; box-sizing: border-box; }
}

@media screen   and (min-width:1201px) and (max-width:1366px) {

.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top: 20px; box-sizing: border-box; font-size: 15px;}
}

@media screen   and (min-width:1px) and (max-width:1200px) {

.hs_top_c{width: 100%;float: left; padding:10px 5% 8px 5%; box-sizing: border-box; border-bottom: 1px solid #acdef5; height: auto;}
.hs_center{width: 94%; margin:auto; box-sizing: border-box;}

.hs_top_logo{ width:100%;float:left;}
.hs_top_logo img{ height:30px; }
.hs_top_nav{width: 50%;float: left; display: none; position: absolute;left: 0; top: 0; background: #333; padding-left:15px;box-sizing:border-box; height:2000px; }

.hs_top{width: 100%; position: fixed; top: 0; z-index: 999999999;background-color: rgba(0, 160, 233, 0.5);}
.hs_top_logo span{display: block; position: absolute; right: 0; top: 5px; color: #fff;font-size: 1.2em}
.hs_top_nav .navs span{display: inline-block; padding: 15px 0 15px 0; position: relative; width: 100%; text-align: left;}

.contact_bd{width: 80%;margin: 0 auto;}



.hs_top_nav .serlan {display: inline; float: left; color: #fff;position: relative; }

.navs ul{width: 100%; position:static ;left: 0;top:72px; z-index: 100; background-color: rgba(0, 160, 233, 1); display: none; z-index: 999999;}
.navs span i{float: right;margin-right: 15px;}
.hs_top_nav .serlan span{display: inline-block; }
.hs_top_nav .serlan span:nth-child(2){padding: 18px 0 10px 0;}

.serlan div{display: none; position: absolute;width: 100%;right:-110%;background-color: rgba(0, 160, 233, 0.9); top: 0;}

.serlan span:nth-child(1) div{display: none; position:fixed; background-color: rgba(0, 160, 233, 0.9); width: 100%; height: 60px;left: 0px;top: 72px; border-radius: 3px;z-index: 9999999;}
.serlan span:nth-child(1) div input{ width:76%;border:0px solid #acdef5; float: left; height:40px;line-height:40px; padding:0 10px;box-sizing:border-box; }
.serlan span:nth-child(1) div button{height: 40px;border:0px solid #acdef5 ;float: left; text-align: center; line-height: 40px; background: #fff100; width: 17%; margin-left: -1px; cursor: pointer;}

.hs_ab_cent_left{width: 100%;float: left; }
.hs_ab_cent_left img{ width: 100%; display: block;float: right;}
.hs_ab_cent_right{width: 100%;float: left; background:url('../Images/map.png') no-repeat; padding-bottom:30px; }
.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top: 10px; box-sizing: border-box; }
.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 180%;font-size: 14px;}
}



@media screen   and (min-width:1px) and (max-width:700px) {


.tactsus_1{float:left; width:100%; line-height: 200%;}
.tactsus_2{width:100%;float:left;margin-left:0%;}
#allmap{width:100%;height:400px;}

.hs_ab_cent_left{width: 100%;float: left; }
.hs_ab_cent_left img{ width: 100%; display: block;float: right;}
.hs_ab_cent_right{width: 100%;float: left; background:url('../Images/map.png') no-repeat; padding-bottom:30px; }
.hs_ab_cent_right_c{width: 90%;float: left; padding-left: 5%;margin-top: 10px; box-sizing: border-box; }
.hs_ab_cent_right_c_n{width: 100%;float: left;line-height: 180%;font-size: 14px;}

.hsry{width: 100%;float: left; margin-top: 20px;}
.ctwz{font-size: 25px;font-weight: bold; color: #000;}
.hs_bot_1,.hs_bot_2{display: none;}

.pro div{width: 48%;float: left; margin:1%; padding: 1%; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center; height:auto; }
.hs_top_bn ul li{display: inline-block;   line-height: 40px; padding: 0 5px; width: auto;  }
.hs_top_bn ul li a{border-right: 0;}
.hs_top_bn ul{width: 100%; position: static;bottom: -55%; text-align: center;}



.hs_ap_1 div{width: 46%;margin:2%;float: left; padding: 10px; box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center; height:auto; }
.hs_view_1_left{width: 100%;float: left; overflow: hidden; position: relative; border: 1px solid #ccc; margin-bottom:20px; }
.hs_view_1_right{width: 100%;float: right;}
.hs_ap{width: 100%;float: left; margin-top: 1px;}
.hs_pro{width: 100%;margin-top: 15px;float: left;}
.hs_view_1{width: 100%;float: left; margin-top: 15px;}
.hs_about{width: 100%;float: left;margin-top:15px;line-height: 180%; overflow: hidden;}
.hs_new_view{width: 100%;float: left; margin-top: 15px;}
.hs_news{width: 100%;float: left; margin-top: 15px;}

.hs_news_list{width: 98%;float: left; padding: 1%;box-sizing: border-box;}

.hs_top_bn div{position: absolute; top: 32%; text-align: center; width: 100%; color: #fff;}

.hs_top_bn div h1{display: block; margin-bottom: 10px; font-size: 20px;}

.hs_top_bn div p{display: block; margin-bottom: 10px; font-size: 20px;font-weight: bold;}

.contact_bd{width: 100%;margin: 0 auto;}

.hs_pro_1{width: 100%;float: left;  text-align: center; margin-bottom: 15px; }

.hs_ab_cent_right_mo span:nth-child(1){margin-right: 10px;}

.contact_bd div>input.code_srk{
    width: 30%;
    margin-right:10px;
}

.hs_down{width: 46%;float: left; margin: 2%;box-sizing: border-box; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3); text-align: center;  padding: 15px 0;}
}


 @media screen   and (min-width:415px) and (max-width:481px) {
.hs_top_bn div{position: absolute; top: 20%; text-align: center; width: 100%; color: #fff;}

}

@media screen   and (min-width:377px) and (max-width:414px) {
.hs_top_bn div{position: absolute; top: 23%; text-align: center; width: 100%; color: #fff;}

}

@media screen   and (min-width:1px) and (max-width:376px) {
.hs_top_bn div{position: absolute; top: 18%; text-align: center; width: 100%; color: #fff;}

}