html{
    height: 100%;
}
body{
    font-size: 12px;
    font-family: 微软雅黑;
    min-width: 1200px;
    min-height: 100%;
    position: relative;
    padding-bottom: 85px;
}
a{
    text-decoration: none;
}
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul li{
    float: left;
}
h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
    padding: 0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
img{
    vertical-align: middle;
}
input{
    margin: 0;
    padding: 0;
    outline: none;
}
/*header*/
.header{
	position:absolute; width:100%; z-index:999
}
.header .head-top{
    width: 100%;
    height: 89px;
    float: left;
	margin-top:32px;
}
.head-top .head-topContent{
    width: 1200px;
   
    margin: 0 auto;
   
}
.head-topContent div{ float:left;}
.head-topContent::after{
    clear: both;
}
.head-topContent .logo{
    width: 355px;
    height: inherit;
    margin-right: 68px;
}

.head-topContent .form{
    width: auto;
	margin-top:10px;
   
}
.head-topContent .form>input{
    width: 283px;
    height: 38px;
    float: left;
    line-height: 24px;
    color: #000;
    padding-left: 10px;
    margin-bottom: 4px;
    border-width: 1px;
    border-color: #888;
    border-style: solid;
    outline: 0;
    font-size: 14px;
}
.head-topContent .form>.button{
    width: 80px;
    height: 38px;
    background: #888;
    float: left;
    border: none;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    outline: none;
    cursor: pointer;
    transition: 1s;
    padding: 0
}
.head-topContent .form>.button:hover{
    background:red;
	
}

.header .head-bottom{
  
}
.sxc a{ font-size:17px;  display:inline-block;}
.sxc li{ text-align:center; transition:0.5s ease; 


}
/*background: -webkit-linear-gradient(#ffca00, #e04c18);
  background: -o-linear-gradient(#ffca00,# e04c18);  
  background: -moz-linear-gradient(#ffca00,#e04c18); 
  background: linear-gradient(#ffca00, #e04c18) 0% 0%;
  background-size:100% 0%;
  background-repeat:no-repeat;*/

.sxc li a{ font-size:16px;  color:#FFF;
transition:2s ease;
position: relative; 
color:#fff !important;
padding:3px;
width:100%; 
display:inline-block;
width:110px;
 padding-left: 40px;
 padding-top: 50px;
 height: 200px;

   }
.sxc li a:after{ transition:2s ease;transition-delay: 0.5s; content:url("../images/ty.png"); width: 100%;  animation:deyt  3s  linear  infinite;  height: 100%; text-align: center; position: absolute; opacity: 0;  top:-189px;left: 0px;  }
.sxc li a:before{ transition:2s ease;transition-delay: 0.5s; content:url("../images/0hoverr.png"); width: 100%;   height: 100%; text-align: center; opacity: 0; position: absolute;  top:-230px;left: 0px;  }

@keyframes deyt
{
0%{ opacity: 1; }
50% { opacity: 0.5;}
100% { opacity: 1;}

}
.sxc li a:hover {background-position:center -40px;opacity: 1;}
.sxc li a:hover:after{ opacity: 1; top:0px; transition-delay: 0s;}
.sxc li a:hover:before{opacity: 1; top:-41px; transition-delay: 0s;}

 .sxc li a span{
  float:left;
   font-family: 宋体;
   font-size:12px;
    width: 18px;
    display: inline-block;
      writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl; 
letter-spacing: 1px;
position: relative;
z-index: 9;

 }  
 .sxc li a p{ 
    float:left;
     font-size:18px;
      width: 18px; 
      font-family: 宋体;
line-height: 19px;
font-weight: 800;
position: relative;
z-index: 9;
       }    
.eList>a{
    
    background: url('../images/bei.png');
    display: block;
    cursor: pointer;
    transition: .5s;
	line-height:40px !important;
}
.eList>a{
    border-bottom: none;
}

.head-nav li .eList >a:hover{
    background: #975e33;
}



/*header-尾部*/

/*banner*/
.banner{
    width: 100%;
    /*height: 648px;*/
    position: relative;
    overflow: hidden;
}
.banner .banLis{
    width: 100%;
    height: 100%;
}
.banner img{
	width:100%;
  
   
}
.banner .hd{
    width: 105px;
    /*height: 10px;*/
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    bottom: 20px;
    overflow: hidden;
}
.banner .hd li{
    width: 20px;
    height: 20px;
    background-color:#30a54d;;
    /*background-image: url('../images/whitety.png');*/
    /*background-repeat: no-repeat;*/
    margin-right: 10px;
    border-radius: 45px;
    cursor: pointer;
    line-height: 28px;
    text-align: center;
    font-size: 0px;
    color: #fff;
}
.banner .hd li:last-child{
    margin: 0;
}

