@charset "utf-8";
/* =s Reset (by wuyue) */
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-overflow-scrolling: touch;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */

/* =s base */
html,body{height:100%;background:#000;}
body{font-family:Arial,Microsoft YaHei;line-height:1.5;font-size:12px;color:#000;}
i{font-style:normal;}
a{text-decoration: none;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.hide {display:none;}
.thide{ text-indent: -9999px; position: absolute; left: -9999px;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.abs{position: absolute;}
.wraper{width: 1050px;  margin-left:auto; margin-right:auto;}
.container{width:1000px; margin-left:auto; margin-right:auto;}
.w950{width: 950px;  margin-left:auto; margin-right:auto;}

.banner{height: 687px; background:url(../images/banner_03.jpg) no-repeat center top;}
.banner .wraper{height: 100%;}
.banner .light{width: 410px; height:687px; position: absolute; background:url(../images/light_03.jpg) no-repeat center top; bottom:0px; left: 50%; margin-left: 205px;}
.nav{width: 100%; bottom:0px; position: absolute;}
.nav li{float:left; width: 20%; height: 100px;cursor: pointer; opacity: 0.5;position: relative; top:82px;}
.nav li a{display: block; height: 100%;}
.nav li.item-3{height: 200px; position: relative; top:0px;}

.tab-content li{display: none; color: #fff; text-align: center;}
.tab-content .tab-items{background:url(../images/line4_06.jpg) repeat-y center top; overflow: hidden; padding:0 40px; min-height: 900px;}

.mod2 .wraper{height: 595px; background: url(../images/mod2.jpg) no-repeat center top;}
.mod2 ul{width: 278px; float:left; margin-left: 25px; margin-top:17px;}
.mod2 li{height: 110px; margin-bottom: 1px; background:#21045d; cursor: pointer;}
.mod2 li.active{background:url(../images/ur_03.jpg) no-repeat center top;}
.mod2 .content{width: 690px ;height: 550px; background:#fff; float:right; margin-right: 30px; margin-top: 18px;}
.mod2 .content .item{display: none;}

.download-btn{position: relative; top:6px; margin:0 5px;}

.video{height: 366px; margin-top: 20px; overflow: hidden; background:url(../images/video_bg.jpg) no-repeat center top;}
.video .v-nav{float:left; width: 278px;}
.video .v-nav .li{height: 180px; margin-bottom: 5px; background:#21045d; cursor: pointer;}
.video .v-nav .active{background:url(../images/act_07.jpg) no-repeat;}
.video .content{float:right; width: 665px; text-align: left;}
.video .item{color:#fff; padding:5px;}

.wenti{text-align: left; padding:20px 8px; line-height: 30px; }
.wenti h3{font-size: 18px; }
.wenti .blue{color: #4dd6ff;}
.wenti .l{float:left; width: 52%}
.wenti .r{float:right; width: 45%}
.wenti .btn2{position: relative; top:5px;}

.tab3 .bg{height: 717px; background:url(../images/bg3.jpg) no-repeat;}
.tab3 .down{top:675px; position: relative;}
.tab3 .code{margin-top:50px;}

.p1 a{width:50px; left: 130px; height: 50px; display: block;  position: absolute; top: 705px; }
.large{font-size: 20px; font-weight: bold; color: rgb(255,45,116);}


.news{padding:0px 90px; color: #d1d1d1;}
.news .head{margin-bottom: 30px;}
.news .item{margin-bottom: 30px; }
.news .items{margin-bottom: 50px;}
.news .item .pic{ width: 210px; float:left; height: 134px; border:1px solid #1e019c; background-color: #15033b;}
.news .item .info{float:right; width: 545px; text-align: left;}
.news .item h2 a{color: #ffffff; font-size: 16px; }
.news .item h2 {padding-bottom: 25px; background:url(../images/news_08.jpg) no-repeat left bottom}
.news .item p{font-size: 13px; line-height: 28px; }
.slide-container{width:668px; height: 430px; position: relative; background:url(../images/slidebg.jpg) no-repeat center center; margin:0 auto; padding:10px;}
.slide-container .slide{width: 668px; height:430px;  }
.slide-container .slide-item{width: 668px; height:430px;}
.slide-container .page{position: absolute; width: 100%; font-size: 30px;  bottom:0; z-index: 100; }

.slide-container img{display: block;}
.slide-container .button{width: 80px; cursor: pointer; height: 120px; display: block; position: absolute; top:50%; margin-top:-40px;}
.slide-container .button-pre{left:-100px; background:url(../images/slide_left.jpg);}
.slide-container .button-next{right:-100px; background:url(../images/slide_right.jpg);}


.c0120 .item{float: left; width: 30% ; padding-left: 3%; overflow: hidden; font-size: 14px; text-align: left; line-height: 1.8; }
.c0120 .download-button{display: inline-block; position: relative; top:5px; padding:0 5px;}
.c0120 span{font-size: 18px; }

.band{padding:30px 0;}
.band .list img{float:left; margin-right: 20px; margin-bottom: 20px;}
.band .list img.last{margin-right: 0px;}