body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input,button,textarea, p, blockquote, th, td {margin: 0;padding: 0;}
li{list-style:none;}
img{border:none; vertical-align:top; } /*display: block;*/
a{text-decoration:none;}
a:hover{text-decoration:none;}
body, html{ width:100%; background: #d18e47;}

h2{ font:bold 46px/40px "微软雅黑"; color: #592e0e;}
h3{ font:bold 35px/40px "微软雅黑"; color: #592e0e;}
h4{ font:36px/40px "微软雅黑"; color: #592e0e;}
h5{ font:24px/26px "微软雅黑"; color: #592e0e;}
p,em{color: #592e0e; font-family: "微软雅黑";}
em{ font:bold 14px/25px "微软雅黑"; }
.btn1{ display:block; width:77px; height:25px; background: url(../images/btn1.gif) no-repeat center 0; transition: all .25s; }
.btn1:hover{transform: scale(.94,.94);}

.fixedBox{ width:202px; height: 521px; position: fixed; top: 50%; right:5%; margin:-260px 0 0 0;  z-index:10;}
.p0{ width:980px; height: auto; margin: 0 auto; overflow: -hidden; position:relative;}
.p1,.p2,.p3,.p4{ width:100%; min-width:980px; height:auto;}
.p1{ height:629px; background: url(../images/bg_01.jpg) no-repeat center 0; overflow: hidden;  position:relative;}
.p2{ height:439px; background: url(../images/bg_02.jpg) no-repeat center 0;}
.p3{ height:866px; background: url(../images/bg_03.jpg) no-repeat center 0;}
.p4{ height:1065px; background: url(../images/bg_04.jpg) no-repeat center 0;}

.p1 .i1,.p1 .i2,.p1 .i3{height: 307px; width:496px; position: absolute; left:50%;}
.p1 .i1{height: 307px; width:496px; bottom:40px; margin-left:-250px;}
.p1 .i2{height: 430px; width:985px; bottom:40px; margin-left:-530px;}
.p1 .i3{height: 346px; width:1351px; top:10px; margin-left:-675px;}


.p2 .p0{ height: 100%;}
.videoBox1{width: 470px;height: 360px; float: left; box-shadow:0px 4px 20px rgba(0,0,0,.4); overflow:hidden; position: relative; border:10px solid #e21e2f;}
.videoBox1 .vB{ height:360px; width:; position: absolute; top: 0; left:0; }
.videoBox1 ul li{ height:360px; width:480px; float: left; background:#fff;}

.p2 ol{ height: 20px; width:auto; position: absolute; bottom:20px; left:200px;}
.p2 ol li{ height:20px; width:20px;  margin:0 5px; float: left;/* border-radius: 10px;*/ background:url(../images/ico1.png) no-repeat center center; cursor: pointer;}
.p2 ol .io{background:url(../images/ico2.png) no-repeat center center;}
.xpl{ height:276px; width:400px; float: left; background: #fff; box-shadow:8px 4px 10px rgba(0,0,0,.4);overflow:hidden; padding:20px 35px; position: relative;}
.xpl p{margin:10px 0;  font: 14px/22px "微软雅黑";}
.xpl .btn1{ position: absolute; right: 35px; top:240px; }
#ingot{ position: absolute; bottom:50px; left:550px;}

/* 第三部分 */
.tabT{ height:75px; width: 960px;  overflow: hidden; margin-left: -20px; }
.tabT li{ width:300px; height:60px; float: left; background:#ffe013; margin-right: 4px; margin-top:12px; cursor: pointer; color: #592E0E;
			-ms-transform: skewX(30deg);		/* IE 9 */
			-webkit-transform:skewX(30deg);	/* Safari and Chrome */
			-o-transform: skewX(30deg);		/* Opera */
			-moz-transform: skewX(30deg);		/* Firefox */
			transform:skewX(30deg); 
 }
.tabT span{ display:block; line-height: 38px; text-align: center; font: bold 28px/60px "微软雅黑"; 
			-ms-transform: skewX(-30deg);		/* IE 9 */
			-webkit-transform:skewX(-30deg);	/* Safari and Chrome */
			-o-transform: skewX(-30deg);		/* Opera */
			-moz-transform: skewX(-30deg);		/* Firefox */
			transform:skewX(-30deg);
}
.tabT li:hover{ color: #fff; }
.tabT .o{ height:72px; background: #e21e2f; margin-top: 0; }
.tabT .o span{font: bold 36px/72px "微软雅黑"; color:#fff;}

.tabBox{width: 960px; height:820px;  position: relative;  overflow: hidden;}
.tabB{ width: 3000px; height:100%; position: absolute; top:75px; left: 0;}
.tabB img{ width:100%;}
.tabB li{ float: left; height:100%;}
.tabBc1,.tabBc2{ width: 910px;  padding: 25px;}
.tabBc1{ height:320px; background: #fff;}
.tabBc1-img,.tabBc1-main{ height:100%; width: 440px; float: left;}
.tabBc1-main{ margin-left: 20px;}
.tabB p{ font-size: 13px; margin-bottom:5px;}
.tabB h5{margin-bottom:10px;}
.tabBc1-main h3,.tabBc1-main h2{  padding-right:40px; margin:5px; text-align: right; }
.tabBc1>div{ position: relative;}
.tabB .btn1{ position: absolute; right:0;}
.tabBc2{ height:360px; background: url(../images/tabB2.png) no-repeat center 0; margin-top: 5px;}
.tabBc2>div{ height: 100%; width:400px; float: left; margin: 0 20px 0 25px;}
.tabBc2-img,.tabBc2-main{ height: 100%; float: left;}
.tabBc2-img{ width:200px;}
.tabBc2-main{ width:180px; height: 270px; padding:0 10px; position: relative;}

#v1,#v2{ position: absolute; top: 50%; cursor: pointer; transition: all .5s; }
#v1:hover,#v2:hover{transform: scale(1.1,1.1); }
#v1{ left: 0;}
#v2{ right: 0;}

/*.p0,.videoBox1 ul,.videoBox1 ul li,.videoBox1 ol li,.videoBox1 ol, .tabT{ box-sizing: border-box; border: 1px solid yellow;}*/