

/*# sourceMappingURL=style.css.map */

/* 本例子css */
body{
	padding: 0;
	margin: 0;
	min-width: 1280px;
}
.his-title{
	height: 58px;
	width: 100%;
	background-color: #fff;
	/*box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);*/
	position: relative;
	top: 0;
	left: 0;
	z-index: 30;
}
.his-title.on{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
}
.his-title .warp{
	width: 1280px;
	margin: 0 auto;
	height: 58px;
	line-height: 58px;
}
.his-title .warp a{
	display: inline-block;
	float: right;
	height: 56px;
	line-height: 56px;
	border-bottom: 2px solid #fff;
		transition: all 0.5s;
	-webkit-transition: all 0.5s;
	font-size: 14px;
	color: #878787;
	margin-left: 60px;
}
.his-title .warp a.on{
	border-bottom: 2px solid #c1976d;
	color: #c1976d;
}

.his-warp{
	width: 100%;
	height: auto;
	margin:35px 0 120px;
	position: relative;
}
.his-warp .title{
	width: 314px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -157px;
	z-index: 5;
}
.his-warp .title p{
	display:block;
	/*height:42px;*/
	height: 43px;
	width: 157px;
	padding-bottom: 7px;
	float: left;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	background: url(../img/his-btn2bg.png) center top no-repeat;
}
.his-warp .title .sj.on{
	background: url(../img/his-btn1bg.png) center top no-repeat;
}
.his-warp .title .jx.on{
	background: url(../img/his-btn11bg.png) center top no-repeat;
}
.his-warp .title p span{
	padding-left: 29px;
	width: 128px;
	height:42px;
	font-size: 16px;
	line-height: 42px;
	display: inline-block;
}
.his-warp .title .sj span{
	background: url(../img/his-icon1.png) 15px center no-repeat;
}
.his-warp .title .jx span{
	background: url(../img/his-icon2.png) 30px center no-repeat;
}



