@charset "utf-8";
/* banner */
.banner{background:url(../images/banner/ban6.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:120px;}
.banText{position:relative;height:450px;text-align: center;color:#fff;}
.banText h3{font:56px/1em "微软雅黑";padding-top:150px;} 
.banText h4{font:38px/2em "微软雅黑";}
.btnjT{width:36px;height:36px;border:solid 2px #fff;border-radius: 50%;margin:0 auto;}
.btnjT i{background:url(../images/icjt.png) no-repeat 0 0;width:15px;height:9px;display: inline-block;margin-top:13px;text-align: center;}
/*about us*/
.about_us{width:100%;background:url(../images/bg4.jpg) repeat;overfliw:hidden; padding-bottom:80px;}
.aboutTit{width:100%;text-align: center;padding-top:80px;color:#333;padding-bottom:50px;}
.aboutTit h3{font:44px/1em "微软雅黑";}
.aboutTit h4{font:24px/60px "微软雅黑";}
.aboutTit p{font-size:15px; line-height:28px; margin:20px auto; width:960px;}
.tits{padding-bottom:20px;}
.usText{width:1000px; margin:10px auto; font:14px/26px "微软雅黑";color:#656565;}

	/*图标关键点介绍*/
.ydh-info-text{
	padding-bottom: 110px;
	font-size: 15px;
	/*margin-bottom: 112px;*/
	margin: 60px auto 120px; width:1140px;
}
.ydh-info-text dl{
	width: 280px;
	float: left;
	/*text-align: left;*/
	text-align: center;
}
.ydh-info-text .ydh-info-text-icon{
	display: inline-block;
	width: 106px;
	height: 118px;
	vertical-align: middle;
}
.ydh-info-text dt{
	width: 190px;
}
.ydh-info-text .info-title{
	font-size: 22px;
	margin-top: 20px;
	color: #7B7C7C;
}
.panter-pinzhi{
	background: url(../images/pantericon.png)no-repeat;
}

.panter-chanpin{
	background: url(../images/pantericon2.png) no-repeat;
}

.panter-fuwu{
	background: url(../images/pantericon3.png) no-repeat;
}

.panter-huibao{
	background: url(../images/pantericon4.png) no-repeat;
}

.ydh-info-text dl dt{
	height: 118px;
	line-height: 118px;
	color: #444444;
	font-size: 24px;
	margin:0 auto;
}
.ydh-info-text dl dd{
	width: 190px;
	line-height: 25px;
	font-size: 14px;
	margin:10px auto 0;
}

.joinIng{ 
    background: rgba(0, 0, 0, 0) url(../images/panter_con.jpg) no-repeat scroll 0 0 / cover ;
    height: auto;
    margin: 0 auto;
    width: 100%; padding-bottom:40px;}
.joinTit{width:100%;text-align: center;padding-top:80px;color:#fff;padding-bottom:20px;}
.joinTit h3{font:44px/1em "微软雅黑";}
.joinTit h4{font:24px/60px "微软雅黑";}

.joinIng p { line-height: 24px;
    margin: 0 auto;
    width: 1000px;
    color: #f5f5f5;
    font-size: 14px;}

.contBox {
    margin: 20px auto 20px;
    width: 1120px;
}
.contBox  .wecando {
    float: left;
    text-align: center;
    width: 224px;
	margin-top:20px;
}
.wecando .zhanlve{background: rgba(0, 0, 0, 0) url("../images/wedo1.png") no-repeat scroll 0 0;}
.wecando .xuanchuan{background: rgba(0, 0, 0, 0) url("../images/wedo2.png") no-repeat scroll 0 0;}
.wecando .youhui{background: rgba(0, 0, 0, 0) url("../images/wedo3.png") no-repeat scroll 0 0;}
.wecando .xiangying{background: rgba(0, 0, 0, 0) url("../images/wedo4.png") no-repeat scroll 0 0;}
.wecando .zhichi{background: rgba(0, 0, 0, 0) url("../images/wedo5.png") no-repeat scroll 0 0;}

.wecando .wecando-icon{display: inline-block; height: 72px; vertical-align: middle; width: 72px;}
.wecando .wecando-text{color:#fff; font-size:18px; line-height:48px; height:48px;}
.wecando dl dd{color:#fff; font-size:24px;}

.contList {
    width: 100%;
}
.contList li {
    background: #fff none repeat scroll 0 0;
    border-radius: 40px;
    float: left;
    height: 48px;
    margin: 0 2% 50px;
    opacity: 0;
    padding: 16px 0;
    width: 46%;
}
.contList li:nth-of-type(1) {
    transform: translate(-50px, -100px);
    transition: all 0.6s ease 0s;
}
.contList2 li:nth-of-type(1) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.contList li:nth-of-type(2) {
    transform: translate(50px, -100px);
    transition: all 0.8s ease 0s;
}
.contList2 li:nth-of-type(2) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.contList li:nth-of-type(3) {
    transform: translate(-50px, 100px);
    transition: all 1s ease 0s;
}
.contList2 li:nth-of-type(3) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.contList li:nth-of-type(4) {
    transform: translate(50px, 100px);
    transition: all 1.2s ease 0s;
}
.contList2 li:nth-of-type(4) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.contList li:nth-of-type(5) {
    transform: translate(-50px, 100px);
    transition: all 1s ease 0s;
}
.contList2 li:nth-of-type(5) {
    opacity: 1;
    transform: translate(0px, 0px);
}
.contList li:nth-of-type(6) {
    transform: translate(50px, 100px);
    transition: all 1.2s ease 0s;
}
.contList2 li:nth-of-type(6) {
    opacity: 1;
    transform: translate(0px, 0px);
}



.contList .active {
    background: #ef3333 none repeat scroll 0 0;
}
.contList li .liBox {
    border: 2px solid #ef3333;
    border-radius: 50%;
    color: #ef3333;
    float: left;
    font: 38px/44px "微软雅黑";
    height: 44px;
    margin-left: 20px;
    margin-right: 16px;
    text-align: center;
    width: 44px;
}
.contList .active .liBox {
    border: 2px solid #fff;
    color: #fff;
}
.contList li p {
    color: #656565;
    font: 16px/48px "微软雅黑";
    height: 48px;
    margin-right: 30px;
    overflow: hidden;
	width:78%;
}
.contList .active p {
    color: #fff;
}	


.huibao{height: auto;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 100%}
.huibao-banner{ display: inline-block;
    height: 299px;
    margin: 50px 5px -20px;
    position: relative;
    vertical-align: top;
    width: 352px;
	background-position: center bottom;
    background-repeat: no-repeat;
    height: 410px;
    position: relative;
    text-align: center;
	position:relative;
	
	}	
.huibao-banner h3{color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 90px;
    width: 100%;
    z-index: 1;}
.huibao-banner p{color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    position: absolute;
    top: 120px;
    width: 100%;
    z-index: 1;}	
.huibao-banner  img{height: 299px;
    left: 0;
    position: absolute;
    right: 0;
    vertical-align: top;
    width: 352px;}
	
.partner-level{ background:#f5f5f5; padding-bottom:30px;}	
.partner-level table{border-left:1px solid #dedede; border-top:1px solid #dedede; background:#fff; width:100%;}
.partner-level table tr th{height:70px; line-height:70px; padding:0 10px; font-size:18px; font-weight:bold; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.partner-level table tr td{height:70px; line-height:70px; padding:0 10px; font-size:18px; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.grey{background:#f5f5f5;}

.shouyi{}
.shouyichart{width:100%; height:360px;}
	
	
.joinSerch {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;padding-bottom:40px;
}	

.sectionTit {
    padding-bottom: 60px;
    padding-top: 80px;
    text-align: center;
    transition: all 0.5s ease 0.3s;
}
.sectionTit h6 {
    -webkit-text-stroke-width: 0.2px;
    color: #333;
    font-family: "webfont";
    font-size: 48px;
}
.joinSerch .sectionTit p {
    padding: 25px 0 0;
}
.sectionTit p {
    line-height: 24px;
    margin: 0 auto;
    width: 760px;
}
.sectionTit p {
    color: #949494;
    font-size: 14px;
}
.phone_mail {
    /* border-bottom: 1px solid #d6d6d6; */
    line-height: 50px;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: center;
    width: 1170px;
}
.phone_mail span {
    -webkit-text-stroke-width: 0.2px;
    color: #333;  

    font-size: 36px;
    margin: 0 30px;
}
.phone_mail span i {
    color: #333;  
    font-size: 46px;
    margin-right: 6px;
	
}
.phone_mail span {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 0.8s ease 0s;
}
.phone_mail2 span {
    opacity: 1;
    transform: translateX(0px);
}
.phone_mail span:nth-of-type(1) {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 1s ease 0s;
}
.phone_mail2 span:nth-of-type(1) {
    opacity: 1;
    transform: translateX(0px);
}
.phone_mail span:nth-of-type(2) {
    opacity: 0;
    transform: translateX(60px);
    transition: all 1s ease 0s;
}
.phone_mail2 span:nth-of-type(2) {
    opacity: 1;
    transform: translateX(0px);
}
/*------ 响应式  -------*/

@media screen and (max-width:1280px) {
    .numList{width:90%;padding:50px 0;}
    .numList li i{font:40px/42px "微软雅黑";color:#EF3333;}
}

@media screen and (max-width:1200px) {
	.banner{background-attachment: scroll;margin-top:90px;}
	.banText{height:400px;}	
	.numList{padding:30px 0;}
    .numList li{width:33.33%;padding:10px 0;}
    .usBoxs{width:90%;margin:0 auto;}
    .usList li h6{font:18px/1em "微软雅黑";}
}
@media screen and (max-width:1100px) {
	.courBox{width:90%;margin:0 auto;}
	.tabs{background:#EF3333;}
	.higeBox{width:90%;}
	.higeList li{width:30%;margin-right:5%;}
	.higeList li:nth-of-type(3){margin-right:0;}
	.higeList li p{font:14px/20px "微软雅黑";}
	.contectBox{width:90%;}
}
@media screen and (max-width:1000px) {
	.contectLeft{width:47%;}
    .contectRight{width:50%;}
    .contectTit{padding-left: 50%;}
    .usText{width:80%;margin:0 auto;}
    .usList li{width:30%;margin-right:5%;}
}
@media screen and (max-width:800px) {
	.courBox h5{font: 34px/1em "微软雅黑";}
	.contectBox{width:80%;}
	.contectTit{width:100%;text-align: center;padding-left:0;}
    .contectLeft{width:100%;padding-bottom: 80px;}
    .contectLeft p{font: 18px/20px "微软雅黑";}
    .contectRight{width:100%;}
    .banText{height:380px;}
    .banText h3{font: 40px/1em "微软雅黑";padding-top:140px;}
    .banText h4{font: 38px/2em "微软雅黑";}
    .usList li{width:100%;margin-right:0;float:none;}
}

@media screen and (max-width:600px) {
    .aboutTit{padding-top:60px;padding-bottom:36px;}
    .courBox h5{font: 24px/1em "微软雅黑";}
    .aboutTit h3{font: 32px/1em "微软雅黑";}
    .contectBox{width:90%;}
    .banner{margin-top:60px;}
    .banText{width:90%;margin:0 5%;height:360px;}
    .banText h3{font: 32px/1em "微软雅黑";}
    .banText h4{font: 26px/2.5em "微软雅黑";}
    .numList{padding:20px 0;}
	.numList li i{font-size:28px;color:#EF3333;}
	.numList li{width:50%;padding:5px 0;}
	.ourList li{width:50%;}
	.usText{width:90%;margin:0 auto;}

}

@media screen and (max-width:480px) {
	.numList li i{font-size:20px;;color:#EF3333;}
	.numList li i em{font:12px/20px "微软雅黑";}
	.numList li p{font:12px/20px "微软雅黑";color:#333;overflow:hidden;height:20px;}
	.numList li i span{position:static;}
    .aboutTit{padding-top:60px;padding-bottom:36px;}
    .courBox h5{font: 18px/1em "微软雅黑";}
    .swiper-container{height:240px;padding-bottom:120px;}
    .aboutTit h3{font:26px/1em "微软雅黑";}
    .aboutTit h4{font: 20px/50px "微软雅黑";}
    .higeList{width:90%;margin:0 auto;}
    .higeList li{width:100%;margin-right:0;}
    .banText{height:350px;}
    .banText h3{font: 26px/1em "微软雅黑";padding-top:130px;}
    .banText h4{font: 20px/2.5em "微软雅黑";}
}
@media screen and (max-width:400px) {
	.contectLeft p{font: 14px/20px "微软雅黑";}
	.courBox h5{font: 16px/1em "微软雅黑";}
	.banText h3{font: 20px/1em "微软雅黑";}
    .banText h4{font: 16px/2.5em "微软雅黑";}

    
    .swiper-container{height:280px;padding-bottom:140px;}
}