html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl {*zoom:1;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}

.banner{width:100%;padding:7% 0;background: url(img/banner.jpg) no-repeat bottom right;text-align:center;color:#fff;}
.wrap{width:1160px;margin:0 auto;overflow:hidden;}

.b-logo{width: 391px;margin: 0 auto;text-align:center;font-size:0;line-height:0;}
.b-logo dt{display: inline-block;vertical-align:middle;*display:inline;*zoom:1;width: 50%;margin-right: 5%;}
.b-logo dd{display: inline-block;vertical-align:middle;*display:inline;*zoom:1;width: 44%;}
.b-keyword{padding-top:3%;font-size:18px;line-height:1.5;letter-spacing:15px;}
.banner h2{padding-top:3%;font-size:95px;line-height:1.2;font-weight:bold;color:#d6b661;letter-spacing:5px;}
.banner h3{padding:5% 0;font-size:30px;line-height:1.5;font-weight:normal;}
.b-lead{padding:0 10%;font-size:16px;line-height:1.8;}
/*Ã¦Â â€¡Ã©Â¢Ëœ*/
.tit{width:100%;padding:5% 0 3%;text-align:center;}
.tit h2{position:relative;width:100%;}
.tit h2 b{position:relative;z-index: 38;display:inline-block;*display:inline;*zoom:1;padding:0 2%;background:#fff;font-weight:bold;font-size: 40px;line-height:1.2;}
.tit h2 span{position:absolute;left:0;top:50%;width:100%;height:1px;background:#a0a0a0;}
.tit em{display:block;font-style:normal;font-size:24px;text-transform:uppercase;}
/*Ã¥Ë†â€¡Ã¦ÂÂ¢Ã¦Â â€¡Ã§Â­Â¾*/
.tab{padding:2.5% 0;font-size:0;text-align:center;}
.tab li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:15px;height:15px;border:1px solid #a9a9a9;border-radius:50%;margin:0 10px;cursor:pointer;}
.tab .on{background:#b6a474;border-color:#b6a474;}

.activity-left{float:left;width:760px;}
.bd li{position:relative;}
.txt-mask{
	position:absolute;
	left:0;
	bottom:0;
	width:96%;
	padding:0 2%;
	background:url(https://zt.cdnjm.cn/response/company/demo02/alpha.png) repeat;
	font-size:20px;
	line-height: 2.5;
	text-align:center;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.activity-info{float:right;width:380px;height:440px;border:2px solid #000;}
.activity-info p{padding:30px 30px 0;line-height:2.2;text-indent:2em;}
.activity-info .text1{padding:0 30px 0;line-height: 2.2;text-indent:2em;}
a.more{color:#b6a474;}

.p-lead{padding:0 2% 2%;text-indent:2em;}
.contract-list{font-size:0;}
.contract-list li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:49%;margin:0.5%;text-align:center;}

.brand-left{float:left;width:630px;}
.brand-right{float:right;width:500px;}
.brand-right h3{font-size:24px;line-height: 1.2;padding: 2% 0;}
.brand-right p{text-indent:2em;text-align:justify;}

.resume-right{float:right;position:relative;width:414px;margin:0 5% 5% 0;}
.resume-right .resume-headshot{position:relative;z-index:2;}
.resume-right span{position:absolute;z-index:1;left:10%;top:10%;width:100%;height:100%;background:#b6a474;}

.resume-left{float:left;width:55%;}
.resume-left p{line-height:2;}
.resume-left >p{float:left;width:50%;}
.resume-left dl{float:left;width:100%;}
.resume-left dt{float:left;line-height:2;}
.resume-left dd{float:left;width:86%;}

.history p{padding-bottom:1.5%;text-align:center;}
.history p b{font-size:20px;}

.brief p{text-indent:2em;text-align:justify;line-height: 30px;}
.brief-list{font-size:0;margin-top:10px;}
.brief-list li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:48%;margin:1%;}
.m-slider{display:none;}


.dialog h3{padding:1% 0;font-size:24px;line-height:1.5;}
.dialog-con{font-size:0;}
.dialog-con dl{display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:47%;margin:3% 3% 0 0;overflow:hidden;}
.dialog-con dt{float:left;width:13%;height:70px;margin-top:5px;margin-right:2%;background:#b6a474;color:#fff;font-size:48px;line-height:70px;text-align:center;}
.dialog-con dd{float:left;width:85%;}
.dialog-con .question{padding-bottom:5px;font-weight:bold;font-size:18px;line-height:1.8;color:#b6a474;}


.honor-list{font-size:0;}
.honor-list li{display:inline-block;*display:inline;*zoom:1;width:23%;margin:0 1%;}
.honor-list .border1{border:1px solid #d2d2d2;}
.honor-list li p{padding-bottom:5px;font-size: 16px;line-height:2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.end{border:1px solid #d2d2d2;margin: 5% auto;padding: 0 3% 3%;}
.end h2{width:15%;margin: -30px auto 2%;background:#b6a474;font-weight:bold;font-size: 20px;line-height:2.5;color:#fff;text-align:center;}
.end p{line-height:2;text-indent:2em;}

.text{font-size:16px;line-height:1.8;text-align:justify;text-indent:2em;}

@media screen and (max-width:1200px){
.wrap{width:92%;max-width:710px;}
.banner .wrap{width:92%;max-width:1000px;}
.banner h2{font-size:72px;}
.p-lead{padding:0 0 2% 0;}

.tit h2 b{font-size:32px;}
.tit em{font-size:18px;}
.speech-list h3{font-size:20px;}
.speech-list li p{font-size:16px;}

.activity-left{width:100%;}
.activity-info{box-sizing:border-box;width:100%;height:auto;}
.activity-info p{padding:5%;}
.brand-left{width:100%;}
.brand-right{width:100%;}
.resume-right{float:none;margin:0 auto 10%;width:55%;}
.resume-left{width:100%;}
.dialog-con dt{font-size:36px;line-height:1.5;height:auto;}
.honor-list li{width:48%;margin:1%;}
.end h2{width:20%;}
}

@media screen and (max-width:480px){
.banner{background: url(img/banner-m.jpg) no-repeat center bottom;background-size: 100% auto;box-sizing: border-box;padding-top: 12%;height: 539px;}
.b-logo{width:80%;margin: 0 auto;}
.b-keyword{font-size:14px;}
.banner h2{font-size:30px;}
.banner h3{font-size: 14px;}
.b-lead{font-size:12px;padding:0 5%;}
.text{/* font-size:13px; */}
.headshotBox{width:40%;}
.b-lead span{width:25px;height:22px;}
.tit h2 b{font-size: 24px;}
.tit em{font-size: 14px;}
.tab li{width:10px;height:10px;margin:0 6px;}
.txt-mask{font-size:14px;}
.speech-list li{width:48%;margin:1%;}
.speech-list li h3{font-size: 16px;line-height: 2;}
.speech-list li p{font-size: 14px;}
.brand-right h3{font-size:16px;}
.resume-left >p{width:100%;}
.resume-left dd{width:82%;}
.history p{text-align:left;}
.dialog h3{font-size:16px;}
.dialog-con dl{width:100%;}
.dialog-con .question{font-size: 14px;}
.honor-list li p{font-size: 12px;}


.activity-left{width:100%;}
.activity-info{box-sizing:border-box;width:100%;height:auto;}
.activity-info p{padding:5%;}
.activity-info .text1{padding:0 5% 5%;}
.brand-left{width:100%;}
.brand-right{width:100%;}
.honor-list li{width:48%;margin:1%;}
.end{margin-top:8%;}
.end h2{width:25%;font-size:16px;margin:-20px auto 2%;}
}

@media screen and (max-width:375px){
.banner h3{font-size:14px;}
.text{font-size:12px;}
.dialog-con dt{font-size: 30px;}
.dialog-con .question{font-size: 13px;}
.dialog h3{font-size:14px;}
.tit h2 b{font-size: 20px;}
.tit em{font-size: 12px;}
.brand-right h3{font-size:14px;}
}
@media screen and (max-width:320px){
.headinfo em{font-size:12px;}
.headinfo p{font-size:14px;}
.b-lead p{line-height: 2;}
.speech-list li h3{font-size:14px;}
.speech-list li p{font-size:12px;}
}
