@charset "utf-8";
/* CSS Document */

body, html {height:100%;}
#home-screen, svg:not(:root) {overflow: hidden}
html {font-size: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
#home-screen {height: 100%;position: relative}
#video {left: 50%;min-height: 100%;min-width: 100%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;position: absolute;z-index: -2}
#video-cover {background: #000;position: absolute;height: 100%;top: 0;opacity: .4;width: 100%;z-index: -1}

#home-screen .video-logo{background-size:428px;margin:0 0 0 -176px;top: 28%;left: 50%;position: absolute; background:url(../img/video-logo.png) no-repeat; width:350px; height:230px;}
#home-screen .video-photo{ border:solid 7px  rgba(255,255,255,0.2); display:inline-block;margin:-50px 0 0 -76px;top:45%;left:15%;position: absolute; }
#home-screen .video-photo:hover{border:solid 7px  rgba(255,255,255,0.7); }
#home-screen .video-photo .bf-icon{ background:url(../img/video-icon.png);width:40px; height:40px;position:absolute;top:63px;left:121px;opacity:.5}
#home-screen .video-photo:hover .bf-icon{opacity:1}

.mask{height:100%; width:100%; position:fixed; _position:absolute; top:0; z-index:1000; } 
.opacity{ opacity:0.5; filter: alpha(opacity=70); background-color:#000; }

.qishi .nav-on{position:fixed;top:0;left:0}
.qishi .navBg{ background:rgba(51,51,51,.8); height:47px; border-top:solid 2px #ff0033; width:100%;z-index:100}
.qishi .navBg .qs-nav{ width:1050px;margin:0 auto; overflow:hidden;zoom:1}
.qishi .navBg .qs-nav h1{float:left;color:#e9e9e8; font-size:16px; font-weight:100; line-height:47px;}
.qishi .navBg .qs-nav ul{float:right; overflow:hidden;zoom:1;}
.qishi .navBg .qs-nav ul li{ float:left;height:47px; line-height:47px;}
.qishi .navBg .qs-nav ul li a{color:#e1e1e1; font-size:14px;display:inline-block;padding:0 25px;}
.qishi .navBg .qs-nav ul li a:hover{background:#ff0033}
.qishi .navBg .qs-nav ul li.on a{ background:#ff0033; }

.qishi{width:100%; background:#000}
@media(max-width:1000px)
{
.qishi{width:1280px}
#home-screen{width:1280px;height:768px}
.header-main{width:1280px}
.service{width:1280px}
}
.qishi .wrapper{width:100%;height:100%}
.qishi .wrapper p{line-height:30px;}
.qishi .wrapper-1{width:1250px;margin:0 auto;position:relative;height:500px;}
.qishi .wrapper-1 .w1-logo{ position:absolute;top:107px;left:138px;}
.qishi .wrapper-1 .w1-qs{ position:absolute;top:335px;left:147px;}
.qishi .wrapper-1 .w1-pp{ position:absolute;top:50px;right:0px;}
.qishi .wrapper-1 .w1-wz{ position:absolute;top:160px;right:110px;color:#e6edf4; font-size:16px; width:700px;}
.qishi .wrapper-1 .w1-wz p{text-indent:2em}

.qishi .wrapper-2{width:1250px;margin:0 auto;position:relative;height:440px;}
.qishi .wrapper-2 .w2-logo{position:absolute;top:140px;right:80px;}
.qishi .wrapper-2 .w2-pp{position:absolute;top:110px;left:0}
.qishi .wrapper-2 .w2-title{position:absolute;top:215px;left:320px;color:#ff0033; font-size:20px;}
.qishi .wrapper-2 .w2-wz{position:absolute;top:255px;left:120px;color:#e6edf4;font-size:16px;}

.qishi .wrapper-3{width:1250px;margin:0 auto;position:relative;height:680px;background:url(../imgs/m3-w.png) no-repeat 350px center}
.qishi .wrapper-3 .w3-logo{position:absolute;top:170px;right:80px;}
.qishi .wrapper-3 .w3-pp{position:absolute;top:100px;right:0}
.qishi .wrapper-3 .w3-title{position:absolute;top:200px;right:228px;color:#ff0033; font-size:20px;}
.qishi .wrapper-3 .w3-wz{position:absolute;top:240px;right:230px;color:#e6edf4;font-size:16px;width:370px; text-align:right}

.qishi .wrapper-4{width:1250px;margin:0 auto 0;position:relative;height:500px;}
.qishi .wrapper-4 .w4-logo{position:absolute;top:180px;right:85px;}
.qishi .wrapper-4 .w4-pp{position:absolute;top:115px;left:0}
.qishi .wrapper-4 .w4-s{ position:absolute;top:0;right:0}
.qishi .wrapper-4 .w4-title{position:absolute;top:220px;left:235px;color:#ff0033; font-size:20px;}
.qishi .wrapper-4 .w4-wz{position:absolute;top:265px;left:145px;color:#e6edf4;font-size:16px; width:395px; text-align:center}

.qishi .wrapper-5{width:1250px;margin:0 auto;position:relative;height:650px;}
.qishi .wrapper-5 .w5-logo{position:absolute;top:20px;left:0;}
.qishi .wrapper-5 .w5-pp{position:absolute;top:100px;right:0}
.qishi .wrapper-5 .w5-title{position:absolute;top:210px;right:150px;color:#ff0033; font-size:20px;}
.qishi .wrapper-5 .w5-wz{position:absolute;top:265px;right:100px;color:#e6edf4;font-size:16px; width:450px;}

.qishi .wrapper-6{width:1250px;margin:0 auto;position:relative;height:900px;}
.qishi .wrapper-6 .w6-logo{position:absolute;top:190px;left:250px}
.qishi .wrapper-6 .w6-pp{position:absolute;top:0;left:150px}
.qishi .wrapper-6 .w6-title{position:absolute;top:100px;left:500px;color:#ff0033; font-size:20px;}
.qishi .wrapper-6 .w6-wz{position:absolute;top:150px;left:360px;color:#e6edf4;font-size:16px; width:580px; text-align:center}


.bgcolor{background:#000;padding:20px 0}
.jsge {overflow:hidden;zoom:1;width:720px;margin:0 auto; background:#fff;padding:60px 90px 20px;}
.jsge strong{display:block;color:#ff0033; font-size:30px; text-align:center}
.jsge h2{color:#333; font-size:24px; text-align:left;margin:50px 0}
.jsge dt{float:left; width:150px; font-size:18px; font-weight:bold; clear:both; color:#333; height:50px; line-height:30px}
.jsge dd img{padding-bottom:50px;}
.jsge dd{width:500px; float:left; font-size:14px; font-weight:bold; line-height:30px}
.jsge span{color:#ff0033}

.ceshi{overflow:hidden;zoom:1;width:720px;margin:20px auto 0; background:#fff;padding:60px 90px 20px;}
.ceshi strong{display:block;color:#ff0033; font-size:30px; text-align:center}
.ceshi h4{font-size:18px;color:#333;margin:40px 0 15px 0}
.ceshi p{font-size:14px;color:#333; line-height:32px}