.his-warp .warp{
	width: 100%;
	height: auto;
}
.his-warp .warp .list{
	width: 1280px;
	height: 530px;
	margin: 0 auto 15px;
	position: relative;
	padding-top: 65px;
}
.his-warp .warp .list .point1{
	position: absolute;
	right: 165px;
	top:15px;
	display: block;
	width: 150px;
	height: 151px;
	background: url(../img/his-point1.png) center no-repeat;
}
.his-warp .warp .list .point2{
	position: absolute;
	left:213px;
	bottom:70px;
	display: block;
	width: 107px;
	height: 106px;
	background: url(../img/his-point2.png) center no-repeat;
}
.his-warp .warp .list .box1{
	width: 730px;
	margin: 0 auto;
	padding-top: 65px;
}
.his-warp .warp .list .box1 .box{
	width: 301px;
}
.his-warp .warp .list .box1 .box .fa{
	font-size: 14px;
	line-height: 21px;
	color: #686868;
	width: 100%;
	padding-left: 15px;
}
.his-warp .warp .list .box1 .box .img{
	width: 320px;
	height: 120px;
	margin-bottom: 30px;
}
.his-warp .warp .list .box1 .box .img img,.his-warp .warp .list .box1 .pic img{
	display: block;
	width: 100%;
}
.his-warp .warp .list .wid1 .pic{width: 290px;}
.his-warp .warp .list .wid2{width: 705px;}
.his-warp .warp .list .wid2 .pic{width: 264px;}
.his-warp .warp .list .wid3 .pic{width: 312px;}
.his-warp .warp .list .wid4,.his-warp .warp .list .wid3{width: 729px;}
.his-warp .warp .list .wid4 .pic{width: 298px;}
.his-warp .warp .list .wid5{width: 915px;}
.his-warp .warp .list .wid5 .pic{width: 488px;}
.his-warp .warp .list .wid6{width: 825px}
.his-warp .warp .list .wid6 .pic{width: 371px;}
.his-warp .warp .list .wid7{width: 680px}
.his-warp .warp .list .wid7 .pic{width: 264px;}
.his-warp .warp .list .wid8{width: 775px}
.his-warp .warp .list .wid8 .pic{width: 295px;}
.his-warp .warp .list .wid9{width: 826px}
.his-warp .warp .list .wid9 .box{width: 390px;}
.his-warp .warp .list .wid9 .pic{width: 383px;}
.his-warp .warp .list .box1 .box .fa span{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #686868;
}
.his-warp .warp .list .box1 .box .fa span i{
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	left: -12px;
	top: 10px;
	border-radius: 100%;
	background-color: #bb916d;
}
.his-warp .warp .list .wid10{width: 825px}
.his-warp .warp .list .wid10 .pic{width: 383px;}
.his-warp .warp .list .wid11{width: 920px}
.his-warp .warp .list .wid11 .pic{width: 308px;}
.his-warp .warp .list .wid11 .box{width: 540px;}
.his-warp .warp .list .wid12{width: 900px}
.his-warp .warp .list .wid12 .pic{width: 378px;}
.his-warp .warp .list .wid12 .box{width: 420px;}
.his-warp .warp .list .wid13{width:1180px}
.his-warp .warp .list .wid13 .pic{width:598px;}
.his-warp .warp .list .wid13 .box{width: 512px;}
.his-warp .warp .list .wid14{width:880px}
.his-warp .warp .list .wid14 .pic{width:320px;}
.his-warp .warp .list .wid14 .box{width: 506px;}
.his-warp .warp .list .wid15{width:775px}
.his-warp .warp .list .wid15 .pic{width:357px;}
.his-warp .warp .list .wid15 .box{width:330px;}
.his-warp .warp .list .wid16{width:735px}
.his-warp .warp .list .wid16 .pic{width:256px;}
.his-warp .warp .list .wid16 .box{width:400px;}
.his-warp .warp .list .wid17{width:1116px}
.his-warp .warp .list .wid17 .pic{width:550px;}
.his-warp .warp .list .wid17 .box{width:505px;}
.his-warp .warp .list .wid18{width:1110px}
.his-warp .warp .list .wid18 .pic{width:532px;}
.his-warp .warp .list .wid18 .box{width:505px;}
.his-warp .warp .list .wid19{width:1200px}
.his-warp .warp .list .wid19 .pic{width:602px;}
.his-warp .warp .list .wid19 .box{width:535px;}
.his-warp .warp .list .wid20{width:1085px}
.his-warp .warp .list .wid20 .pic{width:665px;}
.his-warp .warp .list .wid20 .box{width:370px;}
.his-warp .warp .list .wid21{width:950px}
.his-warp .warp .list .wid21 .pic{width:394px;position: relative;top: -40px}
.his-warp .warp .list .wid21 .box{width:465px;}
.his-warp .warp .mian{
	width: 1280px;
	margin: 0 auto 15px;
	height: 510px;
	padding-top:85px;
	background: url(../img/ry-bg.png) center no-repeat;
}
.his-warp .warp .mian .mian1{
	width: 770px;
	margin: 0 auto;
}
.his-warp .warp .mian .mian1 .pic{
	width: 350px;
}
.his-warp .warp .mian .mian1 .pic img{
	display: block;
	width: 100%;
}
.his-warp .warp .mian .mian1 .box{
	width: 305px;
}
.his-warp .warp .mian .mian1 .box .img{
	width: 320px;
	height: 120px;
	margin-bottom: 35px;
}
.his-warp .warp .mian .mian1 .box .tit,.his-warp .warp .mian .warp7 .box-list li .tit{
	font-size: 16px;
	line-height: 26px;
	color: #686868;
	margin-bottom: 0px;
}
.his-warp .warp .mian .mian1 .box h3,.his-warp .warp .mian .warp7 .box-list li h3{
	font-size: 20px;
	line-height: 30px;
	color: #666;
	margin-bottom: 15px;
}
.his-warp .warp .mian .warp2{width: 970px;}
.his-warp .warp .mian .warp2 .pic{width: 525px;}
.his-warp .warp .mian .warp2 .box{width: 360px;}
.his-warp .warp .mian .warp3{width: 800px;}
.his-warp .warp .mian .warp3 .pic{width: 351px;}
.his-warp .warp .mian .warp3 .box{width: 320px;}
.his-warp .warp .mian .warp4{width:765px;}
.his-warp .warp .mian .warp4 .pic{width: 255px;}
.his-warp .warp .mian .warp4 .box{width: 400px;}
.his-warp .warp .mian .warp5{width:750px;}
.his-warp .warp .mian .warp5 .pic{width: 261px;}
.his-warp .warp .mian .warp5 .box{width: 380px;}
.his-warp .warp .mian .warp6{width:940px;}
.his-warp .warp .mian .warp6 .pic{width: 503px;}
.his-warp .warp .mian .warp6 .box{width: 320px;}
.his-warp .warp .mian .warp7{width:940px;}
.his-warp .warp .mian .warp7 .box-list li .top{min-height: 100px;}
.his-warp .warp .mian .warp8 .box-list li .top,.his-warp .warp .mian .warp9 .box-list li .top{min-height: 85px;}
.his-warp .warp .mian .warp7 .box-list li .top h3{margin-bottom: 0}
.his-warp .warp .mian .warp7 .pic-list{width:320px;margin: 0 auto 30px;}
.his-warp .warp .mian .warp7 .box-list{width:100%;margin: 0 auto;overflow: hidden;}
.his-warp .warp .mian .warp7 .box-list li{width:250px;text-align: center;float: left;margin-right: 90px;}
.his-warp .warp .mian .warp7 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp7 .box-list li .img{width: 100%;text-align: center;}
.his-warp .warp .mian .warp7 .box-list li .img img{max-width: 100%}
.his-warp .warp .mian .warp8{width:1080px;}
.his-warp .warp .mian .warp8 .box-list li{width: 340px;margin-right: 30px;}
.his-warp .warp .mian .warp8 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp9{width:970px;}
.his-warp .warp .mian .warp9 .box-list li{width: 270px;margin-right: 80px;}
.his-warp .warp .mian .warp9 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp10{width:1100px;}
.his-warp .warp .mian .warp10 .box-list li{width:330px;margin-right:55px;}
.his-warp .warp .mian .warp10 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp11{width:1276px;}
.his-warp .warp .mian .warp11 .box-list li{width:410px;margin-right:23px;}
.his-warp .warp .mian .warp11 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp12{width:1280px;}
.his-warp .warp .mian .warp12 .box-list li{width:320px;margin-right:0px;}
.his-warp .warp .mian .warp12 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp13{width:1245px;}
.his-warp .warp .mian .warp13 .box-list li{width:290px;margin-right:28px;}
.his-warp .warp .mian .warp13 .box-list li.on{margin-right: 0;}
.his-warp .warp .mian .warp14{width: 930px;}
.his-warp .warp .mian .warp14 .pic{width: 274px;}
.his-warp .warp .mian .warp14 .box{width: 530px;}
.his-warp .warp .mian .warp15{width: 760px;}
.his-warp .warp .mian .warp15 .pic{width: 266px;}
.his-warp .warp .mian .warp15 .box{width: 340px;}
.his-warp .warp .mian .warp16{width: 880px;}
.his-warp .warp .mian .warp16 .pic{width:239px;}
.his-warp .warp .mian .warp16 .box{width:490px;}
.his-warp .warp .mian .warp17{width: 960px;}
.his-warp .warp .mian .warp17 .pic{width:309px;}
.his-warp .warp .mian .warp17 .box{width:480px;}
.his-warp .warp .mian .warp19{width: 1235px;}
.his-warp .warp .mian .warp19 .pic{width:486px;}
.his-warp .warp .mian .warp19 .box{width:645px;}


