h1, h2, h3, h4, h5 { padding: 0; margin: 0; } 
* { margin: 0; padding: 0; box-sizing: border-box; }
a { text-decoration: none; }
a:hover { text-decoration: none !important; }
li { list-style: none; }
img { border: 0; }
body { background-image: url(../images/bg.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
input:focus, select:focus, textarea:focus { outline: none; }
.position { position: relative; }
.textWord { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

/* logo  */
.logo { position: fixed; height: 100%; width: 132px; left: 0; top: 0; background: url(../images/logoBg.png) top left repeat-y; text-align: center; padding-top: 45px; }
.contactRight { position: fixed; right: 0; top: 30px; color: #fff; }
.contactRight a { margin: 0 15px; color: #fff; }
.icon { padding-left: 29px; }
.i1 { background: url(../images/i1.png) center left no-repeat;}
.i2 { background: url(../images/i2.png) center left no-repeat;}
.i3 { background: url(../images/i3.png) center left no-repeat;}
.i9 { background: url(../images/i9.png) center left no-repeat;}
.contactRight a:hover { color: #fff; }
.headv {
	position: fixed;
	top: 40%;
	left: 970px;
	z-index: 10;
}

.headv>div {
	width: 14px;
	height: 14px;
	margin: 5px 0;
	background: url(../images/d.png) center center no-repeat;
	cursor: pointer;
}
.headv>div.headv-check { background: url(../images/dh.png) center center no-repeat; }


/*   page   */
.page { margin: 0 0 0 140px; padding: 46px 0 80px; width: 860px; }
.bg { background-color: rgba(0, 0, 0, .8); padding: 13px; border-radius: 8px; }
.t1 { font-size: 24px; color: #ffc391; margin-top: 35px; padding-left: 20px; }
.arc1 { font-size: 15px; color: #ffffff; line-height: 29px; padding: 35px 85px 40px 20px; }
.arcList { margin-top: 25px; }
.arcList span { display: inline-block; padding: 12px 16px; background-color: rgba(0, 0, 0, .8); margin: 0 5px; float: left; }
.page2 { width: 705px; }
.t2 { color: #ffc391; font-size: 24px; padding-left: 10px; border-bottom: 2px solid #ffc9a3; padding-bottom: 20px; padding-top: 25px; }
.leftNav { width: 245px; text-align: right; margin-top: 50px; }
.leftNav li a { display: block; font-size: 18px; color: #dfaf8e; height: 60px; }
.rightPic { width: 390px; margin-top: 50px; }
.rightPic img { margin-bottom: 20px; }
.arc2 { margin-top: 120px; margin-bottom: 50px; padding-left: 20px; border-left: 1px solid #dfaf8e; font-size: 14px; color: #fff; line-height: 30px; }
.page3 { padding: 40px; }
.arc3 { font-size: 16px; color: #ffffff; line-height: 28px; }
.serLeft { width: 360px; margin-top: 90px; }
.serRight { margin-top: 90px;  }
.serImg { margin-top: 70px; }
.swImg { margin-top: 50px; }
.arc4 { margin-top: 50px; line-height: 28px; font-size: 16px; color: #fff; padding-left: 16px; border-left: 1px solid #dfaf8e; padding-bottom: 20px; }
.t3 { font-size: 24px; color: #ffc391; margin-left: 15px; margin-bottom: 35px; }
.caseList { width: 760px; }
.caseList li { margin-bottom: 30px; padding: 0 10px; }
.caseList li a { display: block; padding: 10px; height: 215px; background-color: rgba(0, 0, 0, .7); }
.caseList li h2 { font-size: 14px; color: #fff; line-height: 25px; margin-top: 5px; }
.caseList li h3 { font-size: 13px; color: #fff; line-height: 25px; }
.t4 { margin-top: 30px; font-size: 24px; color: #ffc391; margin-left: 20px; margin-bottom: 35px; }
.contact { margin-top: 40px; padding-bottom: 40px; padding-left: 170px;  }
.contact p { line-height: 40px; font-size: 16px; color: #ffffff; }
.contact img { margin-right: 16px; }
.honnerList li a { height: 190px; }
.t5 { font-size: 16px; color: #ffc391; margin-bottom: 30px; margin-top: 10px; margin-left: 40px; }
.t5 a { color: #fff; font-size: 14px; margin-right: 10px; }
.arc5 { font-size: 14px; color: #ffffff; line-height: 25px; margin: 50px 30px 30px; }
.time { width: 50%; margin-top: 13px; }
.time li { height: 53px; padding-left: 50px; padding-top: 13px; margin-left: 70px; vertical-align: middle; background: url(../images/line.png) left center  repeat-y;  }
.time li a { color: #dfaf8e; font-size: 16px; }



/*  焦点图  */
.mod18{ width: 750px;  margin: 0px auto; position: relative; }
.mod18 .btn{position:absolute;width:15px;height:24px;bottom:25px;cursor:pointer;z-index:99;font-size:50px;}
.mod18 .prev{left:-25px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 .next{right:-35px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;position:absolute;color:#fff;}
.mod18 .picBox{height:568px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:568px;position:absolute;}
.mod18 .picBox li{width:750px;height:568px;}
.mod18 .listBox{ width: 750px; height: 80px; margin: 0 auto; position: relative; padding: 10px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:80px;position:absolute;}
.mod18 .listBox li{width:153px;height:80px;cursor:pointer;position:relative; margin: 0 3px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:153px;height:80px;}
.mod18 .listBox li img{width:153px;height:80px; opacity: .6;}
.mod18 .listBox .on img{width:153px;height:80px; opacity: 1;}
.mod18 .listBox .on i{display:block;}

@media (max-width:970px) {
    body { background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-position: center center; }
    body{background-position: -99999px -99999px;}
    body:before {
        content: ""; 
        background-image: inherit; 
        position: fixed; 
        top: 0; 
        left: 0; 
        height: 100vh; 
        width: 100%; 
        -webkit-background-size: cover !important; 
        -moz-background-size: cover !important; 
        -o-background-size: cover; 
        background-size: cover !important;
        z-index: -1;
    }
	.wapLogo { text-align: center; padding-top: 20px; }
	.contactRight { position: relative; }
	.headv {
		right: 20px !important;
		left: auto;
	}
	.page { margin-left: 0; }
	.page, .page2 , .caseList , .leftNav , .rightPic , .serLeft, .serRight , .leftH , .img1 { width: 100%; }
	.page3 { padding: 0; }
	.t1 , .t2 , .t3 , .t4 { font-size: 18px; }
	.arc1 , .arc3 { padding: 15px; font-size: 13px; line-height: 150%; }
	.arcList span { width: 49%; margin: 0.5%; }
	.leftNav { margin-top: 20px; }
	.leftNav li { float: left; }
	.leftNav li a { height: auto; margin: 5px; font-size: 14px; }
	.rightPic { text-align: center; }
	.arc2 , .arc4 { margin: 20px 0; text-align: left; font-size: 14px; }
	.serImg , .serLeft, .serRight { margin-top: 20px; }
	.swImg { margin-top: 0; }
	.caseList li a { height: auto; }
	.contact { padding-left: 0; }
	.contact p { line-height: 150%; font-size: 13px; }
	.mapImg { width: 100%; }
	.nav-list { padding: 0 7px;}
	.picList li { margin: 10px 0; }
	.detail { padding: 0 15px; }
	.time { width: 50%; margin-top: 9px; }
	.time li { padding-left: 20px; margin-left: 0; }
	.time li a { font-size: 12px; }
}