html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.w1200{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}


.sideNav{
    position: fixed;
    right: 38px;
    top: 50%;
    z-index: 9999;
    margin-top: -115px
}

.sideNav ul li{
    display: block;
    cursor: pointer;
    width: 15px;
    height: 15px;
    margin: 10px 0;
}
.sideNav ul li a{
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/dian1.png) no-repeat center;
    transition: .3s;
}
.sideNav ul li.active a{
    background: url(../images/dian2.png) no-repeat center;
}

.dowebok{
    position: relative;
}


.header {
    height: 120px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header.header1 {
    background: #ffffffe6;
    box-shadow: 0 0 3px 3px #4CAF50;
    height: 120px;
}
.w1500{
    max-width: 1530px;
    padding-left: 15px;;
    padding-right: 15px;
    margin: 0 auto;
}
.logo{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}
.logo img{
    max-width: 100%;
}

.shubiao{
    width: 19px;
    height: 47px;
    background: url(../images/shubiao1.png) no-repeat center center;
    position: fixed;
    left: 50%;
    margin-left: -9.5px;
    bottom: 30px;
    z-index: 999;
}
.shubiao span {
    width: 1px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 50%;
    -webkit-animation: upDown infinite 1s ease-in-out;
    -moz-animation: upDown infinite 1s ease-in-out;
    -ms-animation: upDown infinite 1s ease-in-out;
    -o-animation: upDown infinite 1s ease-in-out;
    animation: upDown infinite 1s ease-in-out;
}

@media (max-width: 766px){
#myform5{display:none;}
.sidebar{display:none;}
.section2 {
    background: url(../images/bg10.jpg) no-repeat ;
    background-size: 100% 100%;
}
.wapsec06{display:none;}
}


@media (min-width: 768px){
.section2 {
    background: url(../images/bg1.jpg) no-repeat ;
    background-size: 100% 100%;
}
.sec2-con{
    text-align: center;
    padding-bottom: 10%;
    padding-top: 10%;
        width:40%;
          margin-left: 50%;        
}


}

.sec2-con > h3{
    font-size: 60px;
    color: #e9b965;
}
.sec2-con > h4{
    font-size: 20px;
    color: #e9b965;
    position: relative;
    padding: 30px 0;
    
}
.sec2-con > h4 span{
     color: #e9b965;
    font-size: 100px;
}
.sec2-con > h4 a{
    -webkit-animation: twinkling 2s infinite ease-in-out;
    -moz-animation: twinkling 2s infinite ease-in-out;
    -ms-animation: twinkling 2s infinite ease-in-out;
    -o-animation: twinkling 2s infinite ease-in-out;
}
.sec2-con > h5{
    font-size: 36px;
    color: #e9b965;
    text-transform: uppercase;
}


@-webkit-keyframes twinkling {
	0% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
50% {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1.2);
}
100% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
}@keyframes twinkling {
	0% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
50% {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1.2);
}
100% {
	opacity:0.2;
	filter:alpha(opacity=20);
	-webkit-transform:scale(1);
}
}

