html{
	color: #686868;
	min-width: 320px;
	font-size: 14px;
	font-family: "????????????";
	line-height: 1;	
	
}
body{
	line-height: 1 !important;
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	font-weight: 400;
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
  	    -ms-box-sizing: border-box;
   			box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
/*=============
 * ??????????????????
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; 
}

.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}
a{
	color: #878787;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #ea120f;
	text-decoration: none;
}

.box2{
	padding-top: 40px;
	background: #fff;
}

.container{
	max-width: 1100px;
	margin: 0 auto;
	padding:0 10px;
}

.box2 .container{
	padding-bottom: 70px;
}

.title1{
	text-align: center;
}
.title1 h2{
	font-size: 42px;
	font-weight: 200;
	color: #333;
	padding-bottom: 25px;
}
.title1 p{
	font-size: 18px;
}
.box2-txt{
	max-width: 980px;
	margin: 0 auto;
	font-size: 16px;
	color: #818181;
	line-height: 1.8;
	padding-top: 50px;
}
.pin-lx{
	max-width: 980px;
	margin: 0 auto;	
	padding-top: 40px;
}

.pin-lx li{
	float: left;
	width: 16.6666%;
	text-align: center;
	padding: 0 10px;
}
.pin-lx li img{
	display: block;
	margin: 0 auto;
}
.pin-lx li p{
	padding-top: 20px;
	font-size: 16px;
	color:#333;
}

.box3{
	background: #f6f6f6;
	padding-top: 75px;
}

.ping-gn{
	text-align: center;
	padding-top: 15px;
}
.ping-gn img{
	display: block;
	margin:0 auto;
}
.box4{
	background: url(img/box4.png) no-repeat center top;
	background-size: cover;
	padding: 80px 0 65px;
}

.box4 .title1{
	color: #fff;
}
.box4 .title1 h2{
	color: #fff;
}
.box4-ul{
	max-width: 1100px;
	margin: 60px auto 0;
}
.box4-ul li{
	float: left;
	width: 25%;
	padding: 0 25px;
}

.box4-li{
	background: #fff;
	min-height: 270px;
	border-radius: 10px;
	border: 5px rgba(255,255,255,.4) solid;
	background-clip: padding-box;
	padding: 10px;	
}
.box4-li h2{
	text-align: center;
	font-size: 18px;
	color:#333;
}
.box4-li p{
	color: #818181;
	font-size: 14px;
	padding-top: 15px;
	line-height: 24px;
}
.img-ico{
	text-align: center;
	height: 80px;
	padding-top: 20px;
}
a.box-abtn{
	display: block;
	margin: 40px auto 0;
	font-size: 20px;
	width: auto;
	height: 40px;
	text-align: center;
	line-height: 40px;
	width: 140px;
	border: 1px #fff solid;
	border-radius: 20px;
	color: #fff;	
}

.box5{
	background: #fff;
	padding-top: 60px;
}

.box5-ul{
	max-width: 400px;
	margin: 0 auto;
	padding-top: 40px;
}
.box5-ul li{
	float: left;
	width:25%;
	text-align: center;
}
.box5-ul li p{
	padding-top: 10px;
}
.box5-img{
	text-align: center;
	padding-top: 50px;
}
.box5-img img{
	display: block;
	margin: 0 auto;
}
.box6{
	background: url(img/box6.jpg) no-repeat center top;
	background-size: cover;
	padding: 65px 0 50px;
}
.box6 .title1{
	color: #fff;
}
.box6 .title1 p{
	line-height: 1.6;
}
.box6 .title1 h2{
	color: #fff;
}

.box6-lc li{
	float: left;
	width: 33.33333%;
	text-align: center;
}
.box6-lc{
	padding-top: 35px;
}

.box6-lc li p{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	padding-top: 25px;
}
.a-btn2{
	display: block;	
	margin:40px auto 0;
	background: #ffc106;
	width: 174px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	border-radius: 23px;
	color: #fff;
	font-size: 20px;	
}

.box7{
	padding-top: 70px;
	background-color:#f7f8f9
}

.box7-box{
	padding-top: 40px;
	padding-bottom: 15px;
}
.box7-list{
	width: 45%;
	padding-top: 100px;
}
.box7-img{
	width: 52%;
}

.box7-list li{
	float: left;
	width: 33.333%;
	text-align: center;
	padding-bottom: 35px;
}
.box7-list li p{
	padding-top: 8px;
	font-size: 16px;
}

.box8{
	background: url(img/box8.jpg) center bottom no-repeat;
	background-size: cover;
	padding: 80px 0 100px;
}

.a-btn3{
	display: block;
	width: 174px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 23px;
    color: #fff;
    font-size: 20px;
    margin: 40px auto 0;
    border: 1px #f04b4b solid;
    color: #f04b4b;
}

.bj-list{
	padding-top: 60px;
}
.bj-list li{
	float: left;
	width: 25%;
	
}
.bj-box{
	background: #fff;
	margin:0 15px;
	border-radius: 20px;	
	min-height: 290px;
	overflow: hidden;
}

.bj-tbox{
	min-height: 170px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}
.bj-tbox h2{
	font-size: 24px;
	line-height: 70px;
	height: 70px;
	border-bottom: 1px rgba(255,255,255,.4) solid;
}
.bj-tbox h3{
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
}

.bg1{
	background: #3c91ec;
}
.bg2{
	background: #71cb45;
}
.bg3{
	background: #ffc80b;
}
.bg4{
	background: #f04b4b;
}
.bj-txt1{
	text-align: center;
}

.bj-txt1 h5{
	font-size: 30px;
	padding: 0;
	margin: 0;
}
.bj-txt1 span{
	color: #333333;
	font-size: 18px;
	font-weight: 400;
}
.bj-colo1 h4{
	color: #f56157;
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	padding-top: 20px;
	padding-bottom: 15px;
}
.bj-colo2 h5 span{
	display: block;
	padding-top: 5px;
}
.bj-colo2 h5{
	padding-top: 30px;
	color: #71cb45;
}

.bj-colo1 h5{
	color: #3c91ec;
	padding-top: 30px;
}
.bj-colo1 h5 span{
	display: block;
	padding-top: 5px;
}
.bj-colo3 h5 span{
	display: block;
	padding-top: 5px;
}
.bj-colo3 h5{
	padding-top: 30px;
	color: #ffc80b;
}
.bj-colo4 h5 span{
	display: block;
	padding-top: 5px;
}
.bj-colo4 h5{
	padding-top: 30px;
	color: #f04b4b;
}
.box9{
	padding:70px 0;
}

.box9-list{
	padding-top: 50px;
}
.box9-list li{
	float: left;
	width: 16.666%;
	text-align: center;
	padding: 0 15px;
}

.m{
	display: none;
}

.box4-ul li:hover .box4-li,.bj-list li:hover .bj-box{
	margin-top:-20px;
-moz-transition: all .4s;	/* Firefox 4 */
-webkit-transition: all .4s;	/* Safari ??? Chrome */
-o-transition: all .4s;
transition: all .4s;
box-shadow: 0 0 8px rgba(0,0,0,.2);
}


