@charset "gb2312";
/* CSS Document */
body{font-family:"Microsoft Yahei","ËÎÌå",Arial Narrow; font-size:12px; color:#ffd130; background:white; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,em,cite{padding:0; margin:0;}
img{border:0; display:block;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a:link,a:visited{color:#ffd130;text-decoration:none}
a:active,a:hover{color:#ffd130;text-decoration:underline}
.lt{float:left;}
.rt{float:right;}
.cl{ clear:both;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
code{font-family:"Microsoft Yahei";}

#wrap{ width:100%; background:url(../images/head_bg.jpg) center top no-repeat;}
#wrap_txt1{ width:100%; background:url(../images/txt1_bg.jpg) center top no-repeat; height:516px;}
#wrap_txt2{ width:100%; background:url(../images/txt2_bg.jpg) center top no-repeat; height:1890px;}
#wrap_txt3{ width:100%; background:url(../images/txt3_bg.jpg) center top no-repeat; height:893px;}

#header,#main{ width:980px; margin:0 auto;}
.head4{ width:980px;height:166px; background:url(../images/head4.jpg) no-repeat;}
.head4 ul{ overflow:hidden;padding:79px 0 0 189px;}
.head4 li{ float:left; width:183px;height:69px; background:url(../images/topbtn.jpg) no-repeat; font:bold 24px/66px "Î¢ÈíÑÅºÚ"; text-align:center;margin-right:27px;}
.head4 li:hover{ background-position:0 -69px;}
.head4 li a{ display:block; width:100%;height:100%;}
.head4 li a:link,.head4 li a:visited{ color:#733911;}
.head4 li a:hover,.head4 li a:active{ color:#733911; text-decoration:none;}

h2.tt1{ font-size:30px;color:#fff;padding-bottom:16px;}
h2.tt1 code{ display:inline-block;width:38px;height:30px; float:left;margin:6px 10px 0 0;background:url(../images/icon.png) no-repeat;}

.part1{padding-top:46px;}

.sp{ width:499px;height:373px; background:#000; float:left;padding:6px;}
.txt1 dl{float:right;width:430px;padding: 15px 15px 5px 15px;background:#241057;}
.txt1 dl dt{overflow:hidden;}
.txt1 dl dt code{float:left;}
.txt1 dl dt code img{width:80px;height:80px;}
.txt1 dl dt cite{float:right;width:338px;font-style:normal;line-height:26px;}
.txt1 dl dt cite span{display:inline-block;width:161px;margin-right:16px;font-size:14px;color:#decfff;}
.txt1 dl dt cite span.djsf,.txt1 dl dt cite span.tx,.txt1 dl dt cite span.nc{margin-right:0;}
.txt1 dl dt cite span em{font-style:normal;color:#fff;}
.txt1 dl dd h5{font-size:18px;color:#fff;padding:5px 0;border-bottom:1px dashed #3a3f6b;margin-top:5px;}
.txt1 dl dd h5 code{ display:inline-block; width:20px;height:20px; float:left; background:url(../images/icon.png) 0 -32px no-repeat; margin:4px 5px 0 0;}
.txt1 dl dd p{color:#ddceff;text-indent:2em;line-height:22px;padding:5px 0;border-bottom:1px dashed #3a3f6b;}
.txt1 dl dd p a:link,.txt1 dl dd p a:visited{color:#ff4a2e;}
.txt1 dl dd p a:hover,.txt1 dl dd p a:active{color:#ff4a2e;}
.txt1 dd.download{padding-top:15px;}
.txt1 dd.download img{ float:left;margin-right:15px;}
.txt1 dd.download ul{ float:left; width:185px;}
.txt1 dd.download li{ width:185px;height:53px; background:url(../images/iphone.jpg) no-repeat;margin-bottom:12px; position:relative;}
.txt1 dd.download li i{ width:185px;height:53px; background:rgba(255,255,255,0.3); position:absolute;left:0;top:0; display:none;}
.txt1 dd.download li:hover i{ display:block;}
.txt1 dd.download li.anzhuo{ background:url(../images/anzhuo.jpg) no-repeat;}
.txt1 dd.download li a,.txt1 dd.download .lb a{ display:block;width:100%;height:100%;}
.txt1 dd.download .lb{ float:right; width:115px;height:118px; background:url(../images/lb.jpg) no-repeat;}

h3.tt2{ font-size:16px;color:#bea1ff;margin-bottom:14px;}
h3.tt2 code{ display:inline-block;width:60px; height:20px;padding-right:3px; text-align:center; background:url(../images/icon.png) 0 -55px no-repeat; float:left; font-size:14px;line-height:20px;margin:2px 8px 0 0;}
h3.tt2 span{ float:right; padding-right:5px;}
h3.tt2 span a{ display:inline-block; margin-left:12px;}

.txt2t{ position:relative;margin-bottom:20px;}
.txt2t h4{ height:40px;line-height:40px; font-size:18px;color:#fff; text-align:center;}
.txt2t ul{overflow:hidden;}
.txt2t li{ width:70px; float:left;margin:0 15px 8px 0; position:relative; cursor:pointer;}
.txt2t li img{ width:70px;height:70px;}
.txt2t li p{ font-size:14px;color:#fff; text-align:center;margin-top:3px;}
.txt2t li code{ position:absolute;left:0;top:0; width:70px;height:70px; background:url(../images/kuang150.png) no-repeat; background-size:cover;}
.txt2t li i{ position:absolute;left:0;top:0; width:70px; height:70px; background:rgba(255,255,255,0.3); display:none;}
.txt2t li.cur i,.txt2t li:hover i{ display:block;}
.herol{ width:460px; background:#241057; float:left;padding:0 5px 5px 5px;}
.pfr{ float:right; width:460px; background:#241057;padding:0 5px 5px 5px; }
.txt2t b{ font-size:18px; color:#fff; position:absolute;left:50%;top:50%;margin-left:-15px;}

.txt2m{ margin-bottom:20px;}
.txt2m dl{ width:190px;padding:0 5px 5px 5px; background:#241057; float:left;}
.txt2m dt{ height:40px;line-height:40px; text-align:center; font-size:18px;font-weight:bold;color:#fff;}
.txt2m dd{ background:#0b0f2c; width:150px;height:150px;padding:17px 20px; position:relative;}
.txt2m dd img{ width:150px;height:150px;}
.txt2m dd code{ position:absolute;left:20px;top:17px; width:150px;height:150px; background:url(../images/kuang150.png) no-repeat;}
.zftext{ float:right; width:750px; background:url(../images/zfbg.jpg) no-repeat;}
.zftext p{ width:495px; font:bold 18px/32px "Î¢ÈíÑÅºÚ";color:#fff;padding:20px 0 0 26px;}
.zftext p input{ display:inline-block;border:none; background:none;border-bottom:1px solid #fff;color:#bea1ff; font-size:16px; width:194px; text-align:center; outline:none;font-family:"Î¢ÈíÑÅºÚ";}
.zftext ul{ overflow:hidden;padding:12px 0 25px 26px;}
.zftext li{ float:left; width:145px;height:45px; background:url(../images/zfbtn.jpg) no-repeat; font-size:16px;line-height:42px; text-align:center;margin-right:20px;}
.zftext li:hover{ background-position:0 -45px;}
.zftext li.zfbtn2:hover{ background-position:0 -45px;}
.zftext li.zfbtn2{ background:url(../images/zfbtn2.jpg) no-repeat; width:165px; font-weight:bold;}
.zftext li a:link,.zftext li a:visited{color:#733911; }
.zftext li a:hover,.zftext li a:active{color:#733911; text-decoration:none;}

.txt2b{ margin-bottom:30px;}
.fp{ float:left; width:600px;}
.fp ul{ overflow:hidden;margin-bottom:20px;}
.fp li{ float:left; margin-right:20px; _margin-right:15px; cursor:pointer;width:130px;height:180px;}
.fp li img{ width:130px;height:180px;margin:0 auto;}
.fp a{ display:block; width:580px;height:70px; background:url(../images/bigbtn.jpg) no-repeat; text-align:center; font-size:24px; font-weight:bold;color:#733911;padding-top:20px; text-decoration:none;}
.fp a:hover{ background-position:0 -90px;}
.fp a code{ font-size:14px; font-weight:normal; display:block;}
.pic{ float:right; width:365px; position:relative;height:324px;}
.pic img{ position:absolute;left:0;top:35px;}

.hdrules{margin-bottom:40px;}
.hdrules dt{ font-size:20px; font-weight:bold;color:#bea1ff;}
.hdrules dd{ font-size:14px;line-height:24px; color:#fff;}
.hdrules dd code{ color:#733911; display:inline-block;float:left; width:14px;height:16px; background:url(../images/icon.png) -40px 0 no-repeat; text-align:center; line-height:16px; margin:5px 10px 0 0;}

.xybox{ width:980px;height:380px; position:relative;}
.xybox dl{ width:525px;height:160px; background:url(../images/xybg.jpg) no-repeat; overflow:hidden; position:absolute;cursor:move;}
.xybox dt{ float:left; width:120px; height:120px;padding:20px 20px 0 20px; position:relative;}
.xybox dt code{ position:absolute;left:20px;top:20px; width:120px;height:120px; background:url(../images/kuang150.png) no-repeat;background-size:cover;}
.xybox dd{ width:344px; float:left;padding-top:20px;}
.xybox dd h5{color:#fff;font-size:16px; margin-bottom:2px;}
.xybox dd h5 span{color:#f9d66e;}
.xybox dd p{ font-size:14px;line-height:24px; color:#fff;}
.xybox dd p span{ color:#bea1ff;}

.wb{ width:954px;height:500px;padding:12px; background:#241057;margin-bottom:215px;}

#footer{line-height:24px; text-align:center;padding:24px 0;}

.tcbox{width:481px; position:absolute; z-index:5555; color:#fff291; display:none;}
.tcbox cite{width:34px; height:40px; background:url(../images/close.jpg) no-repeat; float:right; cursor:pointer;}
.tcbox div{width:385px; background:#0c0d29; float:left; padding:20px 25px;border:6px solid #8314ff;}
.tcbox div .tc_td2{  font-family:'ËÎÌå';font-size:12px;color:#eb687d;}
.tcbox td{line-height:25px; padding:5px 0;}
.tc_td{width:50px; text-align:right; font-weight:bold;color:#bdcfef; font-size:14px;}
.tc_input{width:300px; height:23px; line-height:23px; background:#464388; border:1px solid #464388; float:left; padding:0 5px; font-size:12px;color:#fff;}
.reset{margin:0 62px;}

.tc2,.tc3{ width:484px;z-index:6666;}
.tc4{ z-index:6666;}
.tc2 cite,.tc3 cite{ float:right; width:34px;height:40px; background:url(../images/close.jpg) no-repeat;cursor:pointer;}
.tc2 p{ width:438px;height:208px; background:url(../images/tcbg1.jpg) no-repeat; border:6px solid #8314ff;}

.tc3 div{ background:#0c0d29; height:208px; width:438px; border:6px solid #8314ff;}
.tc3 div img{ width:155px;height:208px; float:left;}
.tc3 div p{ font-size:16px; line-height:36px; color:#fff; font-weight:bold;padding-top:50px;}
.tc3 div p span{color:#ff4700;}

.aui_content{color:black;}


