@font-face {font-family:'webfont';
  src:url('//at.alicdn.com/t/ya3dj46kxpjbgldi.eot');/* IE9*/
  src:url('//at.alicdn.com/t/ya3dj46kxpjbgldi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/ya3dj46kxpjbgldi.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/ya3dj46kxpjbgldi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/ya3dj46kxpjbgldi.svg#思源黑体-正粗') format('svg');/* iOS 4.1- */
}
html{ background:#f5f5f5;overflow-y:scroll;}
html.default{background:url(../img/maxbg.gif) #125}
#header2.pa{position:absolute;left:0;right:0;top:0;z-index:3}
/**/
.swiper-container .swiper-pagination,
.swiper-container .swiper-button-white{display:none}
.swiper-container:hover .swiper-pagination,
.swiper-container:hover .swiper-button-white{display:block}
.swiper-inner{position:absolute;top:45%;right:0;bottom:0;left:0;text-align:center;text-shadow:0 0 0 rgba(0,0,0,.8);font-size:1rem;line-height:2rem;letter-spacing:.5em}
.swiper-inner dt{font-family:'webfont';font-size:300%;margin-bottom:2rem}
.swiper-inner.color1{color:#fff}
.swiper-inner.color2{color:#000}
/**/
.cutitle{color:#125;font-size:1rem}
.cutitle:before, 
.cutitle:after{background-color:transparent}
.cutitle:before{background-image:linear-gradient(90deg, transparent 0, #125 100%)}
.cutitle:after{background-image:linear-gradient(90deg, #125 0, transparent 100%)}
/**/
.videoul{overflow:hidden;margin-top:40px}
.videoul li{overflow:hidden;color:rgba(0,0,0,.60);text-align:center}
.videoul img{box-sizing:border-box;width:100%;height:auto;transition:all .3s;margin:0;float:left}
.videoul a{overflow:hidden;display:block;box-sizing:border-box;position:relative;height:100%;box-shadow:0 4px 4px rgba(0,0,0,.33)}
.videoul a:before{font-family:'iconfont';content:'\f01cb';color:#fff;position:absolute;z-index:2;width:2rem;height:2rem;line-height:2rem;font-size:2rem;top:50%;left:50%;margin:-1rem 0 0 -1rem;opacity:0;transition:all .3s}

.videoul span{display:block; position:absolute;left:0; right:0; bottom:0; background-color:rgba(0,0,0,.79); color:#fff;font-size:.75rem;margin:0;padding:.5em}
.videoul a:hover:before{opacity:.79;transition:all .3s}
.videoul a:hover img{transition:all .3s;transform:scale(1.05,1.05)}
.videoul a:hover span{opacity:0;transition:all .3s}
.videoul a:active:before{opacity:1;transition:none}

.videoul li.w2:nth-child(3){width:380px}
/**/
.clientele{overflow:hidden;margin-top:10px}
.clientele li{overflow:hidden;color:rgba(0,0,0,.60);text-align:center}
.clientele a{overflow:hidden;display:block;box-sizing:border-box;position:relative;height:100%;padding:20px}
.clientele img{width:100%; border-radius:50%;transition:all .3s;}
.clientele span{display:block;color:rgba(0,0,0,.79);font-size:.75rem;margin:0;padding:.75rem 0}
.clientele a:hover img{border-radius:30%;-webkit-filter:grayscale(0) }
.clientele a:active img{border-radius:10%}
/*bigfooter*/
#bigfooter{overflow:hidden;margin-bottom:0;font-size:1rem; background:#fff}
#bigfooter li{font-size:.75rem;height:1.75rem;line-height:1.75rem;overflow:hidden}
#bigfooter ul li:first-child{font-size:1rem;height:3.5rem;line-height:3.5rem}
#bigfooter li icon,.bigfooter-ul li strong{margin-right:.5em}
#bigfooter copyright{padding:1rem 0; display:block; text-align:center; clear:both}
#bigfooter copyright:before{display:block;content:'';height:1px;margin:1.75rem 0;background-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.13) 50%,transparent 100%);}
#bigfooter copyright p{font-size:.75rem; line-height:1.75em}
#bigfooter copyright span{display:inline-block;padding:0 .5em}
#bigfooter footerlogo{display:block;height:3.5rem;line-height:3.5rem;font-size:1.5rem;font-weight:700}
#bigfooter,#bigfooter a{color:#125}
#bigfooter a:hover{color:#38c}
#bigfooter footerlogo,#bigfooter ul{width:20%;float:left}
/**/
.dark .cutitle{color:#fff}
.dark .cutitle:before{background-image:linear-gradient(90deg, transparent 0, #fff 100%)}
.dark .cutitle:after{background-image:linear-gradient(90deg, #fff 0, transparent 100%)}
.dark .videoul span,
.dark .clientele span{color:#fff}
.dark #bigfooter copyright:before{background-image:linear-gradient(90deg,transparent 0,#fff 50%,transparent 100%)}
.dark #bigfooter{background:rgba(0,0,0,.33)}
.dark #bigfooter,
.dark #bigfooter a{color:#fff}
.dark #bigfooter a:hover{color:#38c}
/**/
@media screen and (max-width: 992px), screen and (max-width: 1280px){
.videoul li.w2:nth-child(3){width:300px}
}
@media screen and (max-width:768px),screen and (max-width:991px){
#header2.pa{position:relative}	
.swiper-button-white{display:none}
.swiper-inner{top:30%;letter-spacing:0}
.videoul li.w2:nth-child(3){width:220px}
}
@media screen and (max-width:480px),screen and (max-width:767px){
.swiper-inner{font-size:.75rem;top:30%;line-height:1.5em}
.swiper-inner dt{font-size:150%;margin-bottom:1rem}
.videoul li{border:none}
#bigfooter footerlogo,#bigfooter ul{ width:50%;text-align:center}
.videoul li.w2:nth-child(3){width:140px}
}
@media screen and (max-width:360px),screen and (max-width:479px){
.videoul li.w2:nth-child(3){width:170px}
.videoul li:nth-child(9){ display:none}	
}
@media screen and (max-width:320px),screen and (max-width:359px){
#bigfooter footerlogo,#bigfooter ul{width:100%}
.videoul li.w2:nth-child(3){width:146px}
}