.his-warp .warp .time,.his-warp .warp .mtime{
	height: 95px;
	width: 100%;
	background: url(../img/his-point44.png) center 45px repeat-x;
}
.his-warp .warp .time .warpp,.his-warp .warp .mtime .warpp{
	width: 1280px;
	margin: 0 auto;
	height: 50px;
	padding-top: 45px;
	position: relative;
}
.his-warp .warp .time .warpp i,.his-warp .warp .mtime .warpp i{
	display: block;
	width: 64px;
	height: 67px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/his-point3.png) center no-repeat;
}
.his-warp .warp .time .warpp li,.his-warp .warp .mtime .warpp li{
	float: left;
	height: 27px;
	line-height: 27px;
	text-align: center;
	padding-top: 23px;
	cursor: pointer;
	font-size: 14px;
	color: #595757;
	background:#fff url(../img/his-point44.png) center top no-repeat;
	width: 60px;
}
.his-warp .warp .time .warpp li.on{color: #c1976d;}
.his-warp .warp.on .mtime .warpp li.on{color: #d61405;}

.his-warp .warp.on .mtime .warpp{width: 1152px;}
.his-warp .warp.on .mtime .warpp i{
	background: url(../img/his-point33.png) center no-repeat;
}



.res-list{
	width: 1280px;
	margin: 100px auto 25px;
}
.res-list li{
	width: 403px;
	margin:0 32px 40px 0;
	float: left;
	border:1px solid #cdcdcd;
}
.res-list li.on{
	margin-right: 0;
}
.res-list li .pic{
	width: 100%;
	height: 255px;
	overflow: hidden;
}
.res-list li .box{
	width: 90%;
	padding: 10px 17px 25px ;

}
.res-list li .box h2{
	font-size:18px;
	line-height: 26px;
	color: #424141;
	max-height: 52px;
	font-weight: normal;
	overflow: hidden;
	margin-bottom: 10px;
}
.res-list li .box .details{
	font-size: 14px;
	line-height: 22px;
	color: #959595;
	margin-bottom: 25px;
	height:44px;
	overflow: hidden;
}
.res-list li .box .btn{
	display: block;
	width: 111px;
	height: 38px;
	border:1px solid #c2986d;
	font-size: 12px;
	line-height: 38px;
	color: #c2986d;
	background-color: transparent;
		transition: all 0.5s;
	-webkit-transition: all 0.5s;
	text-align: center;
	margin: 0 auto;
}
.res-list li .box .btn span{
	font-family: '宋体';
	padding-left: 5px;
}
.res-list li .box .btn:hover{
	background-color:#c2986d;
	color: #fff;
}

.resinfor{
	width: 1278px;
	padding:65px 0 120px;
	background-color: #f8f8f8;
	margin: 0 auto 130px;
	border:1px solid #f1f1f1;
}
.resinfor .title{
	width: 90%;
	padding: 0 5%;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 20px;
	border-top: 1px dashed #dedede;
}
.resinfor .title h2{
	font-size: 30px;
	line-height: 40px;
	color: #636363;
	margin-bottom: 25px;
}
.resinfor .title .tit{
	font-size: 14px;
	line-height: 20px;
	color: #8b8b8b
}
.resinfor .warp{
	width: 920px;
	margin: 0 auto;
}
.resinfor .warp,.resinfor .warp p{
	font-size: 16px;
	line-height: 24px;
	color: #606060;
}
.resinfor .warp img{
	max-width: 100%;
}

.brand-point1,.brand-point2{
	position: relative;
}
.brand-point1 .arr{
	width: 44px;
    height: 44px;
    background: url(../img/join-icon21.png) center no-repeat;
    position: absolute;
    bottom: 2px;
    z-index: 3;
    left: 0;
    cursor: pointer;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.brand-point2 .arr{
	width: 44px;
    height: 44px;
    background: url(../img/join-icon21.png) center no-repeat;
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 3;
    cursor: pointer;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.brand-point1 .arr:hover,.brand-point2 .arr:hover{
	background: url(../img/join-icon22.png) center no-repeat;
}
.brand-warp1{
	width: 1280px;
	margin: 150px auto 150px;
}
.brand-warp1 .pic{
	width: 690px;
	height: 700px;
}
.brand-warp1 .pic img{
	display: block;
	width: 100%;
}
.brand-warp1 .box{
	width: 450px;
}
.brand-warp1 .box.on{
	width: 490px;
	letter-spacing: -1px;
}
.brand-warp1 .box h2{
	display: inline-block;
	font-size: 28px;
	line-height: 40px;
	color: #231815;
	min-width: 245px;
	padding-bottom: 7px;
	margin-bottom: 35px;
	font-weight: normal;
	position: relative;
}
.brand-warp1.on .box h2{
	padding-top: 50px;
}
.brand-warp1 .box h2 i{
	display: block;
	width: 245px;
	height: 1px;
	background-color: #d6d4d3;
	position: absolute;
	bottom: 0;
	left: 0;
}
.brand-warp1 .box #details1{
	height: 450px;
	padding-right: 40px;
	outline: none;
}
.brand-warp1 .box .details img{
	max-width: 140px;
	margin: 10px 0;

}
.brand-warp1 .box .details,.brand-warp1 .box .details p{
	font-size: 16px;
	line-height: 26px;
	color: #4f4f4f;
	text-align: justify;
}
.brand-warp1 .box .details p.on{
	color: #c0966d
}
.brand-warp1 .box .point,.brand-warp1 .box .point span{
	font-size: 16px;
	line-height: 26px;
	color: #4f4f4f;
}
.brand-warp1 .box .point span{
	padding-left: 15px;
	position: relative;
	display: block;
	background: url(../img/contbg.png) left 9px no-repeat;
}
.brand-warp1 .box .point span i{
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #afafaf;
	position: absolute;
	left: 0;
	top: 10px;
}

.nicescroll-rails,.nicescroll-rails-vr{
	background-color: #dcdcdc;
}


