*{margin: 0;padding: 0; font-family:Microsoft YaHei,SimSun,Arial,SimHei; /* 1 */; color: #000; font-size: 14px}
ul,ol{list-style: none}
a {text-decoration:none;color:#000;}
a:hover{color: #c85f01}
.clearfix:after { 
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0; 
} 
.clearfix { display: inline-table; } 
img{border:0;}
body{overflow: hidden;}


/*url(imagesbg1.jpg) no-repeat top center*/
.load{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #B4340A;z-index: 99999;/*display: block!important;*/}
ul#progress {
	list-style:none;
	width:125px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -67px;
	margin-top: -50px
}
ul#progress li { /* Style your list */
	float:left;
	position:relative;
	width:15px;
	height:15px;
	border:1px solid #fff;
	border-radius:50px;
	margin-left:10px;
	border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333;
	background:#000;
}
ul#progress li:first-child { margin-left:0; } /* Remove the margin first li element */

.ball { /* Style your ball and set the animation */
	background-color:#824d27;
	background-image: -webkit-linear-gradient(90deg, #541703 25%, #B4340A);
	background-image: -webkit-linear-gradient(90deg, #541703 25%, #B4340A);
	width:15px;
	height:15px;
	border-radius:50px;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-moz-animation:loading 1s linear forwards;
	-webkit-animation:loading 1s linear forwards;
}
.pulse { /* Style your second ball to create the amazing effects */
	width:15px;
	height:15px;
	border-radius:30px;
	border: 1px solid #E1AA71;
	box-shadow: 0 0 5px #E1AA71;
	position:absolute;
	top:-1px;
	left:-1px;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-webkit-animation:pulse 1s ease-out;
	-moz-animation:pulse 1s ease-out;
}
/* Control Layers */
#layer1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
#layer2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }
#layer3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
#layer4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#layer5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }
#layer7 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
#layer8 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#layer9 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }
#layer10 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }
#layer11 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }
@-moz-keyframes loading {
    0%{-moz-transform:scale(0,0);}
    100%{-moz-transform:scale(1,1);}
}
@-webkit-keyframes loading {
    0%{-webkit-transform:scale(0,0);}
    100%{-webkit-transform:scale(1,1);}
}
@-moz-keyframes pulse {
    0%   {-moz-transform: scale(0);opacity: 0;}
    10%  {-moz-transform: scale(1);opacity: 0.5;}
    50%  {-moz-transform: scale(1.75);opacity: 0;}
    100% {-moz-transform: scale(0);opacity: 0;}
}
@-webkit-keyframes pulse {
    0%   {-webkit-transform: scale(0);opacity: 0;}
    10%  {-webkit-transform: scale(1);opacity: 0.5;}
    50%  {-webkit-transform: scale(1.75);opacity: 0;}
    100% {-webkit-transform: scale(0);opacity: 0;}
}




/*澶撮儴*/
.head{width: 1148px;padding-top: 25px;position: fixed;left: 50%;margin-left: -615px;z-index: 999;padding-left: 25px;padding-right: 57px}
.head a{float: left;}
.head span{float: right;}



/*杞﹀姩*/
#che{width: 385px;height: 161px;position: fixed;bottom: 0px;left: 50%;margin-left: -680px;z-index: 1000;}
#che .lun-h{position: absolute;left: 36px;bottom: 5px}
#che .lun-q{position: absolute;left: 284px;bottom: 5px}
#che.zhuan .lun-h,#che.zhuan .lun-q{animation:zhuan 2s linear;-webkit-animation:zhuan 2s linear;-o-animation:zhuan 2s linear;-moz-animation:zhuan 2s linear;-ms-animation:zhuan 2s linear;}
@keyframes zhuan{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(1440deg);}
}
@-o-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(1440deg);}
}
@-moz-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(1440deg);}
}
@-ms-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(1440deg);}
}
@-webkit-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(1440deg);}
}


/*鑳屾櫙*/
.background{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 0}
.bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;-webkit-transition:all 2s;}
.background1{background: url(imagesbg2.jpg) no-repeat top center;}
.background2{background: url(imagesbg3.jpg) no-repeat top center;}
.background3{background: url(imagesbg4.jpg) no-repeat top center;}
.background4{background: url(imagesbg5.jpg) no-repeat top center;}
.bg.cur{opacity: 1}



