@charset "utf-8";

ul,ol,li{list-style:none}a{text-decoration:none !important;}a:hover{text-decoration:none !important;}

.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}

.swiper-container{margin: 0 auto;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.swiper-wrapper{position: relative;width: 100%;-webkit-transition-property: -webkit-transform,left,top;-webkit-transition-duration: 0s;-webkit-transform: translate3d(0px,0,0);-webkit-transition-timing-function: ease;-moz-transition-property: -moz-transform,left,top;-moz-transition-duration: 0s;-moz-transform: translate3d(0px,0,0);-moz-transition-timing-function: ease;-o-transition-property: -o-transform,left,top;-o-transition-duration: 0s;-o-transform: translate3d(0px,0,0);-o-transition-timing-function: ease;-o-transform: translate(0px,0px);-ms-transition-property: -ms-transform,left,top;-ms-transition-duration: 0s;-ms-transform: translate3d(0px,0,0);-ms-transition-timing-function: ease;transition-property: transform,left,top;transition-duration: 0s;transform: translate3d(0px,0,0);transition-timing-function: ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
.swiper-wp8-horizontal{-ms-touch-action: pan-y}
.swiper-wp8-vertical{-ms-touch-action: pan-x}

html{overflow: hidden;}
body{width: 100%;height: 100%;min-width:1024px;}
header,section{width: 100%;}
table{border-collapse: collapse;}
a:focus{outline: none;}
a:hover{text-decoration:none;}




header{position: fixed;height: 74px;color: #ccc;z-index: 999;}
header.fixed{height: 70px;}
header .logo{position: fixed;top: 28px;left: 50px;width: 180px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed .logo{width: 120px;top: 20px;}
header .words{display: block;position: fixed;top: 40px;left: 250px;letter-spacing: 1px;font-weight: normal;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed .words{top: 23px;left: 185px;}
header nav.menu{margin: 36px 0 0 60px;text-align: center;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed nav.menu {margin: 22px 0 0 85px;}
header nav.menu ul li {margin: 0 27px;font-size: 18px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed nav.menu ul li{margin: 0 27px;font-size: 16px;}
header nav.menu ul li a{color: #fff;letter-spacing: 2px;cursor: pointer;}
header nav.menu ul li a:hover,header nav.menu ul li.active a{color: #fff;text-decoration: none;}
header nav.menu .line{position: absolute;bottom: 0px;width: 0px;height: 3px;font-size: 3px;background-color: #ed7318;display: none;}


header .hotline {position: fixed;top: 32px;right: 215px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed .hotline {top: 20px;right: 185px;}
header .hotline span {position: fixed;padding:5px 13px 8px;border-radius:30px;background: rgba(255,255,255,0.8);font-weight: bold; letter-spacing: 1px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;	transition: all .2s ease-in-out 0s;}
header .hotline span img{width:156px;height:auto;}
header .hotline u {position: fixed;top: 35px;right: 230px;display: block;width: 30px;height: 30px;text-decoration: none; -webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;	transition: all .2s ease-in-out 0s;}
header.fixed .hotline u{top: 20px;right: 195px;}
header .hotline a{color: #ed8036;}


header .menu-icon{position: fixed;top: 34px;right: 48px;font-size: 24px;color: #ed8036;z-index: 99;display: none;}
header.fixed .menu-icon{top: 18px;}
header .menu-icon a{color: #ed8036;text-decoration: none;}
header .menu-icon span{margin-left: 15px;-moz-opacity: 0.5;opacity: 0.5;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
header .menu-icon span.glyphicon-earphone{display: none;}
header .menu-icon span:hover,header .menu-icon span.active{-moz-opacity: 1;opacity: 1;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}


header .bg{position: absolute;top: 0px;width: 100%;height: 0px;background: #111;-moz-opacity: 0.6;opacity: 0.6;z-index: -1;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;-o-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
header.fixed .bg {	height: 70px;}

/*********header*****







header{position: fixed;z-index: 999;height: 70px;top: 0px;left:0;width:100%;min-width:1024px;overflow:hidden;}
header .logo{width:20%;height: 70px;line-height: 62px;text-align:right;margin:0;float:left;}
header .logo img{width:150px;height:auto; display: inline-block;padding-right:30px;}
header nav.menu{width:60%;height: 70px;margin:0 auto;text-align: center;float:left;}
header nav.menu ul{width:100%;margin:0 auto;}
header nav.menu ul li{width:10%;margin: 0 1%;font-size: 16px;float:left;}
header nav.menu ul li a{color: #fff;cursor: pointer;line-height: 68px;display:inline;}

header nav.menu ul li.active a{border-bottom: 2px solid #ed7115;width:80%;margin:0 auto;}
header .hotline {width:20%;margin:0 auto;float:right;height: 70px;line-height: 58px;}
header .hotline p {padding:0px 13px 12px;border-radius:30px;background: rgba(255,255,255,0.8);font-weight: bold;display:inline-block;
	height: 30px;line-height:36px;}
header .hotline p img{width:150px;height:auto;}

********/

@media (max-width:1020px){
	header .logo{top: 32px;left: 35px;width: 160px;}
	header .words{display: none;}
	header nav.menu{margin-left: -40px;}
	header.fixed nav.menu{margin-left: -55px;}
	header nav.menu ul li{margin: 0 8px;}
	header .hotline{right: 200px;}
	header.fixed .hotline{right:206px;}
	header .hotline u{right: 215px;}
	header.fixed .hotline u{right: 180px;}}
@media (max-width:1010px){
	header .words{display: block;left: 220px;}
	header .hotline{display: none;}
	header .menu-icon span{top:20px}
  header .menu-icon span img{width:25px;height:auto;padding-left:5px;}


  header .menu-icon{display: block;}
	header nav.menu{position: fixed;width: 72px;top: 38px;right: -100px;margin: 0px;padding-top: 30px;border: 1px solid #000;border-top: 1px solid #ed8036;
		border-right: none;background: #3a3a3a;}
  header.fixed nav.menu{top: 22px;margin: 0px;}
  header nav.menu.active{display: block;margin: 0px;right: 0px;}
  header nav.menu ul li,header.fixed nav.menu ul li{margin: 0px;margin-left: 5px;width: 73px;padding: 8px 0px;font-size: 14px;text-align: center;}
  header nav.menu ul li.active{background: #111;}
  header nav.menu .line{-moz-opacity: 0;opacity: 0;}
 
 }
 
 @media (max-width:1180px){
 header nav.menu ul li{margin: 0 11px;}
 header.fixed nav.menu ul li{margin: 0 16px;}
 	
 	}
 
@media (max-width:720px){header{height: 54px;}header .logo,header.fixed .logo{top: 17px;left: 20px;width: 120px;}header .words{display: none;}header .menu-icon,header.fixed .menu-icon{top: 18px;right: 30px;}header nav.menu,header.fixed nav.menu{width: 54px;top: 22px;padding-top: 30px;}header nav.menu ul li,header.fixed nav.menu ul li{margin-left: 5px;width: 55px;padding: 5px 0px;font-size: 12px;}header .hotline,header.fixed .hotline{top: 21px;right: 218px;}header .hotline span{font-size: 20px;}header .hotline u,header.fixed .hotline u{top: 24px;right: 223px;width: 15px;height: 21px;background: url(../images/icons.png) no-repeat 0px -34px;}}
@media (max-width:460px){header{height: 42px;}header.fixed{height: 60px;}header .logo,header.fixed .logo{width: 80px;}header .menu-icon,header.fixed .menu-icon{top: 13px;}header .menu-icon span.glyphicon-earphone{display: inline;}header nav.menu,header.fixed nav.menu{top: 17px;}header .hotline,header.fixed .hotline{display: none;}header.fixed .bg{height: 60px;}}
@media (max-height:310px){header,header.fixed{display: none;height: 0px;}}



/************************/




/*********welcome*************/


div.welcome{position: fixed;width: 100%;height: 100%;background-color:rgba(0,0,0,.87);z-index:999;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;z-index: 999;}
div.welcome p{display: block;position: absolute;margin: 0px;padding: 0px;width: 370px;height: 30px;padding-top: 240px;top: 30%;left: 50%;margin-top: -135px;
	margin-left: -185px;color: #fff;font-size: 50px;text-align: center;}
div.welcome p u{text-decoration: none;}




section{position: relative;overflow: hidden; min-width:1024px;}
.video .swiper-container{width: 100%;}
.video .swiper-container .swiper-slide{position: relative;overflow: hidden;}
.video .swiper-container .nth1{background: url(../images/wallpaper1_1.jpg) no-repeat top center;-moz-background-size: cover;background-size: cover;}

.video .swiper-container .nth1 .box{position: relative;margin: 20px auto  0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 10;}
	
.video .swiper-container .nth1 .box .left{position: absolute;left: -300px;width: 223px;height: 231px;
 -moz-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}

.video .swiper-container .nth1 .box .right{position: absolute;right: -500px;top:0; margin:0px -1px 0 120px;-moz-opacity: 0;opacity: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.video .swiper-container .nth1 .box .left img{width:160px;height:auto;}
.video .swiper-container .nth1.active .box .left{left:35px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth1.active .box .right{right: 0px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth1 .box .right span{font-size: 36px;color: White;}
.video .swiper-container .nth1 .box .right i{display: block;width: 339px;height: 66px;margin-bottom: 5px;}
.video .swiper-container .nth1 .box .right i img{width:250px;height:auto;padding:10px 0;}
.video .swiper-container .nth1 .box .right p{font-size: 16px;line-height: 25px;color: #fff;padding:17px 0  0;}





.video .swiper-container .nth2{background: url(../images/wallpaper1_2.jpg) 50% 20%;-moz-background-size: cover;background-size: cover;position:relative;}

.video .swiper-container .nth2 .box{position: absolute;text-align: left;margin: 20px auto  0;    
	-webkit-transition: left .6s ease-in-out 0s;-moz-transition: left .6s ease-in-out 0s;-ms-transition: left .6s ease-in-out 0s;
	-o-transition: left .6s ease-in-out 0s;transition: left .6s ease-in-out 0s;z-index: 10;width:80%;left: -50%;}
	
	
.video .swiper-container .nth2 .box .nth2_add{width:100%;margin:0 auto;	position: absolute;left:50%;top:0px;text-align:center;}
.video .swiper-container .nth2 .box span{font-size: 36px;color: White;text-align:center;display:block;}
.video .swiper-container .nth2 .box span img{width:330px ;height:auto;margin:0 auto 3%;}
.video .swiper-container .nth2 .box i{width: 320px;height: 65px;margin: 10px auto 3%;text-align:center;display:block;}
.video .swiper-container .nth2 .box i img{width:360px;height:auto;padding:10px 0;}
.video .swiper-container .nth2 .box p{margin: 0px;font-size: 16px;line-height: 25px;color: #fff;text-align:center;}





.video .swiper-container .nth3{background: url(../images/wallpaper1_3.jpg) 50% center;-moz-background-size: cover;background-size: cover;}


.video .swiper-container .nth3 .box{position: relative;width: 100%; margin-top:4%;}
.video .swiper-container .nth3 .box .top{font-size: 80px;color: White;text-align: center;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 10;}
.video .swiper-container .nth3 .box .top img{width:290px;height:auto;margin:0 auto 10px;}
.video .swiper-container .nth3.active .box .top{font-size: 36px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .mid{width: 358px;height: 66px;margin: 0 auto;margin-top: 20px;margin-bottom: 10px;
-moz-opacity: 0;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.video .swiper-container .nth3 .box .mid img{width:340px;height:auto;padding:0px 0;}
.video .swiper-container .nth3.active .box .mid{-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth3 .box .bottom{width: 100%;color: #fff;font-size: 16px;line-height: 30px;text-align: center;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out .3s;
	-moz-transition: all .6s ease-in-out .3s;-ms-transition: all .6s ease-in-out .3s;
	-o-transition: all .6s ease-in-out .3s;transition: all .6s ease-in-out .3s;z-index: 10;}
	
.video .swiper-container .nth3.active .box .bottom{-moz-opacity: 1;opacity: 1;}




.video .swiper-container .nth4{background: url(../images/wallpaper1_4.jpg) 50% top;-moz-background-size: cover;background-size: cover;}



.video .swiper-container .nth4 .box{position: relative;width: 100%; margin-top:4%;}
.video .swiper-container .nth4 .box .top{font-size: 80px;color: White;text-align: center;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 10;}
.video .swiper-container .nth4 .box .top img{width:280px;height:auto;margin:0 auto 10px;}
.video .swiper-container .nth4.active .box .top{font-size: 36px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth4 .box .mid{width: 358px;height: 66px;margin: 0 auto;margin-top: 20px;margin-bottom: 10px;
-moz-opacity: 0;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.video .swiper-container .nth4 .box .mid img{width:402px;height:auto;padding:0px 0;}
.video .swiper-container .nth4.active .box .mid{-moz-opacity: 1;opacity: 1;}


.video .swiper-container .nth4 .box .bottom{width: 80%;color: #fff;font-size: 16px;line-height: 30px;text-align: center;margin:0 auto 10px;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out .3s;
	-moz-transition: all .6s ease-in-out .3s;-ms-transition: all .6s ease-in-out .3s;
	-o-transition: all .6s ease-in-out .3s;transition: all .6s ease-in-out .3s;z-index: 10;}
	
.video .swiper-container .nth4.active .box .bottom{-moz-opacity: 1;opacity: 1;}
















.video .swiper-container .nth5{background: url(../images/wallpaper1_5.jpg) 50% top;-moz-background-size: cover;background-size: cover;}

.video .swiper-container .nth5 .box{position: relative;width: 100%; margin-top:2%;}
.video .swiper-container .nth5 .box .top{font-size: 80px;color: White;text-align: center;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 10;}
.video .swiper-container .nth5 .box .top img{width:250px;height:auto;margin:0 auto 10px;}
.video .swiper-container .nth5.active .box .top{font-size: 36px;-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth5 .box .mid{width: 358px;height: 66px;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;
-moz-opacity: 0;opacity: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.video .swiper-container .nth5 .box .mid img{width:382px;height:auto;padding:0px 0 0%;}
.video .swiper-container .nth5.active .box .mid{-moz-opacity: 1;opacity: 1;}
.video .swiper-container .nth5 .box .bottom{width: 70%;color: #fff;font-size: 16px;line-height: 30px;text-align:left;margin:0 auto 10px;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out .3s;
	-moz-transition: all .6s ease-in-out .3s;-ms-transition: all .6s ease-in-out .3s;
	-o-transition: all .6s ease-in-out .3s;transition: all .6s ease-in-out .3s;z-index: 10;}
	
.video .swiper-container .nth5.active .box .bottom{-moz-opacity: 1;opacity: 1;}








.video .innerBox{position: absolute;bottom: 40px;width: 100%;z-index: 10;}
.video .innerBox .news{margin: 0 auto;margin-bottom: 30px;width: 400px;}
.video .innerBox .news span{float: left;margin: 1px 15px 0px 0px;color: #ed8036;font-weight: bold;}
.video .innerBox .news ul{float: left;}
.video .innerBox .news ul li a{color: #ddd;}
.video .innerBox .news a.more{float: right;color: #ed8036;margin-top: -3px;text-decoration: none;border-bottom: 1px dotted #ed8036;-webkit-transition: color .3s ease-in-out 0s;-moz-transition: color .3s ease-in-out 0s;-ms-transition: color .3s ease-in-out 0s;-o-transition: color .3s ease-in-out 0s;transition: color .3s ease-in-out 0s;}
.video .innerBox .news a.more:hover{color: White;text-decoration: none;-webkit-transition: color .3s ease-in-out 0s;-moz-transition: color .3s ease-in-out 0s;-ms-transition: color .3s ease-in-out 0s;-o-transition: color .3s ease-in-out 0s;transition: color .3s ease-in-out 0s;}
.video .innerBox .guide{margin: 0 auto;margin-bottom: 80px;width: 200px;}
.video .innerBox .guide a{display: block;float: left;margin: 0 5px;width: 30px;height: 3px;font-size: 3px;background: White;cursor: pointer;}
.video .innerBox .guide a.active{background: #ed8036;}
.video .innerBox a.movedown{display: block;margin: 0 auto;width: 47px;height: 47px;background: url(../images/icons.png) no-repeat 0px -60px;cursor: pointer;z-index: 99;}
.video .innerBox a.movedown:hover{background: url(../images/icons.png) no-repeat 0px -112px;}




section.marketing{background: url(../images/bg2.png) no-repeat center top;-moz-background-size: cover;background-size: cover;}
.marketing .box{position: relative;margin-top: 20px;}
.marketing .box .caption{width: 100%;text-align: center;-moz-opacity: 0;opacity: 0;position:relative;top:-200px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;}
	
.marketing.active .box .caption{-moz-opacity: 1;opacity: 1;top:20px;}



.marketing .box .caption i{display: block;margin: 0% auto ;margin-bottom: 20px;width: 100%;height: 51px;-moz-opacity: 0;opacity: 0;}
.marketing.active .box .caption i{-moz-opacity: 1;opacity: 1;}

.marketing .box .caption i img{width:431px;height: auto;}
.marketing .box .caption span img{width:431px;height: auto;}


.marketing .box div.items{margin: 0 auto;margin-top: 80px;position: relative;z-index: 10; width:930px;padding:0;}
.marketing .box div.items ul{width:100%;margin:0 auto;padding:0;}

.marketing .box div.items li{width: 21%;height: 330px;margin: 0 2%;overflow: hidden;padding:0 0px;position: relative;top:80px;float:left;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
	
	
.marketing.active .box div.items li{-moz-opacity: 1;opacity: 1;top:0px;}	
	
.marketing .box div.items li i{display: block;position: relative;margin: 0 auto;margin-top: 28px;height: 70px;}

.marketing .box div.items li.se i{width: 93px;background: url(../images/v1.png) no-repeat center;background-size:80%;    -webkit-transition: 1s;}
.marketing .box div.items li.weixin i{width: 93px;background: url(../images/v2.png) no-repeat center;background-size:80%;  -webkit-transition: 1s;}
.marketing .box div.items li.weibo i{width: 93px;background: url(../images/v3.png) no-repeat center;background-size:80%;  -webkit-transition: 1s;}
.marketing .box div.items li.sms i{width: 93px;background: url(../images/v4.png) no-repeat center;background-size:80%;  -webkit-transition: 1s;}

.marketing .box div.items li div.yuan{display: block;width: 120px;height:120px;line-height:120px;border: 1.5px solid #898888;border-radius:50%;margin: auto;
text-align: center;
	-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
	
	
.marketing .box div.items li:hover  div.yuan{border: 1.5px solid #ed7318;}

.marketing .box div.items li.se:hover  i{width: 93px;background: url(../images/v1_1.png) no-repeat center;background-size:80%;
	transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);
}
.marketing .box div.items li.weixin:hover  i{width: 93px;background: url(../images/v2_1.png) no-repeat center;background-size:80%;
	transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);
}
.marketing .box div.items li.weibo:hover  i{width: 93px;background: url(../images/v3_1.png) no-repeat center;background-size:80%;
	transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);
}
.marketing .box div.items li.sms:hover  i{width: 93px;background: url(../images/v4_1.png) no-repeat center;background-size:80%;
	transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);
}




.marketing .box div.items li strong{display: block;margin: 30px 0px 10px 0px;font-size: 16px;color:#9a9898;font-size:18px;
	text-align: center;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}

.marketing.active .box div.items li strong {-moz-opacity: 1;opacity: 1;}
.marketing .box div.items li strong{font-weight:normal;}
.marketing .box div.items li p{line-height: 1.5em;text-align:-webkit-left;color:#9a9898;font-size:12px;}
.marketing .box div.items li:hover strong{color:#ed7318;}










/*********clients************/

section.clients{background: url(../images/wallpaper7_h800.png) no-repeat top center; background-size:100% 100%;}

.clients .box{position: relative;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;margin-top:20px;}
	
	
.clients .box .caption{width: 100%;text-align: center;-moz-opacity: 0;opacity: 0;position:relative;top:-200px;margin:0 auto 2%;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;}
	
.clients.active .box .caption{-moz-opacity: 1;opacity: 1;top:20px;}




.clients .box .caption i{display: block; margin: 0 auto; margin-bottom: 20px; width: 100%; height: 51px;}
.clients .box .caption i img{width: 431px;height: auto;}
.clients .box .caption span{text-align: center}
.clients .box .caption span img{width: 431px; height: auto;}
.clients .box ul.items{margin: 0 auto;margin-top: 2px;width: 940px;height: 156px;font-size: 0;overflow: hidden;padding:0;}



.clients .box ul.items li{position: relative;padding: 0;margin:10px 10px 2%;cursor:pointer;
	height:93px;overflow: hidden;z-index: 10;}


 @media (min-width:931px){
	.clients .box ul.items li{width: 325px;height:156px;line-height:156px;} 
}

 @media (max-width:930px){
	.clients .box ul.items li{width: 220px;height:120px;line-height:120px;} 
}









.clients .box ul.items li.c1 {background:rgba(255,255,255,1) url(../images/dark/1.png) no-repeat  center;}
.clients .box ul.items li.c2 {background:rgba(255,255,255,1) url(../images/dark/2.png) no-repeat  center;}
.clients .box ul.items li.c3 {background:rgba(255,255,255,1) url(../images/dark/3.png) no-repeat  center;}
.clients .box ul.items li.c4 {background:rgba(255,255,255,1) url(../images/dark/4.png) no-repeat  center;}
.clients .box ul.items li.c5 {background:rgba(255,255,255,1) url(../images/dark/5.png) no-repeat  center;}
.clients .box ul.items li.c6 {background:rgba(255,255,255,1) url(../images/dark/6.png) no-repeat  center;}
.clients .box ul.items li.c7 {background:rgba(255,255,255,1) url(../images/dark/7.png) no-repeat  center;}
.clients .box ul.items li.c8 {background:rgba(255,255,255,1) url(../images/dark/8.png) no-repeat  center;}
.clients .box ul.items li.c9 {background:rgba(255,255,255,1) url(../images/dark/9.png) no-repeat  center;}
.clients .box ul.items li.c10 {background:rgba(255,255,255,1) url(../images/dark/10.png) no-repeat  center;}
.clients .box ul.items li.c11 {background:rgba(255,255,255,1) url(../images/dark/11.png) no-repeat  center;}
.clients .box ul.items li.c12 {background:rgba(255,255,255,1) url(../images/dark/12.png) no-repeat  center;}
.clients .box ul.items li.c13 {background:rgba(255,255,255,1) url(../images/dark/13.png) no-repeat  center;}
.clients .box ul.items li.c14 {background:rgba(255,255,255,1) url(../images/dark/14.png) no-repeat  center;}
.clients .box ul.items li.c15 {background:rgba(255,255,255,1) url(../images/dark/15.png) no-repeat  center;}
.clients .box ul.items li.c16 {background:rgba(255,255,255,1) url(../images/dark/16.png) no-repeat  center;}
.clients .box ul.items li.c17 {background:rgba(255,255,255,1) url(../images/dark/17.png) no-repeat  center;}
.clients .box ul.items li.c18 {background:rgba(255,255,255,1) url(../images/dark/18.png) no-repeat  center;}
.clients .box ul.items li.c19 {background:rgba(255,255,255,1) url(../images/dark/19.png) no-repeat  center;}
.clients .box ul.items li.c20 {background:rgba(255,255,255,1) url(../images/dark/20.png) no-repeat  center;}
.clients .box ul.items li.c21 {background:rgba(255,255,255,1) url(../images/dark/21.png) no-repeat  center;}
.clients .box ul.items li.c22 {background:rgba(255,255,255,1) url(../images/dark/22.png) no-repeat  center;}
.clients .box ul.items li.c23 {background:rgba(255,255,255,1) url(../images/dark/23.png) no-repeat  center;}
.clients .box ul.items li.c24 {background:rgba(255,255,255,1) url(../images/dark/24.png) no-repeat  center;}
.clients .box ul.items li.c25 {background:rgba(255,255,255,1) url(../images/dark/25.png) no-repeat  center;}
.clients .box ul.items li.c26 {background:rgba(255,255,255,1) url(../images/dark/26.png) no-repeat  center;}
.clients .box ul.items li.c27 {background:rgba(255,255,255,1) url(../images/dark/27.png) no-repeat  center;}
.clients .box ul.items li.c28 {background:rgba(255,255,255,1) url(../images/dark/28.png) no-repeat  center;}
.clients .box ul.items li.c29 {background:rgba(255,255,255,1) url(../images/dark/29.png) no-repeat  center;}
.clients .box ul.items li.c30 {background:rgba(255,255,255,1) url(../images/dark/30.png) no-repeat  center;}
.clients .box ul.items li.c31 {background:rgba(255,255,255,1) url(../images/dark/31.png) no-repeat  center;}
.clients .box ul.items li.c32 {background:rgba(255,255,255,1) url(../images/dark/32.png) no-repeat  center;}
.clients .box ul.items li.c33 {background:rgba(255,255,255,1) url(../images/dark/33.png) no-repeat  center;}
.clients .box ul.items li.c34 {background:rgba(255,255,255,1) url(../images/dark/34.png) no-repeat  center;}
.clients .box ul.items li.c35 {background:rgba(255,255,255,1) url(../images/dark/35.png) no-repeat  center;}
.clients .box ul.items li.c36 {background:rgba(255,255,255,1) url(../images/dark/36.png) no-repeat  center;}
.clients .box ul.items li.c37 {background:rgba(255,255,255,1) url(../images/dark/37.png) no-repeat  center;}
.clients .box ul.items li.c38 {background:rgba(255,255,255,1) url(../images/dark/38.png) no-repeat  center;}
.clients .box ul.items li.c39 {background:rgba(255,255,255,1) url(../images/dark/39.png) no-repeat  center;}
.clients .box ul.items li.c40 {background:rgba(255,255,255,1) url(../images/dark/40.png) no-repeat  center;}
.clients .box ul.items li.c41 {background:rgba(255,255,255,1) url(../images/dark/41.png) no-repeat  center;}
.clients .box ul.items li.c42 {background:rgba(255,255,255,1) url(../images/dark/42.png) no-repeat  center;}
.clients .box ul.items li.c43 {background:rgba(255,255,255,1) url(../images/dark/43.png) no-repeat  center;}
.clients .box ul.items li.c44 {background:rgba(255,255,255,1) url(../images/dark/44.png) no-repeat  center;}
.clients .box ul.items li.c45 {background:rgba(255,255,255,1) url(../images/dark/45.png) no-repeat  center;}
.clients .box ul.items li.c46 {background:rgba(255,255,255,1) url(../images/dark/46.png) no-repeat  center;}
.clients .box ul.items li.c47 {background:rgba(255,255,255,1) url(../images/dark/47.png) no-repeat  center;}
.clients .box ul.items li.c48 {background:rgba(255,255,255,1) url(../images/dark/48.png) no-repeat  center;}
.clients .box ul.items li.c49 {background:rgba(255,255,255,1) url(../images/dark/49.png) no-repeat  center;}
.clients .box ul.items li.c50 {background:rgba(255,255,255,1) url(../images/dark/50.png) no-repeat  center;}
.clients .box ul.items li.c51 {background:rgba(255,255,255,1) url(../images/dark/51.png) no-repeat  center;}
.clients .box ul.items li.c52 {background:rgba(255,255,255,1) url(../images/dark/52.png) no-repeat  center;}
.clients .box ul.items li.c53 {background:rgba(255,255,255,1) url(../images/dark/53.png) no-repeat  center;}
.clients .box ul.items li.c54 {background:rgba(255,255,255,1) url(../images/dark/54.png) no-repeat  center;}
.clients .box ul.items li.c55 {background:rgba(255,255,255,1) url(../images/dark/55.png) no-repeat  center;}
.clients .box ul.items li.c56 {background:rgba(255,255,255,1) url(../images/dark/56.png) no-repeat  center;}
.clients .box ul.items li.c57 {background:rgba(255,255,255,1) url(../images/dark/57.png) no-repeat  center;}
.clients .box ul.items li.c58 {background:rgba(255,255,255,1) url(../images/dark/58.png) no-repeat  center;}


.clients .box ul.items li.c1:hover {background:rgba(255,255,255,1) url(../images/light/1.png) no-repeat  center;}
.clients .box ul.items li.c2:hover {background:rgba(255,255,255,1) url(../images/light/2.png) no-repeat  center;}
.clients .box ul.items li.c3:hover {background:rgba(255,255,255,1) url(../images/light/3.png) no-repeat  center;}
.clients .box ul.items li.c4:hover {background:rgba(255,255,255,1) url(../images/light/4.png) no-repeat  center;}
.clients .box ul.items li.c5:hover {background:rgba(255,255,255,1) url(../images/light/5.png) no-repeat  center;}
.clients .box ul.items li.c6:hover {background:rgba(255,255,255,1) url(../images/light/6.png) no-repeat  center;}
.clients .box ul.items li.c7:hover {background:rgba(255,255,255,1) url(../images/light/7.png) no-repeat  center;}
.clients .box ul.items li.c8:hover {background:rgba(255,255,255,1) url(../images/light/8.png) no-repeat  center;}
.clients .box ul.items li.c9:hover {background:rgba(255,255,255,1) url(../images/light/9.png) no-repeat  center;}
.clients .box ul.items li.c10:hover {background:rgba(255,255,255,1) url(../images/light/10.png) no-repeat  center;}
.clients .box ul.items li.c11:hover {background:rgba(255,255,255,1) url(../images/light/11.png) no-repeat  center;}
.clients .box ul.items li.c12:hover {background:rgba(255,255,255,1) url(../images/light/12.png) no-repeat  center;}
.clients .box ul.items li.c13:hover {background:rgba(255,255,255,1) url(../images/light/13.png) no-repeat  center;}
.clients .box ul.items li.c14:hover {background:rgba(255,255,255,1) url(../images/light/14.png) no-repeat  center;}
.clients .box ul.items li.c15:hover {background:rgba(255,255,255,1) url(../images/light/15.png) no-repeat  center;}
.clients .box ul.items li.c16:hover {background:rgba(255,255,255,1) url(../images/light/16.png) no-repeat  center;}
.clients .box ul.items li.c17:hover {background:rgba(255,255,255,1) url(../images/light/17.png) no-repeat  center;}
.clients .box ul.items li.c18:hover {background:rgba(255,255,255,1) url(../images/light/18.png) no-repeat  center;}
.clients .box ul.items li.c19:hover {background:rgba(255,255,255,1) url(../images/light/19.png) no-repeat  center;}
.clients .box ul.items li.c20:hover {background:rgba(255,255,255,1) url(../images/light/20.png) no-repeat  center;}
.clients .box ul.items li.c21:hover {background:rgba(255,255,255,1) url(../images/light/21.png) no-repeat  center;}
.clients .box ul.items li.c22:hover {background:rgba(255,255,255,1) url(../images/light/22.png) no-repeat  center;}
.clients .box ul.items li.c23:hover {background:rgba(255,255,255,1) url(../images/light/23.png) no-repeat  center;}
.clients .box ul.items li.c24:hover {background:rgba(255,255,255,1) url(../images/light/24.png) no-repeat  center;}
.clients .box ul.items li.c25:hover {background:rgba(255,255,255,1) url(../images/light/25.png) no-repeat  center;}
.clients .box ul.items li.c26:hover {background:rgba(255,255,255,1) url(../images/light/26.png) no-repeat  center;}
.clients .box ul.items li.c27:hover {background:rgba(255,255,255,1) url(../images/light/27.png) no-repeat  center;}
.clients .box ul.items li.c28:hover {background:rgba(255,255,255,1) url(../images/light/28.png) no-repeat  center;}
.clients .box ul.items li.c29:hover {background:rgba(255,255,255,1) url(../images/light/29.png) no-repeat  center;}
.clients .box ul.items li.c30:hover {background:rgba(255,255,255,1) url(../images/light/30.png) no-repeat  center;}
.clients .box ul.items li.c31:hover {background:rgba(255,255,255,1) url(../images/light/31.png) no-repeat  center;}
.clients .box ul.items li.c32:hover {background:rgba(255,255,255,1) url(../images/light/32.png) no-repeat  center;}
.clients .box ul.items li.c33:hover {background:rgba(255,255,255,1) url(../images/light/33.png) no-repeat  center;}
.clients .box ul.items li.c34:hover {background:rgba(255,255,255,1) url(../images/light/34.png) no-repeat  center;}
.clients .box ul.items li.c35:hover {background:rgba(255,255,255,1) url(../images/light/35.png) no-repeat  center;}
.clients .box ul.items li.c36:hover {background:rgba(255,255,255,1) url(../images/light/36.png) no-repeat  center;}
.clients .box ul.items li.c37:hover {background:rgba(255,255,255,1) url(../images/light/37.png) no-repeat  center;}
.clients .box ul.items li.c38:hover {background:rgba(255,255,255,1) url(../images/light/38.png) no-repeat  center;}
.clients .box ul.items li.c39:hover {background:rgba(255,255,255,1) url(../images/light/39.png) no-repeat  center;}
.clients .box ul.items li.c40:hover {background:rgba(255,255,255,1) url(../images/light/40.png) no-repeat  center;}
.clients .box ul.items li.c41:hover {background:rgba(255,255,255,1) url(../images/light/41.png) no-repeat  center;}
.clients .box ul.items li.c42:hover {background:rgba(255,255,255,1) url(../images/light/42.png) no-repeat  center;}
.clients .box ul.items li.c43:hover {background:rgba(255,255,255,1) url(../images/light/43.png) no-repeat  center;}
.clients .box ul.items li.c44:hover {background:rgba(255,255,255,1) url(../images/light/44.png) no-repeat  center;}
.clients .box ul.items li.c45:hover {background:rgba(255,255,255,1) url(../images/light/45.png) no-repeat  center;}
.clients .box ul.items li.c46:hover {background:rgba(255,255,255,1) url(../images/light/46.png) no-repeat  center;}
.clients .box ul.items li.c47:hover {background:rgba(255,255,255,1) url(../images/light/47.png) no-repeat  center;}
.clients .box ul.items li.c48:hover {background:rgba(255,255,255,1) url(../images/light/48.png) no-repeat  center;}
.clients .box ul.items li.c49:hover {background:rgba(255,255,255,1) url(../images/light/49.png) no-repeat  center;}
.clients .box ul.items li.c50:hover {background:rgba(255,255,255,1) url(../images/light/50.png) no-repeat  center;}
.clients .box ul.items li.c51:hover {background:rgba(255,255,255,1) url(../images/light/51.png) no-repeat  center;}
.clients .box ul.items li.c52:hover {background:rgba(255,255,255,1) url(../images/light/52.png) no-repeat  center;}
.clients .box ul.items li.c53:hover {background:rgba(255,255,255,1) url(../images/light/53.png) no-repeat  center;}
.clients .box ul.items li.c54:hover {background:rgba(255,255,255,1) url(../images/light/54.png) no-repeat  center;}
.clients .box ul.items li.c55:hover {background:rgba(255,255,255,1) url(../images/light/55.png) no-repeat  center;}
.clients .box ul.items li.c56:hover {background:rgba(255,255,255,1) url(../images/light/56.png) no-repeat  center;}
.clients .box ul.items li.c57:hover {background:rgba(255,255,255,1) url(../images/light/57.png) no-repeat  center;}
.clients .box ul.items li.c58:hover {background:rgba(255,255,255,1) url(../images/light/58.png) no-repeat  center;}

.clients .box ul.items li span{position: absolute;bottom: -30px;}
.clients .box ul.items li.bg.all{position: absolute;width: 1155px;height: 450px; background:none;}
.clients .box ul.items li.bg.one{position: absolute;background: #eee;-moz-opacity: 0.5;opacity: 0.5;filter: alpha(opacity=50);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;display: none;}
.clients .box ul.mini{display: none;}


.clients.active .box ul.items li.cctv { top: 0px;}
.clients .box ul.items li.cctv { top: 600px;
	-webkit-transition: all .8s ease-in-out 0s; 
   -moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s;transition: all .8s ease-in-out 0s;}


.clients.active .box ul.items li.unicom { top: 0px;}
.clients .box ul.items li.unicom { top: -400px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.tsinghua{ top: 0px;}
.clients .box ul.items li.tsinghua { top: 600px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.cas{ top: 0px;}
.clients .box ul.items li.cas { top: -400px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.sipo{ top: 0px;}
.clients .box ul.items li.sipo { top: 600px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}





.clients.active .box ul.items li.apple{ top: 0px;}
.clients .box ul.items li.apple { top: 600px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.das{ top: 0px;}
.clients .box ul.items li.das { top: 450px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.hunantv{ top: 0px;}
.clients .box ul.items li.hunantv { top: -550px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.sino{ top: 0px;}
.clients .box ul.items li.sino { top: 450px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}

.clients.active .box ul.items li.report{ top: 0px;}
.clients .box ul.items li.report { top: 600px;
  -webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
 -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s;}







/*********aboutus************/

section.aboutus{position: relative;background: url(../images/four.png) no-repeat top center;-moz-background-size: cover;background-size: cover;}
.aboutus .box{top:0px;margin-top:20px;position:absolute;left:0%;width:100%;}

.aboutus .aboutus_four{position:absolute;left:0%;width:100%;margin:0 auto;top:0px;}
.aboutus .box .caption{width: 100%;text-align: center;-moz-opacity: 0;opacity: 0;position:relative;top:-200px;margin:0 auto 8%;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;}
.aboutus.active .box .caption{-moz-opacity: 1;opacity: 1;top:20px;}




.aboutus .box .caption i{display: block;margin: 0 auto;margin-bottom: 1px;width: 100%;height: 51px;}
.aboutus .box .caption i  img{  width: 431px;height: auto;}
.aboutus .box .caption span { text-align: center}
.aboutus .box .caption span img{    width: 431px; height: auto;}

.aboutus ul.menu{position: absolute;list-style: none;top: 44%;left: 8%;width: auto;padding: 0px;}
.aboutus ul.menu li{position: relative;width: 53px;height: 53px;margin-bottom:8%;border-radius:50%;border: 1.5px solid #717070;color: #888;font-size: 16px;text-align: center;padding: 10px;cursor: pointer;z-index: 30;-webkit-transition: all .0s ease-in-out .2s;	-moz-transition: all .0s ease-in-out .2s;-ms-transition: all .0s ease-in-out .2s;-o-transition: all .0s ease-in-out .2s;transition: all .0s ease-in-out .2s;}
.aboutus ul.menu li.c1{margin:0 auto;}
.aboutus ul.menu li.c1{background: url(../images/c1.png) no-repeat  center;background-size:80%;margin-bottom:12%;}
.aboutus ul.menu li.c2{background: url(../images/c2.png) no-repeat  center;background-size:80%;margin-bottom:12%;}
.aboutus ul.menu li.c3{background: url(../images/c3.png) no-repeat  center;background-size:80%;margin-bottom:12%;}
.aboutus ul.menu li.c4{background: url(../images/c4.png) no-repeat  center;background-size:80%;margin-bottom:12%;}
.aboutus ul.menu li.c5{background: url(../images/c5.png) no-repeat  center;background-size:80%;margin-bottom:12%;}

.aboutus ul.menu li.c1.active{background: url(../images/c1_1.png) no-repeat  center;background-size:80%;}
.aboutus ul.menu li.c2.active{background: url(../images/c2_1.png) no-repeat  center;background-size:80%;}
.aboutus ul.menu li.c3.active{background: url(../images/c3_1.png) no-repeat  center;background-size:80%;}
.aboutus ul.menu li.c4.active{background: url(../images/c4_1.png) no-repeat  center;background-size:80%;}
.aboutus ul.menu li.c5.active{background: url(../images/c5_1.png) no-repeat  center;background-size:80%;}
.aboutus ul.menu li.active{border: 1.5px solid #ed8036;}

.aboutus ul.menu li span{width:100%;margin:0 auto;position:absolute;top:0%;left:107%;
	font-size:14px;text-align:left;color:#898989;padding:0.1rem 0;display:none;}
.aboutus ul.menu li:hover span{display:block;}

.aboutus ul.menu li.bg.all{position: absolute;padding: 0px;top: 0px;left: 0px; display:none;background: none;z-index: 10;}
.aboutus ul.menu li.bg.one{border: 0px solid #fff;}
.aboutus .items{position: absolute;top:0;left: -80px;width:962px;height: auto;overflow:hidden;margin:40px auto  0px;
	
	-moz-opacity: 0;opacity: 0;
	-webkit-transition: all .8s ease-in-out 0s;-moz-transition: all .8s ease-in-out 0s;-ms-transition: all .8s ease-in-out 0s;
	-o-transition: all .8s ease-in-out 0s;	transition: all .8s ease-in-out 0s;}
	
	
.aboutus.active .items{right: 0%;-moz-opacity: 1;opacity: 1;top:0;margin:40px auto  0px;}



.aboutus .items .nth1{overflow:hidden;width:80%;margin-top:1.5%;    }
.aboutus .items .swiper-slide{}
.aboutus .items .nth1 .left{-moz-opacity: 0;opacity: 0;display:none;background:rgba(244, 67, 54, 0.22);}
.aboutus .items .nth1 .right{-moz-opacity: 0;opacity: 0;display:none;background:rgba(244, 67, 54, 0.22);}
.aboutus .items .nth1 ul{width:100%;margin:0px auto  0;margin-left:22%}
.aboutus .items .nth1 ul li{width:48%;margin:0 auto;}
.aboutus .items .nth1 ul li.fl{float:left;}
.aboutus .items .nth1 ul li.fr{float:right;}
.aboutus .items .nth1 ul li h2{font-size:14px;text-align:left;color:#999;line-height: 1.8em;}
.aboutus .items .nth1 ul li p{font-size:12px;text-align:left;color:#999;}

.aboutus .items .nth2{overflow:hidden;width:80%;margin:1.1% auto;  }
.aboutus .items .nth3{overflow:hidden;margin:1.5% auto;   }
.aboutus .items .nth4{overflow:hidden;margin:1.5% auto;    }
.aboutus .items .nth5{overflow:hidden;margin:1.5% auto;    }

.aboutus .expBg{position: absolute;bottom: -80px;width: 100%;height: 70px;background: White;-moz-opacity: 0.2;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 10;}
.aboutus.active .expBg{bottom: 0px;}
.aboutus .shade{position: absolute;width: 100%;height: 100%;background: Black;-moz-opacity: 0.5;opacity: 0.5;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;-ms-transition: all 1s ease-in-out 0s;-o-transition: all 1s ease-in-out 0s;transition: all 1s ease-in-out 0s;z-index: 5;}
.aboutus.active .shade{-moz-opacity: 0;opacity: 0;z-index: -1;}


.aboutus .items .swiper-slide.nth1 .left{display:none;}
.aboutus .items .swiper-slide.nth1 .right{display:none;}












/******contact**********/


section.contact {position: relative;background: url(../images/five.png) no-repeat top center;background-size:100% 100%;}
.contact .boxs{position: relative;margin: 0 auto;width: 810px;height: 330px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.contact .boxs .above{position: relative;top: -300px;width: 100%;height: 200px;left:6%;
	-moz-opacity: 0;opacity: 0;-webkit-transition: all .6s ease-in-out 0s;-moz-transition: all .6s ease-in-out 0s;-ms-transition: all .6s ease-in-out 0s;-o-transition: all .6s ease-in-out 0s;transition: all .6s ease-in-out 0s;}
.contact.active .boxs .above {top: 80%;-moz-opacity: 1;opacity: 1;}
.contact .boxs .above .wechat {width:35%;margin:0 auto;float: left;text-align:center;}
.contact .boxs .above .wechat img{width:66%;height:auto;display:inline-block;}
.contact .boxs .above .wechat p{font-size:16px;color:#fff;text-align:center;padding-top:3%;}
.contact .boxs .above .left {width:65%;margin:0 auto;float: left;margin: -12px 0px 0px 0px;}

.contact .boxs .above .left p {margin-top: 8px;color: #fff;line-height: 1.5em;}
.contact .boxs .above .left a {color: #fff;display:inline-block;text-decoration: none;}
.contact .boxs .above .left a.ac{color: #e4803f;}
.contact .boxs .above .left p a.job{margin-left: 20px;color: #d00000;font-weight: bold;}
.contact .boxs .above .left p a.job:hover{border-bottom: 1px solid #d00000;}
.contact .boxs .above .right{float: right;margin-top: -3px;color: #666;line-height: 32px;}
.contact .boxs .above .right u{margin: 0 5px;text-decoration: none;}

/*********dock***********/

.dock{position: fixed;right: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;}
.dock.close{z-index: 50;}
.dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;
	background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock.close ul.icons{right: -70px;}
.dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url(../images/icons.png) no-repeat;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;z-index: 210;}
.dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i{background-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;}
.dock ul.icons li p{display: block;position: absolute;top: 73px;right: -260px;padding: 15px 20px;height: auto;color: White;
	line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;-ms-transition: all .4s ease-in-out .1s;-o-transition: all .4s ease-in-out .1s;transition: all .4s ease-in-out .1s;
	overflow: hidden;z-index: 201;}
.dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p{width: 100px;}
.dock ul.icons li.im p{width: 115px;top: 24px; }
.dock ul.icons li.im p a{display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #ed8036;
	font-size: 16px;text-align: center;text-decoration: none;border: 0px solid #ed8036;-moz-border-radius: 5px;background: rgba(0,0,0,0.8);
	-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.dock ul.icons li.im p a:hover{color: White;background: #ec7217;border: 0px solid #0f8773;}
.dock ul.icons li.wechat p{width: 98px;top: 0px;    padding: 11px 20px;}




.dock ul.icons li.wechat p img{width: 80px;border: 2px solid White;margin-bottom:2px;}
.dock a.switch{position: absolute;display: block;top: 270px;right: 11px;width: 26px;height: 26px;background: url(../images/icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;}
.dock a.switch.off{background-position: -32px -640px;}