html, body {
    position: relative;
    height: 100%;
}
a,a:link,a:hover,a:visited,a:active{text-decoration: none;color: inherit;}
body {
    background: #000;
    font-family:"微软雅黑";

    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
a{text-decoration: none;}
a:hover{text-decoration: none;}
li{list-style: none;}
.sectionPanel{
	overflow: hidden;
}
.swiper-container,.swiper-wrapper,.swiper-slide,.swiper-slide img,.swiper-cnt {
    width: 100%;
    height: 100%;
   
}
.swiper-slide {
	position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
i,em{font-style: normal;}
.text-primary{color:#00cd78 !important;}
.bg-primary{background:#00cd78 !important;}
.contann{width:1160px;margin:0 auto;}
.case-box{width:1100px;margin:0 auto;}
.swiper-pagination{width:100%;bottom:30px;text-align:center;}
.swiper-pagination-bullet{background-color: #FFF;width:50px;height:3px;margin-right:5px;border-radius: 0px;}
.swiper-pagination-bullet-active{background-color:#00cd78;border-radius: 0px;}
header{
	width:100%;
	position: fixed;
	background: #fff;
	z-index:9999;
	height:90px;
	padding:0px 30px !important;
	
}
header .logo{display:block;float:left;margin-top:12px; width: 10%;}
header .logo img{display:block;float:left; width: 100%;}
header .logo span{color:#fff;font-size:18px;margin-left:14px;margin-top:24px;display:block;float:left;font-family: "寰蒋闆呴粦";}
header .nav{height:90px;float: right;margin-right:18%;position: relative;}
header .nav .nav-slider{position: absolute;z-index: 2;width:20px;left:0;top:0;height:3px;background-color: #00cd78;transition: all .3s ease-in-out 0s;}
header .nav ul{padding:0;margin:0;}
header .nav li{line-height:90px;font-size:18px;padding:0 18px;float:left;border-top:2px solid rgba(0,0,0,0);}
header .nav li a{line-height:90px;font-size:18px;color:#333333;}
header .nav li.active a{color:#00cd78;}
header .phone{float:right;background:url(../img/icons.png) no-repeat left;padding-left:36px;color:#00cd78;font-weight:bold;line-height:40px;font-size:26px;font-style: normal;margin-top:30px;}
header .nav>li>a:focus, .nav>li>a:hover{ background: none;}
header .hotline {position: fixed;top: 28px;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 .hotline span {position: fixed;color: #00cd78;font-family: Arial;font-weight: normal;font-size: 26px;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 u {position: fixed;top: 30px;right: 230px;display: block;width: 30px;height: 30px;text-decoration: none;background:url(../img/tel.png) no-repeat;-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 a {color: #00cd78;}
.fixed-top{width:100%;position: fixed;background:#fff;z-index:9999;height:90px;}
.fixed-top .logo{display:block;margin-top:12px;}
.fixed-top .logo img{width:100%;}
.fixed-top .logo span{margin-top:10px;}
.fixed-top .nav{height:90px;}
.fixed-top .nav li{line-height:90px;font-size:18px;padding:0 18px;}
.fixed-top .nav li a{line-height:90px;font-size:18px;}
.fixed-top .nav>li>a{padding:0px 0px;}
.fixed-top .hotline{top:28px;}
.fixed-top .hotline u{top:30px;}
.guide {margin: 0 auto;position:absolute;bottom:40px;overflow:hidden;z-index:9999;width:16%;margin-left:42%;}
.guide a {display: block;float: left;margin: 0 5px;width: 50px;height: 3px;font-size: 3px;background: White;cursor: pointer;}
.guide a.active {background: #00cd78;}


/* 轮播第一屏 */
.swiper-cnt{display:none;position:absolute;left:0px;top:0%;width:100%;}
.swiper-cnt .knowyou{width:100%;margin-top:12%;}
.swiper-cnt .knowyou i{width:32%;margin:0 auto;text-align:center;display:block;font-style: normal;color:#00cd78;font-size:60px;border-bottom:1px solid #36e0e0;}
.swiper-cnt .knowyou em{font-style:normal;width:100%;text-align:center;font-size:18px;color:#fff;display:block;line-height:24px;margin-top:20px;}
.swiper-cnt .knowyou em span{color:#00cd78;line-height:24px;margin-top:6px;font-size: 18px;}
.swiper-cnt .knowyou .zh-num{ width: 456px;margin: 20px auto;}
.swiper-cnt .knowyou .zh-num ul{ margin: 0; padding: 0; top: center;}
.swiper-cnt .knowyou .zh-num ul li{text-align: center; display: inline-block; line-height: 30px;font-size: 18px;color: #fff; padding: 0 10px;}
.ban-wz{width: 1900px; height: 687px; position: absolute; left: 10%;top: 20%;}
.ban2-wz{width: 1900px; height: 687px; position: absolute; left: 10%;top: 20%;}
.ban3-wz{width: 1900px; height: 687px; position: absolute; left: 10%;top: 20%;}
.ban4-wz{width: 1900px; height: 687px; position: absolute; left: 10%;top: 20%;}
.scrowai{height:20px;overflow:hidden;position:absolute;bottom:80px;z-index: 9999;left:35%;width:30%;text-align:center;}
.scrollnews{font-size:12px;height:120px;overflow:hidden;}
.scrollnews li a{color:#fff;display:block;overflow:hidden;height:20px;}
.scrollnews li a span{font-size:14px;font-weight:bold;margin-right:4px;display:block;float:left;}
.scrollnews li a i{display:block;color:#fff;float:left;font-size:14px;}
.swiper-cnt .shade{width:100%;height:1800px;position:absolute;left:0;top:-450px;-moz-background-size: cover;background-size: cover;-webkit-transition: width .8s ease-in-out .3s;-moz-transition: width .8s ease-in-out .3s;-ms-transition: width .8s ease-in-out .3s;-o-transition: width .8s ease-in-out .3s;transition: width .8s ease-in-out .3s;animation-delay: .25s;}
.swiper-cnt .line {position: absolute;top: 25%;left:0;animation-delay: 1.0s;width:100%;}
.swiper-cnt .line u {display: block;margin-top: 15%; width: 725px;height: 455px;-webkit-transition: all .8s ease-in .7s;-moz-transition: all .8s ease-in .7s;-ms-transition: all .8s ease-in .7s;-o-transition: all .8s ease-in .7s;transition: all .8s ease-in .7s; margin: 0 auto;}
/* 轮播第二屏 */
.canting{width: 100%; margin: 0 auto !important; float: left; left: 0%;}
.canting .fl-tt{width: 452px; height:419px;margin-left: 4%;margin-left: 30%\9; float: left;padding-top:12%;transition: all .2s ease-in-out 0s;}
.canting .fl-tt img{width:452px;height:419px }
.swiper-cnt .canting span{width:100%;text-align:right;font-size:36px;color:#fff;display:block;}
.swiper-cnt .canting i{display:block;width:50%;margin-left:50%;text-align:right;display:block;font-style: normal;color:#00cd78;font-size:72px;border-bottom:1px solid #36e0e0;}
.swiper-cnt .canting em{font-style:normal;width:100%;text-align:right;font-size:16px;color:#fff;display:block;line-height:24px;margin-top:10px;}
.p2-fr{width: 372px;height: 447px; float: left; position: relative; left: 1%;top: 12%;}
.swiper-cnt .canting_ph{position:absolute;left:0%;top:24.9%;width:372px;height:447px;transition: all .8s ease-in-out 0s;animation-delay: .5s;}
.swiper-cnt .canting_ph img{display:block;overflow:hidden;width:100%;}
.swiper-cnt .canting em.sy-bwz{font-size: 28px; margin: 0 15px;margin-right: 20px; margin-top: 20px;line-height: 40px;padding-right: 18px;}
/* 轮播第三屏 */
.swiper-cnt .nth3{width:100%;margin-top:16%;}
.swiper-cnt .nth3 .box{font-size: 40px;color:#fff;text-align: center;}
.swiper-cnt .nth3 .box .nth-fl{width: 50%; float: left; text-align: right;margin-top: 6px; border-right: 1px solid #00cd78; padding: 50px 30px 50px 5px;}
.swiper-cnt .nth3 .box .nth-fl .top{font-size: 40px;color:#fff; line-height: 45px;}
.swiper-cnt .nth3 .box .nth-fl .mid{width: 100%; text-align: right; font-size: 55px;color:#00cd78;}
.swiper-cnt .nth3 .box .nth-fr{width: 40%;float: left; text-align: left; margin-left: 30px;}
.swiper-cnt .nth3 .box .nth-fr .bottom{font-size: 20px;color:#fff;text-align: left;}
.swiper-cnt .nth3 .box .nth-fr .bottom em{font-size: 36px;color:#00cd78;text-align: left; font-weight: bold;}







.side {position: fixed;width: 48px;height: 275px;right: 50px;top: 400px;z-index: 9999}
.side ul li {width: 48px;height: 48px;float: left;position: relative; background: rgba(0,0,0,0.4);}
.side ul li .sidebox, .side ul li .sidebox-kf{position: absolute;	width: 48px;height: 48px;top: 0;right: 0;transition: all .3s;color: #191919; box-shadow: 0 4px 10px 0 rgba(59,67,73, .1);overflow: hidden; line-height: 48px;
}
.gl-show{ background: #00cd78 !important;}
.side ul li .sidetop {width: 48px;	height: 48px;line-height: 48px;display: inline-block;background: #282f3d;transition: all .3s}
.side ul li .sidetop:hover {background: #00cd78;opacity: 1;filter: Alpha(opacity=100)}
.side ul li img {float: left; margin: 12px;}
.side ul li .sidebox-1{position: absolute;width: 48px;height: 48px;top: 0;right: 0;transition: all .3s;background: #fff;box-shadow: 0 4px 10px 0 rgba(59,67,73, .1);
	color: #fff;overflow: hidden; line-height: 48px;}
.goTop >img{width: 24px;height: 25px; cursor: pointer;}
.goTop{ width: 48px;height:48px; background: rgba(0,0,0,0.4); position: fixed;right : 10px;bottom : 20px; z-index: 999; box-shadow: 0 3px 10px rgba(59,67,73, .1);width: 48px;height: 48px;}
.tb-box button{border: none; background: none;padding: 0;}

.tankuang .modal-dialog{margin: 12% auto;}
.tankuang  .modal-title{text-align: center; font-size: 24px;}
.tankuang .modal-header{border-bottom: none; padding-top: 45px;}
.tankuang .modal-body{padding-top: 0; padding-bottom: 60px;}
.tankuang  .close{font-size: 28px;margin-top: -28px;margin-right: 20px;}
.app-lianxi p{
	font-size: 14px;
	color: #666;
	text-align: center;
	margin: 20px 0 30px;
}
.app-inp{
	width: 380px;
	height: 44px;
	margin: 0 auto 20px;
}
.app-inp input{
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding-left: 30px;
	outline: none; font-size: 16px;
	box-sizing: border-box;
}
.app-inp select#Province{
	text-align: center;
	    width: 60%;
	    height: 44px;
	    line-height: 44px;
	    padding: 0 20px;
	    box-sizing: border-box;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    outline: none;
	    background: url(../img/xiala.png) no-repeat 196px #fff;
	    font-size: 16px;
	    color: #666;
	    appearance: none;
	    -moz-appearance: none;
	    -webkit-appearance: none;padding-left: 30px

}
.app-inp select#City{
	text-align: center;
	    width: 35%;
	    height: 44px;
	    line-height: 44px;
	    padding: 0 20px;
	    box-sizing: border-box;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    outline: none;
	    background: url(../img/xiala.png) no-repeat 100px #fff;
	    font-size: 16px;
	    color: #666;
	    appearance: none;
	    -moz-appearance: none; margin-left: 3.5%;
	    -webkit-appearance: none;
}


.app-lianxi a{
	display: block;
	width: 380px;height: 44px;
	border-radius: 4px;
	background: #00cd78;
	text-align: center;
	line-height: 44px;
	color: #ffffff;
	margin: 0 auto;
	margin-top: 34px;
    cursor:pointer;
}
.al-box-big{
	width: 250px;
	transition: all .2s linear;
}
.al-box{
	margin: 0 auto;
}

/* 第二屏*/
.screen2{width:100%;height:100%;background:url(../img/bg-2.jpg) no-repeat center bottom;background-size:cover;}
.screen2 .caption{width:100%;text-align:center;color:#333;font-size:24px;padding-top:8%; }
.screen2 .caption i{width:100%;text-align:center;color:#333;font-size:50px;display:block;font-family:"century gothic";letter-spacing: -2px;}
.screen2 .yingx{width:1148px;margin:60px auto 0px auto;overflow: hidden;}
.screen2 .yingx li {position:relative;width: 240px;float:left;height: 450px;margin: 0 8px;background: url(../img/bg_green.png) no-repeat 0px 450px;overflow: hidden;}
.screen2 .yingx li:last-child{position:relative;width: 240px;float:left;height: 490px;margin: 0 8px;background: url(../img/bg_green.png) no-repeat 0px 510px;overflow: hidden;}
.screen2 .yingx li i {display: block;position: relative;margin: 0 auto;margin-top: 40px;height: 76px;}
.screen2 .yingx li.pc i {width: 76px; height: 76px; background: url(../img/words.png) no-repeat -247px -357px;}
.screen2 .yingx li.mobi i {width: 64px;background: url(../img/words.png) no-repeat -416px -286px;}
.screen2 .yingx li.sys i {width: 76px;background: url(../img/words.png) no-repeat -415px -362px;}
.screen2 .yingx li.app i {	width: 74px;background: url(../img/words.png) no-repeat -244px -439px;}
.screen2 .yingx li.host i {width: 79px;background: url(../img/words.png) no-repeat -420px -439px;}
.screen2 .yingx li u {display: block;position: absolute;top:0px;width: 156px;height: 156px;margin-left: 40px;background: url(../img/words.png) no-repeat 0px -363px;-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;}
.screen2 .yingx li u.cl {clip: rect(0px,156px,-10px,78px);}
.screen2 .yingx li u.cl {clip: rect(0px,156px,156px,78px);}
.screen2 .yingx li u.cr {clip: rect(156px,78px,156px,0px);}
.screen2 .yingx li u.cr {clip: rect(0px,78px,156px,0px);}
.screen2 .yingx li strong {display: block;margin-top: 65px;font-size: 18px;font-weight: normal;text-align: center;}
.screen2 .yingx li .showny{position: relative;top: 295px;color: White;font-size: 14px;line-height: 20px;overflow: hidden; text-align: center;}
.screen2 .yingx li:last-child .showny{position: relative;top: 295px;color: White;font-size: 14px;line-height: 20px;overflow: hidden; text-align: center;}
.screen2 .yingx li .showny ul{ padding: 0; width: 90%; margin: 0 auto;}
.screen2 .yingx li .showny ul li{float: left; line-height: 20px; text-align: left; height: auto; width: 96%; }
.screen2 .yingx li .showny ul li span{ font-size: 14px;}
.screen2 .yingx li .showny ul li p{font-size: 12px; font-style: normal;}
.screen2 .yingx li:hover {background-position: 0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;}
.screen2 .yingx li:hover i {-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;}
.screen2 .yingx li.pc:hover i {background: url(../img/words.png) no-repeat -168px -357px;}
.screen2 .yingx li.mobi:hover i {background: url(../img/words.png) no-repeat -336px -286px;}
.screen2 .yingx li.sys:hover i {background: url(../img/words.png) no-repeat -327px -362px;}
.screen2 .yingx li.app:hover i {background: url(../img/words.png) no-repeat -164px -439px;}
.screen2 .yingx li.host:hover i {background: url(../img/words.png) no-repeat -335px -439px;}
.screen2 .yingx li:hover u.cl {clip: rect(0px,156px,-10px,78px);}
.screen2 .yingx li:hover u.cr {clip: rect(156px,78px,156px,0px);}
.screen2 .yingx li:hover strong { margin-top: 30px; color: White; -webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}
.screen2 .yingx li:hover .showny {top: 20px;-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;}
.p2-more{width: 1148px; margin: 20px auto; text-align: center; font-size: 18px; color: #00cd78;}
.p2-more em{ margin-left: 10px;  transition: all 0.4s;  display: inline-block;}
.p2-more a:hover  em{transform: translateX(6px); transition: all 0.4s;}
.white a{color: #fff;}
.screen2 .yingx li.sys { position: relative; width: 240px; float: left; height: 490px; margin: 0 8px; background: url(../img/bg_green.png) no-repeat 0px 490px;
    overflow: hidden;}
.screen2 .yingx li .shijue{top: 295px;}
.screen2 .yingx li.sys:hover {background-position: 0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;}

.title-box{width: 100%; height: 130px; position: relative; top: -20px;}

.screen2 .caption i{display: block; margin: 0 auto;  width: 562px; position: relative;   height: 130px;   background: url(../img/title-wz.png) no-repeat 0 46px;}
.screen2 .caption span{ width: 100%; display: block; }
.screen3 .zhanshi .jieshao span{display: block; margin: 0 auto;position: relative;  width: 348px;    height: 73px;   background: url(../img/title-wz.png) no-repeat 0 -85px;}
.screen7 .box .caption span{display: block; margin: 0 auto;position: relative;  width: 566px !important;    height: 66px;   background: url(../img/title-wz.png) no-repeat 0 -142px;}
.screen5 .headline5 span{display: block; margin: 0 auto;position: relative;  width: 478px !important;    height: 66px;   background: url(../img/title-wz.png) no-repeat 0 -205px;}
.screen8 .headline8 span{display: block; margin: 0 auto;position: relative;  width: 616px !important;    height: 66px;   background: url(../img/title-wz.png) no-repeat 0 -265px;}
.screen9 .headline9 span{display: block; margin: 0 auto;position: relative;  width: 586px !important;    height: 66px;   background: url(../img/title-wz.png) no-repeat 0 -322px;}
.screen6 .headline6 span{display: block;text-align: center; margin: 0 auto;position: relative;  width: 439px !important; left:0;   height: 66px;   background: url(../img/title-wz.png) no-repeat 0 -373px;}
.screen6 .headline6{width: 100% !important;}

/* 第三屏*/
.screen3{width:100%;height:100%;position:relative;background:url(../img/bg-3.jpg) no-repeat bottom;background-size:cover;}
.zhanshi{padding-top:8%;width: 100%;overflow: hidden;}
.zhanshi .zhanshi_1{display:block;}
.zhanshi .zhanshi_2{display:block;animation-delay: .25s;}
.zhanshi .zhanshi_1 img{display:block;overflow:hidden;width:60%;margin:0 auto;}
.zhanshi .zhanshi_2 img{display:block;overflow:hidden;width:100%;}
.zhanshi .jieshao{width:100%;margin-bottom:1%;}
.zhanshi .jieshao span{width:100%;text-align:center;color:#00cd78;font-size:50px;display: block;font-family:"century gothic";letter-spacing: -2px;} 
.zhanshi .jieshao i{width:100%;text-align:center;color:#fff;font-size:24px;display: block;} 
.zhanshi .zhanshi_1 .jian{width:100%;color:#fff;text-align:center;margin-top:15px;line-height:24px;}
.zhanshi .zhanshi_1 .jian span{width:100%;display:block;font-size:14px;color:#fff;line-height:30px;}
.zhanshi .zhanshi_2 .jian{width:80%;color:#fff;text-align:center;margin-top:15px;line-height:24px;margin:0 auto;padding-top:15px;}
.zhanshi .zhanshi_2 .jian span{width:100%;display:block;font-size:14px;color:#fff;line-height:30px;}
.ziyuan-bot {width: 960px;	margin: 30px auto 5px auto; overflow: hidden;}
.ziyuan-bot-fl {width: 460px;float: left;height: 496px;	background: #fff;	box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1);	border-radius: 8px;	margin: 20px 8px;}
.ziyuan-bot-fl .top-bt {text-align: center;	line-height: 50px;	color: #333333;	font-size: 24px;	margin-top: 30px;	margin-bottom: 12px;}
.ziyuan-bot-fl .bottom {width: 80%;	margin: 10px auto; overflow: hidden; padding-top: 10px;}
.ziyuan-bot-fl .bottom ul {	margin: 0;padding: 0;}
.ziyuan-bot-fl .bottom ul li {width: 65px;float: left;margin: 10px 13px;	height: 96px;}
.ziyuan-bot-fl .bottom ul li .box-img {	width: 56px;height: 56px;box-sizing: content-box;margin: 0 auto;}
.ziyuan-bot-fl .bottom ul li .box-img img {width: 56px;height: 56px;	vertical-align: middle;	margin-top: 2px;	transition: all 0.5s;}
.ziyuan-bot-fl .bottom ul li .box-wz {text-align: center;line-height: 40px;color: #666;font-size: 13px;margin-top: 2px;	transition: all 0.5s;}
.ziyuan-bot-fl .bottom ul li:hover .box-img img {width: 56px;height: 56px;margin-top: -5px;transition: all 0.5s;}
.ziyuan-bot-fl .bottom ul li:hover .box-wz {	color: #00cd78;	transition: all 0.5s;}
.ziyuan-bot-fr {width: 460px;	float: right;height: 496px;	background: #fff;	box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1);	border-radius: 8px;	margin: 20px 0px 20px 10px;}
.ziyuan-bot-fr .bottom {width: 90%;	margin: 10px auto; padding-top: 3px;}
.ziyuan-bot-fr .top-bt {	text-align: center;	line-height: 50px;	color: #333333;	font-size: 24px;	margin-top: 30px;	margin-bottom: 12px;}
.ziyuan-bot-fr .bottom ul {	margin: 0;padding: 0;}
.ziyuan-bot-fr .bottom ul li {width: 360px;margin: 20px auto; 	height: 96px;}
.ziyuan-bot-fr .bottom ul li .box-img {width: 158px;height: 96px;float: left;overflow: hidden; border: 1px solid #00cd78;}
.ziyuan-bot-fr .bottom ul li .box-img img {width: 100%;    vertical-align: top;    transition: all .2s ease;    -webkit-transition: all .2s ease;width: 158px;height: 96px;	vertical-align: middle;transition: all 0.5s;}
.ziyuan-bot-fr .bottom ul li .box-wz {text-align: center;line-height: 96px;color: #666;font-size: 16px;transition: all 0.5s; float: left; margin-left: 30px;}
.ziyuan-bot-fr .bottom ul li:hover .box-img img {width: 158px;height: 96px;transition: all 0.5s;	transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);cursor: default;}
.ziyuan-bot-fr .bottom ul li:hover .box-wz {color: #00cd78;transition: all 0.5s;cursor: default;}

/* 第四屏服务优势 */
.screen7{width:100%;height:100%; background:url(../img/bg-4.jpg) no-repeat center center;background-size:cover;}
.marketing .box{width: 1200px;  margin: 0 auto; padding-top: 8%;}
.marketing .box .caption span{width: 100%;   text-align: center;    color: #00cd78;   font-size: 50px;    display: block;    font-family: "century gothic";
    letter-spacing: -2px;}
.marketing .box .caption i { width: 100%; text-align: center; color: #333; font-size: 24px;  display: block;}
.marketing .box ul.items {
	margin: 0 auto;
	margin-top: 30px;
	width: 1200px;
	z-index: 10;
	/*padding: revert;*/
}
.marketing .box ul.items li {
	height: 250px;
	margin: 0 45px;
	overflow: hidden;
}
.marketing .box ul.items li i {
	display: block;width: 75px; text-align: center;
	margin: 0 auto;
	margin-top: 26px;
	height: 76px;
}

.marketing .box ul.items li u {
	display: block;
	position: absolute;
	width: 128px;
	height: 128px;
	background: url(../img/words.png) no-repeat 0px -624px;
	-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 ul.items li u.cl {
	clip: rect(0px, 128px, -10px, 64px);
}
.marketing .box ul.items li:hover u.cl {
	clip: rect(0px,128px,128px,64px);
}
.marketing .box ul.items li u.cr {
	clip: rect(128px,64px,128px,0px);
}
.marketing .box ul.items li:hover u.cr {
	clip: rect(0px,64px,128px,0px);
}
.marketing .box ul.items li strong {
	display: block; width: 128px;
	margin: 200px 0px 10px 0px;
	font-size: 16px; color: #333; font-weight: normal;
	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 ul.items li strong {
	/*	margin-top: 50px;*/
	margin-top: 30px;
}
.marketing .box ul.items li p {
	line-height: 20px; color: #333; font-size: 14px;
	text-align: center; width: 128px;
}
.list-2 li:first-child{margin-left: 158px !important;}
.p5-more{width: 100%; margin: 50px auto 20px auto; text-align: center; font-size: 18px; color: #00cd78;}
.p5-more em{ margin-left: 10px;  transition: all 0.4s;  display: inline-block;}
.p5-more a:hover  em{transform: translateX(6px); transition: all 0.4s;}


/* 第五屏真实案例*/
.screen5{width:100%;height:100%;background:url(../img/bg-5.jpg) no-repeat center center;background-size:cover;}
.screen5 .headline5{width:1060px; margin: 0 auto; text-align:center;padding-top:20%;font-size:24px;color:#333;}
.screen5 .headline5 span{display:block;font-size:50px;font-family:"century gothic";letter-spacing: -2px;}
.screen5 .resant{width:100%;margin:100px auto 0px auto;overflow:hidden;}
.screen5 .resant li{width:343px !important;border:none;float:left;margin:0;padding: 0 10px; box-sizing: border-box;overflow: hidden;}
.screen5 .resant li a{display:block;width:100%;z-index:200;position: relative;}
.screen5 .resant li a u.gay-bg{display:block;opacity:0;z-index:99;width:100%;height:100%;position:absolute;top:0px;background:rgba(0,0,0,0.6);}
.screen5 .resant li a u.jia{background: url(../img/jia.png) no-repeat center center; width: 40px; height: 40px; margin: 50px auto; opacity: 0;
    z-index: 9999;   position: absolute;  top: 11%;    left: 44%;}
.screen5 .resant li a p{width:100%;z-index:9999;padding-top:6px;margin:0px;position:relative; min-height: 80px;border-bottom:3px solid #00cd78;background: #fff; height:95px;}
.screen5 .resant li a img{width:100%;height:auto;z-index:98;width:323px;height:190px;}
.screen5 .resant li a p span{display:block;width:96%;padding-left:4%;text-align:left;font-size:14px;color:#666;line-height:24px;}
.screen5 .resant li a p i{display:block;width:96%;padding-left:4%;text-align:left;font-size:12px;color:#999;padding-bottom:6px;}
.screen5 .resant li a:hover u.gay-bg{display:block;opacity:1;transition: all .5s ease-in-out 0s;}
.screen5 .resant li a:hover u.jia{background: url(../img/jia.png) no-repeat center center; width: 40px; height: 40px; margin: 50px auto; opacity: 1;
    z-index: 9999;   position: absolute;  top: 11%;    left: 44%;}
.screen5 .resant li a:hover p{background:#00cd78;}
.screen5 .resant li a:hover p span{background:#00cd78;color:#fff;}
.screen5 .resant li a:hover p i{background:#00cd78;color:#fff;}
.picScroll{position:relative; width:1060px; margin:0 auto; margin-top:65px; } 
.pic-ul{width: 1060px; margin: 0 auto;}
.picScroll .prev, .picScroll .next{ position:absolute; top:40%; width:50px; height:50px; border-radius: 50%;}  
.picScroll .next{background: url(../img/p-right.png) no-repeat center; position:absolute; right: -32px;}  
.picScroll .prev{background: url(../img/p-left.png) no-repeat center;position:absolute; left: -65px;}  
.picScroll ul.bd{overflow:hidden; zoom:1; font-size:0; text-align:center; }  
.pic-tab{width:100%; position:relative; border-bottom:1px dashed #dddddd; padding-bottom:24px; margin:0 auto; text-align:center; }  
.pic-tab p{font-size:18px; color:#333; line-height:36px; width:100%; padding-top:76px; }  
.pic-div{position:absolute; top:-56px; text-align:center; width:100%; height:114px; }  
.pic-tab div{font-size:14px; color:#1F8FFF; line-height:24px; }  
.pic-tab div span{font-size:14px; color:#999; line-height:24px; }  
.zhi-content{width:100%; height:126px; padding:24px 0 56px 0; margin:0 auto; line-height:24px; font-size:14px; color:#666; overflow:hidden; }  
.picScroll ul.hd{text-align:center; }  
.picScroll ul.hd li{display:inline-block; height:3px; background:#e2e5f0; width:30px; margin:0 5px; }  
.picScroll ul.hd li.on{background:#1F8FFF; }  
.picScroll ul.bd li:hover{box-shadow:0 0 20px rgba(10,71,124,.2); }    


/* 第四屏*/
.screen4{width:100%;height:100%;background:url(../img/bg-5.jpg) no-repeat center center;background-size:cover;}
.screen4 .headline4{width:100%;color:#333;display: block;text-align:center;padding-top:8%;font-size:24px;letter-spacing: 2px;}
.screen4 .headline4 span{display:block;font-size:50px;font-family:"century gothic";letter-spacing: -2px;}
.screen4 .img_list{width:100%;overflow:hidden;margin:20px auto 0px auto;}
.screen4 .img_list li{width:25%;list-style:none;float:left;margin-top:30px;position:relative;}
.screen4 .img_list li .bg_img{width:86%;margin:0 auto;}
.screen4 .img_list li a{z-index:100;display:block;width:30%;text-align:center;font-size:16px;line-height:24px;background:rgba(0,0,0,0.6);color:#fff;position:absolute;top:42%;left:25%;}
.screen4 .img_list li .aimg{display:block;opacity:0;position:absolute;top:18%;left:20%;z-index:99;width:40%;}
.screen4 .img_list li u{display:block;opacity:0;position:absolute;top:0%;z-index:98;width:86%;height:100%;background:rgba(0,0,0,0.6);transition: all 1.0s ease-in-out 0s;}
.screen4 .img_list li:hover .aimg{display:block;opacity:0.8;transition: all .5s ease-in-out 0s;}
.screen4 .img_list li:hover u{display:block;opacity:1;transition: all .8s ease-in-out 0s;}
.screen4 .img_list li:hover a{background:none;}

/* 合作客户 */
.screen8{width:100%;height:100%;background:url(../img/bg-6.jpg) no-repeat center center;background-size:cover;}
.screen8 .headline8{width:100%;color:#333;display: block;text-align:center;padding-top:12%;font-size:24px;letter-spacing: 2px;}
.screen8 .headline8 span{display:block;font-size:50px;font-family:"century gothic";letter-spacing: -2px;}

.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;
}

.clients .box .caption { position: relative;
	width: 100%;
	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;
}
.clients.active .box .caption {
	-moz-opacity: 1;
	opacity: 1;
}
.clients .box .caption i {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 299px;
	height: 37px;
	background: url(../img/words.png) no-repeat -152px -528px;
}
.clients .box .caption span {
	font-size: 24px;
	padding-left: 10px;
}
.clients .box ul.items {
	margin: 0 auto;
	margin-top: 45px;
	width: 1160px;
	height: 480px;
	font-size: 0;
	overflow: hidden; background: #fff;
}
.clients .box ul.items li {
	position: relative; transition: all .5s;
	padding: 0;
	width: 20%;
	height: 25%;
	overflow: hidden;
	z-index: 10;border-bottom: 1px dotted #e9e9e9;
	border-right: 1px dotted #e9e9e9;
}
.clients .box ul.items li .kh-tp-1 {opacity: 1;width:100%; text-align: center; top: 10px;   height: 100%;    position: absolute; transition: all .5s }
.clients .box ul.items li .kh-tp-1 img {width:170px;height: 104px; transition: all .5s}
.clients .box ul.items li:hover .kh-tp-1 {opacity: 0; transition: all .5s;margin: 20px 26px; }

.clients .box ul.items li .kh-tp-2 {width: 100%;    opacity: 0;top: 0px;   height: 100%;    position: absolute;   transition: all .5s }
.clients .box ul.items li .kh-tp-2 img{width: 170px; top: 10px; height: 104px; transition: all .5s; position: absolute; left: 30px;}
.clients .box ul.items li:hover .kh-tp-2 {opacity: 1; margin: 0px; transition: all .5s;}


.clients .box ul.items li.cctv {
	top: 600px;
	background: url(../img/clients.png) no-repeat;
	-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 .box ul.items li.cctv.active {
	background: url(../img/clients.png) no-repeat 0px -140px;
}
.clients.active .box ul.items li.cctv {
	top: 0px;
}
.clients .box ul.items li.unicom {
	top: -400px;
	background: url(../img/clients.png) no-repeat -232px 0px;
	-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 .box ul.items li.unicom.active {
	background: url(../img/clients.png) no-repeat -232px -140px;
}
.clients.active .box ul.items li.unicom {
	top: 0px;
}
.clients .box ul.items li.tsinghua {
	top: 600px;
	background: url(../img/clients.png) no-repeat -464px 0px;
	-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 .box ul.items li.tsinghua.active {
	background: url(../img/clients.png) no-repeat -464px -140px;
}
.clients.active .box ul.items li.tsinghua {
	top: 0px;
}
.clients .box ul.items li.cas {
	top: -400px;
	background: url(../img/clients.png) no-repeat -696px 0px;
	-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 .box ul.items li.cas.active {
	background: url(../img/clients.png) no-repeat -696px -140px;
}
.clients.active .box ul.items li.cas {
	top: 0px;
}
.clients .box ul.items li.sipo {
	top: 600px;
	background: url(../img/clients.png) no-repeat -928px 0px;
	-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 .box ul.items li.sipo.active {
	background: url(../img/clients.png) no-repeat -928px -140px;
}
.clients.active .box ul.items li.sipo {
	top: 0px;
}
.clients .box ul.items li.apple {
	top: 450px;
	background: url(../img/clients.png) no-repeat -1160px 0px;
	-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 .box ul.items li.apple.active {
	background: url(../img/clients.png) no-repeat -1160px -140px;
}
.clients.active .box ul.items li.apple {
	top: 0px;
}
.clients .box ul.items li.das {
	top: -550px;
	background: url(../img/clients.png) no-repeat -1392px 0px;
	-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 .box ul.items li.das.active {
	background: url(../img/clients.png) no-repeat -1392px -140px;
}
.clients.active .box ul.items li.das {
	top: 0px;
}
.clients .box ul.items li.hunantv {
	top: 450px;
	background: url(../img/clients.png) no-repeat -1624px 0px;
	-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 .box ul.items li.hunantv.active {
	background: url(../img/clients.png) no-repeat -1624px -140px;
}
.clients.active .box ul.items li.hunantv {
	top: 0px;
}
.clients .box ul.items li.sino {
	top: -550px;
	background: url(../img/clients.png) no-repeat -1856px 0px;
	-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 .box ul.items li.sino.active {
	background: url(../img/clients.png) no-repeat -1856px -140px;
}
.clients.active .box ul.items li.sino {
	top: 0px;
}
.clients .box ul.items li.report {
	top: 450px;
	background: url(../img/clients.png) no-repeat -2088px 0px;
	-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 .box ul.items li.report.active {
	background: url(../img/clients.png) no-repeat -2088px -140px;
}
.clients.active .box ul.items li.report {
	top: 0px;
}
.clients .box ul.items li.gedu {
	top: 300px;
	background: url(../img/clients.png) no-repeat -2320px 0px;
	-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 .box ul.items li.gedu.active {
	background: url(../img/clients.png) no-repeat -2320px -140px;
}
.clients.active .box ul.items li.gedu {
	top: 0px;
}
.clients .box ul.items li.bgg {
	top: -700px;
	background: url(../img/clients.png) no-repeat -2552px 0px;
	-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 .box ul.items li.bgg.active {
	background: url(../img/clients.png) no-repeat -2552px -140px;
}
.clients.active .box ul.items li.bgg {
	top: 0px;
}
.clients .box ul.items li.bsec {
	top: 300px;
	background: url(../img/clients.png) no-repeat -2784px 0px;
	-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 .box ul.items li.bsec.active {
	background: url(../img/clients.png) no-repeat -2784px -140px;
}
.clients.active .box ul.items li.bsec {
	top: 0px;
}
.clients .box ul.items li.huadan {
	top: -700px;
	background: url(../img/clients.png) no-repeat -3016px 0px;
	-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 .box ul.items li.huadan.active {
	background: url(../img/clients.png) no-repeat -3016px -140px;
}
.clients.active .box ul.items li.huadan {
	top: 0px;
}
.clients .box ul.items li.zd {
	top: 300px;
	background: url(../img/clients.png) no-repeat -3248px 0px;
	-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 .box ul.items li.zd.active {
	background: url(../img/clients.png) no-repeat -3248px -140px;
}
.clients.active .box ul.items li.zd {
	top: 0px;
}

.clients .box ul.items li.xyyh {
	top: 300px;
	background: url(../img/clients.png) no-repeat -3480px 0px;
	-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 .box ul.items li.xyyh.active {
	background: url(../img/clients.png) no-repeat -3480px -140px;
}
.clients.active .box ul.items li.xyyh {
	top: 0px;
}
.clients .box ul.items li.lm {
	top: 300px;
	background: url(../img/clients.png) no-repeat -3712px 0px;
	-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 .box ul.items li.lm.active {
	background: url(../img/clients.png) no-repeat -3712px -140px;
}
.clients.active .box ul.items li.lm {
	top: 0px;
}
.clients .box ul.items li.lh {
	top: 300px;
	background: url(../img/clients.png) no-repeat -3944px 0px;
	-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 .box ul.items li.lh.active {
	background: url(../img/clients.png) no-repeat -3944px -140px;
}
.clients.active .box ul.items li.lh {
	top: 0px;
}

.clients .box ul.items li.gj {
	top: 300px;
	background: url(../img/clients.png) no-repeat -4176px 0px;
	-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 .box ul.items li.gj.active {
	background: url(../img/clients.png) no-repeat -4176px -140px;
}
.clients.active .box ul.items li.gj {
	top: 0px;
}

.clients .box ul.items li.qlt {
	top: 300px;
	background: url(../img/clients.png) no-repeat -4408px 0px;
	-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 .box ul.items li.qlt.active {
	background: url(../img/clients.png) no-repeat -4408px -140px;
}
.clients.active .box ul.items li.qlt {
	top: 0px;
}

.clients .box ul.items li.r {
	border-right: 1px dotted #ddd;
}
.clients .box ul.items li.b {
	border-bottom: 1px dotted #ddd;
}
.clients .box ul.items li span {
	position: absolute;
	bottom: -30px;
}
.clients .box ul.items li.bg.all {
	position: absolute;
	width: 1160px;
	height: 560px;
	background-color: White;
	-moz-opacity: 0.3;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.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;
}
.demo {
		  display: inline-block;
		  width: 24%;
		  padding: 10px;
		  -webkit-box-sizing: padding-box;
		  box-sizing: padding-box;
		}
		.demo textarea {
		  -webkit-box-sizing: padding-box;
		  box-sizing: padding-box;
		  font-family: "Roboto";
		  font-size: 0.9em;
		  height: 32px;
		  padding: 6px 0px;
		  resize: none;
		  text-align: center;
		  width: 100%;
		  border: 1px solid rgba(0, 0, 0, 0.2);
		}
		img {
		  border: none;
		}
		.effects {
		  margin: 3em 15em;
		}


/* 技术系统 */
.screen9{width:100%;height:100%;background:url(../img/bg-7.jpg) no-repeat center center;background-size:cover;}
.screen9 .headline9{    width: 1060px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20%;
    font-size: 24px;
    color: #fff;}
.screen9 .headline9 span{display:block;font-size:50px;font-family:"century gothic";letter-spacing: -2px;}
.screen9 .resant{width:100%;margin:100px auto 0px auto;overflow:hidden;}
.screen9 .resant li{width:343px !important;border:none;float:left;margin:0;padding: 0 10px; box-sizing: border-box;overflow: hidden;}
.screen9 .resant li a{display:block;width:100%;z-index:200;position: relative;}
.screen9 .resant li a u.gay-bg{display:block;opacity:0;z-index:99;width:100%;height:100%;position:absolute;top:0px;background:rgba(0,0,0,0.6);}
.screen9 .resant li a u.jia{background: url(../img/jia.png) no-repeat center center; width: 40px; height: 40px; margin: 50px auto; opacity: 0;
    z-index: 9999;   position: absolute;  top: 11%;    left: 44%;}
.screen9 .resant li a p{width:100%;z-index:9999;margin:0px;position:relative; border-bottom:3px solid #00cd78;background: #fff; height:1px;}
.screen9 .resant li a img{width:100%;height:auto;z-index:98;width:323px;height:190px;}
.screen9 .resant li a p span{display:block;width:96%;padding-left:4%;text-align:left;font-size:14px;color:#666;line-height:24px;}
.screen9 .resant li a p i{display:block;width:96%;padding-left:4%;text-align:left;font-size:12px;color:#999;padding-bottom:6px;}
.screen9 .resant li a:hover u.gay-bg{display:block;opacity:1;transition: all .5s ease-in-out 0s;}
.screen9 .resant li a:hover u.jia{background: url(../img/jia.png) no-repeat center center; width: 40px; height: 40px; margin: 50px auto; opacity: 1;
    z-index: 9999;   position: absolute;  top: 11%;    left: 44%;}
.screen9 .resant li a:hover p{background:#00cd78;}
.screen9 .resant li a:hover p span{background:#00cd78;color:#fff;}
.screen9 .resant li a:hover p i{background:#00cd78;color:#fff;}
.picScroll{position:relative; width:1060px; margin:0 auto; margin-top:145px; } 
.pic-ul{width: 1060px; margin: 0 auto;}
.picScroll .prev, .picScroll .next{ position:absolute; top:40%; width:50px; height:50px; border-radius: 50%;}  
.picScroll .next{background: url(../img/p-right.png) no-repeat center; position:absolute; right: -32px;}  
.picScroll .prev{background: url(../img/p-left.png) no-repeat center;position:absolute; left: -65px;}  
.picScroll ul.bd{overflow:hidden; zoom:1; font-size:0; text-align:center; }  
.pic-tab{width:100%; position:relative; border-bottom:1px dashed #dddddd; padding-bottom:24px; margin:0 auto; text-align:center; }  
.pic-tab p{font-size:18px; color:#333; line-height:36px; width:100%; padding-top:76px; }  
.pic-div{position:absolute; top:-56px; text-align:center; width:100%; height:114px; }  
.pic-tab div{font-size:14px; color:#1F8FFF; line-height:24px; }  
.pic-tab div span{font-size:14px; color:#999; line-height:24px; }  
.zhi-content{width:100%; height:126px; padding:24px 0 56px 0; margin:0 auto; line-height:24px; font-size:14px; color:#666; overflow:hidden; }  
.picScroll ul.hd{text-align:center; }  
.picScroll ul.hd li{display:inline-block; height:3px; background:#e2e5f0; width:30px; margin:0 5px; }  
.picScroll ul.hd li.on{background:#1F8FFF; }  
.picScroll ul.bd li:hover{box-shadow:0 0 20px rgba(10,71,124,.2); }    
/*.img_list{width: 1000px; margin: 0 auto; overflow: hidden; padding-top: 140px;}*/
.img_list {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 140px;
	padding-left:0;
}
.img_list li{width: 50%; float: left; text-align: center;}
.img_list li h3{ text-align: center; line-height: 36px; color: #fff; font-size: 20px;}
.img_list li p{ text-align: center; line-height: 32px; color: #fff; font-size:14px; width: 72%; margin: 0 auto;}
.screen7{width:100%;height:100%;background:url(../img/bg-9.jpg) no-repeat center top;background-size:cover; position: relative;}
.screen7 .headline5 {
    width: 1060px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20%;
    font-size: 24px;
    color: #333;
}
.screen7 .headline5 span {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 240px !important;
    height: 66px;
    background: url(../img/title-wz.png) no-repeat 0 -439px;}
/* 第八屏 联系我们*/
.screen6{width:100%;height:100%;background:url(../img/bg-8.jpg) no-repeat center top;background-size:cover; position: relative;}
.screen6 .headline6{width:30%;text-align:center;margin: 0 auto;font-size: 24px;color:#333;padding-top:10%;}
.screen6 .headline6 span{display:block;font-size:50px;font-family:"century gothic";letter-spacing: -2px;}
.screen6 .lxwm-box{width:900px;margin: 0 auto; padding-top: 120px; overflow:hidden;}
.screen6 .lxwm-box-fl {width:60%;float: left;}
.screen6 .lxwm-box-fl ul{ margin: 0; padding: 0;}
.screen6 .lxwm-box-fl ul li{width: 100%; float: left;line-height: 50px; margin-bottom: 40px; list-style: none;}
.screen6 .lxwm-box-fl ul li .fltb{ width: 46px; height: 46px;float: left;}
.screen6 .lxwm-box-fl ul li .fltb img{ width: 70%;}
.screen6 .lxwm-box-fl ul li .frwz{ font-size: 18px; color: #333; text-align: left;}
.screen6 .lxwm-box-fr{ width: 180px; float: right; text-align: center;}
.screen6 .lxwm-box-fr .fr-top{width: 100%; float: left;line-height: 50px; padding-left: 10%;}
.screen6 .lxwm-box-fr .fr-top .frtp{width: 46px; height: 46px;float: left;}
.screen6 .lxwm-box-fr .fr-top .frtp img{ width: 70%;}
.screen6 .lxwm-box-fr .fr-top .frwz{ font-size: 18px; color: #333; text-align: left;}
.screen6 .lxwm-box-fr .fr-bot{width: 180px; height: 180px; overflow: hidden;}
.screen6 .lxwm-box-fr .fr-bot img{width: 180px; height: 180px; border:2px solid #00cd78;}
.footer-sy{width: 100%; position: absolute;  margin: 0 auto; text-align: center;color: #333;font-size: 14px; bottom: 26px;}





@media only screen and (min-width:1441px) and (max-width: 1600px) {
	header .nav li{padding: 0 16px;}
	header .nav{margin-left: 4%;}
	header .nav li a{font-size: 18px;}
	.fixed-top .nav li{padding: 0 16px;}
	.clients .box ul.items{height: 450px; margin-bottom: 40px;}
	.clients .box ul.items li.bg.all{height: 500px;}
	.kh-more{margin-top:0 !important ;}
	.list-2 { margin-bottom: 35px !important;}
	.screen6 .headline6{padding-top: 12%;}
	
}
@media only screen and (min-width:1367px) and (max-width: 1440px) {
	 header{padding: 0 10px !important;}
	 header .nav{margin-right: 23%;}
	 header .hotline{right: 186px;}
	 header .hotline u{right: 198px;}
	 header .nav li a{font-size: 18px;}
	 header .nav li{padding: 0  8px;}
	 .swiper-cnt .canting{padding-top: 20.55%;padding-right}
	 .fixed-top .nav li{padding: 0 8px;}
	 .clients .box ul.items{height: 530px;}
	 .clients .box ul.items li.bg.all{height: 500px;}
	 .kh-more{margin-top:0 !important ;}
	 .clients .box ul.items{width: 95%; margin-top: 30px;}
	 .clients .box ul.items{height: 400px; margin-bottom: 20px;}
	 .screen8 .headline8{padding-top: 10%;}
	 .contann{width: 100%;}
	 .list-2 { margin-bottom: 35px !important;}
	 .marketing .box ul.items li { margin: 0 45px;}
	 .clients .box ul.items li .kh-tp-1{top: 0;}
	 .clients .box ul.items li .kh-tp-2 img{top: 0; left: 46px;}
	 .screen6 .headline6{padding-top: 12%;}
}

@media only screen and (min-width:1281px) and (max-width: 1366px) {
	 header{padding: 0 10px !important;}
	 header .nav{margin-right: 23%;}
	 header .hotline{right: 186px;}
	 header .hotline u{right: 198px;}
	 header .nav li a{font-size: 18px;}
	 header .nav li{padding: 0  8px;}
	 .swiper-cnt .canting{padding-top: 20.55%;padding-right}
	 .fixed-top .nav li{padding: 0 8px;}
	 .clients .box ul.items{height: 530px;}
	 .clients .box ul.items li.bg.all{height: 500px;}
	 .kh-more{margin-top:0 !important ;}
	 .clients .box ul.items{width: 95%; margin-top: 30px;}
	 .clients .box ul.items{height: 400px; margin-bottom: 20px;}
	 .screen8 .headline8{padding-top: 10%;}
	 .contann{width: 100%;}
	 .list-2 { margin-bottom: 20px !important;}
	 .marketing .box ul.items li { margin: 0 45px; height: 240px;}
	 .clients .box ul.items li .kh-tp-1{top: 0;}
	 .clients .box ul.items li .kh-tp-2 img{top: 0; left: 46px;}
	 .screen6 .headline6{padding-top: 12%;}
	 .screen2 .yingx{margin: 20px auto 0 auto;}
	 .ziyuan-bot{margin: 0 auto 5px auto;}
	 .ziyuan-bot-fr, .ziyuan-bot-fl{margin: 0 0 20px 10px; height: 460px;}
	 .ziyuan-bot-fl .top-bt{margin-top: 20px; margin-bottom: 0;}
	 .ziyuan-bot-fr .top-bt{margin-top: 20px; margin-bottom: 0;}
	 .ziyuan-bot-fl .bottom ul li{ margin: 10px 13px 0px 13px;}
	 .ziyuan-bot-fr .bottom ul li{margin: 20px auto 5px auto;}
	 .ziyuan-bot-fr .bottom{margin: 0 auto;}
	 .marketing .box ul.items{margin: 0 auto;}
	 .marketing.active .box ul.items li strong{margin-top: 26px;}
	 .screen5 .headline5{padding-top: 12%;}
	 .screen9 .headline9{padding-top: 14%;}
	 .img_list{padding-top: 70px;}
	 .screen6 .lxwm-box{padding-top: 90px;}
	 .screen2 .caption{padding-top: 4%;}
	 
}



@media only screen and (min-width:1025px) and (max-width: 1280px) {
	 header{padding: 0 10px !important;}
	 header .nav{margin-right: 21%;}
	 header .hotline{right: 186px;}
	 header .hotline u{right: 190px;}
	 header .nav li a{font-size: 17px;}
	 .fixed-top .nav li a{font-size: 17px;}
	 header .nav li{padding: 0  8px;}
	 .swiper-cnt .canting{padding-top: 20.55%;padding-right}
	 .fixed-top .nav li{padding: 0 6px;}
	 .clients .box ul.items{height: 530px;}
	 .clients .box ul.items li.bg.all{height: 500px;}
	 .kh-more{margin-top:0 !important ;}
	 .clients .box ul.items{width: 95%; margin-top: 30px; overflow: hidden;}
	 .clients .box ul.items{height: 400px; margin-bottom: 20px;}
	 .screen8 .headline8{padding-top: 12%;}
	 .contann{width: 100%;}
	 /* .screen2 .caption, .zhanshi{padding-top: 12%;} */
	 .p2-more{width: 100%;}
	 .marketing .box{width: 100%; padding-top: 12%;}
	 .marketing .box ul.items li {margin: 0 24px;}
	 .list-2{margin-bottom: 35px !important;}
	 .picScroll{width: 100%;}
	 .picScroll .next {right:40px;}
	 .picScroll .prev {left: 10px;}
	 .clients .box ul.items li .kh-tp-1{top: 0;}
	 .clients .box ul.items li .kh-tp-2 img{top: 0; left: 15px;}
	 header .hotline span{font-size: 24px;}
	 header .logo{width: 15%;}
	 .screen6 .headline6{padding-top: 12%;}
	 .img_list{padding-top: 60px;}

	  .marketing .box{padding-top: 8%;}
	 .marketing .box ul.items{margin-top: 6px; text-align: center; width: 100%;}
	 .list-2{margin-bottom:7px !important ;}
	 .marketing.active .box ul.items li strong{margin-top: 30px;}
	 .list-2 li:first-child{margin-left: 30px !important;}
}


@media only screen and (min-width: 950px) and (max-width: 1024px) {
	header .nav{margin-left:0%; float: none;}
	header .hotline{display: none;}
	header .logo img{width: 80%;}
	header .nav li a{font-size: 18px;}
	header .nav li{margin-left:10px; padding: 0 5px;}
	.fixed-top .nav li{margin-left:10px; padding: 0 5px;}
	.scrowai{width:50%;left:25%;}
	.swiper-cnt .shade{top:-470px;}
	.swiper-cnt .knowyou i{font-size:50px;width:26%;margin:0 auto;}
	.contann{width:100%;margin:0 auto;}
	.swiper-cnt .canting i{width:36%;font-size:26px;text-align:left;overflow:hidden;margin-left:64%;}
	.screen2 .caption{font-size:20px; padding-top: 5%;}
	.swiper-cnt .nth3 .mid{width:30%;font-size:50px;}
	.screen2 .caption i{font-size:36px;}
	.screen2 .yingx li{margin: 0;}
	.screen2 .yingx li:last-child{margin: 0;}
	.screen2 .yingx li:last-child{ height: 455px;}
	.screen2 .yingx li:hover strong{margin-top: 10px;}
	.screen2 .yingx li:hover .showny{top: 10px;}
	.zhanshi .jieshao span{font-size:36px;padding-top:4%;}
	.zhanshi .jieshao i{font-size:20px;}
    .screen4 .headline4{font-size:20px;padding-top:12%;}
    .screen4 .headline4 span{font-size:36px;}
    .screen5 .headline5{font-size:20px;padding-top:12%; width: 100%;}
	.picScroll{width: 100%;}
	.picScroll .prev{left: 10px;}
	.picScroll .next{right: 6px;}
	.picScroll .prev, .picScroll .next{top: 30%;}
    .screen5 .headline5 span{font-size:36px;}
    .screen6 .headline6{font-size:30px;padding-top:15%;padding-bottom:6px;}
    .screen6 .headline6 span{font-size:26px;}
	.screen6 .answer{width:50%;margin:0px auto 0 auto;}
	.screen6 .bottom_line{margin-top:10px;margin-bottom:10px;}
	.screen6 .excel_1 .messa{margin-top:15px;}
	.screen6 .excel_1 .tianxi .shurk{padding:6px 0px 6px 2%;}
	.swiper-cnt .canting{padding-top: 32%;}
	.swiper-cnt .nth3{margin-top: 20%;}
	.swiper-cnt .nth3 .box .nth-fr .bottom{font-size: 18px;}
	header .logo{width: 22%;}
	header .nav{margin-right: 0;}
	.fixed-top .logo img{width: 80%;}
	.ban-wz , .ban3-wz{width: 80%; height: auto;}
	.ban-wz img{ margin-top:10%;}
	.ban4-wz{width: 85%; height: auto;}
	.p2-more{width: 100%; margin: 0 auto;}
	.ziyuan-bot-fl{height: 450px;}
	.ziyuan-bot-fl .top-bt{ margin-bottom: 0px; margin-top: 12px;}
	.ziyuan-bot-fr{height: 450px;}
	.ziyuan-bot-fr .top-bt{ margin-bottom: 0px; margin-top: 12px;}
	.ziyuan-bot-fr .bottom , .ziyuan-bot-fl .bottom{ margin-top: 0;}
	.marketing .box{width: 100%; padding-top: 10%;}
	.marketing .box ul.items{width: 100%; margin-top: 0px;}
	.marketing .box ul.items li{margin: 0 24px;}
	.list-2 li:first-child{margin-left: 120px !important;}
	.marketing.active .box ul.items li strong{margin-top: 30px;}
	.p5-more{width: 100%; margin: 30px auto 0 auto;}
	.contann{width: 100%;}
	.clients .box ul.items{width: 90.7%; margin-top: 30px;}
	.clients .box ul.items{height: 450px; margin-bottom: 12px;}
	.screen8 .headline8{padding-top: 10%;}
	.clients .box ul.items li .kh-tp-2 img{left: 10px;}
	.screen6 .headline6{padding-top: 12%;}
	.screen2 .yingx{ margin: 20px auto 0px auto;}
	.zhanshi {padding-top: 11%;}
	.ziyuan-bot{margin: 15px auto 5px auto;}
	
	
	
	
}