.xsection1{
    background: url(/skin/images/td_bg.jpg) no-repeat center;
    padding-top: 110px;
    box-sizing: border-box;
    overflow: hidden;
	height:743px;
}
.xsection1_t{
	display: block;
    font-size: 48px;
    color: #333333;
    line-height: 48px;
	font-weight:bold;
	text-align: center;
    margin-bottom: 20px;
}
.xsection2_t{
	display: block;
    font-size: 43px;
    color: #fff;
    line-height: 48px;
	font-weight:bold;
	text-align: center;
    margin-bottom: 30px;
}
.xsection2_p{
	display: block;
    text-align: center;
    font-weight: normal;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
}
.xsection2{
    background: url(/skin/images/abt_bg.jpg) no-repeat center;
    padding-top: 80px;
    box-sizing: border-box;
    overflow: hidden;
	height:643px;
}
.xsection2_a a {
    display: block;
    width: 132px;
    line-height: 40px;
    height: 40px;
    background: #172673;
    text-align: center;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
    border-radius: 20px;
    margin: 65px auto 0;
    transition: all 0.5s;
}
.xsection1_p{
	display: block;
    font-size: 18px;
    color: #333;
    line-height: 18px;
	text-align: center;
}
.xsection1_x img{
	margin: 0 auto;
    display: block;
    margin-top: 20px;
	margin-bottom:30px;
}


.pics{ float: left;height:418px;margin: 0 -12px; padding: 38px 36px 0;box-sizing: border-box; }
.pics i{ display: block;width: 120px;height: 120px;margin: 0 auto;overflow: hidden; }
.pics img{ display: block;width: 120px;height: 120px;margin: 0 auto; }
.pics:hover i img:nth-child(1){ margin-top: -120px; }
.pics b{display: block;font-size: 24px;line-height: 24px;color: #000; font-weight: bold;text-align: center;padding: 14px 0 24px;}
.pics span{ display: block;font-size: 15px;line-height: 24px;color: #000; text-align: center;}
.pics:hover{ background: url(../images/td_dd.png) no-repeat center; }
.pics:hover b{ color: #fff; }
.pics:hover span{ color: #fff; }
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}

.xsection3{
	margin:80px 0;
}

.xsection3_box3{
	width: 100%;
    height: 100%;
    position: relative;
    min-height: inherit;
    overflow: hidden;
}
.xsection3_box3 img {
    width: 100%;
    height: auto;
    transition: all 1s ease;
}
.xsection3_box3:hover img {
    transform: scale(1.05);
}
.xsection3_box3_box{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.xsection3_box3_box:before {
    content: '';
    background-image: url(../images/www.png);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -20%;
    left: 0;
    background-size: cover;
    transition: all .5s ease;
}
.p0{
	padding-left:0!important;
	padding-right:0!important;
}
.pr0{
	padding-right:0!important;
}
.xsection3_box3_box_1{
	    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    width: 90%;
}
.h339{
	height:339px!important;
}
.xsection3_box3_box_2{
	    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    width: 90%;
}
.mt3{
	margin-top:10px;
}
.xsection3_box3_box_1_1{
	position: relative;
}
.xsection3_box3_box_1_1_t{
	color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.xsection3_box3_box_1_1_p{
	font-size:16px;
	color: #fff;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

 
@media ( min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}

	
}
 
@media ( min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}
 
@media ( min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}
@media (max-width: 1200px){
	.xsection3_box3_box_1_1_t{
	font-size:20px;
}
.xsection3_box3_box_1_1_p{
	font-size:14px;
}
}
@media ( max-width : 998px) {
	.p0{
	    padding-right: 15px!important;
    padding-left: 15px!important;
}
.pr0{
	 padding-right: 15px!important;
}
.mb3{
	margin-bottom:10px;
}
}
@media (max-width: 768px) {
	.col-sm-5ths {
		width: 50%;
		float: left;
	}
	.xsection1{
		height:auto;
		background-position: center center;
		background-size: cover;
		padding-top: 50px;
	}
	.xsection1_t{
		font-size: 1.758em;
		margin-bottom:0;
	}
	.pics{
		padding:10px;
		height:350px;
	}
	.xsection2_t {
    font-size: 1.758em;
}
.p0{
	    padding-right: 15px!important;
    padding-left: 15px!important;
}
.pr0{
	 padding-right: 15px!important;
}
.mb3{
	margin-bottom:10px;
}
.xsection3_box3_box_1_1_t{
	font-size:20px;
}
.xsection3_box3_box_1_1_p{
	font-size:14px;
}
.h280{
	height:270px;
}
.h280 img{
	height:100%;
}
}