/*nav*/
.nav{position: fixed;left: 50%;top: 50%;margin-top: -60px;margin-left: -630px;z-index: 999;}
.nav ul li{padding: 4px;border-radius: 50%;margin: 10px 0px;cursor: pointer;border:2px solid transparent;}
.nav ul li.current{border-color:rgba(255,255,255,0.5);}
.nav ul li a{display: block;width: 11px;height: 11px;border-radius: 50%;background-color: #fff}
.nav .arr{width: 46px;height: 58px;position: fixed;left: 50%;margin-left: 500px;top: 50%;margin-top: -29px;z-index: 999;background: url(imagesarr.png) no-repeat;cursor: pointer;display: none}

/*鍐呭*/
#section{position: relative;}
.section{position: absolute;top: 0;height: 100%;z-index: 998;}


.section .sec{width: 1230px;position: relative;margin: 0 auto;padding-top: 70px}
.section .sec h3{text-align: right;padding-right: 57px;margin-bottom: 20px}


/*section1*/
/*.section1 .che ul li{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.section1 .che ul li{transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);}
.section1.act .che ul li{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);}
.section1.act .che ul li.li1-1{transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;}
.section1.act .che ul li.li1-2{transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;}
.section1.act .che ul li.li1-3{transition-delay:1s;-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;}*/


.che{position: relative;z-index: 2}
.che ul li{width: 203px;height: 205px;position: absolute;left: 69px;top: 0px;background: url(imagesche.png) no-repeat;text-align: center;overflow: hidden;cursor: pointer;}
.che ul li div{width: 100%;height: 100%;position: absolute;opacity: 1;z-index: 0;left: 0;top: 0}
.che ul li div span{-webkit-animation:shang 1.5s infinite;-moz-animation:shang 1.5s infinite;-o-animation:shang 1.5s infinite;-ms-animation:shang 1.5s infinite;animation:shang 1.5s infinite;margin: 32px auto 21px;display: block;text-align: center;position: relative;}
@-webkit-keyframes shang{
	0%{top: 10px;opacity: 0}
	100%{top:-10px;opacity: 1}
}
@-moz-keyframes shang{
	0%{top: 10px;opacity: 0}
	100%{top:-10px;opacity: 1}
}
@-o-keyframes shang{
	0%{top: 10px;opacity: 0}
	100%{top:-10px;opacity: 1}
}
@-ms-keyframes shang{
	0%{top: 10px;opacity: 0}
	100%{top:-10px;opacity: 1}
}
@keyframes shang{
	0%{top: 10px;opacity: 0}
	100%{top:-10px;opacity: 1}
}
.che ul li div p{text-align: center;font-size: 18px;margin-bottom: 21px;}
.che ul li div p.top{font-weight: 600}

.che ul li.li2{left: 285px}
.che ul li.li3{left: 501px}
.che ul li.li4{left: 714px}
.che ul li.li5{left: 176px;top:108px;}
.che ul li.li6{left: 394px;top:108px;}
.che ul li.li7{left: 608px;top:108px;}
.che ul li.li8{left: 824px;top:108px;}
.che ul li.li9{left: 285px;top:215px;}
.che ul li.li10{left: 501px;top:215px;}
.che ul li.li11{left: 714px;top:215px;}

.che ul li.li{opacity: 0.2;cursor: auto}
.che ul li.li12{left: 394px;top:-107px;}
.che ul li.li13{left: 67px;top:215px;}
.che ul li.li14{left: 394px;top:324px;}
.che ul li.li15{left: 933px;top:216px;}
.che ul li.li16{left: 933px;}
.che ul li.li17{}



/*section2*/
.section2 .sec{}
.section2 .sec .slider{margin-top: 50px}
.section2 .scrollbar{width: 438px; margin: 1em auto; height: 10px; }
.section2 #horizontal .example3 .sly{height: 400px}
.section2 ul li,.section2 ul li h6,.section2 ul li p{color: #fff}
.section2 ul li{float: left;/*width: 497px;*/height: 400px;/*margin-right: 60px*/}
.section2 ul li p span{color: #fff}
.section2 ul li h6{line-height: 24px;margin-bottom: 20px;font-size: 20px}
.section2 ul li h6.right{text-align: right;}
/*.section2 ul li div{padding-left: 28px;}*/
.section2 ul li div p.img{height: 286px;}
.section2 ul li div p.img img{max-width: 402px}
.section2 ul li p.bot{padding-left: 70px;}


/*section3*/
.section3 h3{}
.section3 .ol{position: relative;}
.section3 .ol ol{display: none}
.section3 .ol .bottom{position: absolute;bottom: -31px;margin-left: -31px;width: 63px;height: 63px;background: url(imagesarr-b.png) no-repeat;left: 50%}
.section3 ol{width: 932px;margin: 10px auto 0}
/*.section3 ol{background: url(imagesshijian.png) no-repeat top left;}*/
.section3 ol li{height: 89px;line-height: 89px;}
.section3 ol li span.shu{display: inline-block;width: 155px;text-align: center;}
.section3 ol li span.time{float: right;line-height: 83px;margin-right: 64px;}
.section3 ol li.ol1{background: url(imagesshijian1.png) no-repeat top left;}
.section3 ol li.ol2{background: url(imagesshijian2.png) no-repeat top left;}
.section3 ol li.ol3{background: url(imagesshijian1.png) no-repeat top left;}
.section3 ol li.ol4{background: url(imagesshijian2.png) no-repeat top left;}
.section3 ol li.ol5{background: url(imagesshijian1.png) no-repeat top left;}



/*section4*/

.nian{width: 1050px;margin: 0 auto}
.section4 .container{width: 100%;margin: 0}
.section4 ul{float: left;}
.section4 ul li{height: 175px;margin: 0;width: 350px}
.section4 ul li div{width: 175px;height: 175px;background-color: #005fa6}
.section4 ul li div.l{float: left;}
.section4 ul li div.r{float: right;}

.section4 ul li div p{padding: 26px 20px;color: #fff;font-size: 14px;}
.section4 ul li div p a{color: #fff;line-height: 25px}

.section4 .scrollbar{width: 438px;margin: 0 auto;height: 10px}


.nav{display: block;}
.nav1{display: none}





.section4 .nli1 div{background-color: #8f9599}
.section4 .nli2 div{background-color: #748089}
.section4 .nli3 div{background-color: #8f9599}
.section4 .nli4 div{background-color: #8f9599}
.section4 .nli5 div{background-color: #748089}
.section4 .nli6 div{background-color: #8f9599}
.section4 .nli7 div{background-color: #748089}
.section4 .nli8 div{background-color: #748089}
.section4 .nli8 div{background-color: #8f9599}
.section4 .nli9 div{background-color: #748089}





/*shi*/
.shi{width: 900px;position: fixed;left: 50%;margin-left: -500px;background-color: #fff;height: 395px;top: 155px;padding: 40px 50px;z-index: 999;display: none}
.shi span.shi-close{position: absolute;right: 5px;top: 5px;width: 30px;cursor: pointer;font-size: 30px;color: #3b3f4b}
.shi ul{height: 350px;width: 100%;overflow: auto;padding-right: 10px;position: relative;top: 16px}
.shi ul li p{line-height: 20px;color: #383838;line-height: 25px;font-size: 14px;margin-bottom: 20px}
.shi ul li b{display: block;font-size: 18px;color: #000;margin-bottom: 8px}
.shi ul li img{max-width: 100%;display: block;margin: 10px auto}




/*gundongtiao*/
#scrollbar3 .thumb{background-color: #C5C5C5}
#scrollbar3 .track{border-left: 10px solid #fff;border-right: 10px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;border-radius: 7px}
#scrollbar2 .track{border-left: 10px solid #fff;border-right: 10px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff;border-radius: 7px}








@media screen and (max-width:700px) {


.nav{left: 0;width: 100%;margin: 0;top: 90%;text-align: center;z-index: 9999}
.nav ul li{display: inline-block;margin: 0 30px;padding: 10px}
.nav ul li a{width: 20px;height: 20px}
.nav .arr{display: none;}


.che ul li div span{margin: 35px auto 21px}


/*鑳屾櫙*/
#section .section{background-size: 100% 100%;}
.background{display: none}
.section1{background: url(imagesbg2.jpg) no-repeat top center;}
.section2{background: url(imagesbg3.jpg) no-repeat top center;}
.section3{background: url(imagesbg4.jpg) no-repeat top center;}
.section4{background: url(imagesbg5.jpg) no-repeat top center;}


.head{width: 100%;left: 0;margin: 0;box-sizing:border-box;}
.head span{padding-top: 20px}

.section .sec{width: 98%;margin: 0 auto;padding-top: 120px}

/*.section1*/
.section1 .sec>div.che{height: 450px;overflow: auto;}
.che ul li.li{display: none}
.che ul li{position: static;float: left;}

/*.section2*/
.section2 #scrollbar3 .scrollbar{display: none}
.section2 #scrollbar3 .viewport{width: 100%;height: 600px;overflow: auto;}
.section2 #scrollbar3{width: 100%}
.section2 #scrollbar3 .overview{width: 100%}
.section2 ul li{float: none;margin: 0 auto}


/*.section3*/
.section3 ol{padding: 0;width: 627px;}
.section3 ol li{background-size: 627px 70px!important;height: 70px;line-height: 70px;overflow: hidden;}
.section3 ol li a{font-size: 20px;display: inline-block;width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 70px}
.section3 ol li span.time{display: none}
.section3 ol li span{width: 100px;padding-top: 0px;float: left;}
.section3 ol li span img{height: 40px;}


/*.section4*/
.nian{width: 100%;}
#scrollbar2{width: 100%}
#scrollbar2 .scrollbar{display: none;}
#scrollbar2 .viewport{height: 500px;overflow: auto;margin: 0 auto;width: 100%;}
#scrollbar2 .overview{width: 100%;}
.section4 ul{float: none;width: 100%;}
.section4 ul li{width: 100%;height: 314px;}
.section4 ul li div{width: 50%;height: 314px;}
.section4 ul li div img{width: 100%;}
.section4 ul li div p{font-size: 24px;color: #fff}
.section4 ul li div p a{font-size: 24px;color: #fff}



#che{margin-left: -195px;transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);-moz-transform: scale(0.7);left: 0;margin: 0}


.nav1{display: block;}
.nav{display: none}


.nav1{position: fixed;right: 30px;top: 10px;z-index: 999;display: none}
.nav1 div.nav-icon{margin-bottom: 10px;text-align: right;width: 35px;margin-left: auto;height: 30px}
.nav1 div.nav-icon.curr{}
.nav1 div.nav-icon div.x,.nav1 div.nav-icon div.y,.nav1 div.nav-icon div.z{height: 3px;width: 35px;margin-top: 8px;background-color: #fff;transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.nav1 div.nav-icon div.x{transform-origin:0px 7px;-ms-transform-origin:0px 7px;-moz-transform-origin:0px 7px;-webkit-transform-origin:0px 7px;-o-transform-origin:0px 7px;}
.nav1 div.nav-icon div.y{transform-origin:50% 50%;-o-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;}
.nav1 div.nav-icon div.z{transform-origin:7px 0px;-o-transform-origin:7px 0px;-webkit-transform-origin:7px 0px;-moz-transform-origin:7px 0px;-ms-transform-origin:7px 0px;}
.nav1 div.nav-icon.curr div.x{    transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.nav1 div.nav-icon.curr div.y{opacity: 0}
.nav1 div.nav-icon.curr div.z{    transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.nav1 ul{display: none}
.nav1 ul li{padding: 10px 20px;cursor: pointer;background-color: #fff}
.nav1 ul li.current{background-color: #ccc}
.nav1 ul li.current a{color: #c85f01}
.nav1 ul li a{display: block;font-size: 20px}


.section .bx-wrapper .bx-controls-direction a{left: 80%}
.section3 .ol .bottom{z-index: -1}


.shi{width: 100%;box-sizing:border-box;left: 0;margin: 0;height: auto}
}
.section-z{overflow: hidden;}