.title1 span{
	display: block;
}

.box1{
	background: url(img/box1.jpg) center bottom no-repeat;
	background-size: cover;
}
.box1t{
	padding-top: 140px;
	text-align: center;
}
.box1b{
	text-align: center;
	padding-top: 70px;
}




@media only screen and (max-width:768px) {
	.box4-ul li:hover .box4-li,.bj-list li:hover .bj-box{
	margin-top:0;
-moz-transition: all .4s;	/* Firefox 4 */
-webkit-transition: all .4s;	/* Safari ??? Chrome */
-o-transition: all .4s;
transition: all .4s;
box-shadow: 0 0 8px rgba(0,0,0,.2);
}

	
	
.box1t{
	padding-top: 80px;
	text-align: center;
}
.box1b{
	text-align: center;
	padding-top: 40px;
}
	.title1 h2{
		font-size: 32px;
		padding-bottom: 15px;
	}
	.box2-txt{
		padding-top: 10px;
	}
	.box2 .container{
		padding-bottom: 40px;
	}
	.box3{
		padding-top: 40px;
	}
	.box4{
		padding: 40px 0;
	}
	.title1 p{
		line-height: 1.6;
	}
	.box4-ul li{
		padding: 0 30px;
		width: 50%;
		margin-bottom: 15px;
	}
	.box4-ul{
		margin-top: 30px;
	}
	.box4-li{
		padding: 15px;
		min-height: 230px;
	}
	.box5{
		padding-top: 40px;
	}
	.box6{
		padding:50px 0;
	}
	.box6-lc li{
		padding: 0 20px;
	}
	.box6-lc li p{
		font-size: 16px;
		padding-top: 15px;
	}
	.box7{
		padding-top: 50px;
	}
	.box8{
		padding: 50px 0;
	}
	.bj-list li{
		width: 50%;
		margin-bottom: 20px;
	}
	.box9{
		padding: 50px 0;
	}
}

.m-img{
	display: none !important;
}


.foot-tj1 dd{
	float: left;
}
.foot-tj1{
	float: left !important;
}

.rmw-img{
	float: left;
	position: relative;
}
.rmw-img img{
	width: 80px;
	height: auto;
	float: left;
}
.rmw-img p{
	float: left;
	padding-left: 10px;
	text-align: center;
	padding-top: 15px;
}
.beijing1{
	padding: 0 !important;
}


@media only screen and (max-width:800px ) {
	.rmw-img{
		display: none !important;
	}
	.beijing1{
	padding: 10px 0 !important;
}
}







@media only screen and (max-width:580px ) {
	.box1t{
	padding-top: 40px;
	text-align: center;
}
.box1b{
	text-align: center;
	padding-top: 20px;
}
	
	.pc-img{
		display: none !important;
	}
	.m-img{
		display: block !important;
	}
	.pc{
		display: none !important;
	}
	.m{
		display: block;
	}
	.title1 h2{
		font-size: 20px;
	}
	.box2-txt{
		font-size: 16px;
	}
	.pin-lx{
		padding-top: 20px;
	}
	.pin-lx li{
		width: 33.333%;
		margin-bottom: 15px;
	}
	.title1 p{
		font-size: 16px;
	}
	.box4-ul li{
			width: 100%;
			padding: 0 10px;
		}
	.box6-lc li p{
		line-height: 1.6;
	}
	.box6-lc li{
		width: 100%;
	}
	.box7-img{
		float: right;
		width: 100%;
	}
	.box7-list{
		width: 100%;
		float: left;
		padding-top: 20px;
	}	
	.bj-list{
		padding-top: 20px;
	}
	.bj-list li{
		width: 100%;
	}
	.a-btn3{
		margin-top: 30px;
	}
	.box9-list li{
		width: 33.3333%;
		margin-bottom: 15px;
	}
	.title1 span{
		display: inline;
		padding-left: 10px;
	}
}