body{
   margin:0px;padding:0px;
}
h2,h3,p,ul{
  margin:0px;padding:0px;
}
ul li{
  list-style-type: none;
}
.header::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.head_top{
   width:1200px;margin: 0 auto;
}
.head_top::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.logo{
   float: left;width: 310px;
}
.clear{clear:both;}
a {
    color: #535353;
    text-decoration: none;
    outline: none;
}
.search_top{
  float: left;width: 490px;margin-left: 60px;position: relative;margin-top: 32px
}
.d_search{
   width: 220px;height: 36px;padding-left: 50px;border: 2px solid #eaeaea;border-radius:6px; 
}
.search_btn{
   position: absolute;right: 108px;  bottom: -13px;cursor:pointer;

}
.search_img .img{
   position: absolute;top: 4px;left: 10px;
}
.contact{
float: right;width: 320px;
}

.top_nav_big {
    width: 100%;
    height: 55px;
    overflow: visible;
	
}
.top_nav_big {
	background: -prefix-linear-gradient(left, #00ccff, #0033ff); 
	background: -webkit-linear-gradient(right, #00ccff,  #0033ff); /* Safari 5.1 - 6.0  409fff */
    background: -o-linear-gradient(right, #00ccff,  #0033ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #00ccff,  #0033ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #00ccff,  #0033ff);
}
/* 旧语法，带前缀并且已经废弃，以支持老版本的浏览器 */

.color-header{
           position:fixed;
            top:0;
            left:0;
           z-index:999;
        }
/* 新语法，不带前缀，以支持标准兼容的浏览器（Opera 12.1， IE 10， Firefox 16， Chrome 26， Safari 6.1） */


.top_nav {
    width: 1200px;
    height: 55px;
    margin: 0 auto;
}
.top_nav ul {
    width: 1200px;
    margin: 0 auto;
    height: 55px;
	position:absolute;
}
.top_nav ul li {
	height:100%;
	display:inline-block;
    float: left;
    padding: 0 55px;
    
}
.top_nav ul li:hover {
     background: #2290ff;
}

.top_nav ul li:hover .more_content{
	display:block;
}

.top_nav ul li a {
	display:inline-block;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 700;
	line-height: 30px;
}
.top_tag {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: 700;
	text-align:center;
	line-height: 20px;
}
.more_icon{
	position:relative;
	float:left;
	width: 28px;
	height:28px;
	background: url(../images/index/more.png) no-repeat;
	display:inline-block;
	
}

.more_content{
	position: relative;
	top:54px;
    display: none;
    height: auto;
    background: #409fff;
	padding:0 !important;
	z-index:900;
}

.more_content a:hover{
	background: #2290ff;
}

.more_content a{
	clear:both;
	display:block;
	padding:10px;
	background: #409fff;
	text-align:center;
	font-size: 15px !important;
    color: #FFFFFF;
	border-top: 4px solid #83c1ff;
    font-weight: 700;
}

.head_nav{
   width: 100%;
   background: -webkit-linear-gradient(to right, #3ab2ff,#3a7eff);
   background: -o-linear-gradient(to right, #3ab2ff,#3a7eff);
   background: -moz-linear-gradient(to right, #3ab2ff,#3a7eff);
   background: linear-gradient(to right,#3ab2ff,#3a7eff); 
	 
}
.head_box{
   margin: 0 auto;width: 1660px;
}
.head_box::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.nav_list{
   float: left;
}
.car_list{
   display: none;
}
.nav_link{
   display: block;height: 55px;
}
.banner{
   background: url(../images/index/08.jpg) 100% 100% no-repeat;
   height: 560px;background-position: center;background-size: cover;padding-top: 160px;

}
.banner_txt{
   color: #0d59ea;font-size: 60px;padding: 10px 30px;margin: 0 auto;width: 460px;font-weight: 700;text-align: center;
   letter-spacing: 2px;
}
.banner_1{
	background-color: #3a7eff;
	background: -webkit-linear-gradient(#3a7eff,#3a7eff);
	background: -o-linear-gradient(#3ab2ff,#3a7eff);
	background: -moz-linear-gradient(#3ab2ff,#3a7eff);
	background: linear-gradient(#3ab2ff,#3a7eff); 
	width: 500px; font-size: 50px;color: #fff;line-height: 70px;
	border-radius: 35px;margin: 0 auto;text-align: center;
	margin-top: 40px;
}
.banner_text{
  width: 500px;border: 6px solid #3a7eff;
  background-color: rgba(255,255,255,0.5);
  text-align: center;
  font-size: 46px;color: #3a7eff;
  margin: 0 auto;margin-top: 10px;line-height: 66px;
  border-radius: 35px;
}
.banner_2{
   width: 230px;margin: 0 auto;
}
.banner_2 a{
   display: block;margin-top: 120px;
}
.introduce_box{
   width: 1000px;margin: 0 auto;
}
.photo_box{
   width: 1000px;margin: 0 auto;margin-bottom: 20px;
}
.photo_box img{
   width: 1000px;
}
.produce_box,.car_product{
   width:1120px;margin: 0 auto;
}
.car_product{
   margin-top: 30px;
}
.car_product::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.produce_box::after{
	visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.p_list{
   float: left;width: 260px;margin:0 10px;
}
.P_img{
   width: 100%;  height: 220px;
}
.P_img img{
	width: 100%;  height: 220px;
} 
.p_txt{
   text-align: center;background-color: #0d59ea;color: #fff;font-size: 18px;
   height: 30px;line-height: 30px;
}
.boss_box{
   width:1200px;margin: 0 auto;
}
.box_left{
	width: 480px;float: left;margin-right: 20px;
}
.box_right{
	width: 700px;float: right;background-color: #f2f2f2;padding-bottom:50px; 
}
.boss::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.left_txt{
   color: #666;background-color: #f2f2f2;text-align: center;font-size: 20px;font: 20px "微软雅黑","宋体",Arial,HELVETICA;
   padding: 32px 32px 14px 32px;
}
.left_txt p{
   line-height: 32px;
}
.left_txt h2{
   margin-bottom: 20px;color: #0d59ea;font-size: 26px;
}
.depot h2{
	 color: #0d59ea;font-size: 30px;padding-top: 10px;text-align: center;line-height:40px;margin-bottom: 20px;
}
.depot .details{
   font-size: 20px;padding: 0 30px 50px 30px;line-height: 32px;
}
.depot .subbtn{
  margin: 0 auto;width: 230px;margin-top: 60px;
}
.img_box{
  width: 680px;margin: 0 auto;
}
.img_box img{
	width: 220px;height:192px;
}
.boss{
   margin-top: 50px;
}


.exit{
	background-color: #0d59ea;padding: 60px 0px;margin-top:20px;
}
.exit_box{
   width:1200px ;margin: 0 auto;
}
.exit_box::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.exit_list{
   float: left;width: 380px;
}
.exit_list img{
	width:380px;height:450px;
}
.brand{
   padding: 35px 0px;
}
.brand_box{
   width:1200px ;margin: 0 auto;
}

.brand_box::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.brand_list{
   width: 290px;
   float: left;margin-right: 10px;
}
.brand_list img{width:290px;height:210px}
.brand_txt{
   width: 960px;margin: 0 auto;margin-top: 30px;
}
.brand_txt img{
   width: 100%;
}
.score{
   padding: 0px 0px; 
}
.score_box{
   width: 1100px;margin: 0 auto;
}
.score_title{
   width: 254px;margin: 0 auto;
}
.score_title img{width: 200px;}


.score_icon{display:inline-block;width:300px; height:30px;float:left;margin-left:50px;}
.list_lh li .a_name{color:#147fd8;font-weight:700;font-size:26px;line-height:80px;height:80px;margin:0 50px;}
.list_lh li p em{ width:80px; font:normal 24px/80px Arial; color:black; float:right; display:inline-block;margin-right:300px;}
.list_lh li p img{ color:#999; float:right;margin:25px 180px ;width:160px;height:30px;text-align: center;}
.list_lh{ height:435px; overflow:hidden;background:	#F5F5F5;}
.list_lh li{margin:0px auto;}
.botton_line{width:1200px;height:5px;background:#C0C0C0;}
/* .list_lh li.lieven{ background:#F0F2F3;} */
.list_lh li .a_cont{height:60px;margin:0 50px;}
.list_lh li .a_cont a{color:#666;font-size:14px;font-weight:700;line-height:22px;}
.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}

.footer{
   margin-top: 30px;background-color: #00375c;color: #fff;padding-bottom: 60px;
}
.footer_box{
   width: 1400px;margin: 0 auto;
   padding: 30px 0px;
}
.footer_box .top a{
  color: #fff;text-decoration:none;
}
.footer_box .top ul{
   height: 30px;line-height: 30px;
}
.footer_box .middle a{
  color: #fff;text-decoration:none;
}
.footer_box .middle a:hover{
  color: #DDD;
}
.footer_box .top a:hover{
  color: #DDD;
}
.footer_box .top li{
   float: left;width: 114px;text-align: left;font-size: 16px;
}
.footer_box .middle ul{
   height: 46px;line-height: 46px;margin-left: 114px;
}
.footer_box .middle li{
   float: left;width: 114px;text-align: left;font-size: 16px;
}
.footer_box .sub .text{
	   width: 600px;float: left;height: 46px;line-height: 46px;
}

.footer .sub::after{
   visibility: visible;display: block;clear: both;content: '';height: 0px;
}
.yello{
	width: 300px;float:left;height: 46px;line-height: 46px;color: #ff9800;
}


.cooperate_title{
           width: 1200px;margin: 0 auto;margin-top: 100px;
       }
       .cooperate_content{
           width: 1200px;margin: 0 auto;
       }
       .cooperate_list::after{
           visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .cooperate_list .list{
           width:171px ;float: left;
       }
	   .cooperate_list .list img{width:171px ;}
       .cooperate_list_b{
           margin-top: 30px;
       }
       .cooperate_list_b::after{
            visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .cooperate_list_b .list{
            width:171px ;float: left;
       }
	   .cooperate_list_b .list img{width:171px ;}
       .new_content{width: 1170px;margin: 0 auto;margin-top: 40px;}
       .new_title{
            width: 256px;margin: 0 auto;margin-bottom: 30px;
       }
       .new_details::after{
           visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .new_left,.new_middle,.new_right{
           float: left;
       }
       .new_left,.new_middle{
           width: 365px;margin-right: 15px;
       }
       .new_right{
          width: 410px;
       }
       .new_left .left_title::after{visibility: hidden;display: block;clear: both;content: '';height: 0px;}
       .left_title .more{
           float: right;width: 62px;font-size: 14px;
       } 
       .left_title .more a{
           color: #a29696;
       } 
       .left_title h3{
           width: 100px; color: #FFC107;  font-size: 20px;    float: left;line-height: 36px;border-bottom:1px solid #FFC107;
       }
       .left_title{
           height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;
       }
       #new_left li a{
           color: #656262;font-size: 14px;width: 290px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;display:block;
           float: left;
       }
       #new_left li{
           height: 36px; line-height: 36px;border-bottom: 1px dotted #ccc;
       }
       .left_content .img{
           margin: 12px 0px
       }
       #new_left li .time{
           display: block;width: 72px;font-size:14px;color: #656262; float: right;
       }
       #new_right li .time{
           display: block;width: 72px;font-size:14px;color: #656262; float: right;
       }
       .new_middle  .middle _title::after{visibility: hidden;display: block;clear: both;content: '';height: 0px;}
       .middle_title .more{
           float: right;width: 62px;font-size: 14px;
       } 
       .middle_title .more a{
           color: #a29696;
       } 
       .middle_title h3{
           width: 100px; color: #FFC107;  font-size: 20px;    float: left;line-height: 36px;border-bottom:1px solid #FFC107;
       }
       .middle_title{
           height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;
       }
       #new_middle li a{
          color: #656262;font-size: 14px;width: 290px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;display:block;
           float: left;
       }
       #new_middle li{
           height: 36px; line-height: 36px;border-bottom: 1px dotted #ccc;
       }
       #new_middle li:last-of-type{
          border-bottom:none;
       }
       #new_left li:last-of-type{
          border-bottom:none;
       }
       .middle_content .img{
           margin: 12px 0px
       }
 
       
       .new_right  .right_title::after{visibility: hidden;display: block;clear: both;content: '';height: 0px;}
       .right_title .more{
           float: right;width: 62px;font-size: 14px;
       } 
       .right_title .more a{
           color: #a29696;
       } 
       .right_title h3{
           width: 120px; color: #FFC107;  font-size: 18px;    float: left;line-height: 36px;border-bottom:1px solid #FFC107;
       }
       .right_title{
           height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;
       }


       .Q{
           background-color: #FFC107;  margin-right: 10px; padding: 2px 6px;color: #fff;
       }
       .A{
          background-color: #aaa;   margin-right: 10px;color: #fff; padding: 2px 7px;
       }
       .quiz{
           height: 36px; line-height: 36px;
       }
       .quiz p{
           color: #656262;font-size: 16px;overflow: hidden;
           white-space: nowrap; text-overflow: ellipsis;
   
       }
       .answer p{
           color: #656262;font-size: 16px;overflow: hidden;
           white-space: nowrap; text-overflow: ellipsis;
       }
       .right_list{
           padding: 20px 0px;border-bottom: 1px dotted #ccc;
       }
       .right_list:last-of-type{
           border-bottom:none;
       }
       .logistics{
          width:100%; height: 560px;background:#857f7f;
       }
       .logistics_box{
           width: 960px;margin: 0 auto;
       }
       .logistics_box::after{
            visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .logistics_right{
           width: 400px;float:right;margin-top: 40px;
       }
       .logistics_left{
           width: 360px;float: left; margin-top: 100px;
       }
       .logistics_left h3{
           color: #fff;font-size: 32px;margin-bottom:10px;
       }
       .logistics_left p{
            color: #03A9F4;font-size: 32px;
       }
       .item,.tenet,.standard{
        width: 320px;
        line-height: 50px;
        height: 50px;
        color: #fff;
        font-size: 24px;
        letter-spacing: 3px;
        border: 1px solid #fff;
         text-align: center;cursor: pointer;
       }
       .tenet{
           margin: 20px 0px;
       }
       .item{
          margin-top: 20px;
       }
       .item:hover{
           background-color: #3ab2ff;    border: 1px solid #3ab2ff;
       }
       .tenet:hover{
           background-color: #3ab2ff;    border: 1px solid #3ab2ff;
       }
       .standard:hover{
           background-color: #3ab2ff;    border: 1px solid #3ab2ff;
       }
       .item_txt,.tenet_txt,.standard_txt{
         width: 320px;
         color: #fff;
         line-height: 30px;
         margin-left: 32px;
         padding: 23px;
         border: 1px solid #fff;
         position: absolute;left: 0px;top: 0px;
       }
       .pc_txt{
           position: relative;
       }
       .tenet_txt,.standard_txt{
           display: none;
       }
       .active{
           background-color: #3ab2ff;border: 1px solid #3ab2ff;
       }
       .inquiry{
           margin: 30px auto;width: 242px;
       }
       .check_box{
         margin: 0 auto;width:960px;padding: 20px 0;
       }
       .check_box::after{
           visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .check_right{
          width: 480px;float: right;margin-top:50px;
       }
       .check_left{
           width: 460px;overflow: hidden;float: left;    margin-top: 50px;
       }
       .scroll_box{
           width: 960px;position: relative;left: 0px;
       }
       .scroll_box::after{
           visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .scroll_1,.scroll_2{
           float: left;width: 460px;
       }
       .scroll_1 p{
         height: 50px;
         font-size: 12px;
         color: #585858;
         border: 4px solid #ccc;
         line-height: 50px;margin-bottom: 10px;
       }
       .scroll_2 p{
         height: 50px;
         font-size: 12px;
         color: #585858;
         border: 4px solid #ccc;
         line-height: 50px;
		 margin-bottom: 10px;
       }
       .scroll_1 p span{
        color: #2196F3;
        font-size: 30px;
        vertical-align: middle;
         margin: 0 10px;
         font-weight:700;
       }
       .scroll_2 p span{
        color: #2196F3;
        font-size: 30px;
        vertical-align: middle;
         margin: 0 10px;
         font-weight:700;
       }
       .dot p{
         width: 12px;
         border-radius: 6px;
         background-color: #6fafe3;
          height: 12px;float: left;
       }
       .dot{
           width: 40px;margin: 0 auto;text-align: center;margin-top: 20px;
       }
       .dot::after{
          visibility: hidden;display: block;clear: both;content: '';height: 0px;
       }
       .dot_on{
          background-color: #126eb8!important;
       }
       .show{
           display: block;
       }
	   .page_content{width:960;}
	   .content_title{width:960;text-align:center;}
	   .content_title img{margin: 0 auto; width:600px;}
	   .content_text img{width:350px;height:300px;}
	   .content_text{float:left;}
	   .content_text div{display:inline-block;}
	   .content_text table{margin-left:30px;margin-top:30px;border:3px solid #ccc;width:400px;vertical-align: middle;text-align:center;}
	   .content_text table tr th{border-bottom:2px solid #ccc;}
	   .content_text table td{width:100px;}
	   .content_text .inquiry{width:400px;margin-left:30px;text-align:center;}
	   
	   
	   
	   
	    .core{
           margin-top: 40px;margin-bottom:40px;
       }
       .core_title{
           width: 400px;margin: 0 auto;
        }
		 .core_title img{width:100%;}
       .core_box{
           width: 1120px;margin: 0 auto;
       }
       .core_top::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .core_top,.core_middle{
           margin-bottom: 10px;
       }
	   .core_top img,.core_middle img,.core_sub img{
		   width:220px;height:60px;
	   }
       .core_middle::after{
          height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .core_sub::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }    
       /*.banner_box{
           width: 1200px;margin: 0 auto;
       } 
       .banner_box::after{
            height: 0px;content:'';clear: both;visibility: hidden;display: block;
       } */
       .advantage_right{
            width: 360px;background-color:rgba(17,60,156,0.6);padding: 30px 0px;
			position:absolute;top:20%;right:6%
          
       }
       .advantage_right h3{
           width: 285px;margin: 0 auto;
       }
       .submit{
           width: 271px;margin: 0 auto;margin-top: 50px;
       }
       .name,.email,.mobile{
           margin: 36px auto;width: 320px;
       }
       .name span{
          font-size: 16px;color: #fff;
       }
       .email span{
          font-size: 16px;color: #fff;
       }
       .mobile span{
          font-size: 16px;color: #fff;
       }
       #name,#mobile,#email{
          height: 20px;width: 220px; background-color: #cfe1e6;  border: none;
          position: relative;top: -2px;margin-left: 10px;
       }
       .transport_box{
           width: 1200px;margin: 0 auto;
       }
       .transport_content::after{
            height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .transport_list{
           width: 380px;float: left;
       }
       .transport_img img{
           width: 360px;
       }
       .transport_title{
           width: 600px;margin: 40px auto;
       }
	   .transport_title img{width:100%;}
       .transport_case{
           width: 400px;margin: 0 auto;margin-top: 40px;padding-bottom: 50px;
       }
       .fit_title{
           width: 600px;margin: 0 auto;margin-bottom: 30px;
       }
	   .fit_title img{width: 100%;}
       .fit_list::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .fit_top,.fit_sub{
           background-color: #f2f2f2;
       }
       .fit_list{
            width: 1000px;margin: 0 auto;
       }
	   .fit_list img{width:100%;}
       .fit_left{
           float: left;width: 480px;
       }
       .fit_right{
           float: right;width: 480px;
       }
       .procedure_box{
           width: 750px;margin: 0 auto;position: relative;height: 730px;
       }
	   .procedure_box img{width:70px;height:70px;}
	   .procedure_tex{text-align:center;color:#090909;font-weight:500;} 
       .procedure_title{
           width: 800px;margin: 0 auto;margin-bottom: 60px;
       }
       .procedure_title img{
           width: 100%;
       }
       .main_txt h4{width: 200px;font-weight:600px;color:#090909;font-size: 18px;margin: 0px}
	   #main_txt_1{display:block;}
       .main_txt{
           width: 450px;margin: 0 auto;position: relative;left: 14px;top:237px;display:none;
       }
       .main_txt p{
           margin-top:5px;font-size: 13px;line-height: 15px; 
       }
       
	  
	   
       .txt_1{font-weight: 600;font-size: 16px;width: 150px;position: absolute;left:-40px;bottom:220px;}
       .txt_2{font-weight: 600;font-size: 16px;width: 150px;position: absolute;left:-30px;top:220px;}
       .txt_3{font-weight: 600;font-size: 16px;width: 150px;position: absolute;left: 110px;top: 35px;}
       .txt_4{font-weight: 600;font-size: 16px;width: 150px;position: absolute;right:110px;top: 35px;}
       .txt_5{font-weight: 600;font-size: 16px;width: 150px;position: absolute; right:-30px;top: 220px;}
       .txt_6{font-weight: 600;font-size: 16px;width: 150px;position: absolute;right:-30px; bottom: 220px;}
       .txt_7{font-weight: 600;font-size: 16px;width: 150px;position: absolute;right:140px;bottom: 40px;}
       .txt_8{font-weight: 600;font-size: 16px;width: 150px;position: absolute;  bottom:-35px;left: 300px;}
       .txt_9{font-weight: 600;font-size: 16px;width: 150px;position: absolute;    bottom: 53px;left: 63px;}
	   
	   .procedure_icon{position: absolute;cursor:pointer;}
	   .procedure_icon img{width:87px;height:auto;}
	   #procedure_icon_1{left:35px;bottom:264px;}
	   #procedure_icon_2{left:76px;bottom:469px;}
	   #procedure_icon_3{left:224px;bottom:614px;}
	   #procedure_icon_4{left:443px;bottom:613px;}
	   #procedure_icon_5{left:592px;bottom:467px;}
	   #procedure_icon_6{left:632px;bottom:263px;}
	   #procedure_icon_7{left:528px;bottom:84px;}
	   #procedure_icon_8{left:335px;bottom:12px;}
	   #procedure_icon_9{left:139px;bottom:86px;}
	   
	   
	   
	   
	   
	   .device_exit{margin-top:20px;}
	   .exit_left{
           width:450px;margin: 0 auto;
       }
       .exit_detail{
           width: 960px;margin: 10px auto;
       }
       .exit_detail::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .exit_title{
           width: 500px;margin: 0 auto;
       }
	   .exit_title img{
           width: 100%;margin: 0 auto;
       }
       .exit_left{
           width: 350px;float: left;
       }
       .exit_left img{
        width: 100%;
       }
       .exit_right{
          width: 580px;float: left;padding-left: 30px;
       }
       .exit_right h3{
           font-size: 20px;font-weight: 600;color: #0d0d0d;line-height: 30px;margin-bottom: 12px;
       }
       .exit_right p{
           font-size: 16px;font-weight: 400;color: #666;line-height: 28px;margin-bottom: 10px;
       }
       .exit_img{
           padding-top: 20px;border-top: 2px solid #ddd;
       }
	   .exit_img img{max-width:40%;max-height:100%}
       .service_title{
           width: 500px;margin: 0 auto;
       }
	   .service_title img{width:100%;} 
	   .service_img{width:150px;margin:0 auto;}
	   .service_img img{width:100%;}
	   
       .service{
           margin-top: 80px;
       }
       .service_box{
           width: 900px;margin: 0 auto;
       }
       .service_content::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
	   
       .service_list{
           float: left;width:300px;
       }
       .service_txt{
           margin-top: 30px;
       }
       .service_txt h3{
           font-size: 20px;  line-height: 42px;   margin-left: 60px;font-weight: 800;
       }
       .service_txt h4{
          font-size: 16px;margin: 0px;line-height: 28px;font-weight: 300;    margin-left: 60px;
  
       }
       .link_btn{
           width: 272px;margin: 0 auto;margin-top: 60px;
       }
     
       .case_box{
           width: 960px;margin: 0 auto;
       }
       .case_title{
           width: 292px;margin: 0 auto;margin-bottom: 30px;
       }
	   .case_title img{width:100%;}
       .case_list::after{
           height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .case_list{
           padding-bottom: 20px;border-bottom: 2px solid #aaa;margin-bottom: 20px;
       }
       .case_left{
           float: left;width: 350px;
       }
	   .case_left img{width:100%;}
       .case_right{
           float:right;width: 540px;padding:0 20px;
       }
       .case_right h3{
        font-size: 26px;  color: #666;line-height: 30px;margin-bottom: 20px;font-weight: 500;
       }
       .case_right p{
        font-size: 16px; color: #666;font-weight: 300;line-height: 28px;
       }
       .advan_title{
           width: 600px;margin: 0 auto;
       }
	    .advan_title img{width:100%;}
       .adva{
           margin: 60px 0px;
       }
       .advan_box{
           width: 960px;margin: 0 auto;
       }
       .advan_content::after{
            height: 0px;content:'';clear: both;visibility: hidden;display: block;
       }
       .advan_left{
           float: left;width: 400px;
       }
	   .advan_left div{width:100%;height:50px;margin-bottom:15px;}
	   .advan_left span{display:inline-block;text-align:center;line-height:50px;height:100%}
	   .advan_left .advan_cont_left{width:100px;color:#fff;}
	   .advan_left .deep{background:#00008B;}
	   .advan_left .shallow{background:#436EEE;}
	   .advan_left .advan_cont_right{background:#E8E8E8;width:300px;color:#666;}
	   .advan_left{font-size:14px;}
       .advan_right{
            width: 500px;float:right;background-color: #999a9a;padding: 20px 0px;
       }
       .advan_right h3{
           width: 316px;margin: 0 auto;
       }
       .advan_submit{
           width: 271px;margin: 0 auto;margin-top: 50px;
       }
       .advan_name,.advan_email,.advan_mobile{
           margin: 20px auto;width: 360px;
       }
       .advan_name span{
          font-size: 20px;color: #fff;
       }
       .advan_email span{
          font-size: 20px;color: #fff;
       }
       .advan_mobile span{
          font-size: 20px;color: #fff;
       }
       #advan_name,#advan_mobile,#advan_email{
          height: 30px;width: 260px; background-color: #cfe1e6;  border: none;
          position: relative;top: -2px;margin-left: 10px;
       }
	   
	   

	   


.reservation-lesson-bar {
	height: 50px;
	line-height: 50px;
	background-color: #3e3e3e;
	position: relative;
	margin-bottom: -84px;
}
.reservation-lesson-bar.fixed {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	transition: all 0.3s;
	z-index: 999;
	transform: translate(0px, 150px);
	margin-bottom: 0px;
}
.reservation-lesson-bar.fixed.show {
	transition: all 0.3s;
	transform: translate(0px, 0px);
}


.reservation-lesson-bar .to-top {
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	transition: all 0.3s;
	opacity: 0;
	visibility: hidden;
}

.reservation-lesson-bar .to-top.active {
	opacity: 1;
	visibility: visible;
}

.container {
	width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

.reservation-lesson-bar .reservation-box {
	position: relative;
	overflow: inherit;
	font-size: 0px;
	display: block;
}

.reservation-lesson-bar .reservation-box .reservation-left-box {
	position: relative;
	float: left;
	width: 350px;
	font-size: 0.75rem;
}

.reservation-lesson-bar .reservation-box .reservation-right-sub {
	flex: 0 0 auto;
	height: 50px;
	font-size: 0.75rem;
	padding: 5px 0;
	box-sizing: border-box;
}


.reservation-lesson-bar .reservation-box .reservation-right-sub form {
	width: 100%;
	height: 100%;
	font-size: 0px;
	display: flex;
	align-items: center;
}
.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-tip {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	flex: 0 0 270px;
	text-align: left;
	text-indent: 20px;
}


.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-input {
	width: 154px;
	height: 40px;
	color: #666;
	border-radius: 4px;
	border: none;
	outline: none;
	box-sizing: border-box;
	text-indent: 5px;
	font-size: 16px;
	margin-left: 10px;
	padding: 0;
	vertical-align: top;
}
.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-sub {
	width: 154px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	border: none;
	outline: none;
	background: #FB3449;
	font-size: 16px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	cursor: pointer;
	transition: all 0.3s;
}

.reservation-lesson-bar .reservation-box .reservation-right-sub form .reservation-tip span {color: #fb3449;}
.reservation-lesson-bar .reservation-box .reservation-left-box .reservation-left-user {position: absolute;top: -96px;}