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

.nav_ul{ display: none; }

.mobile{ display: block;  width: 100%; top: -2px; z-index: 99999; right: 0; }

.mobile-inner{ width: 100%; }

.phone_banner{ display: block; }

.pc_banner{ display: none; }

.box,.foot_box{ width: 100%; padding: 0 10px; box-sizing: border-box; }

.head{ position: static; height: auto; background: #333; border: none; }

h1{ line-height: inherit;padding: 15px 0; }

h1 img{ height: 30px; width: auto; }

.foot_top{ display: none; }

.duty{ display: none; }



.foot{ height: auto; padding: 0px 0 0 0; background-size: cover; }

.foot_add{ height: auto; line-height: 22px; padding: 10px 0; }

.foot_box{ margin: 0; }

.add_left{ float: none; width: 100%; text-align: center; }

.add_right{float: none; width: 100%; text-align: center; }

.sul_div{ float: none; width: 100%; padding-top: 15px; }

.foot_share{ float: none; width: 100%; padding: 0; margin-bottom: 10px; }

.what{ float: none; width: 100%; padding: 0; }

.what_tit{ text-align: left; }

.vip{ padding-top: 10px; }

.foot_share a{ margin: 0 24px 0 0; }



.index_tit{ padding-top: 30px; }

.title_img{ display: none; }

.dytitle{ width: 100%; height: auto; }

.title_word{ position: static; text-align: center; height: auto; line-height: 36px; font-size: 20px; }

.use{ height: auto; line-height: 24px; font-size: 14px; }

.link_ul{ padding: 20px 0; margin: 0; }

.title{ width: 100%; text-align: center; height: auto; line-height: 30px }

.us_word{ padding: 20px 0 0 0; margin-bottom: 0; height: 154px;text-overflow: ellipsis;-webkit-line-clamp: 5;display: -webkit-box;-webkit-box-orient: vertical; }

.us_see{ margin: 20px auto }

.us{ height: auto; padding-bottom: 10px; background-size: cover; }

.test_inner{ top: 50%; margin-top: -37px; }

.test_word,.test_see{ display: none!important; }

.test_h3 { font-size: 18px; }

.test_add img{ width: 30px; height: 30px; }

.test_add{ padding: 0; line-height: 74px; }

.vice_ul{ padding: 20px 0 0 0; }



.vice_ul li{ width: 50%;}

.vice_img img{ width: auto; height: auto; max-width: 100% }

.vice_inner{ top: 0; padding: 0;    }

.vice_search{ display: none; }

.vice_h3{ font-size: 14px; position: absolute; top: 50%; margin-top: -42px; width: 100% }

.namic{ padding-top: 20px; }

.dynamic_ul{ margin: 0; }

.dynamic_ul li{ float: none; width: 100%; margin: 0 0 15px 0; height: auto; }

.dy_img img{ width: auto; height: auto; max-width: 100% }

.dy_img{ width: 100%; height: auto; }

.namic_div{ padding: 10px; }

.dy_tit{ display: block; height: 30px; line-height: 30px; font-size: 16px; }

.dy_time{ background-size: 6%; padding-left: 30px; height: 30px; line-height: 30px; }



.link_ul li{ width:50%; padding: 0 3px; box-sizing: border-box; margin: 0 0 15px 0; height: auto; border: none;   }

.link_ul li img{ width: auto; height: auto; max-width: 100% }

.link_ul li a{ border: 1px solid #e6e6e6; display: block; }

.site{ height: auto;padding-top: 10px; margin-bottom: 0px; background: none }

.site_ul li{ width: 33.3%; padding: 0 2px;  box-sizing: border-box; margin-bottom: 10px; }

.seat{ display: none; }

.site_ul li a:hover, .site_ul li a.for{ background:url(../images/sitebj.jpg) center bottom no-repeat  }

.site_ul li a{ width: 100%;  }

.about_word{ padding-bottom: 30px; }

.about{ background-size: cover; }

.about img{ width: auto; height: auto; max-width: 100% }

.a_banner{ position: relative; }

.sign_div{ padding-top: 0;  position: absolute;left: 50%; margin-left: -63px; bottom: 15px;}

/* .sign{position: absolute; height: 18px; line-height: 18px; font-size: 12px; width: 80px; left: 50%; margin-left: -40px; bottom: 15px;} */
.sign{ height: 18px; line-height: 18px; font-size: 12px;  display: block;text-align: center;margin:3px auto;}


.service img{ width: auto; height: auto !important; max-width: 100% }

.around{ display: none; }

.case_ul{ margin: 0; }

.case_ul li{ float: none; width: 100%; margin: 0 0 20px 0; }

.case_img{ width: 100%; height: auto; text-align: center; }

.case_pic img{ width: auto; height: auto; max-width: 100% }

.round_word{ padding: 10px; }

.round_tit{ height: 30px; line-height: 30px; font-size: 14px; }

.round_zi{ font-size: 12px; height: 40px; line-height: 20px; }

.about_word img{ width: auto; height: auto; max-width: 100% }

.news_dl{ margin-bottom: 20px; }

.news_dl dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 15px; }

.news_dl dt img{ width: auto; height: auto; max-width: 100% }

.news_dl dd{ float: none; width: 100%; height: auto; padding: 10px 10px 20px; }

.day{ display: none; }

.news_tit{ padding-top: 10px; height: auto; line-height: 24px; font-size: 16px; margin-bottom: 10px; }

.news_zi{ line-height: 24px; font-size: 14px; height: 72px; }

.news_see{ width: 100px;height: 30px; line-height: 30px; }

.news_ul li{ height: 45px; line-height: 45px; padding: 0 10px; margin-bottom: 10px; }

.news_left{ height: 45px; font-size: 14px; }

.news_right{ font-size: 12px; }

.news_word img{ width: auto; height: auto; max-width: 100% }

.piece{ padding: 20px 0; }

.piece a{ font-size: 12px; height: auto; line-height: 24px; }

.seat_h3{ font-size: 16px; height: auto; line-height: 24px; }

.cont{ margin-bottom: 30px; }

.cont_left{ float: none; width: 100%; height: auto; padding: 10px; background-size: cover; margin-bottom: 20px;}

.tact_tit{ padding: 0; height: auto; line-height: 26px; font-size: 16px; font-weight: bold; }

.tact_i{ font-size: 14px; height: 24px; line-height: 24px; }

.cont_right{ float: none; width: 100%; height: auto; background-size: cover; padding-bottom: 20px; }

.cont_mess{ padding: 15px 10px ; height: auto; line-height: 24px; }

.mess_form{ padding: 0 10px; }

.mess_txt{ width: 100%; margin-bottom: 10px; height: 30px; line-height: 30px; font-size: 14px; }

.mess_area{ width: 100%; margin-bottom: 10px; }

.mess_div{ width: 100%;margin-bottom: 10px; height: 30px; border-radius: 30px; }

.code_img{ height: 22px; top: 4px; }

.mess_sub{ width: 100% }





.testing_ul li{  float: none; width: 100%; margin-bottom: 10px; }

}







@media screen and (max-width:768px){





}

@media screen and (max-width:414px){

.a_banner{background-size:cover!important; height:170px!important;}

.s_banner{background-size:cover!important; height:244px!important;}





}

@media screen and (max-width:375px){

.a_banner{background-size:cover!important; height:155px!important;}

.s_banner{background-size:cover!important; height:220px!important;}

}



@media screen and (max-width:360px){

.a_banner{background-size:cover!important; height:150px!important;}

.s_banner{background-size:cover!important; height:205px!important;}

}

@media screen and (max-width:320px){





}





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

}