.banner .hd .on{
    /*background-image: url('../images/greenty.png');*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    background-color: #9c482e;
}
.lr-box{
    position: absolute;
    width: 100%;
    height: 60px;
    z-index: 100;
    top: 0;
    bottom: 0;
    margin: auto;
	font-size:0px;
}
.lr-box .prev,
.lr-box .next{
    width: 32px;
    height: 60px;
    background-image: url("../images/jtou.png");
    background-repeat: no-repeat;
}
.lr-box .prev{
    float: left;
    margin-left: 164px;
    background-position: 0 0;
}
.lr-box .next{
    float: right;
    margin-right: 164px;
    background-position: right 0;
}

/*banner尾部*/

/*base*/
.base{
    width: 100%;
    height: 536px;
    /*background: url("../images/");*/
}
.base .base-content{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
}
.base-content .base-tit{
    width: 100%;
    height: 80px;
    background-image: url("../images/base-tit.png");
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-top: 15px;
}
.base-content .base-box{
    width: 100%;
    height: 430px;
    background-image: url("../images/view.png");
    background-repeat: no-repeat;
}
.base-box p{
    color: #606d4f;
    font-size: 14px;
    width: 675px;
    /*height: 50px;*/
    line-height: 35px;
    margin: 0 auto 40px;
    text-align: center;
}
.base-box .ico-lis{
    width: 100%;
    height: 300px;
    margin: 0 auto;
    position: relative;
}
.ico-lis .tempWrap{
    margin: 0 auto;
    z-index: 20;
}
.ico-lis .hd{
    width: 100%;
    height: 50px;
    position: absolute;
    top: 110px;
    z-index: 19;
}
.ico-lis .prev,
.ico-lis .next{
    width: 50px;
    height: 50px;
    background-image: url("../images/yuanjt.png");
    background-repeat: no-repeat;
}
.ico-lis .prev{
    float: left;
    background-position: 0 0;
}
.ico-lis .next{
    float: right;
    background-position: right 0;
}
.ico-lis .base-ico{
    width: 1050px;
    height: inherit;
    outline: 1px solid black;
}
.base-ico .bico-box{
    width: 341px;
    height: 264px;
    display: inline-block;
    position: relative;
    margin: 0 4px;
    overflow: hidden;
}
.base-ico .bico-box:last-child{
    margin: 0;
}
.bico-box a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.bico-box .b-mb{
    width: 100%;
    height: 56px;
    background-color: #1e2813;
    color: #fff;
    padding-left: 30px;
    /*text-align: center;*/
    line-height: 55px;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    -webkit-transition: transform .5s,opacity .6s;
    -moz-transition: transform .5s,opacity .6s;
    -o-transition: transform .5s,opacity .6s;
    transition: transform .5s,opacity .6s;
    opacity: 0;
}
.b-mb i{
    font-style: normal;
    float: right;
    margin-right: 20px;
    font-size: 12px;
    line-height: 60px;
}
.bico-box .ic{
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.bico-box:hover .ic{
    transform: scale(1.1);
}
.bico-box:hover .b-mb{
    transform: translateY(0);
    opacity: 1;
}



/*advantage*/
.advantage{
    width: 100%;
    height: 568px;
    background-image: url("../images/vsBg.jpg");
    background-size: 100% 100%;
}
.advantage .advantage-content{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
    position: relative;
}
.advantage-content h2{
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 25px;
}
.advantage-content h2>img{
    margin-left: 15px;
}
.advantage-content .advant-boc{
    width: 100%;
    height: 256px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.advant-boc .l-b,
.advant-boc .r-b{
    width: 578px;
    height: 256px;
    display: inline-block;
}
.advant-boc .l-b{
    float: left;
    margin-left: 5px;
    background: url("../images/ysOne.png");
}
.advant-boc .r-b{
    float: right;
    margin-right: 5px;
    background: url("../images/ysTwo.png");
}





.advantage-content .duibi{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 65px;
}
.duibi>img{
    margin-left: 15px;}














	.layB{width:1200px;padding:0px 15px;}
	.layB .tbC{ width:1200px; padding:10px 12px; position:relative;    }
	.layB .prev,.layB .next{width:15px; height:60px; width:30px;  position:absolute; left:-30px; top:215px; background-position:-520px 0; color: #FFF; font-size:39px; color:#1ed17f; }
	.layB .next{ left:auto; right:-50px; background-position:-560px 0; }
	.layB .prev:hover{ background-position:-540px 0;  }
	.layB .next:hover{ background-position:-580px 0; }
	.layB .slide{ width:1200px; overflow:hidden;    }
	.layB ul{ overflow:hidden; zoom:1; height:550px; width:1200px; }
	.layB li{ width:23.33%; margin:0 10px 4px 10px; display:inline; height:275px; float:left; line-height:20px; overflow:hidden;  }
	.layB li img{ display:block; width:100%; }
	.layB li a:hover img{ border-color:#888;  }
	.slide p{ width:320px; height:200px; overflow:hidden; margin:0 auto; color:#888; font-size:16px; line-height:40px;  height:50px; overflow:hidden;}
	.slide .pIcon1{ width:100%; height:209px; overflow:hidden; margin:0 auto; border:1px solid #a3dfc3; padding:10px;}
    .slide span{ text-align:center; width:100%; display:inline-block; font-size:16px; margin-top:20px; margin-bottom:10px; color:#888;}
	
	.yuyu .wdeys{ font-size:25px; color:#FFF; font-weight: bold; margin:0px 20px; display:inline-block;}
	.yuyu{ text-align:center;}
	.yuyu span{ color:#FFF;}
	.yuyu1{ padding:60px 0;  background: url("../images/beijing1.jpg"); height:420px;}
	 .yuyu2{ float:left; width:25%; }
	 .yuyu2 div{ margin:30px; border:1px solid #FFF; border-radius:400px; color:#FFF; height:200px; width:200px; padding:30px 10px;text-align:center;}
	  .yuyu2 div h3{ font-size:23px; margin-top:30px; display:inline-block;}
	  .yuyu2 div p{ font-size:14px;}
	  .span1{ background: url("../images/daohang.png") 340px; width:50px; height:50px; border-radius:50px; display:inline-block;}
	   .span2{ background: url("../images/daohang.png") 282px; width:50px; height:50px; border-radius:50px; display:inline-block;}
	    .span3{ background: url("../images/QQ.png") no-repeat center; width:50px; height:50px; border-radius:50px; display:inline-block;}
		.span4 div{ width:50px; height:50px; background:rgba(0,0,0,0.2); border-radius:50px; float:left; margin-left:13px;}
		.span4 { margin-top:20px;}
		.span4 div:hover{ background:#66d8a4;}
		
/*product*/
.product{
    width: 100%;
	position:relative;
    background-size: 100% 100%;
    overflow: hidden;
}
.product .product-content{
    width: 1200px;
    height: inherit;
    margin: 0 auto;
}
.product-content .product-tit{
    width: 100%;
    /*height: 200px;*/
    text-align: center;
    margin-bottom: 60px;
}
.product-tit .product-pho{
    width: 100%;
    height: 80px;
    display: inline-block;
    margin: 100px 0 15px;
    text-align: center;
}
.product-tit .tet-nz{
    width: 410px;
    height: 35px;
    background-image: url('../images/hmtele.png');
    background-repeat: no-repeat;
    display: inline-block;
}
.product-content .product-icon{
    width: 100%;
    height: 410px;
    position: relative;
}
.product-icon>.bd{
    position: relative;
    z-index: 20;
}
.product-icon>.hd{
    z-index: 18;
}

.product-icon ul{
    width: 100%;
    height: 410px;
}
.pList li{
    width: 400px;
    text-align: center;
    /*margin-left: 30px;*/
    margin: 0 10px;
}
.pList li a{
    display: block;
    width: 100%;
    height: 100%;
}

.pList .pIcon1{
   
    height: 270px;
  
   
    line-height: 270px;
    position: relative;
    overflow: hidden;
}
.pIcon1 img{
	height:300px;
}
.pIcon1 .p_mbs{
    font-style: normal;
    width: 255px;
    height: 255px;
    display: inline-block;
    text-align: center;
    line-height: 270px;
    position: absolute;
    background-color: rgba(0,0,0,.4);
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%; 
    font-size: 14px;
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}
.pList .pIcon1:hover .p_mbs{
    opacity: 1;
}
.pList span{
    font-size: 26px;
    display: inline-block;
    margin-top: 22px;
}
.pList p{
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
	color:#888;
}
.product-icon .hd{
    position: absolute;
    top: 140px;
    margin: auto;
    width: 100%;
    height: 56px;
}
.product-icon .hd>.prev,
.product-icon .hd>.next{
    width: 35px;
    height: 56px;
    background-image: url("../images/greentj.png");
    background-repeat: no-repeat;
}
.product-icon .hd>.prev{
    margin-left: -60px;
    float: left;
    background-position: 0 0;
}
.product-icon .hd>.next{
    float: right;
    margin-right: -85px;
    background-position: right 0;
}

/*新闻资讯-头*/
.xin{ float:left; width:50%;}
.xin1{ width:1200px; margin:0 auto; height:600px;}
.nLis1 a{ width:550px; height:225px; overflow:hidden;}
.nLis1 a img{ width:550px; height:260px; margin-top:60px;}
.nLis1 p{ font-size:18px; color:#FFF; width:550px;  text-align:center; line-height:40px; background:rgba(0,0,0,0.6); position:absolute; bottom:-10px; display:none; transition:1s ease; }
.nLis1:hover p{ display:block;}
.nLis1{ position:relative; }
.nLis div p{ float:left; width:80px; text-align:center; font-size:16px; margin-top:40px;}
.nLis div div{ float:left; margin-left:40px; width:390px;}
.nLis div div h3{ color:#453216; }
.nLis div div a{ width:410px; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:block;}
.nLis div div span{ font-size:16px;}
.nLis div div h3:hover{ color:#735323;}
.nLis div{  width:100%; padding:30px 0; height:152px; overflow:hidden;}
/*news尾部*/

.zui{  height:430px;}
.zui1{ z-index:10; width:1200px; margin:0 auto; height:90px; }
.zui1 ul li a{color:#FFF;  font-size:18px; text-align:center;}
.zui1 ul li{ width:200px; padding:30px 0; }
.zui1 ul li a:hover{ color:#975e33;}
.zui3{ width:1200px; margin:60px auto;}
.zui2{ float:left; width:33%;}
.zui4{ color:#FFF;}



/*contact us*/
.contacts{
    width: 100%;
    height: 600px;
    background-image: url("../images/contactBg.jpg");
    background-repeat: no-repeat;
    background-position: center;
}
.contacts .contacts-content{
    width: 1190px;
    height: inherit;
    margin: 0 auto;
    overflow: hidden;
}
.contacts-content .ewm{
    width: 181px;
    height: 100px;
    margin: 0 auto 80px;
    margin-top: 50px;
    line-height: 91px;
    text-align: center;
    font-style: normal;
    font-family: "宋体 常规";
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}
.contacts-content .contacts-box{
    width: 882px;
    height: 310px;
    margin: 0 auto;
    background-image: url("../images/mengb.png");
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.contacts-box .lx-content{
    width: 683px;
    height: 284px;
    margin: 25px auto 0;
}
.lx-content h3{
    width: 100%;
    color: #3c9842;
    display: block;
    font-size: 18px;
    line-height: 48px;
    float: left;
    font-family: "微软雅黑 Light";
    margin-bottom: 20px;
    font-weight: 700;
}
.lx-content h3:before{
    content: url("../images/sun.png");
    width: 46px;
    height: 46px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
/*联系方式*/
.lx-content .lx-us {
    width: 356px;
    height: inherit;
}
.lx-us p{
    font-size: 14px;
    line-height: 28px;
    font-family: 微软雅黑;
}
.lx-us p>span{
    padding-left: 15px;
}
.lx-us p>i{
    color: #8d0000;
    font-style: normal;
}

/*二维码*/
.lx-content .message{
    width: 305px;
    height: inherit;
}
.message .b-erwm{
    float: right;
}
.b-erwm img{
    width: 218px;
    height: 218px;
    margin-top: 5px;
}
.message span{
    float: right;
    margin-right: 65px;
    display: inline-block;
    margin-top: 5px;
}

/*contact us-尾部*/

/*float-box*/

.float{
    width: 80px;
    height: 270px;
    background-image: url("../images/float.png");
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    right: 10px;
    top: 280px;
    z-index: 100;
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}
.float .tops{
    width: 100%;
    height: 32px;
    display: block;
}
.float .qq{
    width: 100%;
    height: 118px;
    display: inline-block;
    margin-top: 2px;
    text-align: center;
}
.float .weixin{
    width: 100%;
    height: 120px;
    display: inline-block;
    text-align: center;
}
.weixin .wx-ico{
    width: 66px;
    height: 66px;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*footer*/
.footer{
    width: 100%;
    /*height: 85px;*/
    background: #028420;
    color: #f8edd6;
 
    bottom: 0;
    left: 0;
	padding:10px 0;
	height:auto; 
	overflow:hidden;
}
.footer .footer-content{
    width: 1000px;
    height: inherit;
    margin: 0 auto;
   
    line-height: 35px;
    font-size: 12px;
}






*{margin:0; padding:0;}

.big-box {
 width:100%;
 height:400%;
 text-align:center;
 position:absolute;
 transition:1s ease;
 top:0px;
 left:0px;
 background:url(%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/5.jpg);
 background-attachment: fixed;
 background-size:100% 100%;
}
.big-box .item{
 height:25%;
 overflow:hidden;
 position: relative;


}
.big-box .item1 {


top:0px;
 transition:3s ease;
}
.big-box .item2 {
 
top:0px;
  transition:3s ease;
}
.big-box .item3 {
	background:url("../images/44.jpg") center/cover;
 
top:0px;
  transition:3s ease;
}
.big-box .item4 {

top:0px;
  transition:3s ease;
}

.controls {
 list-style:none;
 position:absolute;
 top:40%;
 right:20px;
 z-index: 99999999;
}
.controls li {
 width:10px;
 height:10px;
border-radius:50px;
 text-align:center;
 background-color:#fff;
 color:#fff;
 cursor:pointer;
 float: none;
 position: relative;
 margin: 30px;
}
.controls li:after{ content:""; position: absolute; display: inline-block; border-radius: 50px; transition: 0.5s ease; width: 10px; height: 10px; border:1px solid #fff; top:0px; left: 0px; }
.controls li+li {
 margin-top:5px;

}
.controls li.active{position: relative;}
.controls li.active:after{ width: 16px !important; height: 16px !important;top:-3px !important; left:-3px !important;}
.controls li.active {
 background-color:#fff;
 color:red;
}


.pa_2 img{  position: absolute; right: 0px; top: 0px; opacity: 0.5;z-index: 99; }
.pa_2:after{content: ""; animation:deyt  3s  cubic-bezier(0.4, 0, 1, 1)  infinite; width: 200px; height: 200px; background: #fad380; position: absolute; top: 500PX;
right: 550PX;filter: blur(50px);z-index:1;}
.pa_2:before{content: ""; animation:deyt 3s 0.5s  cubic-bezier(0.4, 0, 1, 1)  infinite; width: 200px; height: 300px; background: #fad380; position: absolute; top: 296px;
right: 320px;filter: blur(50px);z-index:1;}
.pa_2_1{content: ""; animation:deyt 3s  cubic-bezier(0.4, 0, 1, 1)  infinite; 
width: 100px;
height: 200px;
background: #fad380;
position: absolute;
top: 615px;
right: 813px;
filter: blur(50px);
z-index: 1;}
.pa_2_2{content: ""; animation:deyt 3s 0.5s  cubic-bezier(0.4, 0, 1, 1)  infinite; 
width: 80px;
height: 100px;
background: #fad380;
position: absolute;
top: 742px;
right: 968px;
filter: blur(50px);
z-index: 1;}
.pa_2_3{content: ""; animation:deyt 3s   cubic-bezier(0.4, 0, 1, 1)  infinite; 
width: 50px;
height: 50px;
background: #fad380;
position: absolute;
top: 841px;
right: 1080px;
filter: blur(30px);
z-index: 1;}

.item2 .cent_top_t{ position: absolute;  left: 0px; z-index: 999; width: 100%;height: 400px; }
.item2 .cent_top_t .vvv div{ float: left; width: 500px;  text-align:center;}
.item2 .cent_top_t .vvv div p{font-size: 16px; color: #fff; font-family: 宋体; font-weight: 800; line-height: 28px; text-align: left;}
.item2 .cent_top_t .vvv div font{ width: 40px;margin-top: 20px; transition:1s ease;  position: relative; display: inline-block; height: 40px; color: #fff; font-size: 30px; background-color: #fff; text-align: center; line-height: 40px; border-radius: 3px; transform: rotate(45deg);}
.item2 .cent_top_t .vvv img{ display: block;  }
.item2 .cent_top_t .vvv div font:after{ content: "+"; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; color: #333; font-size: 40px; text-align: center; line-height: 33px; transform: rotate(-45deg);  }
.item2 .cent_top_t .vvv div:hover font{transform: rotate(180deg); border-radius: 100px; background: #ca0000;} 
.item2 .cent_top_t .vvv div:hover font:after{color: #fff;}

.item3 .clear{ width: 100%; height: 100%;transform: rotateX(180deg);opacity: 0.5; position: absolute; top: 0px; left: 0px; }
.item3 .vvv{  height: auto; overflow: hidden; }
@keyframes fn{
				0% {transform:rotateX(-15deg) rotateY(0deg) ; }
			    100%{transform:rotateX(-15deg) rotateY(360deg) ;}

			}
			@-moz-keyframes fn{
				0% {transform:rotateX(-15deg) rotateY(0deg) ;}
			    100%{transform:rotateX(-15deg) rotateY(360deg) ;}
			}
			@-ms-keyframes fn{
				0% {transform:rotateX(-15deg) rotateY(0deg) ;}
			    100%{transform:rotateX(-15deg) rotateY(360deg) ;}
			}
			@-webkit-keyframes fn{
				0% {transform:rotateX(-15deg) rotateY(0deg) ;}
			    100%{transform:rotateX(-15deg) rotateY(360deg) ;}
			}
		.item3	.box{				
		    	width:180px;
            	height:320px;
            	position:relative;
            	margin:auto;
            	transform-style:preserve-3d;
            	transform:rotateX(-10deg) ;
            	animation:fn 10s;
            	animation-iteration-count: infinite;
		    	animation-timing-function: linear;
		    	position: relative;
		    	float: left;
		    	margin: 62px 0px 0px 0px;

			}
			.item3	.box div{ overflow:hidden;}
			.item3	.box div img{ width: 100%; height: 100%; }
			.item3 .box:hover{
				animation-play-state: paused;
			}
			.item3 .box a img{transition: 0.5s ease;}
			.item3 .box a:hover  img{transform: scale(1.1); transition: 0.5s ease;}
			.item3 .box>div{
				width:168px;
				height:250px;
				position: absolute;
				left:0;
				top:0;
				
			}
		.item3 .box .ind_1{transform: rotateY(0deg) translateZ(230px);}	
		.item3 .box .ind_2{transform: rotateY(40deg) translateZ(230px);}	
		.item3 .box .ind_3{transform: rotateY(80deg) translateZ(230px);}	
		.item3 .box .ind_4{transform: rotateY(120deg) translateZ(230px);}	
		.item3 .box .ind_5{transform: rotateY(160deg) translateZ(230px);}	
		.item3 .box .ind_6{transform: rotateY(200deg) translateZ(230px);}	
		.item3 .box .ind_7{transform: rotateY(240deg) translateZ(230px);}	
		.item3 .box .ind_8{transform: rotateY(280deg) translateZ(230px);}
		.item3 .box .ind_9{transform: rotateY(320deg) translateZ(230px);}

		.item3 .rig{ float: right; text-align: center;}
		.item3 .rig img{ display: block; }
		.item3 .rig font{ width: 40px;margin-top: 20px; transition:1s ease;  position: relative; display: inline-block; height: 40px; color: #fff; font-size: 30px; background-color: #fff; text-align: center; line-height: 40px; border-radius: 3px; transform: rotate(45deg);}
	
		.item3 .rig font:after{ content: "+"; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; color: #333; font-size: 40px; text-align: center; line-height: 33px; transform: rotate(-45deg);  }
		.item3 .rig font:hover{transform: rotate(180deg); border-radius: 100px; background: #ca0000;} 
		.item3 .rig font:hover:after{color: #fff;}
		.item4 .vvv{ text-align:center; }
		.item4	.wobuhao{background:url("../images/bjbj.png")  center bottom no-repeat; width: 100%; height: 960px; position: absolute; left: 0px; bottom: 0px; }
        .item4 .tryt h4{font-size: 26px; color: #ff6666; font-family:宋体;}
        .item4 .tryt p{ font-size: 18px; color: #fff;  }
        .item4 .tryt{ position: absolute; width: 100%; padding-top: 4%; }

        .item .an{ text-align: center; position: absolute; width: 100%;  bottom: 0px; }
        .item .an img{ animation: sx 2s infinite; position: relative;top:-30px;  cursor: pointer;  }
        
        .w_right{  transition: 2s  ease;right: 0% ;opacity: 1; }
        .w_right_x{ transition: 1s  ease;opacity: 0; right: -50% !important;}

        .w_left{ opacity: 1; transition: 3s  ease; left: 0px;}
        .w_left_x{opacity:0; transition: 1s  ease; left: -500px !important;}

        .w_bottom{ opacity: 1; transition: 3s  ease;  bottom: 0px; }
        .w_bottom_x{opacity:0; transition: 1s  ease; bottom: -500px !important;}

        .w_top{ opacity: 1; transition: 5s  ease;  top: 0px; }
        .w_top_x{opacity:0; transition: 1s  ease; top: -400px !important;}

        .w_bt{ opacity: 1; transition: 4s  ease;  top:0px; }
        .w_bt_x{opacity:0; transition: 1s  ease; top:500px !important;}

            @keyframes sx{
                0% { top:-30px; }
                50%{top:0px;}
                100%{top:-30px;}
            }

.vvv{ width:1200px; margin:0 auto;}
.vvv a{ color:#888;}
.vvv a:hover{ color:#004993;}
.vvvv{ padding:10px 15px; border:1px solid #CCC; text-align:center; width:100%; margin:20px  auto; color:#888; height:50px; }
.ttlt{ text-align:center;  margin:0 auto; padding:75px 0;}
.ttlt p{ margin-top:15px; font-family: cursive;  color:#55160f; font-size:16px; line-height:22px;}

.chanp{ width:237px; height:605px;   float:left;   color:#fff; overflow:auto; margin-top:5px;}
.chanp1{ background:#fff; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;  }
.cjhu{ list-style:none; border-bottom:1px solid #e0e0e0;padding:18px 0px; font-size:16px; height:57px; width:100%; display:block; position:relative; padding-left:50px; }
.cjhu:after{ content:""; position:absolute; width:10px; height:10px; border-radius:50px;left:30px; top:24px; background:#333333;}

.yuyutt a:after{ content:""; position:absolute; width:8px; height:8px; border-radius:50px;left:30px; top:15px; background:#333333;}
.yuyutt a:before{content:""; position:absolute; width:8px; height:2px; background:#333333; left:37px; top:18px; transition:0.5s ease;}
.yuyutt a{ display:block; padding-left:55px; line-height:33px; color:#666666; font-size:14px; position:relative;}
.yuyutt{border-bottom:1px solid #e0e0e0; display:block; width:100%;}
.cjhu:hover:after{ background:#004993;}
.yuyutt a:hover:after{ background:#004993;}
.yuyutt a:hover:before{ background:#004993; width:0px;}
.chan{ float:right; width:930px;}

.chan1 a{ display:inline-block; float:left; border:1px solid #dcdcdc; margin:5px; text-align:center; padding:20px; width:23%;}
.chan1 a p{ margin:0px; font-size:14px; color:#666666; height:20px; overflow:hidden;}
.chan1 a div{ width:173px; height:215px; overflow:hidden; margin-bottom:20px;}
.chan1 a:hover p{ color:#004993;}
.chan1 a:hover{ border-color:#004993;}
.chan1 a img{ height:220px;}
.chan1 a:hover img{ transform:scale(1.1); transition:0.5s ease;}
.zhong{background:url("../images/bgj.png")  center center; background-repeat:no-repeat;  height:268px; margin-top:60px; position:relative;}
.zhong1{background:url("../images/bj3.png")  center center; background-repeat:no-repeat;  height:276px; margin-top:60px; position:relative;}
.qinzhi{ height:auto; overflow:hidden;}
.fangzhan{ float:left; width:545px; height:420px; border:1px solid #ececec; margin:0px 25px; padding:25px; text-align:center;}
.fangzhan div{ width:495px; height:187px; overflow:hidden; margin:28px auto; margin-top:-30px;}
.fangzhan h3{ font-size:30px; line-height:63px; font-weight:bold; color:#fff; width:185px; text-align:center; text-align:center; display:inline-block; border-radius:10px; background:#004993; position:relative; top:-50px;}
.fangzhan p{ font-size:24px; color:#333333; margin:20px 0;}
.fangzhan .tytyg span{ display:inline-block; background:#004993; color:#fff; font-size:14px; padding:2px 7px; border-radius:50px;}
.fangzhan .tytyg h5{ color:#004993; font-size:16px;}
.fangzhan .tytyg:hover span { background:#009900;}
.fangzhan .tytyg:hover h5{ color:#009900;}


.fangzhan .tytyg1 span{ display:inline-block; background:#009900; color:#fff; font-size:14px; padding:2px 7px; border-radius:50px;}
.fangzhan .tytyg1 h5{ color:#009900; font-size:16px;}
.fangzhan .tytyg1:hover span { background:#004993;}
.fangzhan .tytyg1:hover h5{ color:#004993;}



.jianjie1{ float:left; width:755px; overflow:hidden; height:413px;}
.jianjie2{ float:left; width:444px; }
.jianjie2 div{ padding:20px 40px; margin-top:20px; border:1px solid #c9c9c9}
.jianjie2 div h3{ font-size:16px; color:#333333; margin:20px 0;}
.jianjie2 div p{ font-size:14px; color:#333333; line-height:25px; text-indent:2em;}
.jianjie2 img{ margin-left:40px;}
.jianjie{ height:auto; overflow:hidden; margin-top:100px;}
.quye a{ width:135px; line-height:40px; margin-right:20px; font-size:22px; color:#004993; text-align:center;position:relative; z-index:99; border-bottom:2px solid #333333; padding-bottom:10px;} 
.quye,.quye1 {  padding:40px 0px; position:relative; }

.quye1 a{ cursor:pointer;width:135px; line-height:40px; margin-right:20px; font-size:22px; color:#5d5d5d; text-align:center;position:relative; z-index:99; border-bottom:2px solid #333333; padding-bottom:10px;  border-color:transparent;}

.quye:after{ content:""; position:absolute; top:85px; width:100%; height:2px; background:#e4e4e4; left:0px;}
.quye1:after{ content:""; position:absolute; top:85px; width:100%; height:2px; background:#e4e4e4; left:0px;}

.ladyScrollyys .prev{ background: #dddddd url(../images/jt.png) center center no-repeat !important; width:34px !important; height:75px !important; left:-45px !important;}
.ladyScrollyys .next{ background: #343d44 url(../images/jt1.png) center center no-repeat !important; width:34px !important; height:75px !important; right:-45px !important; }
.ladyScrollyys .prev:hover{ background: #343d44 url(../images/jt.png) center center no-repeat !important; }
.ladyScrollyys .next:hover{background: #dddddd url(../images/jt1.png) center center no-repeat !important;}
.tytit{ transition:1s ease;}
.tytit:hover{ transform:scale(1.1);transition:1s ease;}
.xinwe1{ float:left; width:585px;}
.xinwe1 div{ width:587px; height:247px; overflow:hidden; margin-bottom:20px;}
.xinwe1 div img{ width:590px;}
.xinwe1 h4{ font-size:18px; color:#000; height:20px; overflow:hidden;}
.xinwe1  p{ font-size:14px; color:#666666; line-height:25px; height:50px; overflow:hidden;}
.xinwe2{ float:right; width:555px;}
.xinwe3{ border-bottom:1px dashed #d0d0d0; height:auto; overflow:hidden;}
.xinwe4{ float:left; width:55px; padding:16px 0; margin-left:30px; overflow:hidden;}
.xinwe5{ float:right; width:425px;}
.xinwe4 h3{ font-size:50px; color:#000; height:50px; overflow:hidden; margin-bottom:5px; margin-left:-222px; white-space:nowrap;}
.xinwe4 p{ font-size:14px; color:#999999;height:16px; overflow:hidden; white-space:nowrap;}
.xinwe5 h4{ font-size:20px; color:#333333; overflow:hidden; height:20px;}
.xinwe5 p{ font-size:14px; color:#666666; line-height:25px; height:50px; overflow:hidden;}
.xinwe3:hover{ background:#d0d0d0;}
.xinwen{ height:auto; overflow:hidden;}
.went{  padding:20px; display:inline-block; margin:0 15px;border:1px solid #ececec; }
.wenti{}

@keyframes myfirst
{
0%{ margin-top:0px;}
14% { margin-top:-20px;}
28% { margin-top:0px;}
44% { margin-top:-10px;}
58% { margin-top:-0px;}
80% { margin-top:-5px;}
100% { margin-top:0px;}
}



body{ overflow-x:hidden;}







.gyq{background:url("../images/jujuj.jpg")  center center ; background-size:cover; height:575px;}
.gyq1 li{ list-style:none; float:left; width:25%; text-align:center; padding:25px;}
.gyq2{background:url("../images/kuang.png")   no-repeat ; background-size:cover; width: 208px;
height: 321px;}
.gyq2 div{ width:160px; height:160px; overflow:hidden; margin:0 auto;}
.gyq2 h3{ padding-top:20px; font-size:40px; color:#fbf2e2; font-family: cursive; margin-bottom:10px;}
.gyq2 p{ font-size:20px;color:#fbf2e2; margin-top:15px; margin-bottom:2PX; }
.gyq2 H5{color:#fbf2e2; margin:0PX; font-size:16PX;}

.zuiwei a{ font-size:14px; color:#fff !important; display:inline-block; padding:45px 25px;}


.cccc p{background:url("../images/yuan2.png")  no-repeat left 5px; line-height:30px; margin:45px 0;  padding-left:50px; font-size:16px; color:#FFF;}
.cccc{ margin-left:-8px;}
.cccc1{ font-size:15px; color:#FFF; line-height:30px;}
.jian2{ margin-top:50px; text-align:center;}
.ssss{ width:50%; float:left;}
.ssss1{ color:#333333; font-size:16px;}
.ssss2 img{ width:95%; margin:10px 0; height:165px;}
.ssss3 a{ font-size:14px; color:#333333; margin:10px 0; display:inline-block; width:270px; display:block; overflow:hidden;text-overflow:clip; white-space:nowrap}
.ssss3 ol{ margin-left:-23px;}
.ssss4{ display:inline-block; border:1px solid #1ed17f; border-radius:50px; padding:5px 8px; color:#1ed17f;}

.ssss5{width:270px; display:block; overflow:hidden;text-overflow:clip; white-space:nowrap;}
.ssss6{ height:39px; overflow:hidden;}
.ssss7{ border-bottom:1px solid #999; margin-bottom:15px; padding-bottom:10px;}
.clearfix div a:hover{ color:#1ed17f;}
.sdasd { text-align:center;  display:inline-block;  }
.sdasd  a{ padding:13px 0px; margin:5px;  display:inline-block; text-align:center; width:230px; border:1px solid #E4E4E4; color:#22235d  !important; font-size:18PX; }
.sdasd:hover a{ background:#004993;color:#FFF !important; }


	.ladyScroll{position:relative;}
	.ladyScroll .prev,.ladyScroll .next{width:51px;height:45px;position:absolute;top:50px;left:-70px;z-index:100; cursor:pointer; background:url(images/btns.png) no-repeat;}
	.ladyScroll .next{ left:auto; right:-60px; background-position:0 -90px;}
	.ladyScroll .prev:hover{ background-position:0 -45px; }
	.ladyScroll .next:hover{ background-position:0 -135px; }
	
	
	
	.ladyScrolyl{position:relative;}
	.ladyScrolyl .prev,.ladyScrolyl .next{width:51px;height:45px;position:absolute;top:50px;left:-70px;z-index:100; cursor:pointer; background:url(images/btns.png) no-repeat;}
	.ladyScrolyl .next{ left:auto; right:-60px; background-position:0 -90px;}
	.ladyScrolyl .prev:hover{ background-position:0 -45px; }
	.ladyScrolyl .next:hover{ background-position:0 -135px; }
	
	
	.ladyScrolly{position:relative;}
	.ladyScrolly .prev,.ladyScrolly .next{position:absolute;top:125px;left:-70px;z-index:100; cursor:pointer; background:url(images/btns.png) no-repeat; background:rgba(0,0,0,0.3); padding:13px;}
	.ladyScrolly .next{ left:auto; right:-60px; background-position:0 -90px;}
	.ladyScrolly .prev:hover{ background-position:0 -45px;  background:rgba(0,0,0,0.8);}
	.ladyScrolly .next:hover{ background-position:0 -135px;  background:rgba(0,0,0,0.8);}
	
	#nav{ width:100%; background:url(images/navbg.gif) repeat-x;}
	#nav span{cursor:pointer}
	#navarea{ width:990px; height:78px; margin:0 auto;}
	#navarea ul {clear:both;float:left;width:960px;padding:4px 18px 0 18px;}
	#navarea li {float:left;height:37px;font-size:14px;line-height:32px;}
	#navarea a {float:left;display:inline-block;height:37px;padding:0 30px;color:#fff;text-decoration: none;}
	#navarea .on a:link, #navarea .on a:visited, #navarea .on a:hover, #navarea .on a:active {float:left;display:inline-block;height:41px;padding:0 0 0 32px;color:#f30; background:url(images/navOnbg.gif) no-repeat;}
	#navarea .on a:link span, #navarea .on a:visited span, #navarea .on a:hover span, #navarea .on a:active span {display:inline-block;height:41px;padding:0 30px 0 0px;background:url(images/navOnbg.gif) no-repeat right;}
	#navarea .col {font-size:12px;font-weight:normal;line-height:32px;float:right;}
	#navarea .col a {display:block;float:left;padding:0 10px;}
	#navarea dl {clear: both; float: left; padding:0; padding-top:4px; width: 990px;}
	#navarea dt {float: left; font-size: 14px; font-weight: bold; height: 41px; line-height: 32px; }
	#menu {clear:both;float:left;color:#ffe9d6;width:990px;height:37px; }
	#menu li {float:left;padding:0 1px 0 1px; font-size:12px; color:#999;line-height:30px;}
	#menu ul { width:890px; height:37px;padding:0px; margin:0px; margin-left:100px !important; _margin-left:50px; display:inline; _display:inline;}
	#menu li a:link,#menu li a:visited {color:#666;text-decoration: none;}
	#menu li a:hover,#menu li a:active {color:#f30;text-decoration: none;}
	#menu li strong {font-size:14px;font-weight:normal;}
	#menu a {padding:0 8px;}
	#menu a:link, #menu a:visited {color: #09f;}
	#menu a:hover, #menu a:active {color: #f50;}
	#menu span a:link, #menu span a:visited {color: #999;}
	#menu span a:hover, #menu span a:active {color: #f96;}
	.pIcon1{  height:320px; width:265px; overflow:hidden;}
	 .pIcon2{ transition: top 1s ease;display:inline-block; position:relative; top:5px; color:#FFF; width:100%; padding:5px 0;}
	.pIcon1:hover .pIcon2{ top:-35px; background:rgba(36,168,0,0.7);}
	.trtrt{background:url("../images/y1.jpg")  no-repeat center center !important; }
	.xinwem1{ float:left; width:225px;}
	.xinwem2{ float:left; width:374px; padding:0px 25px 0px 30px;}
	.xinwem2 h4 span{ display:inline-block; padding:3px 5px; background:#40ab35; color:#FFF; font-size:14px;}
	.xinwem2 h4 { font-size:15px; color:#000;}
	.xinwem5{ color:#555555; font-size:15px; line-height:28px; letter-spacing:3px; height:83px; overflow:hidden; display:inline-block; padding-top:5px; border-top:1px solid #dfd9d9; width:100%;}
	.xinwem3{ float:left; width:50%; padding:15px 0px;}
	.xinwem4{ height:410px;}
	.xinwem6{ color:#a5c2eb;}
	.xinxinxin{background:url("../images/u2.jpg")  no-repeat center center !important;}
	.zui{  background:#333333; height:320px;}
.zui1{ z-index:10; width:1200px; margin:0 auto; height:90px; padding-top:15px; }
.zui1 ul li a{color:#c2c3c5;  font-size:18px; text-align:center;}
.zui1 ul li{ width:93px; padding:30px 0; }
.zui1 ul li a:hover{ color:#fff;}
.zui3{ width:1200px; margin:30px auto;}
.zui2{ float:left; width:33%;}
.zui4{ color:#c2c3c5;}
.qqqq{background: url("../images/kuang.png") no-repeat center center ; background-size:cover;}
.jiuhui{ width:1200px; margin:0 auto; border:1px solid #888; margin-bottom:25px;}

.jiuhui a{ padding:15px 0px; text-align:center; width:145px !important; text-align:center; color:#999999 !important; display:inline-block;}
.jiuhui1:hover{color:#df2f32 !important;  background:#F5F5F5 !important;}