﻿
*{margin:0;padding:0;font-family: "微软雅黑";}
body{ max-width:640px; min-width:320px;}
.wrap{margin:0; padding:0}
.whp{ width:100%;}
img{ display:block;}
.whp img{ width:100%}
.formtj{ margin:0px auto; padding:0px}
.formtj li{ list-style-type:none}
/*.tabs, .tabs1, .tabs2{width: 100%;text-align: center;height: 100px;}
.tabs{position: relative;}
.tabs img{width: 70%;}
.tabs1 img{width: 70%;}
.tabs2 img{width: 80%;}
.tabs .active img{width: 70%;background: #d9ebf9;padding:0 18% 0 14%;}
.tabs1 .active img{width: 70%;background: #d9ebf9;padding:0 12% 0 11%;}
.tabs2 .active img{width: 80%;background: #d9ebf9;padding:0 12% 0 11%;}
.tabs .part, .tabs1 .part, .tabs2 .part{display:block;float:left;width:33%;color:#fff;text-align:center;height: 35px;}
.tabs a, .tabs1 a, .tabs2 a{width:70px;display:block;color:#fff;text-align:center;margin:0 auto;font-size:16px;text-decoration:none;padding-bottom: 2px;}
.tabs span.active a, .tabs1 span.active a, .tabs2 span.active a{color:#fff;border-bottom: 2px solid #fff;}
.swiper-container{width:100%;border-top:0;margin-top:15px!important;}
.swiper-slide{width:100%;background:none;color:#373737;}*/
p{text-align: center;}
.wrap h2{text-align: center;color: #00a5ff;font-size: 20px;line-height: 60px;}
.content-slide p{color: #03b3ff;font-size: 20px;letter-spacing: 2px;}
.content-slide{text-align: center;line-height: 30px;}
.content-slide label{text-align: center;}
.cir img{width: 26%;}
.cli{margin-top: 3px;}
.logo img{width: 100%;float: left;}
.sale{text-align: center;}
.sale img{width: 80%;margin-top: 15px;}
.ri{font-size: 12px;text-align: left;padding: 15px 0;}
.for{text-align: center;border: 1px #999 solid;width: 75%;margin: 20px auto;border-radius:5px;position: relative;padding-left:10px;}
.for2{text-align: center;position: relative;width: 75%;padding-left:42px;/*margin: 10px auto;*/}
.pic_cir{position: absolute;left: 15px;;top:6px;;}
.business{width:100%;line-height:40px;outline: none;-webkit-appearance: none;border: none;}
.business2{width:65%;line-height: 40px;outline: none;-webkit-appearance: none;;border: 1px #999 solid; float:left;padding-left:10px;}
.btn{text-align: center;}
.btn img{width: 80%;}
.history{color: #14599f;text-align: center;margin: 0 auto;border: 1px #14599f solid;padding: 5px 10px;width: 180px;font-size: 18px;margin-top: 30px;margin-bottom: 15px;}
.out{background: #ecf5fc;padding-top: 5px ;margin-top: 15px;padding-bottom: 1px;}
.develope{margin: 0 25px;}
.course{text-align: center;padding-top: 15px;position: relative;background: #ecf5fc;}

.praise{margin: 0 25px;padding-top: 10px;display: inline-block;background: #d7e9f8;}
.praise .left:nth-child(4), .praise .left:nth-child(5){margin: 0;}
.left{width: 49%;float: left;text-align: center;color: #0e96d9;padding: 20px 0;}
.left h2{font-size: 18px;line-height: 35px;}
.left p{font-size: 15px;line-height: 20px;}
.left img{width: 50%;}
.pic_all{margin: 0 25px;text-align: center;}
.pic_all img{width:100%;float: left;}
.corporate{background: #ecf5fc;display: inline-block;margin: 0 25px;padding-bottom: 15px;}
.contact{width: 50%;  float: left;background: #00aaff;position: fixed;left: 0;bottom: 0;z-index: 100;color: #fff;font-size: 16px;}
.contact_in img, .register img{width:50%;}
.contact_in a{color: #fff;text-decoration: none;line-height: 40px;}



@media screen and (min-width:768px) and (max-width:1028px){
    .ri{font-size: 13px;text-align: left;border: 1px red solid;padding: 15px 0;margin-top: 10px;}
    .cir img{width: 15%;}
    .number{margin-top: 40px;}
    .tabs, .tabs1, .tabs2{padding-bottom: 45px;}
    .cli{margin-top: 20px;}
}
@media screen and (min-width:375px) and (max-width:414px){
.swiper-wrapper{Max-height: 155px;overflow: hidden;}
 .swiper-container, .swiper-container1, .swiper-container2{height: 155px;}
}



.code
    {
            background:#09F;
			border:1px solid #999;
            font-family:Arial;
            font-style:italic;
             color:#fff5f2;
             font-size:110%;
             border:0;
             padding:2px 3px;
             letter-spacing:3px;
             font-weight:bolder;             
             float:left;            
             cursor:pointer;
             width:80px;
             height:40px;
             line-height:40px;
             text-align:center;
             vertical-align:middle;
			 border-radius:5px;
			 margin-left:5%

    }
.tj {
    border-radius: 5px;
    margin: 0 auto;
    margin-top:15px;
    margin-bottom: 15px;
    line-height:45px;
    text-align: center;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}
.xidi{width:100%; 
      position:fixed;
	  bottom:8px;
	  left:0px; 
	  color:#FFF; 
	  text-align:center; 
	  height:50px; 
	  line-height:50px; 
	  }
.xidi ul{
       width:90%;
	   height:50px;
	   margin:0 auto;
}

.xidi ul li{list-style:none;float:left;width:90%;height:50px;margin:0 5%; border-radius:25px;}
.xidi ul li a{
       color:#FFFFFF;
	   font-size:22px;
	   font-weight:bold;
	   text-decoration:none;
	   width:100%;
	   height:50px;
	   display:block;}	   
	   
.tb{
	width:1200px;
	margin:0 auto;
	height:80px;
	list-style: none;
	}   
.tb ul{
	font-size:16px;
	font-family: 微软雅黑, "Microsoft Yahei";
	}
.tb ul li{	
	float:left;
	list-style-type :none;
	text-align:center;}	
.li_bj{
    margin:20px 25px;
	width:80px;
	height:40px;
	line-height:40px;
	
	}
.li_bj:hover {
	border-radius: 32px;
    box-shadow: 2px 5px 10px rgba(0,136,253);
   
    background: #0088ff;
 
}
.tb ul li a{COLOR:#000;text-decoration:none;}			
.tb ul li a:hover{
	color:#FFF;
}
.xcy{
	line-height:30px;
	margin:10px 10px;
	font-size:22px;
	color:#09F;
	width:300px;
	font-weight:bold;
	}
.xcy ul{
	width:100%;
	}	
.xcy ul li{
	width:100%;
	}		
.main{
	width: 1000px;
    margin: 0 auto;}	
	
.main h2 {
    border-bottom: 1px solid #21ceba;
    font-size: 30px;
    padding: 0 5px 20px 0;
    margin: 75px 0 0;
    line-height: 1;
    float: left;
    position: relative;
    clear: right;
}	
.main p {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin-top: 34px;
	text-align:justify;
}
.bottom{
	width:1200px;
	height:50px;
	line-height:50px;
	border-top:#E8E8E8 1px;
	margin:auto 0;
	margin:30px 0 50px 0;
	
	}
.bottom ul li{
	float:left;
	font-size:11px;
	font-family:"微软雅黑";
	color: #909095;
	margin-left:10px;
	list-style:none;
	}	
.bottom ul li img{
	width:20px;
	height:20px;
	float:left;
	margin:15px 0;}	
.bottom ul li a {
    color: #909095;
}