.section3{
    background: url(../images/bg2.jpg) no-repeat center;
    background-size: cover;
}
.sec3-con{
    font-size: 0;
    overflow: hidden;
}
.sec3-left{
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}
.sec3-left > h3{
    font-size: 72px;
    color: #fff;
    text-transform: uppercase;
    font-family: Arial;
}
.sec3-left > h4{
    font-size: 60px;
    color: #fff;
    line-height: 1.8;
    position: relative;
}
.sec3-left > h4::after{
    content: '';
    width: 121px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sec3-left > h5{
    font-size: 36px;
    color: #fff;
    line-height: 2;
    margin-top: 12%;
}
.sec3-left > h6{
    font-size: 24px;
    color: #fff;
}
.sec3-right{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 110px;
}
.sec3-right .yuan{
    width: 684px;
    height: 677px;
    position: relative;
}
.sec3-right .yuan::before{
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/c3-1.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: circle 6s infinite linear;
}
.sec3-right .yuan::after{
    content: '';
    width: 510px;
    height: 664px;
    background: url(../images/c3-3.png) no-repeat center;
    background-size: 100% 100%; 
    position: absolute;
    z-index: 0;
    left: 50px;
    top: -16px;
}
.sec3-right .yuan .sanj{
    width: 328px;
    height: 368px;
    background: url(../images/c3-2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 150px;
    left: 180px;
    z-index: 2;
}
.sec3-right .yuan .ascas{
    position: relative;
    z-index: 99;
}
.sec3-right .yuan ul li{
    text-align: center;
}
.sec3-right .yuan ul li img{
    max-width: 100%;
}
.sec3-right .yuan ul li h3{
    margin-top: 20px;
    font-size: 28px;
    color: #fff;
}
.sec3-right .yuan ul li:nth-child(1){
    position: absolute;
    left: 255px;
    top: 50px;
}
.sec3-right .yuan ul li:nth-child(1) h3{
    margin-bottom: 20px;
    margin-top: 0;
}
.sec3-right .yuan ul li:nth-child(2){
    position: absolute;
    left: 120px;
    top: 400px;
}
.sec3-right .yuan ul li:nth-child(3){
    position: absolute;
    left: 440px;
    top: 400px;
}


.section4{
    background: #222;
}
.sec4-con{
    width: 100%;
    overflow: hidden;
}

.sec4-con ul li{
    width: 12%;
    float: left;
    transition: all .8s;
    position: relative;
    z-index: 99;
}
.sec4-con ul li img{
    height: 100vh;
}
.sec4-con ul li.on{
    width: 52%;
}
.sec4-con ul li .marks{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.sec4-con ul li .wz{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -50px;
}
.sec4-con ul li .wz h3{
    font-size: 36px;
    color: #fff;
    background: url(../images/c4-1.png) no-repeat center bottom;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.sec4-con ul li .wz p{
    font-size: 24px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
}
.sec4-con ul li.on .marks{
    opacity: 0;
}

.sec4-con .sec4-slick{
    padding: 15px;
}
.sec4-con .sec4-slick .slick-slide{
    outline: none;
}
.sec4-con .sec4-slick .slick-con{
    position: relative;
}
.sec4-con .sec4-slick .slick-con img{
    width: 100%;
    height: auto;
}
.sec4-con .sec4-slick .slick-con .marks{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 99;
}
.sec4-con .sec4-slick .slick-con .wz{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    text-align: center;
    margin-top: -25px;
}
.sec4-con .sec4-slick .slick-con .wz h3{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}
.sec4-con .sec4-slick .slick-con .wz p{
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    line-height: 20px;
}

.sec4-con .sec4-slick .slick-dots{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.sec4-con .sec4-slick .slick-dots li{
    display: inline-block;
    float: none;
    width: 10px;
    height: 10px;
    margin: 0 5px;
}
.sec4-con .sec4-slick .slick-dots li button{
    border: none;
    outline: none;
    background: #ccc;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    text-indent: 100px;
    overflow: hidden;
    width: 10px;
    height: 10px;;
}
.sec4-con .sec4-slick .slick-dots li.slick-active button{
    background: #e9b965;
}

.section5{
    background: url(../images/bg003.jpg) no-repeat center;
    background-size: cover;
}
.sec5-con{
    padding: 0 15px 0 23%;
}
.sec5-con .sec5-slick{
    position: relative;
    margin-top: 50px;
}
.sec5-con .sec5-slick .slick-con{
    padding: 0 5%;
    text-align: center
}
.sec5-con .sec5-slick .slick-slide{
    outline: none;
}
.sec5-con .sec5-slick .slick-con img{
    max-width: 100%;
    margin: 0 auto
}
.sec5-con .sec5-slick .slick-con h3{
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
.sec5-con .sec5-slick .slick-arrow{
    display: block;
    width: 64px;
    height: 30px;
    border: none;
    outline: none;
    text-indent: 100px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: -80px;
    z-index: 99;
}
.sec5-con .sec5-slick .slick-prev{
    background: url(../images/left01.png) no-repeat center;
    right: calc(8% + 80px);
}
.sec5-con .sec5-slick .slick-next{
    background: url(../images/right01.png) no-repeat center;
    right: 8%;
}

.section6{
    background: url(../images/bg4.jpg) no-repeat center;
    background-size: cover;
}

.page6{background: url(../images/bg6.jpg) no-repeat center;background-size: cover !important;height: 900px;}

.page6 video{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.page6 .bg{
	background: url(../imgs/img50.png) repeat; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
}
.page6 .wrapper{
	position: absolute; left: 50%; margin-left: -600px; top: 72%; margin-top: -205px;
}
.page6 .img{
	margin-left: 340px; position: relative;
}
.page6 .img .quan,
.page6 .img .wen{
	-webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    opacity: 0.9;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
}
.page6.active .img .quan,
.page6.active .img .wen{
	opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.page6 .img .wen{
	position: absolute; left: 160px; top: 60px;
	-webkit-transform:translate3d(100px, 0, 0);
	-ms-transform:translate3d(100px, 0, 0);
	transform:translate3d(100px, 0, 0);

}
.page6.active .img .wen{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.page6 .img .quan{
	-webkit-transform:translate3d(-100px, 0, 0);
	-ms-transform:translate3d(-100px, 0, 0);
	transform:translate3d(-100px, 0, 0);
}
.page6.active .img .quan{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.page6 .text{
height: auto; margin-top: 60px;
}
.page6 .time{
width: 340px; float: left; display: inline; color: #fff; font-family: arial; line-height: 1;padding-left: 260px;
}
.page6 .time .wrap{
display: inline-block; text-align: center;
}
.page6 .time h2{
margin-top: 10px; color: #fff; font-size: 21px;
}
.page6 .time h4{
margin-top: 10px;
}
.page6 .tele{
width: 860px; float: right; display: inline;padding-left: 340px;
}
.page6 .tele img{
display: block;
}
.page6 .tele .qq{
margin-top: 30px;
}
.page6 .info{
	height: auto; overflow: hidden; width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 35px; color: #c3c5c3; 
}
.page6 .info a{
color: #c3c5c3;
}

.page6 .info ul{
	width: 340px; float: left; display: inline; font-size: 12px;
}
.section7 {
    background: url(../images/bg3.jpg) no-repeat center;
    background-size: cover;
}



.section7 .wrapper{
	position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -220px;
}



.section7 .head{
	position: relative; padding-left: 350px; 
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	-webkit-transition-delay:600ms;
	transition-delay:600ms;
}
.section7 .head .img{
	position: absolute; left: -400px; top: 0;
	transition: all 1s ease 0s; 
	-webkit-transition: all 1s ease 0s; 
	-ms-transition: all 1s ease 0s; 
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
}
.section7.active .head .img{
	left: 0;
	opacity: 1;
	-webkit-opacity:1;
	-ms-opacity: 1;
}
.section7 .head .nav{
	padding-top: 10px;

}
.section7 .head .nav li{
	display: inline; margin-right: 30px;
}
.section7 .head .sort{
	position: absolute; left: 1500px; bottom: 0; padding-top: 20px; color: #e9930b; text-transform: uppercase;
	transition: all 1s ease 0s; 
	-webkit-transition: all 1s ease 0s; 
	-ms-transition: all 1s ease 0s; 
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
}
.section7.active .head .sort{
	left: 610px;
    top: 34px;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
}

.section7 .head .sort a{
	color:#e9930b ;
}

.section7 .head .sort dt{
	position: absolute; left: 0; top: 0;
}

.section7 .head .sort dd{
	display: inline; 
}
.section7 .head .sort dd span{
	margin: 0 10px; display: inline-block; width: 1px; height: 11px; background: #f19f1c;
}

.section7 .body{
	margin-top: 45px;
    position: relative;
    top: 0;
}

.section7 .body ul{
	height: auto; overflow: hidden; width: 90%;
}
.section7 .body li{
	width: 290px; height: 190px; 
	position: relative; 
	float: left; 
	margin-right:16px;
	margin-bottom:16px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -webkit-transform:translate3d(0, 100px, 0);
	-ms-transform:translate3d(0, 100px, 0);
	transform:translate3d(0, 100px, 0);
}

.section7.active .body li{
	opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

.section7.active .body li:nth-child(2){
	-webkit-transition-delay:200ms;
	transition-delay:200ms;
}

.section7.active .body li:nth-child(3){
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
}

.section7.active .body li:nth-child(4){
	-webkit-transition-delay:600ms;
	transition-delay:600ms;
}

.section7.active .body li:nth-child(5){
	-webkit-transition-delay:800ms;
	transition-delay:800ms;
}

.section7.active .body li:nth-child(6){
	-webkit-transition-delay:1000ms;
	transition-delay:1000ms;
}

.section7.active .body li:nth-child(7){
	-webkit-transition-delay:1200ms;
	transition-delay:1200ms;
}

.section7.active .body li:nth-child(8){
	-webkit-transition-delay:1400ms;
	transition-delay:1400ms;
}
.section7 .body li .img img{
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    width: 240px;
    height: 150px;
}
.section7 .body li a:hover .img img{
	transform: scale(1.2);
}
.section7 .body li .brand{
	background: rgba(233,148,11,0.83); position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity:0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
.section7 .body li a:hover .brand{
    opacity:1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.section7 .body li .brand table{
width: 100%; height: 100%; text-align: center;
}

.section7 .jian{
	width: 92px; height: 92px; border-radius:92px; display: inline-block; position: relative;
}


.section7 .jian img{
padding-top:21px;
padding-left:10px;
}


@media (min-width: 768px){
.wapsec07{display:none}
.wapsec06{display:none}
}


.jian:before, .jian:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	pointer-events:none
}
.jian:before {
	width:92px;
	height:92px;
	border:1px solid #f19f1c;
	-moz-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition:all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
.jian:after {
	width:92px;
	height:92px;
	border:1px solid #f19f1c;
	background-color:rgba(255, 255, 255, 0.1);
	opacity:0;
	-moz-transform:scale(0.5, 0.5);
	-ms-transform:scale(0.5, 0.5);
	-webkit-transform:scale(0.5, 0.5);
	transform:scale(0.5, 0.5);
	-moz-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
	transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1)
}



.jian:hover:before {
	opacity:0;
	-moz-transform:scale(1.5, 1.5);
	-ms-transform:scale(1.5, 1.5);
	-webkit-transform:scale(1.5, 1.5);
	transform:scale(1.5, 1.5);
	-moz-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)

}
.jian:hover:after {
	opacity:1;
	-moz-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	transform:scale(1, 1)

}

@media (max-width: 767px){
.section7 .wrapper{display:none;}
.section7 .body li{
	width: 48%; 
	height: 190px; 
	margin-right: 16px; 
	margin-bottom: 16px;
}
.page6{display:none;}

}


.section8{
    background-image: linear-gradient(141deg,#125b31 0%,#498933 51%,#125b31 75%);
    color: white;
    opacity: 0.95;
}
.sec8-con .sec8-1{
    width: 35%;
    padding-right: 2%;
    float: left;
}
.sec8-con .sec8-1 > h3{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.sec8-con .sec8-1 > h4{
    font-size: 36px;
    color: #fff;
    line-height: 2;
}
.sec8-con .sec8-1 .sec8-1wz{
    font-size: 16px;
    color: #fff;
    line-height: 2;
    padding: 5% 0 30%;
}
.sec8-con .sec8-1 .xw-more{
    display: block;
    width: 144px;
    height: 44px;
    background: url(../images/c8-1.png) no-repeat center;
    line-height: 44px;
    font-size: 14px;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
}
.sec8-con .sec8-2{
    width: 41%;
    padding-right: 5%;
    float: left;
}
.sec8-con .sec8-2 .xw-slick1 .slick-slide{
    outline: none;
}
.sec8-con .sec8-2 .xw-slick1 .slick-con a{
    display: block;
}
.sec8-con .sec8-2 .xw-slick1 .slick-con h3{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.sec8-con .sec8-2 .xw-slick1 .slick-con .info{
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 2;
    margin-top: 20px;
}
.sec8-con .sec8-2 .xw-slick1 .slick-dots{
    margin-top: 8%;
}
.sec8-con .sec8-2 .xw-slick1 .slick-dots li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 40px;
}
.sec8-con .sec8-2 .xw-slick1 .slick-dots li button{
    display: block;
    outline: none;
    border: 1px solid #fff;
    padding: 0;
    margin: 0;
    text-indent: 100px;
    overflow: hidden;
    border-radius: 50%;
    background: none;
    width: 10px;
    height: 10px;
    text-indent: 100px;
    overflow: hidden;
}
.sec8-con .sec8-2 .xw-slick1 .slick-dots li.slick-active button{
    background: #fff;
}
.sec8-con .sec8-2 .xwtj{
    margin-top: 20%;
}
.sec8-con .sec8-2 .xwtj ul li a{
    display: block;
}
.sec8-con .sec8-2 .xwtj ul li .img{
    width: 160px;
    height: 100px;
    float: left;
}
.sec8-con .sec8-2 .xwtj ul li .img img{
    width: 160px;
    height: 100px;
}
.sec8-con .sec8-2 .xwtj ul li .wz{
    width: calc(100% - 180px);
    float: right;
}
.sec8-con .sec8-2 .xwtj ul li .wz h3{
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
    line-height: 1.8;
}
.sec8-con .sec8-2 .xwtj ul li .wz .info{
    color: #fff;
    font-size: 14px;
    line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sec8-con .sec8-3{
    width: 24%;
    float: left;
    margin-top: -25px;
}
.sec8-con .sec8-3 .xw-slick2 .slick-slide{
    outline: none;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con{
    padding: 25px 0;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a{
    display: block;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a h3{
    padding-right: 50px;
    position: relative;
    padding-bottom: 15px;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a h3 i{
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-style: normal;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a h3 span{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a h3::after{
    content: '';
    width: 66px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .5s;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a:hover h3::after{
    width: 100%;
}
.sec8-con .sec8-3 .xw-slick2 .slick-con a:hover h3 i{
    color: #fff;
}


.section9{background: #1c2828;}
.sec9-1 .sec9-1-1{
    width: 35%;
    float: left;
    padding-right: 2%;
}
.sec9-1 .sec9-1-1 .flogo img{
    max-width: 100%;
}
.sec9-1 .sec9-1-1 .flx{
    margin-top: 10%;
}
.sec9-1 .sec9-1-1 .flx h3{
    font-size: 18px;
    color: #fff;
    line-height: 2;
}
.sec9-1 .sec9-1-1 .flx dd{
    font-size: 16px;
    color: #a5a5a5;
    padding-left: 30px;
    background: url(../images/tel1.png) no-repeat left center;
    margin-top: 20px;
}
.sec9-1 .sec9-1-1 .flx dl{
    font-size: 30px;
    font-weight: 100;
    color: #fff;
}
.sec9-1 .sec9-1-2{
    width: 65%;
    float: left;
}
.sec9-1 .sec9-1-2 #formsearch{
    max-width: 730px;
    border-bottom: 1px solid #484848;
}
.sec9-1 .sec9-1-2 #formsearch input{
    border: none;
    background: none;
    outline: none;
    line-height: 40px;
}
.sec9-1 .sec9-1-2 #formsearch #keyword{
    width: calc(100% - 50px);
    color: #a5a5a5;
    font-size: 14px;
}
.sec9-1 .sec9-1-2 #formsearch #s_btn{
    width: 42px;
    height: 40px;
    background: url(../images/ss.png) no-repeat center;
}
.sec9-1 .sec9-1-2 .hotkey{
    font-size: 14px;
    color: #636363;
    line-height: 3;
}
.sec9-1 .sec9-1-2 .hotkey a{
    color: #636363;
    margin-right: 15px;
}
.sec9-1 .sec9-1-2 .hotkey a:hover{
    color: #fff;
}

.sec9-1 .sec9-1-2 .dacadca{
    margin: 5% 0
}
.sec9-1 .sec9-1-2 .fewm{
    width: 222px;
    float: right;
}
.sec9-1 .sec9-1-2 .fewm > h3{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.sec9-1 .sec9-1-2 .fewm ul li{
    width: 100px;
    text-align: center;
    float: left;
}
.sec9-1 .sec9-1-2 .fewm ul li img{
    max-width: 100%;
}
.sec9-1 .sec9-1-2 .fewm ul li h3{
    font-size: 14px;
    line-height: 3;
    color: #a5a5a5;
}

.sec9-1 .sec9-1-2 .fewm ul li:nth-child(1){
    margin-right: 22px;
}
.sec9-1 .sec9-1-2 .fnav{
    width: calc(100% - 222px);
    float: left;
}
.sec9-1 .sec9-1-2 .fnav ul{
    font-size: 0;
}
.sec9-1 .sec9-1-2 .fnav ul li{
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
}
.sec9-1 .sec9-1-2 .fnav ul li > h3{
    font-size: 18px;
    color: #fff;
    float: left;
    background: url(../images/c9-1.png) no-repeat right top;
    width: 110px;
    height: 35px;
}
.sec9-1 .sec9-1-2 .fnav ul li .sec{
    width: calc(100% - 130px);
    float: right;
}
.sec9-1 .sec9-1-2 .fnav ul li .sec a{
    display: block;
    font-size: 14px;
    color: #a5a5a5;
    margin-bottom: 10px;
}
.sec9-1 .sec9-1-2 .fnav ul li .sec a:hover{
    color: #fff;
}

.sec9-2{
    border-top: 1px solid #414141;
    font-size: 14px;
    color: #a5a5a5;
    text-align: center;
    line-height: 2;
    padding-top: 4%;
}
.sec9-2 a{
    color: #a5a5a5
}



@keyframes upDown {
	0% {top: 10px}
	70% {top: 20px}
	100% {top: 10px}
}

@keyframes topdown{
	0%{-webkit-transform: translateY(0); transform: translateY(0);}
	50%{-webkit-transform: translateY(10px); transform: translateY(10px);}
	100%{-webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes topdown{
	0%{-webkit-transform: translateY(0); transform: translateY(0);}
	50%{-webkit-transform: translateY(10px); transform: translateY(10px);}
	100%{-webkit-transform: translateY(0); transform: translateY(0);}
}

@-webkit-keyframes circle{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(-360deg); }
}






@media (max-width: 1530px) {
    .sec2-con > h3{
        font-size: 50px;
    }
    .sec2-con > h4{
        font-size: 16px;
        padding: 20px 0;
    }
    .sec2-con > h4 span{
        font-size: 72px;
    }
    .sec2-con > h5{
        font-size: 26px;
    }

    .sec3-left > h3{
        font-size: 40px;
    }
    .sec3-left > h4{
        font-size: 40px;
    }
    .sec3-left > h5{
        font-size: 24px;
    }
    .sec3-left > h6{
        font-size: 18px;
    }

    .sec3-right .yuan{
        width: 500px;
        height: 500px;
    }
    .sec3-right .yuan .sanj{
        width: 240px;
        height: 269px;
        top: 130px;
        left: 130px;
    }
    .sec3-right .yuan ul li h3{
        font-size: 20px;
    }
    .sec3-right .yuan ul li img{
        width: 50px;
        height: 50px;
    }
    .sec3-right .yuan ul li:nth-child(1){
        left: 190px;
        top: 50px;
    }
    .sec3-right .yuan ul li:nth-child(2){
        left: 90px;
        top: 305px;
    }
    .sec3-right .yuan ul li:nth-child(3){
        left: 310px;
        top: 305px;
    }
    .sec3-right .yuan::after{
        width: 380px;
        height: 495px;
        top: 1px;
    }
    .sec4-con ul li .wz h3{
        font-size: 30px;
    }
    .sec4-con ul li .wz p{
        font-size: 18px;
    }
    .sec6-con a > h3{
        font-size: 30px;
    }
    .sec6-con a > h3 span{
        font-size: 50px;
    }
    .sec6-con a > h4{
        font-size: 60px;
    }
    .sec6-con a > h5{
        font-size: 24px;
    }
    .sec7-con ul li .wz h3{
        font-size: 30px;
    }
    .sec7-con ul li .wz p{
        font-size: 18px;
    }
    .sec8-con .sec8-3 .xw-slick2 .slick-con{
        padding: 15px 0;
    }
    .sec9-1 .sec9-1-2 .dacadca{
        margin: 3% 0;
    }

    .sec9-2{
        padding-top: 30px
    }


}


@media (max-width: 1200px) {
    
    /*.section2{*/
    /*    padding: 60px 0;*/
    /*}*/
    .sec2-con > h3 {
        font-size: 30px;
    }
    .sec2-con > h4 span{
        font-size: 50px;
    }
    .sec2-con > h5{
        font-size: 18px;
    }
    /*.section3{*/
    /*    padding: 40px 0;*/
    /*}*/
    .sec3-right{
        margin-top: 0;
    }

    .sec3-right .yuan{
        width: 400px;
        height: 400px;
    }
    .sec3-right .yuan .sanj{
        width: 180px;
        height: 202px;
        top: 115px;
        left: 115px;
    }
    .sec3-right .yuan ul li h3{
        font-size: 14px;
        margin-top: 10px;
    }
    .sec3-right .yuan ul li h3 span{
        font-size:14px!important;
    }
    .sec3-right .yuan ul li img{
        width: 40px;
        height: 40px;
    }
    .sec3-right .yuan ul li:nth-child(1) h3{
        margin-bottom: 10px;
        margin-top: 0px;
    }
    .sec3-right .yuan ul li:nth-child(1){
        left: 163px;
        top: 50px;
    }
    .sec3-right .yuan ul li:nth-child(2){
        left: 80px;
        top: 250px;
    }
    .sec3-right .yuan ul li:nth-child(3){
        left: 260px;
        top: 250px;
    }
    .sec3-right .yuan::after{
        display: none;
    }
    .sec3-left > h3{
        font-size: 24px;
    }
    .sec3-left > h4{
        font-size: 30px;
    }
    .sec3-left > h5{
        font-size: 20px;
    }
    .sec3-left > h6{
        font-size: 14px;
    }

    .sec4-con ul li img{
        height: 500px;
    }
    
    .sec4-con ul li .wz h3{
        font-size: 24px;
    }
    .sec4-con ul li .wz p{
        font-size: 16px;
    }

    /*.section5 {*/
    /*    padding: 40px 0;*/
    /*}*/
    .sec5-con{
        padding-left: 15px;
    }
    /*.section6{*/
    /*    padding: 10% 0;*/
    /*}*/
    .sec6-con a > h3{
        font-size: 24px;
    }
    .sec6-con a > h3 span{
        font-size: 30px;
    }
    .sec6-con a > h4{
        font-size: 40px;
    }
    .sec6-con a > h5{
        font-size: 18px;
    }

  
    .sec7-con{
        margin-top: 0;
    }
    .sec7-con ul{
        height: 600px;
    }
    .sec7-con ul li .wz h3{
        font-size: 24px;
    }
    .sec7-con ul li .wz p{
        font-size: 14px;
    }


    /*.section8 {*/
    /*    padding: 60px 0;*/
    /*}*/
    .sec8-con .sec8-1 > h4{
        font-size: 24px;
    }
    .sec8-con .sec8-1 .sec8-1wz{
        font-size: 14px;
    }

    /*.section9 {*/
    /*    padding-bottom: 30px;*/
    /*}*/
    .sec9-1 .sec9-1-2 .fnav ul li > h3{
        float: none;
        background: none;
    }
    .sec9-1 .sec9-1-2 .fnav ul li .sec{
        width: 100%;
        float: none;
    }
}




@media (max-width: 990px) {
    .sec3-right .yuan{
        width: 325px;
        height: 325px;
          margin-left: auto;
    margin-right: auto;

    }
    .sec3-right .yuan .sanj{
        width: 150px;
        height: 168px;
        top: 90px;
        left: 90px;
    }
    .sec3-right .yuan ul li:nth-child(1) {
        left: 125px;
        top:30px;
    }
    .sec3-right .yuan ul li:nth-child(2){
        left: 60px;
        top: 200px;
    }
    .sec3-right .yuan ul li:nth-child(3){
        left: 200px;
        top: 200px;
    }
    .sec4-con ul li img {
        height: 420px;
    }
    .sec7-con ul {
        height: 500px;
    }
    .sec9-1 .sec9-1-2 .fnav ul li > h3{
        font-size: 15px;
    }
    .sec9-1 .sec9-1-2 .fewm > h3{
        font-size: 15px;
    }

}

@media (max-width: 768px) {
    
    /*.section1, .section1 .fp-tableCell, */
    /*.section2, .section2 .fp-tableCell,*/
    /*.section3, .section3 .fp-tableCell, */
    /*.section4, .section4 .fp-tableCell, */
    /*.section5, .section5 .fp-tableCell, */
    /*.section6, .section6 .fp-tableCell,*/
    /*.section7, .section7 .fp-tableCell,*/
    /*.section8, .section8 .fp-tableCell,*/
    /*.section9, .section9 .fp-tableCell{*/
    /*    display: block !important;*/
    /*    height: auto !important;*/
    /*}*/
    .sideNav,.shubiao{
        display: none!important;
    }
    
    .x-banner video{
        display:none;
    }
    
    .section1{
        padding-top:60px;
    }
    .x-banner .owl-carousel img{
        height:auto;
    }
    .section1 .fp-tableCell{
        vertical-align: top;
    }


    .sec2-con{
        margin-top: 20%;
    }
    .sec2-con > h3{
        font-size: 24px;
    }
    .sec2-con > h4{
        font-size: 14px;
    }
    .sec2-con > h4 span{
        font-size: 30px;
    }
    .sec2-con > h5{
        font-size: 14px;
    }
    .sec3-left > h3{
        font-size: 24px;
text-align: center;
    }
    .sec3-left > h4{
        font-size: 24px;
text-align: center;
    }
    .sec3-left > h4::after{
        width:0px;

    }
    .sec3-left > h5{
        font-size: 18px;
        margin-top: 20px;
text-align: center;
    }
    .sec3-left > h6{
        font-size: 12px;
        margin:0;
text-align: center;
    }
    .sec3-left{
        width: 100%;
        margin-bottom: 30px
    }
    .sec3-right{
        width: 100%
    }
    
    .section4{
        padding-top:60px;
    }
    
    .sec4-con{
        height:100vh; 
    }
    .sec4-con2{
        height:100%;   
    }
    .sec4-con2 .cont{
        width:100%;
        position:relative;
        height:15%;
       transition:.5s;
        
    }
    .sec4-con2 .cont img{
        width:100%;
        
    }
    .sec4-con2 .cont .wz{
        position:absolute;
        width:100%;
        text-align:center;
        top:50%;
        left:0;
        margin-top:-25px;
    }
    .sec4-con2 .cont .wz h3{
        font-size: 20px;
        color:#fff;
        line-height:20px;
        background: url(../images/c4-1.png) no-repeat center bottom;
        padding-bottom:10px;
    }
    .sec4-con2 .cont .wz p{
        font-size: 16px;
        text-transform:uppercase;
        color:rgba(255,255,255,0.3);
        line-height:20px;
    }
    .sec4-con2 .cont.on{
        height:40%;
    }
    
    
    .sec5-con{
        padding:0 8%;
    }
    .sec5-slick2 .slick-con{
        width: 40%;
        margin-right:10%;
        float:left;
    }
    .sec5-slick2 .slick-con .img img{
        width:100%;
    }
    .sec5-slick2 .slick-con h3{
        font-size:14px;
        line-height:2;
        color:#fff;
        text-align:center;
        overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
    }
    .sec5-slick2 .slick-arrow{
        width: 50px;
        height: 26px;
        border: none;
        outline: none;
        text-indent: 100px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        cursor: pointer;
        position: absolute;
        top: -50px;
        z-index: 99;
    }
    .sec5-con .sec5-slick2 .slick-prev {
        background: url(../images/left01.png) no-repeat center;
        right: calc(8% + 60px);
        background-size:100% 100%;
    }
    .sec5-con .sec5-slick2 .slick-next {
        background: url(../images/right01.png) no-repeat center;
        right: 8%;
        background-size:100% 100%;
    }
    
    .sec5-tlt{
        margin-bottom:20px;
    }
    .sec5-tlt img{
        max-width: 180px;
    }


    /*.section6 {*/
    /*    padding: 50px 0;*/
    /*}*/
    .section6{
        background: url(../images/wapbg1.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .section6 .fp-tableCell{
        vertical-align: top; 
    }
    .sec6-con a > h4{
        padding:20px 0;
    }
    .sec6-con{
        padding: 10% 15px 0;
    }
    .sec7-con ul{
        height: auto;
    }
    
    .section7{
    background: url(../images/bg3.jpg) no-repeat center;
    background-size: cover;
    height:100%;
    }
    .section7 .body ul{
    width:100%;
    height: auto;
    overflow: hidden;
    }
    
    .sec8-con .sec8-1{
        width: 100%;
        position: relative;
        margin-bottom: 20px;
        float: none;
        display:none;
    }
    .sec8-con .sec8-1 .xw-more{
        position: absolute;
        top: 0;
        right: 0;
    }
    .sec8-con .sec8-2{
        width: 100%;
        padding: 0;
        float: none;
    }
    .sec8-con .sec8-2 .xwtj{
        margin-top: 20px;
    }
    .sec8-con .sec8-3{
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .sec8-con .sec8-3 .xw-slick2 .slick-con{
        padding: 10px 0;
    }
    
    .sec8-con .sec8-2 .xw-slick1 .slick-con .info{
        margin-top:10px;
    }
    .sec8-con .sec8-2 .xw-slick1 .slick-dots{
        margin-top:10px;
    }
    .sec8-con .sec8-3 .xw-slick2 .slick-con a h3{
        padding-bottom:10px;
    }
    
    

    .sec9-1 .sec9-1-1{
        width: 100%;
        float: none;
        padding: 0;
    }
    .sec9-1 .sec9-1-1 .flx{
        margin-top: 30px;
        text-align:center;
    }
    .sec9-1 .sec9-1-1 .flx h3{
        text-align:center;
    }
    .sec9-1 .sec9-1-1 .flx dd{
        text-align:center;
        margin-top:10px;
        display:inline-block;
        padding-left:30px;
    }
    .sec9-1 .sec9-1-1 .flx dl{
        font-size:24px;
    }
    .sec9-1 .sec9-1-2{
        width: 100%;
        float: none;
    }
    .sec9-1 .sec9-1-2 .fnav{
        width: 100%;
    }
    .sec8-con .sec8-1 .sec8-1wz{
        display: none;
    }
    .sec9-1 .sec9-1-2 .fewm{
        display: none
    }
    
    .fewm2{
        text-align:center;
    }
    .fewm2 h3{
        font-size: 24px;
        color:#fff;
        line-height:2;
    }
    .fewm2 img{
        max-width:150px;
    }
    .fewm2 p{
        font-size:14px;
        color:#a5a5a5;
        line-height:2;
    }
    
    .sec9-2{
        font-size:12px;
        line-height:20px;
    }


}

@media (max-width: 480px) {
    .sec5-con .sec5-slick .slick-con{
        padding: 0 70px;
    }
    .sec5-con .sec5-slick .slick-arrow{
        top: 50%;
        margin-top: -15px;
    }
    .sec5-con .sec5-slick .slick-prev {
        left: 0;
        right: auto;
    }
    .sec5-con .sec5-slick .slick-next {
        right: 0;
    }

    .sec6-con a > h3{
        font-size: 18px;
    }
    .sec6-con a > h3 span{
        font-size: 24px;
    }
    .sec6-con  a > h4{
        font-size: 32px;
    }
    .sec6-con a > h5{
        font-size: 12px;
    }
}

@media (min-width: 1201px){
    .sec2-con > h3{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec2-con > h3{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }
    .sec2-con > h4{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec2-con > h4{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }
    .sec2-con > h5{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec2-con > h5{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }

    .sec3-left{
        -webkit-transition: all .4s;
        -transition: all .4s;
        -webkit-transform: translate(-60px,0);
        transform: translate(-60px,0);
    }
    .active .sec3-left{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .4s .6s;
        -transition: all .4s .6s;
    }
    .sec3-right{
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
        -webkit-transform: translate(60px,0);
        transform: translate(60px,0);
    }
    
    .active .sec3-right{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .4s .6s;
        -transition: all .4s .6s;
    }

    .sec5-tlt{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec5-tlt{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }

    .sec5-con .sec5-slick{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec5-con .sec5-slick{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .8s .8s;
        transition: all .8s .8s
    }

    .sec6-con a > h3{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec6-con a > h3{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }
    .sec6-con a > h4{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec6-con a > h4{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .8s .8s;
        transition: all .8s .8s
    }
    .sec6-con a > h5{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec6-con a  > h5{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 1s 1s;
        transition: all 1s 1s
    }

    .sec8-con .sec8-1{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec8-con .sec8-1{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }
    .sec8-con .sec8-2{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec8-con .sec8-2{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .8s .8s;
        transition: all .8s .8s
    }
    .sec8-con .sec8-3{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec8-con .sec8-3{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 1s 1s;
        transition: all 1s 1s
    }

    .sec9-1 .sec9-1-1{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec9-1 .sec9-1-1{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .6s .6s;
        transition: all .6s .6s
    }

    .sec9-1-2{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec9-1-2{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .8s .8s;
        transition: all .8s .8s
    }

    .sec9-2{
        -webkit-transform: translate(0,60px);
        transform: translate(0,60px);
        opacity: 0;
        -webkit-transition: all .4s;
        -transition: all .4s;
    }
    .active .sec9-2{
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all 1s 1s;
        transition: all 1s 1s
    }

}



.page-wrap-right .xypg-right-content p img{
    max-width: 100%!important;
    height: auto!important;
}





.sidebar{
position: fixed; right: 0; top:75%; margin-top: -80px; width: 55px; background: rgba(42,175,72,0.3); border-radius:8px 0 0 8px; z-index:999999;
}



.sidebar li{
	height: 56px; width: 180px;  border-radius:8px 0 0 8px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.sidebar li img{
display: block;
}

.sidebar li:hover{
margin-left: -125px; background: rgba(0,0,0,0.6); 
}

.footer-fixed{
  width: 100%;
  height: 58px;
  background-color: #2aaf48;
  position: fixed;
  bottom: 0;
  text-align: center;
  z-index: 9999;
}
.footer-fixed>div{
  width: 1200px;
  height: 60px;
  display: inline-block;
  position: relative;
  bottom: 3px;
}
.footer-fixed img:nth-child(1){
    border-right: 1px solid white;
    padding-right: 30px;
    height: 40px;
    margin-right: 20px;
    position: relative;
    bottom: 6px;
}
.footer-fixed>div>div{
    display:none;
    position: absolute;
    bottom: 0px;
    width: 302px;
    height: 156px;
    background-image: url(/templets/default/style/img/footer-text.gif);
    background-size: 302px 156px;
    left: 200px;
}
.footer-fixed img{
  vertical-align: bottom;
  display: inline-block;
}
.footer-fixed span{
    color: white;
    line-height:  60px;
    font-size:  16px;
    margin-left: 30px;
}
.footer-fixed input{
    vertical-align: baseline;
    display: inline-block;
    width: 125px;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-left: 20px;
    position: relative;
    bottom: 1px;
}
.footer-fixed input:focus {
    border-color: #fff45c;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.footer-fixed .tijiao{
  border: 0;
    width: 70px;
    background-color: #fff45c;
    height: 30px;
    position: relative;
    right: 9px;
    border-radius: 4px;
    cursor: pointer;
    bottom: 1px;
    padding: 0px;
    margin-left: 0px;
}
.footer-fixed a{
    color: white;
    font-size: 18px;
    position: relative;
    top: 3px;
}