/*公共元素*/
html {overflow-x:auto; overflow-y:hidden;}
body{padding:0px;margin:0px;overflow-x: hidden;  _zoom:1; height:100%; overflow-y:auto;}
.ds-nav{ position:fixed;}

@-webkit-keyframes optCss {
	0% {
		-webkit-transform:translate(0,30%);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes optCss {
	0% {
		transform:translate(0,30%);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@-webkit-keyframes downUpCss {

	0%{
		-webkit-transform:scale3d(.1,.1,.1) translateY(0);
		opacity:0;
    }


    20% {

        -webkit-transform: translateY(-40px) scale3d(.5,1,.5);
		opacity:1;
    }

    95% {

        -webkit-transform: translateY(0) scale3d(1,.8,1);

    }100%{
		-webkit-transform: translateY(0) scale3d(1,1,1);
	}

}

@keyframes downUpCss {

     0%{
		transform:scale3d(.1,.1,.1) translateY(0);
		opacity:0;
    }


    20% {

        transform: translateY(-40px) scale3d(.5,1,.5);
		opacity:1;
    }

    95% {

        transform: translateY(0) scale3d(1,.8,1);

    }100%{
		transform: translateY(0) scale3d(1,1,1);
	}

}

@-webkit-keyframes shake {  
  
    0%, 100% {-webkit-transform: translateX(0);}  
    10%, 30%,  70%, 90% {-webkit-transform: translateX(-3px);}  
    20%, 40%,  80% {-webkit-transform: translateX(3px);}  
	50%{-webkit-transform: translateX(-5px);}
	60%{-webkit-transform: translateX(5px);}
}  

@keyframes shake {  
    0%, 100% {transform: translateX(0);}  
    10%, 30%,  70%, 90% {transform: translateX(-3px);}  
    20%, 40%,  80% {transform: translateX(3px);}  
	50%{transform: translateX(-5px);}
	60%{transform: translateX(5px);}
}

.current .delay4{
	-webkit-animation-delay:.4s;
	animation-delay:.4s;	
}

.current .delay6{
	-webkit-animation-delay:.6s;
	animation-delay:.6s;	
}

.current .delay8{
	-webkit-animation-delay:.8s;
	animation-delay:.8s;	
}

.current .delay10{
	-webkit-animation-delay:1s;
	animation-delay:1s;	
}
.current .delay12{
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;	
}
.current .delay14{
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;	
}
.current .delay16{
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;	
}

.current .delay18{
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;	
}

.current .delay20{
	-webkit-animation-delay:2s;
	animation-delay:2s;	
}
.current .delay22{
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;	
}

.current .delay24{
	-webkit-animation-delay:2.4s;
	animation-delay:2.4s;	
}

.box_tt{ color:#484843; font-size:48px; padding-top:65px; line-height:54px; text-align:left; width:100%; text-indent:10px;}
.more{ position:absolute; width:133px; height:42px; background:url(../Images/index/ic.png) no-repeat -267px -171px; }
.more:hover{background:url(../Images/index/ic.png) no-repeat -267px -216px;}
.webBut{ width:100%; height:28px; float:left; }
.webBut a{ float:left; width:100px; line-height:28px;  text-align:center; color:#4c74bd; font-size:14px; margin:0 11px 0px 0px;}
.webBut a.webA1{ margin:0 11px 0 540px;}
.webBut a.webA6{margin:0 20px 0 587px;}
.webBut a.hover{background:url(../Images/index/but2.png); color:#fff;}
.webBut a.hover:hover{ color:#fff;}
.webBut a:hover{ color:#fff;}
.b5but a{ color:#292929;}
.b5but a:hover{ color:#989898;}

.b6but a{ color:#292929;}
.b6but a:hover{ color:#989898;}

.b5Gbox{float:left; width:914px; margin-left:244px; height:auto;  margin-top:58px;}
.b5left{ margin-right:102px;}

.b5gTt{ width:100%; float:left;}
.b5gTt span{ font-size:22px; float:left; line-height:28px; color:#323232;}
.b5gTt a{ float:right; line-height:28px; color:#323232; font-size:14px;}
.b5gTt a:hover{ text-decoration:underline;}
.b5Gbox ul{ margin-top:12px; float:left; width:100%; height:auto; min-height:428px;}
.b5Gbox ul li{ height:51px; border-bottom:solid 1px #e4e4e4; float:left; width:100%; font-size:14px;   }
.b5Gbox ul li a{ float:left; width:auto; max-width:488px; background:url(../Images/index/jt.png) no-repeat left 20px; background-position:left 20px; padding-left:19px; line-height:51px; text-align:left;  overflow: hidden; white-space: nowrap;text-overflow: ellipsis; color:#7f7f7f; -webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;}
.b5Gbox ul li a:hover {color:#d6565f; background-position:5px 20px;}
.b5Gbox ul li span{ color:#7f7f7f; float:right; line-height:51px; font-family:Arial, Helvetica, sans-serif;}
.gg_more{ margin:66px 0 0 368px; float:left; width:148px; height:38px;  background:url(../Images/index/more.png); font-size:14px; line-height:38px; color:#505050;}
.gg_more:hover{ color:#707070;}

/*top导航*/
.top{ height:960px; position:relative; overflow:hidden; }
.tp_nbg{ width:100%; height:960px; background:url(../Images/index/nbg.png); z-index:10; position:absolute; left:0px; top:0px;}
.tp_nbg .plogo{ width:221px; height:295px; position:absolute; top:299px; left:50%; margin-left:-110px; background:url(../Images/index/plogo.png);}

.rolBox{ position:absolute;  top:0px; width:1920px; left:50%; margin-left:-960px; height:960px; overflow:hidden; }
.rolBox ul{ width:100%; float:left; height:960px; overflow:hidden;}
.rolBox ul li{ float:left; text-align:center; width:100%; height:960px; }
.rolBox ul li img{ width:1920px; height:960px;}
.box2{background:url(../Images/index/bg2.jpg) no-repeat center top; height:auto;}
.box2 .w1400{ height:960px;}
.box2 .b2tt{ color:#fff; font-size:36px; text-align:center; width:100%; padding:113px 0 13px 0; line-height:44px; margin-top:40px;}

.box2 .b2box{ display:none; width:844px; margin:auto; height:auto; overflow:hidden; padding-top:60px; text-align:left; font-size:14px; color:#656565;}
.box2 .b2b1{ display:block;}
.box2 .b2b1 p{ line-height:32px; padding-bottom:10px; text-indent:28px;}
.box2 .b2b2 p{ line-height:24px; text-align:left;}
.box2 .b2b2 p.b2p1{text-align:center;}
.box2 .b2b2 p span{ padding:0 13px;}
.box2 .b2b2 h1{ text-align:center; color:#656565; font-size:14px; margin:0px; font-weight:700; line-height:24px; padding:23px 0 8px 0;}
.box2 .b2b2 h1.b2bh2{padding:36px 0 8px 0;}


.box3{background:url(../Images/index/bg3.jpg) no-repeat center top; height:auto;}
.box3 .w1400{ height:480px;} 
.box3 .w1400 .b3tt{  line-height:46px; padding:131px 0 50px 0; color:#ffffff; font-size:36px; margin-top:40px; text-align:center;} 
.box3 .w1400 .b3but{ width:100%; height:auto; float:left; overflow:hidden; padding-top:8px;}
.box3 .w1400 .b3but a{ float:left; width:54px; font-size:14px; color:#fff; text-align:center; line-height:18px; padding-top:58px; background:url(../Images/index/ico.png) no-repeat;}
.box3 .w1400 .b3but a.b3a1{ margin-left:434px; background-position:7px 2px;}
.box3 .w1400 .b3but a.b3a2{ background-position:-228px 2px;}
.box3 .w1400 .b3but a.b3a3{ background-position:-456px 2px;}
.box3 .w1400 .b3but span{ float:left; width:181px;background:url(../Images/index/ico.png) no-repeat -47px 2px; height:58px; }

.box4{ position:relative; overflow:hidden; height:480px;}
.box4 ul{ width:100%; position:absolute; left:0px; top:0px; height:auto;}
.box4 ul li{ float:left; height:480px; width:480px;}
.box4 ul li.b4l1{ background:url(../Images/index/xm1.jpg) no-repeat center top;}
.box4 ul li.b4l2{ background:url(../Images/index/xm2.jpg) no-repeat center top;}
.box4 ul li.b4l3{ background:url(../Images/index/xm3.jpg) no-repeat center top;}
.box4 ul li.b4l4{ background:url(../Images/index/xm4.jpg) no-repeat center top;}

.box5{position:relative; overflow:hidden; height:auto;  background:url(../Images/index/bg5.jpg) no-repeat center top;}
.box5 .w1400{height:997px;}
.box5 .w1400 .b5tt{ color:#292929; font-size:36px; width:100%; text-align:center; line-height:56px; margin:125px 0 8px 0;}

.box6{position:relative; overflow:hidden; height:auto;  background:url(../Images/index/bg6.jpg) no-repeat center top;}
.box6 .w1400{height:960px;}
.box6 .w1400 .b6tt{ color:#292929; font-size:36px; width:100%; text-align:center; line-height:56px; margin:129px 0 8px 0;}
.b6box{ float:left; margin-top:54px; width:100%; height:480px; position:relative; overflow:hidden;}
.b6wp{ width:1021px; margin:auto; height:480px; position:relative; overflow:hidden;}
.b6wp ul{ position:absolute; left:0px; top:0px; width:10000px; height:420px;}
.b6wp ul li{ width:1021px; height:420px; float:left; position:relative; overflow:hidden;}
.b6wp ul li div{ float:left; width:339px; height:206px; box-sizing:content-box; text-align:left;-moz-box-sizing:content-box; -webkit-box-sizing:content-box; border: solid #e6e6e6; border-width:1px 0 1px 1px; background-color:#fcfcfc;}
#b6bg{background:url(../Images/index/zpbg.jpg) no-repeat center center #fcfcfc;}
.b6wp ul li div.bw_r{ border-right:1px solid #e6e6e6;}
.b6wp ul li div.bw_t{ border-top:0px solid #e6e6e6;}
.b6wp ul li div h1{ color:#505050; font-size:18px; padding-left:37px; padding-top:22px; line-height:40px; font-weight:400;}
.b6wp ul li div p{ font-size:12px; line-height:20px; padding-left:37px; color:#8e908f;}
.b6wp ul li div a{ float:left; width:86px; height:27px; background:url(../Images/index/xxbut.png); margin:8px 0 0 35px; line-height:27px; color:#8e908f; font-size:12px; text-align:center;}
.b6wp ul li div a:hover{ color:#fff; background:url(../Images/index/xbut.png) no-repeat center center;}

.jtBbox{ position:absolute; left:0px; top:445px; width:100%; height:14px; text-align:center;}
.jtBbox a{ font-size:0px; padding:6px 6px; *padding:7px 7px;  _padding:7px 7px; line-height:14px; margin-right:7px; overflow:hidden;  background:url(../Images/index/d.png) no-repeat right top; *background-position:right top; _background-position:left 2px;}
.jtBbox a.hover{ background-position:left top; padding:6px 16px; *padding:7px 16px; _padding:7px 16px; *background-position:left top; _background-position:left top;}


.b6page{ width:32px; height:20px; background:url(../Images/index/page.png) no-repeat; position:absolute; top:198px; display:none;}
.b6spage1,.b6spage2{ background-position:left top; left:121px;}
.b6xpage1,.b6xpage2{ background-position:left bottom; right:121px;}
.subnav{ display:none;}
.cssopt{opacity:0;}

.current .cssopt{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:optCss;
	animation-name:optCss;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.dupCss{opacity:0; }

.current .dupCss{
	opacity:1; 
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:downUpCss;
	animation-name:downUpCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
}