@charset "utf-8";

/* CSS Document */
*{margin:0;padding:0;font-family:'Microsoft YaHei';}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0px; padding:0px; }
fieldset, img { border:none; }
img{border:none;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
li{ list-style:none;}
table { border-collapse:collapse; }
input { padding-top:0px; padding-bottom:0px; font-family: 'Microsoft YaHei';}
input::-moz-focus-inner { border:none; padding:0px; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:13px; margin:0px; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
body { font-family:"Microsoft YaHei";background:#fff; height:100%}
.clearfix:after { content:"."; display:block; height:0px; visibility:hidden; clear:both; }
.clearfix {zoom:1; }
.clearit {clear:both; height:0px; font-size:0px; overflow:hidden; width:100%; }
a {text-decoration:none;}
html{ height:100%}

/* CSS Document */
.clearit{clear:both;height:0px;font-size:0px;overflow:hidden;width:100%;}
.outer { zoom: 1; }  
.ziding-anli:after, .outer:after { clear: both; content: '.'; display: block; width: 0; height: 0; visibility: hidden; }
.swiper-container { margin: 0 auto; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; padding-bottom:80%; }
.swiper-button-left-prev, .swiper-button-right-next { cursor: pointer; display: none; position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; }
.swiper-button-right-next { background: url(../images/icons-3.png) no-repeat center center; left: 0 }
.swiper-button-left-prev { right: 0; background: url(../images/icons-4.png) no-repeat center center; right: 0 }
.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%; font-family: "微软雅黑", Arial; }
header, section { width: 100%; }
table { border-collapse: collapse; }
a:focus { outline: none; }
header { position: fixed; height: 90px; color: #ccc; z-index: 999; }
header.fixed { height:9	0px; }
header .logo { position: fixed; left: 50px;-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; }
div.welcome { position: fixed; width: 100%; height: 100%; background:url(/zx1/images/banneer.jpg) 30% 80%; background-color: White; -moz-background-size: cover; background-size: cover; -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: 50%; left: 50%; margin-top: -135px; margin-left: -185px; color:#009DDE; font-size: 20px; text-align: center;/* background: url(../images/welcome_words.png) no-repeat;*/ overflow: hidden; }
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: 30px 0 0 35px; 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: 32px 0 0 85px; }
header nav.menu ul li { margin: 0 10px; font-size: 20px; -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 10px; font-size: 16px; }
header nav.menu ul li a { color: #000; letter-spacing: 2px; cursor: pointer; font-size: 16px }
header nav.menu ul li a:hover {color:#fff ;text-decoration: none; } 
header nav.menu ul li.active a { color:#000; text-decoration: none; }
header nav.menu ul li #css1  { color:#000; text-decoration: none; }
header nav.menu ul li #css2  { color:#fff; text-decoration: none; }

header nav.menu .line { position: absolute; top: 0%; padding: 0 15px; margin-left: -15px; width: 75px; height: 91px; font-size: 3px; border-radius: 5px; background-color: #1C7AB7; display: none; z-index: -1; }

header.fixed nav.menu .line { margin-left: -10px; padding: 0 10px }
header .hotline { position: fixed; top: 30px; right: 160px; -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: 25px; right: 185px; }

header .hotline span { position: fixed; color: #000; font-family:"微软雅黑";font-size: 16px; 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; background:url(../images/ssjj.png) no-repeat left center;    padding: 0px 30px;
    line-height: 2;}
header.fixed .hotline span { font-size: 18px; }

header .hotline a { color: #00dfb9; }
header .menu-icon { position: fixed; top:23px; right: 48px; font-size: 24px; color: #009BDD; z-index: 99; display: none; }
header.fixed .menu-icon { top: 18px; }
header .menu-icon a { color: #009BDD; 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: 100%; background: #fff;z-index: -2; -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: 91px; }

.videobox{ text-align:center}
.videobox img { max-width: 100% }
.vide2 { text-align: center; line-height: 40px }
.vide2 strong { font-size: 40px; color: #029DDD; display: block; padding-bottom: 10px; font-weight: normal }
.vide2 span { color: #FFFFFF; font-size: 28px; display: block }
.vide2 p { font-size: 14px; color: #fff; line-height: 25px; color: #D6D4D5; margin: 0 }
.vide2 img { padding-top: 20px; padding-bottom: 10px }
.vide3 p { text-align: left; font-size: 22px; color: #fff; display: inline-block; margin: 0 }
.vide3 strong { font-size: 68px; color: #019CDF; display: inline-block; padding-right: 10px }
.vide3 .vide-3bot { margin-top: 20px; padding-top: 20px; background:url(../images/ovi-1.png) no-repeat center center;padding:20px 0}
.vide3 .vide-3bot span { font-size: 35px; color: #019CDF; font-weight: bold; display: block }
.vide3 .vide-3bot p { font-size: 22px; color: #fff }
.videtop-4 { color: #009DDE }
.vide4 span { font-size: 35px; display: block }
.vide4 p { font-size: 24px; display: block }
.videbot-4 span { font-size: 25px; color: #fff; padding-bottom: 10px; }
.videbot-4 p { font-size: 14px; color: #fff;}
div.welcome p u { text-decoration: none; }
section { position: relative; overflow: hidden; }
.video .swiper-container { width: 100%; }
.video .swiper-container .swiper-slide { position: relative; overflow: hidden; }
.video .swiper-container .nth1 {background: url(../images/wallpaper1_1.jpg) 50% 35%; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .nth1 .box { position: relative; margin: 0 auto; z-index: 10; }
.video .swiper-container .nth1 .box .left { width: 100%; text-align: center; color: #CCC; font-size: 34px; position: absolute; left: -300px; -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.active .box .left { left: 0px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth1 .box .right { text-align: center; width: 100%; position: absolute; right: -500px; margin: 30px 0 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.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; background: url(../images/words.png) no-repeat; }
.video .swiper-container .nth1 .box .right p { font-size: 16px; line-height: 25px; color: #ccc; }
.video .swiper-container .nth1 .shade { position: absolute; width: 400%; height: 1800px; background: url(../images/swiper_nth1_shade.png) no-repeat center top; -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; }
.video .swiper-container .nth1.active .shade { width: 100%; }
.video .swiper-container .nth1 .line { position: relative; margin: 0 auto; top: -91px; width: 602px; height: 413px; z-index: 20; }
.video .swiper-container .nth1 .line u { display: block; width: 0px; height: 0px; border: 1px dashed #22fae2; text-decoration: none; -moz-opacity: 0; opacity: 0; -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; }
.video .swiper-container .nth1.active .line u { width: 600px; height: 411px; -moz-opacity: 1; opacity: 1; }

.video .swiper-container .nth2 { background:url(../images/banneer.jpg) 50% 20%; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .nth2 .box { position: absolute; left: -350px; text-align: right; -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; }
.video .swiper-container .nth2 .box span { font-size: 36px; color: White; }
.video .swiper-container .nth2 .box i { display: block; width: 320px; height: 65px; margin: 10px 0px 8px 0px; background: url(../images/words.png) no-repeat 0px -72px; }
.video .swiper-container .nth2 .box p { margin: 0px; font-size: 16px; line-height: 25px; color: #ccc; }
.video .swiper-container .nth2 .shade { width: 100%; height: 2000px; background: #0b151a; -moz-opacity: 0; opacity: 0; filter: alpha(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 .nth2.active .shade { width: 50%; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75); }
.video .swiper-container .nth3 { background:url(../images/banneer.jpg) 50% center; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .nth3 .box { position: relative; width: 100%; }
.video .swiper-container .nth3 .box .top { position: absolute; top: -100px; 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.swiper-slide-active .box .top { margin-top: 100px; 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; background: url(../images/words.png) no-repeat 0px -219px; -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.swiper-slide-active .box .mid { -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth3 .box .bottom { width: 100%; color: #ccc; 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.swiper-slide-active .box .bottom { -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth4 { background:url(../images/banneer.jpg) 50% top; -moz-background-size: cover; background-size: cover; }
.video .swiper-container .nth4 .box { position: relative; width: 100%; }
.video .swiper-container .nth4 .box .top { position: relative; top: -100px; width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; z-index: 10; }
.video .swiper-container .nth4.active .box .top { top: 0px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth4 .box .top span { font-size: 36px; color: White; }
.video .swiper-container .nth4 .box .top i { display: block; width: 242px; height: 64px; margin: 0 auto; margin-top: 15px; background: url(../images/words.png) no-repeat 0px -147px; }
.video .swiper-container .nth4 .box .bottom { position: relative; top: 100px; width: 100%; margin-top: 15px; font-size: 16px; line-height: 25px; color: #ccc; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; z-index: 10; }
.video .swiper-container .nth4.active .box .bottom { top: 0px; -moz-opacity: 1; opacity: 1; }
.video .swiper-container .nth4 .box .bottom u { margin: 0 5px; color: #00dfb9; text-decoration: none; }
.video .innerBox { position: absolute; bottom: 50px; width: 100%; z-index: 10; }
.video .innerBox .guide { text-align: center; margin-top: 40px; width: 100%; }
.video .innerBox .guide a { display: inline-block; margin: 0 5px; width: 40px; height: 3px; font-size: 3px; background: White; cursor: pointer; }
.video .innerBox .guide a.active { background: #029DDF; }
.video .innerBox a.movedown { opacity: .7; display: block; margin: 0 auto; width: 47px; height: 47px; background: url(../images/icons-2.png) no-repeat center; cursor: pointer; z-index: 99; }
.video .innerBox a.movedown:hover { opacity: 1 }
section.business { background:#007dd4 50% bottom; }
.business .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; }
.business .box .caption { margin: 0 auto; -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; }
.business.active .box .caption { padding-bottom:0%; -moz-opacity: 1; opacity: 1; }
.business .box .caption i { display: block; margin: 0 auto; margin-bottom: 15px; width: 255px; height: 33px; background: url(../images/wen-1.png) no-repeat center; }
.business .box .caption span { font-size: 24px; letter-spacing: 3px; }
.business .box ul.items { margin: 0 auto; margin-top: 60px; }
.business .box ul.items li { width: 200px; height: 300px; margin: 0 8px; overflow: hidden; }
.business .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 43px; height: 69px; }
.business .box ul.items li.pc i { width: 69px; background: url(../images/words.png) no-repeat -245px -357px; }
.business .box ul.items li.mobi i { width: 64px; background: url(../images/words.png) no-repeat -416px -291px; }
.business .box ul.items li.sys i { width: 76px; background: url(../images/words.png) no-repeat -415px -362px; }
.business .box ul.items li.app i { width: 74px; background: url(../images/words.png) no-repeat -244px -439px; }
.business .box ul.items li.host i { width: 79px; background: url(../images/words.png) no-repeat -420px -439px; }
.business .box ul.items li u { display: block; position: absolute; width: 156px; height: 156px; margin-left: 22px; background: url(../images/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; }
.business .box ul.items li u.cl { clip: rect(0px, 156px, -10px, 78px); }
.business.active .box ul.items li u.cl { clip: rect(0px,156px,156px,78px); }
.business .box ul.items li u.cr { clip: rect(156px,78px,156px,0px); }
.business.active .box ul.items li u.cr { clip: rect(0px,78px,156px,0px); }
.business .box ul.items li strong { display: block; margin-top: 70px; font-size: 16px; font-weight: normal; text-align: center; }
.business .box ul.items li p { position: relative; top: 200px; color: White; font-family: Arial, "宋体"; font-size: 12px; line-height: 20px; text-align: center; }
.business .box ul.items 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; }
.business .box ul.items 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; }
.business .box ul.items li.pc:hover i { background: url(../images/words.png) no-repeat -168px -357px; }
.business .box ul.items li.mobi:hover i { background: url(../images/words.png) no-repeat -337px -291px; }
.business .box ul.items li.sys:hover i { background: url(../images/words.png) no-repeat -327px -362px; }
.business .box ul.items li.app:hover i { background: url(../images/words.png) no-repeat -164px -439px; }
.business .box ul.items li.host:hover i { background: url(../images/words.png) no-repeat -335px -439px; }
.business .box ul.items li:hover u.cl { clip: rect(0px, 156px, -10px, 78px); }
.business .box ul.items li:hover u.cr { clip: rect(156px,78px,156px,0px); }
.business .box ul.items li:hover strong { color: White; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
.business .box ul.items li:hover p { 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; }
.business .box label { display: block; margin: 0 auto; margin-top: -40px; width: 297px; height: 21px; background: url(../images/words.png) no-repeat 0px -333px; }
section.aboutus3 { background:url(../images/yjbj.gif) no-repeat center bottom; }
.aboutus3 .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; }
.aboutus3 .box .caption { 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; }
.aboutus3.active .box .caption { -moz-opacity: 1; opacity: 1; }
.aboutus3 .box .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 334px; height: 33px; background: url(../images/wen-2.png) no-repeat center; }
.aboutus3 .box .caption span { font-size: 24px; letter-spacing: 3px; padding-left: 10px; }
.aboutus3 .box .swiper-container.items { position: relative; margin: 0 auto; margin-top: 60px; top: 700px; width: 1100px; -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; }
.aboutus3 .box .swiper-container.xs { height: 430px }
.aboutus3 .box .swiper-container.items .swiper-slide a { display: block; margin: 0 20px }
.aboutus3.active .box .swiper-container.items { top: 0px; }
.aboutus3 .box .swiper-container.items .swiper-slide { overflow: hidden; position: relative; }
.aboutus3 .box .swiper-container.items .swiper-slide img { width: 238px; height: 200px; }
.aboutus3 .box .swiper-container.items .swiper-slide .shade { position: absolute; width: 238px; height: 200px; margin-top: -200px; background: Black; -moz-opacity: 0; opacity: 0; filter: alpha(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; z-index: 10; }
.aboutus3 .box .swiper-container.items .swiper-slide .shade u { display: block; margin: 0 auto; margin-top: 78px; width: 44px; height: 44px; background: url(../images/icons-5.png) no-repeat center center; }
.aboutus3 .box .swiper-container.items .swiper-slide p { height:55px; margin: 10px 20px; color: #999; font-family: Arial, "宋体"; font-size: 12px; line-height: 26px; -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; ptext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.aboutus3 .box .swiper-container.items .swiper-slide strong { padding-top: 10px; text-align: center; display: block; color: #222; font-family: Arial, "微软雅黑"; font-size: 16px; font-weight: normal; -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; ptext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.aboutus3 .box .swiper-container.items .swiper-slide .bg { border-bottom: 2px solid #30AFE4; bottom: 0; position: absolute; width: 238px; height: 110px; background-color: #fff; z-index: -1; -moz-opacity: .9; opacity: .9; filter: alpha(opacity=90); -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; }
.aboutus3 .box .swiper-container.items .swiper-slide .bg u { display: block; position: absolute; width: 238px; height: 110px; margin-top: 150px; background-color: #30AFE4; -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; }
.aboutus3 .box .swiper-container.items .swiper-slide a:hover .shade { -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70); margin-top: 0px; -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; }
.aboutus3 .box .swiper-container.items .swiper-slide a:hover .bg { border: none; z-index: -1; bottom: 0; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -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; }
.aboutus3 .box .swiper-container.items .swiper-slide a:hover .bg u { margin-top: 0px; -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; }
.aboutus3 .box .swiper-container.items .swiper-slide a:hover p { text-decoration: none; color: White; -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; }
.aboutus3 .box .swiper-container.items .swiper-slide a:hover p strong { color: White; -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; }
.aboutus3 .box .swiper-container.mini, .cases .box .swiper-container.xs, .cases .box a.prev, .cases .box a.next { display: none; }
.aboutus3 .box a.more { display: block; position: relative; margin: 0 auto; margin-top: 50px; top: 700px; width: 120px; padding: 5px 0px; color: #00dfb9; font-size: 26px; text-align: center; text-decoration: none; border: 1px dotted #00dfb9; -webkit-transition: all .3s ease-in-out 0s, top .8s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s, top .8s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s, top .8s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s, top .8s ease-in-out 0s; transition: all .3s ease-in-out 0s, top .8s ease-in-out 0s; }
.aboutus3 .box .swiper-container { height: 310px }
.aboutus3.active .box a.more { font-size: 16px; display: none; top: 0px; }
.aboutus3 .box a.more:hover { color: White; background: #2fd0b5; }




section.clientsa { background:url(../images/tyui.jpg) 50% 90%; }
section.clients { background:url(../images/yjbj.gif) 50% 90%; }
.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 { 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 { padding-bottom: 40px; -moz-opacity: 1; opacity: 1; }
.clients .box .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 195px; height: 33px; background: url(../images/wen-4.png) no-repeat center; }
.clients .box .caption span { color: #fff; font-size: 24px; padding-left: 10px; }
.clients .box ul.items { margin: 0 auto; margin-top: 45px; width: 1155px; height: 450px; font-size: 0; overflow: hidden; }
.clients .box ul.items li { position: relative; padding: 0; width: 230px; height: 150px; overflow: hidden; z-index: 10; }
.clients .box ul.items li.cctv { top: 600px; background: url(../images/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(../images/clients.png) no-repeat 0px -150px; }
.clients.active .box ul.items li.cctv { top: 0px; }
.clients .box ul.items li.unicom { top: -400px; background: url(../images/clients.png) no-repeat -230px 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(../images/clients.png) no-repeat -230px -150px; }
.clients.active .box ul.items li.unicom { top: 0px; }
.clients .box ul.items li.tsinghua { top: 600px; background: url(../images/clients.png) no-repeat -460px 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(../images/clients.png) no-repeat -460px -150px; }
.clients.active .box ul.items li.tsinghua { top: 0px; }
.clients .box ul.items li.cas { top: -400px; background: url(../images/clients.png) no-repeat -690px 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(../images/clients.png) no-repeat -690px -150px; }
.clients.active .box ul.items li.cas { top: 0px; }
.clients .box ul.items li.sipo { top: 600px; background: url(../images/clients.png) no-repeat -920px 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(../images/clients.png) no-repeat -920px -150px; }
.clients.active .box ul.items li.sipo { top: 0px; }
.clients .box ul.items li.apple { top: 450px; background: url(../images/clients.png) no-repeat -1150px 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(../images/clients.png) no-repeat -1150px -150px; }
.clients.active .box ul.items li.apple { top: 0px; }
.clients .box ul.items li.das { top: -550px; background: url(../images/clients.png) no-repeat -1380px 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(../images/clients.png) no-repeat -1380px -150px; }
.clients.active .box ul.items li.das { top: 0px; }
.clients .box ul.items li.hunantv { top: 450px; background: url(../images/clients.png) no-repeat -1610px 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(../images/clients.png) no-repeat -1610px -150px; }
.clients.active .box ul.items li.hunantv { top: 0px; }
.clients .box ul.items li.sino { top: -550px; background: url(../images/clients.png) no-repeat -1840px 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(../images/clients.png) no-repeat -1840px -150px; }
.clients.active .box ul.items li.sino { top: 0px; }
.clients .box ul.items li.report { top: 450px; background: url(../images/clients.png) no-repeat -2070px 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(../images/clients.png) no-repeat -2070px -150px; }
.clients.active .box ul.items li.report { top: 0px; }
.clients .box ul.items li.gedu { top: 300px; background: url(../images/clients.png) no-repeat -2300px 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(../images/clients.png) no-repeat -2300px -150px; }
.clients.active .box ul.items li.gedu { top: 0px; }
.clients .box ul.items li.bgg { top: -700px; background: url(../images/clients.png) no-repeat -2530px 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(../images/clients.png) no-repeat -2530px -150px; }
.clients.active .box ul.items li.bgg { top: 0px; }
.clients .box ul.items li.bsec { top: 300px; background: url(../images/clients.png) no-repeat -2760px 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(../images/clients.png) no-repeat -2760px -150px; }
.clients.active .box ul.items li.bsec { top: 0px; }
.clients .box ul.items li.huadan { top: -700px; background: url(../images/clients.png) no-repeat -2990px 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(../images/clients.png) no-repeat -2990px -150px; }
.clients.active .box ul.items li.huadan { top: 0px; }
.clients .box ul.items li.zd { top: 300px; background: url(../images/clients.png) no-repeat -3220px 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(../images/clients.png) no-repeat -3220px -150px; }
.clients.active .box ul.items li.zd { 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: 1155px; height: 450px; 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; }
.quality .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; }
.quality .box .caption { 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; }
.quality.active .box .caption { -moz-opacity: 1; opacity: 1; }
.quality .box .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 240px; height: 37px; background: url(../images/words.png) no-repeat 0px -576px; }
.quality .box .caption span { padding-left: 5px; color: White; font-size: 24px; }
.quality .box .items { margin: 0 auto; margin-top: 120px; width: 960px; }
.quality .box .swiper-slide { position: relative; width: 240px; margin: 0 40px; }
.quality .box .items .swiper-slide.nth1 { left: -300px; -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; }
.quality.active .box .items .swiper-slide.nth1 { left: 0px; }
.quality .box .items .swiper-slide.nth2 { bottom: -300px; -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; }
.quality.active .box .items .swiper-slide.nth2 { bottom: 0px; }
.quality .box .items .swiper-slide.nth3 { right: -300px; -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; }
.quality.active .box .items .swiper-slide.nth3 { right: 0px; }
.quality .box .swiper-slide ul { margin: 0 auto; margin-bottom: 20px; }
.quality .box .swiper-slide ul li { position: relative; margin: 0 15px; padding: 0; overflow: hidden; }
.quality .box .swiper-slide ul li.mobi { width: 14px; height: 27px; background: url(../images/icons.png) no-repeat 0px -264px; }
.quality .box .swiper-slide ul li.pad { width: 29px; height: 23px; background: url(../images/icons.png) no-repeat -71px -264px; }
.quality .box .swiper-slide ul li.pc { width: 35px; height: 27px; background: url(../images/icons.png) no-repeat 0px -303px; }
.quality .box .swiper-slide ul li.windows { width: 27px; height: 27px; background: url(../images/icons.png) no-repeat -73px -304px; }
.quality .box .swiper-slide ul li.ios { width: 24px; height: 30px; background: url(../images/icons.png) no-repeat 0px -344px; }
.quality .box .swiper-slide ul li.andriod { width: 28px; height: 29px; background: url(../images/icons.png) no-repeat -72px -345px; }
.quality .box .swiper-slide ul li.ie { width: 28px; height: 28px; background: url(../images/icons.png) no-repeat 0px -392px; }
.quality .box .swiper-slide ul li.chrome { width: 30px; height: 30px; background: url(../images/icons.png) no-repeat -71px -392px; }
.quality .box .swiper-slide ul li.firefox { width: 32px; height: 30px; background: url(../images/icons.png) no-repeat 0px -432px; }
.quality .box .swiper-slide ul li.safari { width: 30px; height: 32px; background: url(../images/icons.png) no-repeat -71px -432px; }
.quality .box .swiper-slide ul li span { position: absolute; top: 30px; }
.quality .box .swiper-slide p { color: #e1e1e1; text-align: center; line-height: 36px; }
.quality .box a.lookall { display: block; margin: 0 auto; margin-top: 90px; width: 300px; padding: 12px 0px; color: #00aa88; font-size: 18px; letter-spacing: 3px; text-align: center; text-decoration: none; border: 1px solid #00aa88; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -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; }
.quality.active .box a.lookall { -moz-opacity: 1; opacity: 1; }
.quality .box a.lookall:hover { color: White; background: #0f8773; border: 1px solid #0f8773; }
.quality .box .mini, .quality .box a.prev, .quality .box a.next { display: none; }
.marketing .box { position: relative; margin-top: -80px; -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; }
.marketing .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; z-index: 10; }
.marketing.active .box .caption { -moz-opacity: 1; opacity: 1; }
.marketing .box .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 240px; height: 37px; background: url(../images/words.png) no-repeat right -576px; }
.marketing .box .caption span { padding-left: 5px; font-size: 24px; }
.marketing .box ul.items { margin: 0 auto; margin-top: 30px; position: relative; z-index: 10; }
.marketing .box ul.items li { width: 128px; height: 230px; margin: 0 20px; overflow: hidden; }
.marketing .box ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 28px; height: 70px; }
.marketing .box ul.items li.se i { width: 54px; background: url(../images/words.png) no-repeat -144px -632px; }
.marketing .box ul.items li.weixin i { width: 74px; background: url(../images/words.png) no-repeat -207px -630px; }
.marketing .box ul.items li.weibo i { width: 68px; background: url(../images/words.png) no-repeat -288px -630px; }
.marketing .box ul.items li.sms i { width: 61px; background: url(../images/words.png) no-repeat -366px -628px; }
.marketing .box ul.items li.pay i { width: 56px; background: url(../images/words.png) no-repeat -438px -639px; }
.marketing .box ul.items li.bbs i { width: 51px; background: url(../images/words.png) no-repeat -144px -705px; }
.marketing .box ul.items li u { display: block; position: absolute; width: 128px; height: 128px; background: url(../images/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; margin: 200px 0px 10px 0px; font-size: 16px; 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; }
.marketing .box ul.items li p { line-height: 20px; text-align: center; }
.marketing .shade { display: none; position: absolute; top: 0px; width: 100%; background: White; -moz-opacity: 0.4; opacity: 0.4; filter: alpha(opacity=40); }
section.aboutus { position: relative; background:url(../images/gybj.jpg) 50% 60%; -moz-background-size: cover; background-size: cover; }
.aboutus ul.menu{ max-width: 1100px; list-style: none; margin:0 auto;margin-top: 2%;}
.clientsa ul.menu{ max-width: 550px; list-style: none; margin:0 auto;margin-top: 2%;}
.aboutus ul.menu li{ float:left; margin-left: 20px;position: relative; color: #8BC1D9; font-size: 18px; text-align: center; padding:1.5% 4%;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;  background: #3a424d; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10; }
.aboutus ul.menu li a{color:white; text-decoration:none;}
.aboutus ul.menu li.active { color: White; background:#0088d6;}
.aboutus ul.menu li.bg.all,.aboutus2 ul.menu li.bg.all{display:none;}
.aboutus ul.menu li.bg.one,.aboutus2 ul.menu li.bg.one { display:none; position: absolute; top: 0px; left: 0px; width: 80px; background: #1559AC; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -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: 20; }
.cases ul.menu li.bg.all{display:none;}.cases ul.menu li.bg.one{display:none;}
section.aboutus .swiper-container{ max-width: 1200px;height:600px; -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; left: auto; -moz-opacity: 1; opacity: 1; margin-top:2%;}
.aboutus.active .items.tb{ margin-top:0;}

.aboutus .items .swiper-slide.nth1 strong { display: block; color: #ddd; font-size: 40px; font-weight: normal; letter-spacing: 5px; }
.aboutus .items .swiper-slide.nth1 p { margin-top: 20px; color: #999; line-height: 35px; }
.aboutus .items .swiper-slide.nth1 u { display: block; margin-top: 20px; color: #999; font-size: 24px; text-decoration: none; }
.aboutus .items .swiper-slide.nth2 strong { display: block; color: #00dfb9; font-size: 22px; font-weight: normal; text-indent: 28px; }
.aboutus .items .swiper-slide.nth2 p { margin-top: 20px; color: #999; line-height: 35px; text-indent: 28px; }
.aboutus .items .swiper-slide.nth3 strong { display: block; margin-bottom: 20px; color: #00dfb9; font-size: 22px; font-weight: normal; }
.aboutus .items .swiper-slide.nth3 ul { padding: 0px; }
.aboutus .items .swiper-slide.nth3 ul li { color: #999; line-height: 35px; padding-left: 30px; list-style: none; background: url(../images/point.png) no-repeat 0px 13px; }
.aboutus .items .swiper-slide.nth3 ul li u { margin: 0 15px; text-decoration: none; }
.aboutus table.exp { position: absolute; bottom: -80px; width: 100%; border-top: 1px solid #666; -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: 20; }
.aboutus.active table.exp { bottom: 0px; }
.aboutus table.exp td { width: 20%; height: 70px; color: #bbb; text-align: center; }
.aboutus table.exp u { margin-right: 10px; color: #00dfb9; font-family: Arial; font-size: 26px; text-decoration: none; }
.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; }
section.contact { position: relative; background:url(../images/lxlhhh.jpg) 50% bottom; -moz-background-size: cover; background-size: cover; }
.contact .box { position: relative; margin: 0 auto; max-width:1200px; height: 370px; -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 .box .above { position: relative; top: -300px; width: 100%; height: 200px; -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 .box .above { top: 0px; -moz-opacity: 1; opacity: 1; }
.contact .box .above .wechat { float: left; }
.contact .box .above .left { float: left; margin: -12px 0px 0px 70px; }
.contact .box .above .left a.tel { display: block; margin: 10px 0px 15px 0px; width: 243px; height: 37px; text-decoration: none; background: url(../images/words.png) no-repeat 0px -877px; }
.contact .box .above .left p { margin-top: 8px; color: #666; line-height: 26px; }
.contact .box .above .left a { color: #666; text-decoration: none; }
.contact .box .above .left p u { margin: 0 5px; text-decoration: none; }
.contact .box .above .left p a.job { margin-left: 20px; color: #d00000; font-weight: bold; }
.contact .box .above .left p a.job:hover { border-bottom: 1px solid #d00000; }
.contact .box .above .right { float: right; margin-top: -3px; color: #666; line-height: 32px; }
.contact .box .above .right u { margin: 0 5px; text-decoration: none; }
.contact .box .below { position: relative; padding-top: 50px; width: 100%; border-top: 1px dotted #ccc; }
.contact .box .below i { display: block; position: relative; top: 300px; margin: 0 auto; width: 424px; height: 86px; background: url(../images/words.png) no-repeat 0px -787px; -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 .box .below i { top: 0px; -moz-opacity: 1; opacity: 1; }
.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: 50px; right: -260px; padding: 15px 20px; height: 140px; 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: 150px; }
.dock ul.icons li.im p { width: 115px; }
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #009BDD; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #009BDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: .8; -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; opacity: 1; background: #009BDD; border: 1px solid #0f8773; }
.dock ul.icons li.wechat p { width: 118px; }
.dock ul.icons li.wechat p img { width: 115px; border: 2px solid White; }
.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; }

.box ul.menu { padding:0px;max-width: 1100px;list-style: none; margin:0 auto;  margin-top:2%;}
.box ul.menu li { float:left; margin-left: 20px;position: relative; color: #8BC1D9; font-size: 16px; text-align: center; padding: 1.5% 4%;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;  background: #3a424d; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10; }
.clients .box ul.menu{ padding:0px;max-width: 1100px;list-style: none; margin:0 auto;   margin-top: 1.5%;}
.caption ul.menu li a{color:white; text-decoration:none;}
.caption ul.menu li.active { color: White; background:#0088d6;}
.caption ul.menu li.bg.all{display:none;}
.caption ul.menu li.bg.one { display:none; position: absolute; top: 0px; left: 0px; width: 80px; background: #1559AC; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -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: 20; }

.gylh{width:100%; margin-top:9%; }
.abot{ display:block; color:#d6dadd; font-size:24px; font-family:'微软雅黑';text-align:center; }
.gylh p{color:#000; font-size:30px; font-family:'微软雅黑'; margin:0 auto;text-align:center; line-height:52px;}
 .gylh .syy{width:100%; display:block;}
 .gylh .syy img {margin:0 auto; display:block;}
 
.zi-about img{max-width:100%;width:1200px;}
.zi-about .rongyu-index{ list-style:none;padding:0;display:table; text-align:center;margin-left:-10px; width:100%;height:350px; overflow:hidden}
.zi-about .rongyu-index li{ display:inline-table;width:210px;margin-left:10px}
.zi-about .rongyu-index li p{padding:10px 0; }
.rongyu-inbox{ height:340px;}
		  
header .logo { top: 10px; left: 35px; width: 160px; }
header .words { display: none; }
header nav.menu { margin-left: -30px; }
header.fixed nav.menu { margin-left: -55px; }
header nav.menu ul li { margin: 0 8px; }
header .hotline { right: 130px; }
header.fixed .hotline { right: 170px; }
header .hotline u { right: 203px; }
header.fixed .hotline u { right: 180px; }

.ziding-2-title strong { font-weight: normal; display:block; font-size: 25px; color: #3196DA; }
.ziding-2-title .fu-title { font-size: 22px; color: #3196DA;}
.ziding-2-title .jian-jie { font-size:20px; text-align: left; color: #3197d9; }
ul.fazhan-index{ list-style: none; padding: 0;}
ul.fazhan-index li { line-height:25px; background: url(../images/icons-2.jpg) no-repeat left 13px; padding-left: 20px; text-align:left}
.fu-title em { font-size: 16px; font-weight: bold }
.ziding-2-title .jian-jie span { display: block }
.gaikuo-bottom{font-size:22px;color:#009cdf}
#lichengbot{ display:none}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;/*  overflow: hidden;*/display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 47px; width: 47px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; bottom: 0; margin-bottom: -25px; padding: 0; border: none; outline: none; z-index: 500 }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0; background: url(../images/icons-3.png) no-repeat center center }
.slick-next { right: 0px; background: url(../images/icons-4.png) no-repeat center center }
/* Dots */.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.ziding-bg { position: absolute; width: 100%; height: 100%; display: none; top: 0; left: 0; z-index: 100 }
.ziding-bg span { font-size: 16px; color: #fff; display: block; text-align: center; padding:26% 20%; background:url(../images/fs.gif) no-repeat center 72%;}
/*.ziding-bg p { height:90px; font-size: 14px; color: #fff; text-align: center; padding: 0 15px; line-height: 22px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }*/

.ziding-bg i { position: absolute; width: 97%; height: 100%; background: #137ad5; opacity: .7;filter: alpha(opacity=70); top: 0; left: 0; z-index: -1 }
.ziding-anli { max-width: 1200px; margin: 0 auto; max-height: 385px;}
.ziding-anli a img { max-width: 100%; width: 254px; height: 162px; }
.ziding-anli menu a { max-width: 254px; max-height: 162px; display: inline-block; position: relative; overflow: hidden; margin: 10px 12.5px}
.slick-slider { padding:0px 78px; padding-top:0.5%; padding-bottom:1%; }
.clear { clear: both; }
#BDBridgeWrap { display: none; }
.abuot-cont { font-size: 14px; line-height: 22px; }
.ziding-left { margin-left: 120px; width: 52%; padding-top: 20px }
.ziding-2-title .jian-jie { font-size: 16px; text-align: left; color: #60AEDE }
.zi-about .strong{width:29%; display:block; float:left; }
.zi-about .strong img{font-size: 34px;   border: 4px solid #fff; border-radius: 10px;width:100%;}
.zi-about { color: #656766; font-size: 14px; text-align: left; }
.zi-about p{width:68%; float:right;display:block;overflow:hidden}
.zi-about p span{font-size: 10.5pt; letter-spacing: 1pt; line-height:25px;overflow: hidden; max-height: 206px; display:block;}
.zi-about a{display: block;padding: 0.5% 2%; border:1px solid #0063b9; margin-top:2%; float:left; margin-left:4%; font-size:12px;}

.ziding-2-title .fu-title { text-align: right; display: block; width: 100%; font-size: 20px; color: #3196DA }
.zi-about ul li { line-height: 35px; color: #656567 }


section.aboutus2 { position: relative; background:url(../images/bjj.jpg) 50% 60%; -moz-background-size: cover; background-size: cover; }
.aboutus2 ul.menu { max-width:750px; list-style: none; margin:0 auto;margin-top: 2%;}
.aboutus2 ul.menu li { float:left; margin-left: 23px;position: relative; color: #8BC1D9; font-size: 18px; text-align: center; padding:1.8% 5%;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;  background: #3a424d; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10; }
.aboutus2 ul.menu li a{color:white; text-decoration:none;}
.aboutus2 ul.menu li.active { color: White; background:#0088d6;}
.aboutus2 ul.menu li.bg.all{display:none;}
.aboutus2 ul.menu li.bg.one { display:none; position: absolute; top: 0px; left: 0px; width: 80px; background: #1559AC; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -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: 20; }
section.aboutus2 .swiper-container{ max-width: 1100px;height:600px; -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; }
.aboutus2.active .items { right: 0; left: auto; -moz-opacity: 1; opacity: 1; margin-top:1.5%;}
.aboutus2 .items .swiper-slide.nth1 strong { display: block; color: #ddd; font-size: 40px; font-weight: normal; letter-spacing: 5px; }
.aboutus2 .items .swiper-slide.nth1 p { margin-top: 20px; color: #999; line-height: 35px; }
.aboutus2 .items .swiper-slide.nth1 u { display: block; margin-top: 20px; color: #999; font-size: 24px; text-decoration: none; }
.aboutus2.active table.exp { bottom: 0px; }
.aboutus2 table.exp td { width: 20%; height: 70px; color: #bbb; text-align: center; }
.aboutus2 table.exp u { margin-right: 10px; color: #00dfb9; font-family: Arial; font-size: 26px; text-decoration: none; }
.aboutus2 .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; }
.aboutus2.active .expBg { bottom: 0px; }
.zi-about .outer a.ck{margin-top:0px;padding: 1.5% 4%; color:#fff; background:#006ce7; margin-left:0px;} 
.zi-about .outer a{ border:0px;}




aboutus2 .new-title { width: 100%; text-align: center }
.aboutus2 .new-title span { font-size: 50px; color: #14B1F4; }
.aboutus2 .new-title p { color: #000; font-size: 22px; }
.aboutus2 .new-box { zoom: 1; max-width: 1100px; margin: 0 auto }
.aboutus2 .new-box:after { clear: both; content: '.'; display: block; width: 0; height: 0; visibility: hidden; }
.aboutus2 .new-tent { max-width: 1100px; }
.aboutus2 .new-tent dl { float: left; }
.aboutus2 .new-tent dl:nth-child(odd) { margin-right: 40px }
.aboutus2 .new-tent dl:nth-child(even) { float: right }
.aboutus2 .new-tent dl { max-width: 530px; width: 48% }
.aboutus2 .new-tent dd { float: right; max-width: 298px; width: 55% }
.aboutus2 .new-tent dd span a { color: #000; font-size: 16px; line-height: 26px; max-height:26px; overflow:hidden; padding:0; margin-left:0px; }
.aboutus2 .new-tent dd p { width:100%; font-size: 12px; color: #818181; line-height: 22px; font-weight: normal; }
.aboutus2 .new-tent dd p a { color: #52C4F8; margin-top: 15px; display: block;}
.aboutus2 .new-tent dt img { max-width: 100% }
.aboutus2 .new-tent dt { float: left; max-width: 230px; max-height: 142px; margin-right: 0px; }
.aboutus2 .new-ul {list-style:none;max-width:1100px;padding:0;width:48%;float:left;margin-top:20px;}
.aboutus2 .or{ float:right;}
.aboutus2 .new-ul li{line-height: 0px;}
.aboutus2 .new-ul li a { padding: 15px 0; font-size: 14px; color: #333333; padding-left: 15px; float: left; display: block; background: url(../images/icons-3.jpg) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 68%; margin-right: 2%; margin-top:0px;}
.aboutus2 .new-ul li p { float: right; display: block; padding:15px 0; margin: 0; width: 20%; max-width: 80px }
.ziding-left img { max-width: 100%;}
.erweibox { max-width:1200px; margin:0 auto; margin-top:-3%;}
.erweima-left{width:60%; background:url(../images/wbsx.gif) no-repeat top left , url(../images/wbsx.gif) no-repeat top right; padding-left:5%;}
.erweima-left ul{width:18%; float:left; padding:0px 1%; list-style:none;}
.erweima-left ul li{ display:block;padding-bottom:3%;}
.erweima-left ul li.lmzt{ padding-top:1%; padding-bottom:10%;}
.erweima-left ul li.lmzt a{ color:#fff;font-size:16px; opacity:1;}
.erweima-left ul li a{color:#fff; font-size:14px; font-family:"微软雅黑"; opacity:0.6;}

.erweima-right { width: 390px; }
.erweima-right p { color: #8B8B8B; font-size: 14px; line-height: 25px }
.erweima-right p a{color: #8B8B8B; }
.erweima-left { float: left }
.erweima-right { float: right }
.erwei-top {width:50%; float:left; padding-bottom: 25px; margin-top:-15%; }
.erwei-top span { color: #b0dbf9; display: block;font-size: 26px; font-family:"微软雅黑";padding-bottom: 12px;  }
.erwei-top p { color: #fff; font-size: 30px;font-family:"微软雅黑"; display: block; }



.ziding-licheng { max-width: 1220px; margin: 0 auto; position: relative; }
.videobox { -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: table-cell; text-align: center; vertical-align: middle; }
.videobox { opacity: 0; transition: all 2s ease }
.vide1 strong { font-size: 35px; color: #ccc; font-weight: normal; display: block }
.vide1 span { font-size: 55px; color: #229BEA; display: block }
.vide1 p span.dahao { font-size: 25px; display: inline-block; color: #ccc; padding: 0 10px }
.vide1 p { font-size: 18px; color: #ccc }
.swiper-slide-active .videobox { opacity: 1 }
#t1 .slick-prev, #t1 .slick-next { display: none !important }
.cases .box .swiper-container.mini .swiper-slide strong{ptext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cases .box .swiper-container.mini .swiper-slide p{ptext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}

.bannerbg{height:100%;width:100%; position:absolute;display:table; background-size:cover !important}

.gylh .jt{color:#fff; font-size:30px; font-family:'微软雅黑'; margin:0 auto;text-align:center; line-height:52px;}
.abt{    width: 35%;margin: 0 auto; display:block; color:#0087ea; font-size:24px; font-family:'微软雅黑';text-align:center;   background: url(../images/hx.jpg) no-repeat right , url(../images/hxx.jpg) no-repeat left;}
.xyw{margin: 0 auto;max-width: 1100px;}
.gylh .xyw .sy{width: 25%;margin-top: 4px;float: left;}
.gylh .xyw .yy{width:50%; display:block; float:right;}
.gylh .xyw .sy img {margin:0 auto;}


.qys{width:80%; margin:0 auto; display:block;margin-top:1%; padding-bottom:0%;}
.qys li{width:20%; float:left;  list-style:none; padding:0px 2.5%;}
.qys li span{ display:block; position:relative; z-index:1;}
.qys li img{ width:100%;}
.qys li a{ position:absolute;width:16%;height:44%;background:url(../images/bbj.png) no-repeat center; display:block;top:0px; z-index:100; text-align:center;  color:#000;font-size:20px; font-family:"微软雅黑"; line-height:166px;}
.qys li a:hover{background:url(../images/lbj.png) no-repeat center; color:#fff;cursor:pointer;}

.qyr{width:80%; margin:0 auto; display:block;margin-top:1%; }
.qyr li{width:20%; float:left;  list-style:none; padding:0px 2.5%;}
.qyr li span{ display:block; position:relative; z-index:2;}
.qyr li img{ width:100%;}
.qyr li a{ position:absolute;width:16%;height:48%;background:url(../images/bbj.png) no-repeat center; display:block;top:52%; z-index:5; text-align:center;  color:#000;font-size:20px; font-family:"微软雅黑"; line-height:180px;}
.qyr li a:hover{background:url(../images/lbj.png) no-repeat center; color:#fff;cursor:pointer;}
.clients ul.menu li a{color:white; text-decoration:none;}
.clients ul.menu li.active { color: White; background:#0088d6;}
.clients ul.menu li.bg.all{display:none;}
.clients ul.menu li.bg.one { display:none; position: absolute; top: 0px; left: 0px; width: 80px; background: #1559AC; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); -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: 20; }

.rc-tetle{ max-width:1200px; margin:0 auto;}
.rctp{ width:32%;float:left;margin-top:8%; }
.rctp img{border:2px solid white; border-radius:10px; width:100%; box-shadow:5px 5px 5px #CCCCCC;}
.rcfz{width:65%; float:right; margin-top:10%;}
.fzbt strong{ display:block; width:100%; color:#0088d6; font-size:28px; font-family:"微软雅黑"; font-weight:100; }
.fzbt span{ color:#cfd7dd; font-size:18px; font-family:"微软雅黑";}

.rcfz ul.menu { list-style: none;margin-top: 3%; padding:0;}
.rcfz ul.menu li { float:left; margin-right:3%;position: relative; color: #8BC1D9; font-size: 15px; text-align: center; padding: 1.5% 3%;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;  background: #3a424d; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); z-index: 10; }
.rcfz ul.menu>li a{color:white; text-decoration:none; border:0px;}
.rcfz ul.menu li.active { color: White; background:#0088d6;}
.rcfz p{color:#000; font-size:15px; font-family:"微软雅黑"; line-height:23px; margin-top:3%;}
.rcfz .xqk{width:30%; margin-top:5%; display:block;}
.rcfz .xqk a{padding: 5% 16%; border:1px solid #0063b9;font-size:14px;}
.iw_poi_title {color:red;    font-size: 16px; line-height:27px; font-family:"微软雅黑";font-weight: bold;overflow: hidden;display: table;margin: 0 auto;white-space:nowrap;}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.btt{width:40%;height:57%;border:#ccc solid 1px; float:right; margin-top:-4.5%;}
.fxn{width:15%; float:left; background:url(../images/wbsx.gif) no-repeat right; margin-left:2%; }
.fxn p{ color:#fff; font-size:16px; font-family:"微软雅黑";}
.fxn span{ display:block;line-height:35px; background:url(../images/weix.gif) no-repeat left center; padding-left:20%; margin-top:12%;}
.bdsharebuttonbox{ padding-top:10%;}
.fxn span a{color:#fff; font-size:14px; font-family:"微软雅黑"; }
.sjtm{width:15%; background:url(../images/wbsx.gif) no-repeat right; float:right; padding-bottom:2%; }
.sjtm .lmzt{padding-top:1%; padding-bottom:10%;color:#fff;font-size:16px; opacity:1;}
.sjtm span{ display:block;width:100%; color:#fff;}
.dz{ max-width:1200px; margin:0 auto; margin-top:3.5%;}
.dz p{ width:60%;margin:0 auto; display:block;color:#fff; font-family:"微软雅黑"; font-size:14px;}
.dz a{color:#fff;}
.dz-cent p{width:100%; text-align:center;}
.ywhj{ display:none;}
.re{display:none;}







.aboutus .items .swiper-slide .hezi{ width:25%; height:200px; float:left; margin-bottom:10px;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:200px;}

.hezi a{ border:0;     padding: 0.5% 0%;}  .cases .zi-about{ max-width:1200px;}

.cases .box ul.menu li{    margin-left: 1%;    padding: 1.5% 2%;}

.rcfz ul.menu li.ar{ background:#0088d6;}




/*--------------------------------------------
@media screen and (min-width:768px){.video .swiper-container .nth1 {background:url(../images/wallpaper1_1.jpg) 50% 35%; -moz-background-size: cover; background-size: cover;}}----------------------------------------*/
@media screen and (min-width:1441px) and (max-width:1920px){.rctp{margin-top:7%;width: 29%;}.erweibox{ margin-top:-2%;}.btt{ margin-top: -10.5%;}.swiper-container .zdkd{ max-width: 1200px; margin:0 auto;}.qys{ margin-top:4%;}.qys li a{ background-size:53%;        width: 19%;height: 51%;}.qys li{ padding: 0px 1.5%; width: 22%;}.qyr{ margin-top:4%;}.qyr li{    padding: 0px 1.5%; width: 22%;}.qyr li a{width: 18%;line-height: 160px;}.aboutus .items .swiper-slide .hezi{ margin-top:2%;}.rctp{ margin-top:10%;}.rc-tetle{ margin-top:5%;}}

@media screen and (min-width:1369px) and (max-width:1440px){.btt{margin-top:-5%;width:40%;height:68%;}.erweibox{ margin-top:8.5%;}
.erwei-top{margin-top:-1%;width: 50%; float: left;padding-left: 70px;padding-bottom: 25px;}}
@media screen  and (min-width:1300px) and (max-width:1366px){.cases .gylh{ margin-top:7%;}.cases .box ul.menu{ margin-top:0.5%;}.cases .gylh p{font-size:26px;line-height:28px;} .cases .box ul.menu li{    padding: 1% 3%;}.cases .gylh .syy{ margin-top:5px;}.aboutus.active .items{margin-top:1%;}.aboutus ul.menu{padding: 1.2% 4%;margin-top: 1%;}}
@media screen and (min-width:1152px) and (max-width:1280px){.qys li a{ font-size:18px; width:16%; height:48%; top:0px;    line-height: 166px; background-size:54%;}.qyr li a{ background-size:54%;font-size:18px; width:16%;height:48%;top:55%;line-height:166px;}.qys li a:hover{background-size:54%; width:16%; height:48%; top:0px;    line-height: 166px; font-size:18px; }.qyr li a:hover{background-size:54%;width:16%;height:48%;top:55%;line-height:166px;}.rctp{ width:30%;}}

@media screen and (max-width:1151px){header nav.menu{ margin-left:0px;}.aboutus ul.menu li{padding:1.2% 4.2%;    margin-left:1%;font-size: 17px;}.box ul.menu li{padding:1.2% 4.2%;margin-left:1%;font-size: 17px;}header.fixed nav.menu{ margin-left:0px; }.qys li a{ width:17.5%; height:44%; top:0px;    line-height: 166px;}.qyr li a{width:17.8%;height:44%;top:56%;line-height:166px;}}
@media screen and (max-width:1080px) {header .words { display: block; left: 220px; }.rcfz .xqk a{padding: 4% 10%; font-size: 14px;}.erweibox{max-width: 980px; margin-top:-2%;}.dz{    margin-top: 0.5%;}.dz p{ width: 80%;}.erwei-top{    width: 40%;}.btt{    width: 52%;    margin-top: -5.5%;}
header .hotline { right: 200px; display:none; }header .menu-icon { display: block; }header nav.menu { position: fixed; width: 100px; top: 38px; right: -100px; margin: 0px; padding-top: 30px; border: 1px solid #0088D6; border-top: 1px solid #0088D6; border-right: none; background: #0088D6; }header.fixed nav.menu { top: 70px; 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: 10px 12px; font-family: "微软雅黑"; font-size: 14px; text-align: center; }header nav.menu ul li.active { background: #fff; }header nav.menu .line { -moz-opacity: 0; opacity: 0; }.qys li{width:22%; padding:0px 5%;}.qys li a{ width: 18%; height:48%; top:0px;line-height: 138px;background-size: 57%; font-size:16px;}.qys li a:hover{ width:18%; height:48%; top:0px;line-height: 138px;background-size: 57%; font-size:16px;}.qyr li{padding: 0px 1.5%;width: 22%;}.qyr li a:hover{width:16%;height:48%;top:52%;line-height:138px;background-size: 57%;font-size:16px;}.qyr li a{width:18%;height:48%;top:52%;line-height:138px;background-size: 57%;font-size:16px;}.abt{ width:40%;}.gylh{ margin-top:10%;}.glyphicon{top: 10px;}.ziding-anli{ margin-top:1%;}
.slick-slider{padding: 4px 66px;}.slick-initialized .slick-slide{padding-right: 3px;}
.rctp{width: 36%; margin-top:10%;}
.contact .box{ max-width:980px;padding-top: 3%;}









}
@media screen and (max-width:1024px){.erweibox{margin-top: -1%;}.dz {margin-top: -0.5%;} .dz p{width:100%;}.fxn span{padding-left: 30%;}.rcfz .xqk{margin-top: 3%;}.rctp{width:35%;}.rcfz{width: 62%;}.qyr li a{top: 51%;width:18%;height:49%;line-height: 142px;}.aboutus2 .new-tent dl{width: 49%;}.qys li{width: 22%; padding:0px 5%;}.qys li a{width: 18%;height: 50%;}.qyr li{width: 22%;padding: 0px 1.5%;}.aboutus2 .new-tent dl:nth-child(odd){margin-right:0px;}

header.fixed .bg{ height:80px;}

}
@media screen and (min-width:950px) and (max-width:1001px){.aboutus2 .new-tent dd p{max-height:74px;margin-bottom:3.5%;}.aboutus2 .new-tent dt{width:42%;}.aboutus2 .new-tent dd{width:53%;}.aboutus2 .new-tent dt{margin-right: 18px;}.box ul.menu{ max-width:  ;}.box ul.menu li{padding:1% 4.2%;font-size: 15px;}.aboutus ul.menu li{padding:1% 4.2%;font-size: 15px;}.zi-about p{width:64%;}.zi-about p span{ max-height:202px;}.zi-about .strong{width:33%;}.qys{width:87%;}.qys li{width: 22%;}.qys li a{ width: 19.5%;height: 44%; line-height: 157px; font-size:14px;}.qyr{width:91%;margin-top: 5%;}.qyr li{width: 21%;}.qyr li a{width: 20.8%;height: 43%;top:57%;line-height:157px;background-size: 52%; font-size:14px;}.qys li a:hover{ width: 19.5%;height: 44%; line-height: 157px;}.qyr li a:hover{width: 20.8%;height: 43%;top:57%;line-height:157px;background-size: 52%;}
.ziding-anli{ margin-top:1%; max-width: 900px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}
.rcfz p{    overflow: hidden; max-height:240px;}
.contact .box{ max-width:900px;padding-top: 3%;}
.aboutus .items .swiper-slide .hezi{ width:25%; height:180px; float:left}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:180px;}
}
@media screen and (min-width:800px) and (max-width:949px){.aboutus ul.menu li{font-size:14px;}.box ul.menu li{font-size:14px;}.zi-about .strong{width:34%;}.zi-about p{width:62%;}.zi-about p span{max-height:198px;}.new-tent dd span a{font-size: 14px; line-height: 24px;max-height: 24px;}.new-tent dd{width:55%;}.new-tent dt{width: 43%;margin-right: 0px;}.new-tent dd p{ line-height: 20px;margin-bottom: 3.5%;max-height: 60px;}.gylh{margin-top: 14%;}.xyw{ margin-top:1%;}.abt{width: 47%;}.qys{width:94%;margin-top: 5%;}.qys li{width: 22%;}.qyr{width: 90%; padding-bottom:10%; margin-top:7%;}.qyr li{ width:22%; }

.qys li a{width: 20.5%;height: 33%; line-height: 145px; font-size:14px;}
.qyr li a{width: 19.8%; height: 35%;top: 47%;line-height:157px;background-size: 52%; font-size:14px;}
.qys li a:hover{width: 20.5%;height: 33%; line-height: 145px;}
.qyr li a:hover{width: 19.8%; height: 35%;top: 47%;line-height:157px;background-size: 52%;}

.ziding-anli{ margin-top:1%; max-width: 900px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}.rctp{margin-top: 14%;}.rcfz{margin-top: 14%;}
.rcfz p{    overflow: hidden; max-height:210px;}.rcfz .xqk{margin-top: 3%;}

.erweibox{ max-width: 900px;}.fxn span{ margin-top:28%;}.fxn{ padding-bottom:6%;}.sjtm{padding-bottom:4%;}



.aboutus .items .swiper-slide .hezi{ width:25%; height:160px; float:left; margin-bottom:10px;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:160px;}

}
@media screen and (min-width:768px) and (max-width:799px){.glyphicon{top:3px;}.aboutus ul.menu{ padding:0px; margin-top:3%;} .aboutus ul.menu li{padding: 1.2% 3%;font-size:16px; margin-left: 2%;}.box ul.menu li{padding: 1.2% 4.5%;font-size:13px;}.aboutus2 .new-tent dt{margin-right: 0px; width: 42%;}.aboutus2 .new-tent dd p{max-height: 40px;    line-height: 20px;max-height: 40px; padding:0px 19%;}.aboutus2 .new-tent dd span a{font-size: 14px;}.zi-about .strong{ display:none; width:35%;}.zi-about p{ width:98%; padding:0px 1%;}.zi-about p span{line-height: 24px;font-size:12pt;max-height: 230px;}.aboutus2 .new-ul li p{font-size:12px;}.aboutus2 .new-ul li a{ margin-right:0;font-size: 13px;    padding: 5px 0;}
.zi-about a{ font-size:14px; padding:1.5% 3%; display:inline;}
.gylh{    margin-top: 20%;}.aboutus.active .items{margin-top: 3%;}
.qys{ display:none;width:100%;}.abt{width:54%}.qyr{display:none;padding: 0; width: 96%; padding-bottom:10%; }

.ziding-anli{ margin-top:1%; max-width: 900px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}.rcfz ul.menu li{font-size: 13px;}
.gylh .syy img{    margin-top: 1%;}.gylh p{ line-height:54px;}.erwei-top span{    color: #55B7FB;}
.rctp{margin-top:20%;}.rcfz{margin-top: 20%;}
.rcfz p{    font-size: 14px;overflow: hidden;    max-height: 230px;margin-top: 4%;    line-height: 26px;}.rcfz .xqk{margin-top: 5%; width:36%;}
.erwei-top{  float:none; padding-bottom:0px; margin-top:10%;width:100%;text-align: center;}
.btt{margin: 0 auto;width: 100%;    margin-top: 2%;}.fxn{ background:none; width:50%; margin-top:4%;}.fxn span{ width:30%;    margin-top:2%;    padding-left: 12%;}.bdsharebuttonbox{padding-top: 2%;}.sjtm{ margin-top:3%; background:none;  width:29%;    padding-bottom: 0%;}.sjtm>img{ margin-top:2%; float:left;}.sjtm span{ float:right; width:36%;letter-spacing:10px;}.sjtm .lmzt{ display:none;padding-top: 14%;padding-bottom: 4%;}.contact .box{ max-height:100%;}
.erweibox{ max-width:640px; margin-top:60%;}.dz p{    width: 100%;}.dz{    margin-top: 4%;}
.erweima-left{ display:none;}.aboutus2 ul.menu{ margin-top:3%;max-width: 685px;}.aboutus2 ul.menu li{font-size: 16px;  padding: 1.5% 5%;}.aboutus2 .new-ul li a{font-size: 14px;    padding: 15px 0; }.aboutus2.active .items{margin-top: 3.5%;}.aboutus2 .new-tent dt{ margin:0 auto; width: 60%; float:none;}.aboutus2 .new-tent dd{ float:none; width:100%;}.zi-about .outer a.ck{ margin-left:49%;}.aboutus2 .new-tent dd span a{ display:block;line-height: 35px; max-height: 35px; text-align:center; width: 100%; margin-left:21%;}.zi-about p{ float:none;}
.ywhj{ display:block;width:100%; margin:0 auto; padding:0px; margin-top:1%}
.ywhj li{ width: 35%;float: left; list-style: none;padding: 4px 6%;}
.ywhj li p{ width:100%; display:block; position:relative; z-index:100; }
.ywhj li p a{ display:block;}
.ywhj li img{ width:100%;}
.ywhj li p span{ position:absolute;width:100%;height:100%;background:url(../images/bbj.png) no-repeat center; display:block;top:0px; z-index:1; text-align:center;  color:#000;font-size:24px; font-family:"微软雅黑"; line-height:200px;background-size:56%;}
.ywhj li p span:hover{background:url(../images/lbj.png) no-repeat center;font-size:24px;line-height:200px;  color:#fff;cursor:pointer;  background-size:56%;}

.rctp{ display:none;}.rcfz{ float:none; width:98%; padding:0px 1%;}.rcfz ul.menu li{font-size: 15px;}
fzbt{margin:0 auto;}
.erwei-top{ marg-top:0px;}.contact .box{padding-top: 0%;}.contact .box{    margin-top: -30%;}
.cases .box ul.menu li{ padding: 1% 2.7%;}
}

@media screen and (min-width:640px) and (max-width:767px){.glyphicon{top:4px;}.aboutus ul.menu{ padding:0px;    max-width:590px;}.aboutus ul.menu li{ padding: 1.2% 3%;font-size: 14px;}.zi-about .strong{ width: 35%;}.zi-about p{width:61%;line-height: 20px;max-height: 156px;}.box ul.menu{max-width: 590px;}.box ul.menu li{padding: 1.2% 3%;font-size: 14px}.aboutus2 .new-tent dt{margin-right:0px;}.aboutus2 .new-tent dt{width: 45%;}.aboutus2 .new-tent dd span a{font-size: 13px;line-height: 20px;max-height: 20px;}.aboutus2 .new-tent dd{width: 51%;}.aboutus2  .new-tent dd p{max-height: 42px;line-height: 20px;}.aboutus2 .new-ul li a{ margin-right:0px;}.aboutus2 .new-ul li p{ font-size:12px;width: 22%;}.gylh{ margin-top:15%;}.clients .box ul.menu{max-width: 590px;}
.qys{ display:none;width:100%;}.abt{width:65%}.qyr{display:none;padding: 0; width: 96%; padding-bottom:10%;  margin-top:6%;}

.ziding-anli{ margin-top:1%; max-width: 900px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}
.rcfz ul.menu li{font-size: 13px;}
.rctp{margin-top:22%;    width: 38%;}.rcfz{margin-top: 22%;    width: 58%;}
.rcfz p{    font-size: 13px;overflow: hidden; max-height:163px;}.rcfz .xqk{margin-top:2%;}.rcfz .xqk a{font-size: 12px;padding: 3% 12%; color:#0063b9}.erweima-left{ display:none;}

.btt{ display:none;}.fxn{ background:none; width:50%;}.fxn span{ width:30%;    margin-top:2%;    padding-left: 12%;}.bdsharebuttonbox{padding-top: 2%;}.sjtm{ margin-top:10%; background:none;  width:29%;    padding-bottom: 0%;}.sjtm>img{ margin-top:2%; float:left;}.sjtm span{ float:right; width:36%;}.sjtm .lmzt{ display:none;padding-top: 14%;padding-bottom: 4%;}
.erweibox{ max-width:640px;}.dz p{    width: 100%;}.dz{     margin-top: 7%;}.erwei-top span{    color: #55B7FB;}

.ywhj{ display:block;width:100%; margin:0 auto; padding:0px; margin-top:1%}
.ywhj li{ width: 30%;float: left; list-style: none;padding: 0px 10%;margin-top:5px;}
.ywhj li p{ width:100%; display:block; position:relative; z-index:100; }
.ywhj li p a{ display:block;}
.ywhj li img{ width:100%;}
.ywhj li p span{ position:absolute;width:100%;height:100%;background:url(../images/bbj.png) no-repeat center; display:block;top:0px; z-index:1; text-align:center;  color:#000;font-size:18px; font-family:"微软雅黑"; line-height:143px;background-size:50%;}
.ywhj li p span:hover{background:url(../images/lbj.png) no-repeat center; color:#fff;cursor:pointer;  background-size:50%;}
.aboutus2 ul.menu li{padding:1% 4%;}
.aboutus2 ul.menu li a{ font-size:14px;}.aboutus2 .new-ul li a{    padding: 14px 6px;}.aboutus2 .new-ul li p{padding: 5px 0;}.aboutus2 .new-tent dt{width: 49%;}
.contact .box{    padding-top:0%;}
.erwei-top{  float:none; padding-bottom:0px; margin-top:0%;width:100%;text-align: center;}





.aboutus .items .swiper-slide .hezi{ width:33%; height:160px; float:left; margin-bottom:10px;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:160px;}

}



@media screen and (min-width:479px) and (max-width:640px){
	.aboutus .items .swiper-slide .hezi{ width:33%; height:130px; float:left; margin-bottom:10px;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:130px;}
	
	}

@media screen and (min-width:480px) and (max-width:639px){.btt{ display:none;}.glyphicon{top:4px;}.aboutus ul.menu{ display:none;}.zi-about .strong{ display:none;}.aboutus.active .items{margin-top:10%;}.zi-about p{width:100%; float:none; }.zi-about p span{margin-left:15px; margin-right:15px;}.zi-about a{ float:right; margin-right:20px; margin-top:5%;}.box ul.menu{ display:none;}.aboutus2 .new-tent{margin-top:0%;}.aboutus2 .new-tent dt{ float:none; margin:0 auto; width:90%; margin-right:0px; max-height:160px; max-width:260px;}.aboutus2 .new-tent dl:nth-child(odd){ margin-left:2%;}.aboutus2 .new-tent dd{ float:none;width:100%; margin-top:8%;}.aboutus2 .new-tent dd span a{    font-size: 14px; line-height: 24px;max-height: 24px; margin-left:0%;}.aboutus2 .new-tent dd p{width: 93%;margin-left:6px; margin-right:30px; margin-top:3%; overflow:hidden; max-height:66px;}.aboutus2 .new-tent dd>a{ margin-left:33%;}.aboutus2 .new-ul{width:100%; float:none;}ul.or{ display:none;}.gylh{ margin-top:18%;}.swiper-container{ margin-top:3%;}
.qys{ display:none; width:100%;    padding: 0;}.abt{width:63%}.qyr{display:none;padding: 0; width:100%; padding-bottom:10%;  margin-top:6%;}
.zi-about .outer a.ck{ display:none;}
.ziding-anli{ margin-top:1%; max-width: 900px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}
.rcfz ul.menu li{font-size: 13px;}
.erwei-top span{    color: #55B7FB;}
.rctp{ display:none;}.rcfz{margin-top: 22%;width:100%;}
.rcfz p{    font-size: 13px;overflow: hidden; max-height:230px;}.rcfz .xqk{margin-top:4%;}.rcfz .xqk a{font-size: 12px;padding: 3% 12%; }.erweima-left{ display:none;}
.erwei-top{  float:none; padding-bottom:0px; margin-top:8%;width:100%;text-align: center;}
.btt{margin: 0 auto;width: 100%;    margin-top: 0%;}.fxn{ background:none; width:50%;}.fxn span{ width:70%;    margin-top:2%;    padding-left: 17%;}.bdsharebuttonbox{ display:none;}.sjtm{ margin-top:9%; background:none;  width:35%;    padding-bottom: 0%;}.sjtm>img{ margin-top:2%; float:left;}.sjtm span{ float:right; width:30%;}.sjtm .lmzt{ display:none;padding-top: 14%;padding-bottom: 4%;}
.erweibox{ max-width:460px;}.dz p{width:100%; text-align:center;}.dz{margin-top: 6%;}
.dock{ display:none;}

.ywhj{ display:block;width:100%; margin:0 auto; padding:0px; margin-top:1%}
.ywhj li{ width: 33%;float: left; list-style: none;padding: 0px 8%;margin-bottom:20px;}
.ywhj li p{ width:100%; display:block; position:relative; z-index:100; }
.ywhj li p a{ display:block;}
.ywhj li img{ width:100%;}
.ywhj li p span{ position:absolute;width:100%;height:100%;background:url(../images/bbj.png) no-repeat center; display:block;top:0px; z-index:1; text-align:center;  color:#000;font-size:16px; font-family:"微软雅黑"; line-height:117px;background-size:50%;}
.ywhj li p span:hover{background:url(../images/lbj.png) no-repeat center; color:#fff;cursor:pointer;  background-size:50%;}
.business .box .caption span{font-size: 22px;}.abt{width: 82%;}.rcfz ul.menu{ display:none;}
.aboutus2 ul.menu{ display:none;}

}

@media screen and (max-width:479px){.bdsharebuttonbox{ display:none;}.btt{ display:none;}.dock{ display:none;} .glyphicon{top:4px;}header .logo{left: 10px; }header .menu-icon{margin-right: -24px;}.gylh{ margin-top:20%;}.gylh p{ font-size:26px;}.abot{    font-size: 20px;}.box ul.menu{ display:none;} .aboutus ul.menu{ display:none;} .zi-about .strong{ display:none;}.aboutus.active .items{margin-top:13%;}.zi-about p{width:100%; float:none; }.zi-about p span{margin-left:15px; margin-right:15px;}.zi-about a{ float:right; margin-right:20px; margin-top:5%;}.aboutus2 .new-tent{ margin-top:7%;}.aboutus2 .new-tent dt{ float:none; margin:0 auto; width:90%; margin-right:0px; max-height:160px; max-width:260px;}.aboutus2 .new-tent dl:nth-child(odd){ margin:0 auto;margin-left:0%;}.aboutus2 .new-tent dd{ float:none;width:100%; margin-top:8%;}.aboutus2 .new-tent dd span a{    font-size: 14px; line-height: 24px;max-height: 24px; margin-left:10%;}.aboutus2 .new-tent dd p{ margin-left:23px; margin-right:30px; margin-top:3%;}.aboutus2 .new-tent dd>a{ margin-left:33%;}.business .box .caption span{ font-size:20px}
.aboutus.active .items{margin-top: 8%;}.gylh .jt{ font-size:26px;}
.qys{ display:none;}.abt{width:85%; font-size:20px;}.qyr{ display:none;}
.erwei-top span{    color: #55B7FB;}.rcfz ul.menu{ display:none;}
.ywhj{ display:block;width:100%; margin:0 auto; padding:0px; }
.ywhj li{ width: 30%;float: left; list-style: none;padding: 0px 1%;margin-bottom:5px;}
.ywhj li p{ width:100%; display:block; position:relative; z-index:100; }
.ywhj li p a{ display:block;}
.ywhj li img{ width:100%;}
.ywhj li p span{ position:absolute;width:100%;height:100%;background:url(../images/bbj.png) no-repeat center; display:block;top:0px; z-index:1; text-align:center;  color:#000;font-size:16px; font-family:"微软雅黑"; line-height:126px;background-size:56%;}
.ywhj li p span:hover{background:url(../images/lbj.png) no-repeat center; color:#fff;cursor:pointer;  background-size:56%;}
.ziding-anli{ margin-top:1%; max-width:353px;overflow: hidden;}.slick-list{overflow: hidden;}
.slick-slider{padding: 4px 51px;}.slick-initialized .slick-slide{padding-right: 3px;}
.rcfz ul.menu li{font-size: 13px;}
.rctp{ display:none;}.rcfz{margin-top: 28%;width:100%;}
.rcfz p{    font-size: 13px;overflow: hidden; max-height:230px;}.rcfz .xqk{margin-top:4%;}.rcfz .xqk a{font-size: 12px;padding: 3% 12%; }.erweima-left{ display:none;}
.erwei-top{  float:none; padding-bottom:0px; margin-top:6%;width:100%;text-align: center;}
.btt{margin: 0 auto;width: 100%;    margin-top: 0%;}.fxn{ background:none; width:50%;}.fxn span{ width:60%;    margin-top:2%;    padding-left: 17%;}.bdsharebuttonbox{padding-top: 2%;}.sjtm{ margin-top:20%; background:none;  width:100%;    padding-bottom: 0%;text-align:center}.sjtm>img{ margin-top:2%; float:none;margin-bottom:10px}.sjtm span{     margin-right: 13%;float:none; width:100%;}.sjtm .lmzt{ display:none;padding-top: 14%;padding-bottom: 4%;}
.erweibox{ max-width:460px;}.dz p{ text-align:center;width:100%;}.dz{margin-top: 6%;}.aboutus2 ul.menu{display:none;}.new-tent dl{ display:none;}.aboutus2 .new-ul{ display:block; width:100%; float:none;}.aboutus2 .new-ul li a{ margin-right:0px;}
.dock{ display:none;}

.aboutus .items .swiper-slide .hezi{ width:50%; height:80px; float:left;margin-bottom:10px;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:80px;}
.dz{display:none}
.fxn{display:none}
}





@media screen and  (max-width:440px) {.aboutus ul.menu{ display:none;} header nav.menu ul li a{font-size:14px;}.zi-about p span{max-height: 320px;}.zi-about p span{    max-height: 220px;}.aboutus2 .new-tent dl:nth-child(odd){ float:none;}.aboutus2 .new-tent dl:nth-child(even){ float:none;}.aboutus2 .new-tent dt{    width: 45%;}.aboutus2 .new-tent dd{width: 51%;}.ywhj li p span{    line-height: 115px;    background-size: 52%;}}
@media screen and  (max-width:410px){ .ywhj li p span{font-size: 14px;}

.cases .zi-about{max-width:400px;}.hezi a{ margin-right:0px;}
.aboutus .items .swiper-slide .hezi{ width:40%; margin:0 auto; height:120px; float:left;     margin-bottom: 2px;
    padding: 0% 5%;}
.aboutus .items .swiper-slide .hezi img{ width:100%;  height:120px;}.cases .gylh p{line-height: 34px;}.ywhj li{padding: 3px 1%;}.aboutus .items .swiper-slide .ta{display:none;}.aboutus1 .ziding-item .ae,.clientsa .ziding-item .ae{ display:none;}
}

@media screen and  (max-width:390px){.gylh{ margin-top:30%;}.ywhj li p span{line-height: 99px;}.sjtm{width: 100%;}.sjtm{    margin-top: 10%;}.fxn{    margin-top: -10%;}.aboutus2 .new-ul li p{     width: 22%;    padding: 15px 5px; }.aboutus2 .new-ul li a{    width: 67%;}.fxn span{padding-left: 21%;}.dz{margin-top:1%;}}