﻿
/* index页面 */

.xd{  position: relative; width:200px; height:18px; margin: 0 auto;   margin-top: -30px;z-index: 99999;}
.xd ul a li {float:left; width:15px; height:15px;background-color:rgb(192,192,192);  margin-left:25.6px;  border-radius:9px;}
.select{ background-color:rgb(255,120,21);}
.xd ul a li:hover{ background-color:rgb(255,120,21);}


.zaixianshiyong{ height:300px; }
.zxsy{ width:1203px; height:300px;  margin: 0 auto; margin-top: 30px; }
.zxsyul{width:1203px;  height:270px; }
.zxsyul li{width:239px;  height:270px; float:left; border-right:1px solid rgb(245,245,245); }
#noborder{border-right:0px;}
.zxsyul li a img:hover{
					-webkit-transform: rotate(360deg);
					-moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					-o-transform: rotate(360deg);
					transform: rotate(360deg);
					transition-duration:0.8s;}
.zxsytext{font-size:20px; margin-top: 10px;}
.zxsydiv{width:190px;  margin-left:25px; margin-top:15px; text-align:left; font-size:14px; color:rgb(81,81,81);}
.zxsydiv a span{color:rgb(10,159,235); }
.zxsydiv a span:hover{ text-decoration: underline; }
.zxsyxzcs{width:239px;  margin-left:0px; margin-top:15px; text-align:center; font-size:14px; color:rgb(81,81,81);}
.zxsyxzcs a span{color:rgb(10,159,235);}
.zxsyxzcs label {color:rgb(10,159,235);}
.weidiv{margin-top:15px;}
.zxsyzy,.zxsymf{width:70px; margin-left: 33px; float: left;  background-color:rgb(10,159,235); font-size:16px; height:25px; line-height:25px; color:rgb(255,255,255); }
.zxsyzys{ margin: 0 auto; margin-top: 15px; width:80px; font-size:16px; height:25px; line-height:25px; color:rgb(255,255,255); background-color:rgb(10,159,235);}
.zxsyzy:hover,.zxsymf:hover,.zxsyzys:hover{background-color:rgb(21,221,245);}


.texttext{  height:60px; margin-top:20px;}
.text_one{   margin-top:10px; letter-spacing:1px; height:50px; font-size:30px; line-height:50px;}

.table{ height:150px;   margin-top:10px;}
.table_one{  height:150px;  margin: 0 auto; width: 1200px;}

.table_one li{width:277px; height:147px; float:left; margin-left:20px;  }
.table_one li div{margin-top:5px; font-size:24px; color:rgb(0,0,0);}
.table_one li img{margin-top:10px; }
.table_one li:hover{background-color:rgb(243,243,243);}
.table_one li:hover .huiyuan{color:rgb(118,196,243);}
.table_one li:hover .xiaofei{color:rgb(255,120,21);}
.table_one li:hover .kucun{color:rgb(51,201,196);}
.table_one li:hover .diasnpu{color:rgb(167,200,91);}

#lold{ margin: 0 auto; }
.texttex_one{   margin-top:30px; letter-spacing:1px; height:50px; font-size:30px; line-height:50px;}
.text_oneone{width:1060px; margin-top:5px; letter-spacing:1px; height:auto; font-size:18px; line-height:36px; margin: 0 auto;}
.yiqi{display:none;}


.kefuwtone{ display: inline-block; width: 1200px;}
.jiandan{position:relative; width:550px; height:560px;  float:left; text-align:left; margin-left: 10px;}
.jiandan span{ position:absolute;  margin-top:30px;  height:35px; left:240px; font-size:30px;  top:5px;  color: #444;}
.jiandan img{position:absolute; width:550px; height:450px; top:80px; left:0px;}
.jiandan p{ color: rgb(205,14,21); font-weight: 600; font-family: "STXingkai"; font-size: 22px; position: relative; left: 96px; top: 95px;}


.titleone a,.titletwo a,.titlethere a{color:rgb(205,14,21);font-size: 16px;}
.titleone,.titletwo,.titlethere{position:absolute;}
.titleone{top:135px; left:22px;}
.titletwo{top:245px; left:22px;}
.titlethere{top:355px; left:22px;}
.gyone a,.gytwo a,.gythere a{  font-family:"STXingkai"; font-size:18px; color:#666;}
.gyone,.gytwo,.gythere{ position:absolute; line-height:35px;}
.gyone a:hover,.gytwo a:hover,.gythere a:hover,.gyfive a:hover{color:#000;}
.gyone{top:165px; left:33px; width:470px;}
.gytwo{top:275px; left:33px; width:414px;}
.gythere{top:390px; left:33px; width:470px;}
.gyfive a{color:rgb(86,86,86);}
.gyfive{position:absolute; top:475px; left:238px;}
.gyfive a:hover{text-decoration:underline;}


.xiantiao{width:90px;    float:left; height:550px; margin-top:20px;}
.anquan{ position:relative; width:550px; height:560px;   float:left;}
.anquan span{position:absolute;  margin-top:30px;  height:35px; left:240px; font-size:30px;  top:5px;  color: #444;}
.scbf{margin-top:85px; font-size:18px;  color:rgb(8,158,235);}
.animg{width:550px; height:75px; margin-top:20px;}
.antext{position:relative; width:550px; height:25px;  }
.antext div{position:absolute; float:left; font-size:14px; color:rgb(86,86,86);}
.antext1{left:75px;}
.antext2{left:237px;}
.antext3{left:423px;}
.quantext{width:550px; height:25px; font-size:16px; color:rgb(86,86,86);  margin-top:20px;} 
.anquantext{width:550px; height:25px; font-size:22px; color:rgb(79,181,243);  margin-top:20px;}
.anquanimg{width:550px; height:100px;  margin-top:30px;}
.anquanimg img{margin-left:28px;}
.anquantextone{position:relative; width:550px; height:25px; }
.anquantextone div{position:absolute; float:left; font-size:14px; color:rgb(86,86,86); }
.anquantext1{left:35px;}
.anquantext2{left:183px;}
.anquantext3{left:297px;}
.anquantext4{left:458px;}

.map{position:relative;  display: inline-block; width: 100%; background: url(../images/net_31.jpg) no-repeat center;}
.map1{font-size:30px;   margin-top:30px; color:rgb(49,48,48); height:35px;}
.map2{font-size:18px;   margin-top:16px;color:rgb(92,92,92); line-height:30px;}
.map3{font-size:26px;left:480px;color:rgb(69,68,68); margin-top:30px;}
.mapimg{width:1200px;   padding-top:10px; overflow: hidden; margin: 0 auto;}
.mapimg a li{float:left; width:75px; height: 120px; line-height: 120px;}
.mapimg a li img{width:50px; height:50px;}
.mapimg a li img:hover{width:86px; height:88px; margin-left: -6px;
					-ms-transform: rotate(720deg);
					-webkit-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					-moz-transform: rotate(720deg);
					transform: rotate(720deg);
					transition-duration:0.5s;}
.mapimg a:first-child li img:hover{ margin-left: 0; }
.mapimg a:last-child li img:hover{ margin-left: -12px; }

.banben{ margin: 0 auto; width: 1200px; }
.banben img{display: block; float: none; position: relative; left: 50%;
margin-left: -74px;}
.banben1{font-size:18px; color:rgb(64,64,64); margin-top:30px;}
.banben2{font-size:24px; color:rgb(81,81,81); margin-top:30px;}
.banben3{ display: inline-block; font-size:20px; color:rgb(255,255,255);  border-radius:10px; margin-top:20px; line-height:43px; width:150px; height:45px; background-color:rgb(255,120,12);}
.banben3:hover{ background-color:rgb(63,198,254);}

.jisu-box{ width: 100%; margin: 0 auto; border-top: 1px solid #e9e9e9; padding-top: 20px;}
.jisu{ text-align:left; margin-top:20px; width:1200px; margin: 0 auto; display: inline-block;}
.jisu ul li {width:390px;  height:260px; float:left; padding-left: 10px;}
.jisu ul li:nth-child(3){ width: 360px; padding-left: 60px; }
.jisu ul li:nth-child(2){ width: 350px; padding-left: 30px; }
.gengduo{ position:relative; width:397px; height:30px;  margin-top:10px; line-height:30px;}
.gengduo div{float:left; font-size:18px; margin-left:0px;}
.gengduo a div{ color:rgb(0,0,0); font-size:14px; float: right; margin-right: 68px;}
.gengduo a div:hover{ color:rgb(83,193,250);}
.nian{width:390px;  height:210px; }
.nianimg{ float:left; margin-top:10px;}
.nianadiv{width:240px;  height:180px; float:left; line-height:35px; margin-top:16px;}
.nianadiv a div{font-size:14px; color:rgb(111,111,111); white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.nianadiv a div:hover{ color: #FF780C; }
.nianas{width:80px;  height:180px; float:left; line-height:35px; margin-top:15px;}
.nianas div{font-size:14px; color:rgb(111,111,111);}


.dengchao{width:397px; height:90px; margin-top:5px; }
.dengchao img{float:left;}
.shengji{text-indent:25px; width:150px; float:left; font-size:13px; color:rgb(104,104,104); line-height:20px; letter-spacing:1px; margin-left:38px; margin-top:20px;}
.shengji a span{color:rgb(83,193,250);}
.shengji a span:hover{  text-decoration: underline;}
.dc div{font-size:14px; color:rgb(111,111,111);  margin-top:10px;  white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.dc span {color:rgb(83,193,250);}
.dc a {color:rgb(111,111,111); overflow:hidden; text-overflow:ellipsis;}
.dc a:hover{color: #FF780C;}


/*软件介绍*/

.cpzx{ height:30px; margin-top:15px;  }
.cpzx a{color:rgb(102,102,102);}
.cpzx a:hover{color: #089EEB;}
.cpzx div{font-size:14px; width:1200px; text-align:left; margin:0 auto; color: #666;}

.banbens{  height:30px;  width:1200px;  margin:0 auto; }
.banbens div{font-size:20px; width:600px; text-align:left; float:left;  margin-top:10px; }
.banbens div span{color:rgb(8,158,235); float:left; line-height:22px;}

.banbenul{ text-align:left; width:1200px; margin:0 auto; display:inline-block; } 
.djbul{  width:595px; height:150px; float:left;  margin-top:10px;}
.djbul li{position:relative; width:295px; height:150px; float:left;  border:1px solid rgb(10,159,235);}
.baise{position:absolute; width:295px; height:150px;   top:0px; left:0px;}
.baise img{ width:100px; height:100px; margin-left:15px; margin-top:25px; float:left;}
.divone{font-size:16px; width:170px;  height:25px; float:left; text-align:center; margin-top:25px; }
.divtwo{font-size:14px; width:160px;  height:65px; color:rgb(95,95,95);float:left; margin-top:5px; letter-spacing:0.5px;}
.lanse{position:absolute;  display:none; width:298px; height:150px;    top:0px; left:0px; background-color:rgb(10,159,235);}
.lanse img{ width:100px; height:100px; margin-left:15px; margin-top:25px; float:left;}
.divdivone{font-size:24px; width:170px; color:#fff;  height:30px; float:left; text-align:center; margin-top:35px; letter-spacing:2px;}
.divdivtwo{font-size:16px; width:80px; margin-left:40px; border:1px solid #fff; height:30px; color:#fff; float:left; margin-top:15px; text-align:center; line-height:30px;}
.lanse a div:hover{border:1px solid #fff; background-color:#fff; color:rgb(10,159,235);}
.djbul li:hover .baise{display:none;}
.djbul li:hover .lanse{display:block;}
.wybul{ margin-left:10px; width:595px; height:150px; float:left; margin-top:10px;}
.wybul li{position:relative; width:295px; height:150px; float:left;  border:1px solid rgb(10,159,235);}
.wybul li:hover .baise{display:none;}
.wybul li:hover .lanse{display:block;}

.hangyeban{width:1200px; height:150px;  margin-top:5px; display:inline-block;  text-align:left; margin:0 auto;}
.hangyebanul{ width:1200px; height:150px; float:left; margin-top:10px;}
.hangyebanul li{position:relative; width:298px; height:150px; float:left;  border:1px solid rgb(10,159,235);}
.hangyebanul li:hover .baise{display:none;}
.hangyebanul li:hover .lanse{display:block;}
#weirig{border-right:0px;}


.rjgn{ display:inline-block;  margin-top:20px; width:1200px; text-align:left; margin:0 auto; margin-top:10px;}
.rjgnul{ width:1195px; height:605px;  left:120px; border-right:1px solid rgb(196,196,196); border-bottom:1px solid rgb(196,196,196);}
.rjgnul li{width:397px; height:120px; border-left:1px solid rgb(196,196,196); border-top:1px solid rgb(196,196,196); float:left; position:relative;}
.rjgnul li img{width:80px; height:80px; float:left; position:absolute; top:20px; left:20px;}
.jsone{width:240px; height:30px; font-size:20px; float:left; position:absolute; top:18px; left:130px; text-align:center;}
.jstwo{width:230px; height:50px; color:rgb(61,61,61); font-size:15px;  position:absolute; top:50px; left:140px; line-height:25px;}
#ceng{text-align:center;}

.huise{  height:280px;   background-color:rgb(244,244,244); margin-top:10px;  }
.centerc{width:1212px; margin:0 auto;}
.huione,.huitwo,.huithere{ width:385px; float:left; margin-top:15px; margin-bottom:15px;  margin-left:12px;height:250px; background-color:#fff; border:1px solid rgb(196,196,196);}
.huione{ left:120px;}
/*.huitwo{left:525px;}*/
.huithere{left:930px;}
.onespan{  width:385px; height:35px; float:left; margin-top:20px; line-height:35px; font-size:24px;}
.huione img{  margin-top:15px;}
.huione div a {font-size:18px; color:rgb(255,120,21);  }
.huione div a:hover{text-decoration:underline; }
.huione div{margin-top:25px; }
.huitwo img{margin-top:20px;  }
.tspan{ font-size:24px;  }
.twodiv{font-size:14px; width:385px; height:20px; color:rgb(92,92,92); margin-top:5px;}
.ttspan{ font-size:18px; margin-top:20px; }
.ljgd{width:100px; height:30px; font-size:16px; background-color:#fff; color:rgb(255,120,21); line-height:30px; margin-top:10px; margin-left:145px; border:1px solid rgb(255,120,21);}
.huitwo a div:hover { color:#fff; background-color:rgb(255,120,21);}
.huithere img{margin-top:20px;  }
.huithere a div:hover { color:#fff; background-color:rgb(255,120,21);}


/*免费版*/


.mianfeiban{ height:338px; margin-top:15px; width:1200px; margin:0 auto; }
.mianban{position:relative;   height:338px;   }
.mainbanimg{position:absolute; width:1200px; height:338px;  top:0px; left:0px;}
.qiaimg{position:absolute;   top:10px; left:10px;}
.feiimg{position:absolute;   top:25px; left:135px; font-size:60px; }
.maintext{position:absolute;   top:120px; left:20px; font-size:15px; width:600px; text-align:left; line-height:30px;}
.maintext span{ font-size:18px; color:rgb(255,120,21); font-weight:bold;}
.maiul{width:400px; height:35px;  position:absolute;   top:280px; left:40px;}
.maiul a{width:100px; height:35px; margin-left:30px; border:1px solid rgb(8,158,235);  border-radius:8px; float:left; line-height:35px;  font-size:18px; color:rgb(8,158,235); background-color:#fff;}
.maiul a:hover{ color:#fff;  background-color:rgb(8,158,235);}
#kuan{width:396px}

.text{  margin-top:10px;}
.textone{ font-size:24px;  line-height:40px;}


.fennei{margin-top:10px;   height:1700px; width:924px; margin:0 auto; }
.fenneione{width:924px; height:1700px;  border:1px solid rgb(169,169,169); margin: 0 auto;}
.flone{width:924px; height:160px; border-bottom:1px solid rgb(169,169,169); }
.flone>section{height:160px;  float:left;}
.zuiniu{font-size:30px; color:rgb(255,120,21); font-family:"STSong"; line-height:130px; font-weight:bold; margin-left:15px;}
.zuimian,.zuivs,.zuizuan{margin-left:48px; }
.zuivs img{margin-top:30px; }
.zuimian img,.zuizuan img{margin-top:10px; }
.zuimian img,.zuizuan img{margin-top:10px; }
.zuimian section,.zuizuan section{font-size:18px;}
.btul{width:924px; height:50px; }
.btul section{width:263px; height:50px; border-bottom:1px solid rgb(169,169,169); border-right:1px solid rgb(169,169,169);  float:left; font-size:16px; line-height:50px;}
.btul li span{color:rgb(255,120,21);}
#weiyix{border-right:0px;}


.btulbottn{width:924px; height:60px; }
.btulbottn section{width:263px; height:60px;  border-right:1px solid rgb(169,169,169);  float:left; font-size:16px; }

.btulbottn section a section{height:40px; border:1px solid rgb(255,120,21); width:150px; background-color:#fff; border-radius:10px; line-height:40px; color:rgb(255,120,21); margin-top:10px; margin-left:50px;}
.btulbottn section a section:hover{color:#fff;background-color:rgb(255,120,21); }


.huiyuanguanli,.yingjianshebei,.kucunguanli,.zengzhifuwu,.teshugongnegn{font-size:15px; border-bottom:1px solid rgb(169,169,169);}
.huiyuanguanli,.yingjianshebei{width:924px; height:210px; }
.hygl,.yjsb{width:120px; height:210px; border-right:1px solid rgb(169,169,169); line-height:210px; float:left;}
.hyglone,.yjsbone{width:275px; height:210px; border-right:1px solid rgb(169,169,169); float:left;}
.hygltwo,.yjsbtwo{width:263px; height:210px; border-right:1px solid rgb(169,169,169); float:left;}
#qbottm{border-bottom:0px;}


.kucunguanli{width:924px; height:120px; }
.kcgl{width:120px; height:120px; border-right:1px solid rgb(169,169,169); line-height:120px; float:left;}
.kcglone{width:275px; height:120px; border-right:1px solid rgb(169,169,169); float:left;}
.kcglone section,.hyglone section,.zzfwone section,.tsgnone section,.yjsbone section{width:275px; height:29px; border-bottom:1px solid rgb(169,169,169); line-height:29px;}
.kcgltwo{width:263px; height:120px; border-right:1px solid rgb(169,169,169); float:left;}
.kcgltwo section,.hygltwo section,.zzfwtwo section,.tsgntwo section,.yjsbtwo section{width:263px; height:29px; border-bottom:1px solid rgb(169,169,169); }
.kcgltwo section img,.hygltwo section img,.zzfwtwo section img,.tsgntwo section img,.yjsbtwo section img{width:23px; height:23px; margin-top:3px;}
.zzfw,.zzfwone,.zzfwtwo{height:150px; border-right:1px solid rgb(169,169,169);}
.zengzhifuwu{width:924px; height:150px; }
.zzfw{width:120px;line-height:150px; float:left;}
.zzfwone,.tsgnone{width:275px; float:left;}
.zzfwtwo,.tsgntwo{width:263px;  float:left;}

.tsgn,.tsgnone,.tsgntwo{height:300px; border-right:1px solid rgb(169,169,169);}
.teshugongnegn{width:924px; height:300px; }
.tsgn{width:120px;  line-height:300px; float:left;}


/*专业版*/

.kuoh{position:absolute; top:52px; left:330px; font-size:35px;}


.btbul{ height:30px;  margin-top:5px; width:1200px; margin:0 auto; }
.btbul>ul{height:30px;  }
.btbul>ul>li{width:170px; height:30px;  float:left;  font-size:18px;}

.btbultext{height:270px;  margin-top:5px; width:1200px; margin:0 auto;  }
.textul{ height:270px; position:relative;}
.textul ul{position:absolute; float:left; }
.textul ul li{ width:120px; height:30px; border-bottom:1px solid rgb(193,193,193); border-left:1px solid rgb(193,193,193); border-right:1px solid rgb(193,193,193); font-size:15px;  line-height:30px;}
.ulone{top:0px; left:15px;}
.ultwo{top:0px; left:195px;}
.ulthere{top:0px; left:365px;}
.ulfive{top:0px; left:545px;}
.ulfone{top:0px; left:720px;}
.ulsix{top:0px; left:890px;}
.ulxiaoqi{top:0px; left:1055px;}
#ululli{border-top:1px solid rgb(193,193,193);}



.fkfk{height:225px;  margin-top:5px; }
.fkfkul{ height:225px; width:1205px; margin:0 auto;   }

.fkfkul>li{width:280px;  height:215px; position:relative;  float:left; border-radius:15px; margin-left:12px;}
.fkfkul>li>img{position:absolute; top:5px; left:81px;}
.xiaofeisb{font-size:24px; margin:0 auto; margin-top: 120px;}

.cxianq{font-size:16px; position:absolute; top:160px; width:90px; height:30px;  line-height:30px; left:92px;}
.lanses{border:3px solid rgb(8,158,235); }
.luse{border:3px solid rgb(167,201,91); }
.shengse{border:3px solid rgb(248,145,70); }
.caolu{border:3px solid rgb(49,205,192); }
.lanses:hover{background-color:rgb(8,158,235); }
.fkfkul>li:hover .haha{display:block;}
.fkfkul>li:hover .xixi{display:none;}
.fkfkul>li:hover .xiaofeisb{color:#fff;}
.fkfkul>li:hover .cxianq{color:#fff; border:1px solid #fff;}
.fkfkul>li:hover .cxianq:hover{color:#000; background-color:#fff;}


.haha{display:none;}
.luse:hover{background-color:rgb(167,201,91);}
.shengse:hover{background-color:rgb(248,145,70);}
.caolu:hover{background-color:rgb(49,205,192);}
.js{color:rgb(8,158,235);}
.ck{ color:rgb(8,158,235); border:1px solid rgb(8,158,235);}
.jsones{color:rgb(167,201,91);}
.ckone{ color:rgb(167,201,91); border:1px solid rgb(167,201,91);}
.jstwos{color:rgb(248,145,70);}
.cktwo{ color:rgb(248,145,70); border:1px solid rgb(248,145,70);}
.jsthere{color:rgb(50,205,192);}
.ckthere{color:rgb(50,205,192); border:1px solid rgb(50,205,192);}


.centerlan{width:100%;  display:inline-block; background-color:rgb(8,158,235);  margin: 38px 0;}
.bakuai{  position:relative; text-align:left; color:#fff; width:1200px;  margin:0 auto;  height:510px;}
.bakuai>img{  width:1200px; position:absolute; top:0px; left:0px;}
.bakuai span{position:absolute; font-size:20px;}
.bakuai div{position:absolute; font-size:15px;}
.spanones{top:50px; left:250px;}
.divones{top:80px; left:250px;}
.spantwos{top:170px; left:190px;}
.divtwos{top:200px; left:190px;}
.spanthere{top:280px; left:160px;}
.divthere{top:310px; left:160px;}
.spanfive{top:380px; left:220px;}
.divfive{top:410px; left:220px;}
.spanfone{top:50px; left:730px;}
.divfone{top:80px; left:730px;}
.spansix{top:150px; left:805px;}
.divsix{top:180px; left:805px;}
.spanqi{top:265px; left:815px;}
.divqi{top:295px; left:815px;}
.spanba{top:380px; left:770px;}
.divba{top:410px; left:770px;}


.ulimg{  height:260px; width:1200px;  margin:0 auto; }
.imgtwo{ height:260px;   }
.weiyidi{width:130px; margin-left:15px; margin-top:20px; height:96px;   border:2px solid rgb(8,158,235); border-radius:5px; position:relative; float:left;}
.weiyidi img{position:absolute; top:0px; left:0px; width:130px; height:73px;}
.dion{display:none;}
.wentext{width:130px; line-height:23px; height:23px; background-color:rgb(8,158,235);   position:absolute; bottom:0px; left:0px; color:#fff; font-size:14px;}
.weiyidi:hover .dion{display:block;}


.wenhao{ margin-top:10px; background-color:rgb(255,255,255); overflow:hidden; padding-bottom:30px;}
.twen{position:relative;  width:1200px;  margin: 0 auto; left:50%; margin-left:-600px;}
#wentt{position: relative; height:60px; line-height:60px; width:180px; margin: 0 auto; top:10px;  border-bottom:2px solid rgb(8,158,235); font-size:24px; color:rgb(8,158,235);}

.divdivdiv{ position: relative; overflow:hidden;}
.divdivdiv a div{margin-top:30px; letter-spacing:1px; float:left; font-size:18px; margin-left:148px; border-bottom:1px dashed rgb(104,104,64); width:300px;  line-height:40px; color:rgb(104,104,104); height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.divdivdiv a div span{color:rgb(8,159,235); font-size:24px; }
.divdivdiv a:nth-child(3n+1) div{ margin-left:0; }
.divdivdiv a div:hover{color:rgb(8,159,235);}


.imgi{height:375px;  margin-top:30px; width:1200px;  margin: 0 auto; }
.imgim{ text-align:left; position:relative; height:375px; float: left;}
.imgim a div{width:589px; height:375px;}
.imgim a div img{width:589px; height:375px;}


.pic_box{ height: 375px; display: block; float: left; position: relative;}
.pic_one{ position: relative; z-index: 100; left: -270px; top: 1px;}
.pic_two{ position: relative; top: -374px; left: 608px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.6;}
.pic_three{ position: relative; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.6;}
.pic_box:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; z-index: 999; }



.trrrrrr{ margin-top:30px; }



/*茶楼*/


.kuoh{position:absolute; top:52px; left:330px; font-size:35px;}

.fkfks{ height:287px;  margin-top:5px; width:1200px; margin:0 auto;}
.fkfkuls{height:287px;  }
.fkfkuls>li{width:281px;  height:270px; position:relative;  float:left; border-radius:15px; margin-left:10px;}
.fkfkuls>li>img{position:absolute; top:5px; left:81px;}
.xiaofeis{font-size:24px; position:relative; top:115px; width:281px; }
.cxianqs{font-size:14px; position:absolute; top:160px; width:260px;  line-height:20px; left:10px; text-align:left;}
.lansesss{border:3px solid rgb(8,158,235);}
.luses{border:3px solid rgb(167,201,91);}
.shengses{border:3px solid rgb(248,145,70);}
.caolus{border:3px solid rgb(49,205,192);}

.twoul > li > #this{ background-color:rgb(8,158,235); color: #fff;}
.rjulul > li > #this{ background-color:rgb(8,158,235); color: #fff;}

/*¨m§©§Ý§ß§à§á§à©À*/
*{margin: 0;
   padding: 0;
   border:0;
   }
ul,li{ margin:0;padding:0; list-style:none;}
a{text-decoration:none; outline: none;}
a:link,a:visited,a:hover,a:active{ text-decoration: none; outline: none;}
img{ outline: none; border: none;}
body{  text-align:center;  font-family:"Microsoft YaHei";}
/*¨m§©§Ý§ß§à§á§à©À*/
.cont{margin: 0 auto; min-width: 1200px}

.tou{ position:relative;  height:32px;  margin: 0 auto; width: 1200px; line-height: 8px;}
.tou div{position:absolute; color:rgb(116,116,116); font-size:13px; bottom:0px;}
.touone{left:960px;}
#toutwo{left:1060px; font-size:18px;  color:rgb(8,158,235);}
.touthere{left:820px;}
.touthere a{ color:rgb(116,116,116);}
.touthere a:hover{ color:rgb(8,158,235); }
#toufone{left:880px; bottom:1px;}
.toufive{left:890px;}
.toufive a{ color:rgb(116,116,116);}
.toufive a:hover{  color:rgb(8,158,235);}

.tou_two{ height:67px;  text-align: left;  margin: 0 auto; width: 1200px; }
.twoimg{position:relative;  float: left; width:288px; height: 54px;} 
.twoul{position:relative;   z-index:10; float: left; margin-top: 26px; margin-left: 100px;}
.twoul>li>a{color:rgb(0,0,0); display:inline-block; width:100px; height:30px; text-align: center;}
.twoul>li{float:left; width:100px; height:30px; line-height:30px; font-size:16px; border-left: 1px solid #fff;}
.twoul>li:hover{ transition-duration:0.3s;}
.twoul>li:hover ul{display:block;}
a.hvr-shutter {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #fff;
  color: #000;
}
a.hvr-shutter:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#389cfc;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
	color:#fff;
}
a.hvr-shutter:hover,a.hvr-shutter:focus,a.hvr-shutter:active {
  color: white;
  /*background:#389cfc!important;*/
}
a.hvr-shutter:hover:before,a.hvr-shutter:focus:before,a.hvr-shutter:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  /*background:#389cfc!important;*/
}

.tp li{ overflow: hidden; }

.rjulul{position: relative;  display:none;  width:100px; }
.rjulul>li>a{color:rgb(0,0,0); display:inline-block; width:100px; height:30px; text-align: center;}
.rjulul>li{width:100px; height:30px; line-height:30px; font-size:16px;  border-top:1px solid rgb(234,234,234); background-color:#fff;}
.rjulul>li:hover{background-color:rgb(8,158,235);  transition-duration:0.3s;}
.rjulul>li:hover>a{color:#fff;}

h1{font-weight:normal; display:inline;}

.cxian{ height:5px;  background-color:rgb(8,158,235); margin-top:10px; width: 100%; float: left; position:relative;z-index:100}

.btmone{ background-color:rgb(39,48,63); text-align:left; padding-bottom: 30px; clear: both;position:relative;z-index:100}
.juzhong{width:1200px; margin:0 auto; overflow: hidden;}
.one{width:705px; float:left;  margin-top:30px; }
.one ul{float:left;  }
.one>ul>a>li{font-size:13px; color:rgb(127,133,149); width:175px;  height:20px; margin-top:13px;  }
.one>ul>a>li:hover{ color:rgb(255,255,255);}
#weiyi{color:rgb(255,255,255); font-size:16px; text-shadow: 1px 2px 1px #000;}
.zhongjiang{ float:left; width:1px; height:205px; background-color:rgb(74,78,84); margin-top:30px; box-shadow: 1px 2px 1px #000;}
.there{width:130px; text-align:center; height:200px; float:left;  margin-top:30px; margin-left:50px;}
.weixinone{color:rgb(255,255,255); margin-top:20px; font-size:18px;}
.weixintwo{ margin-top:10px;}
.weixinthere{color:rgb(156,156,156); margin-top:5px;}

.five{width:255px; height:200px;  float:left; margin-top:30px; margin-left:30px;}
.back{margin-top:30px;}
.liantwo{float:left; }
.teltel{margin-top:15px;}
.tel{color:rgb(83,193,250); font-size:18px;}
.dian{color:rgb(255,255,255); }

#tp img{width: 1200px;}

.btmonimg{ width: 100%; margin: 0 auto;position:relative;z-index:100}
.btmonimg>img{ width: 100%; margin: 0 auto; padding:0px;}

.btone{margin:auto 0; font-size:14px; color:rgb(0,0,0); text-align:center;}
.btone a{font-size:14px; color:rgb(18,18,18);}

.btmtwo{ width: 1200px; margin: 0 auto; overflow: hidden;     margin-top: 20px;margin-bottom:10px;    line-height: 25px; }
.btmtwo span{ float: left;line-height: 30px; color: rgb(134,134,134);}
.btonul{  width: 1110px; overflow: hidden; line-height: 12px;}
.btonul li{float:left; margin-left:28px; font-size:14px; margin-top: 10px; float: left; height: 18px;}
.btonul li>a{color:rgb(134,134,134); }
.btmonimg{margin-top:-2px; float: left;}

.rightpp{position:fixed; right:0px; bottom:20px; width:59px; z-index:200}
.rightpp ul li a img{ width:59px; height:59px;}
.imgonone{display:none;}
.rightpp ul li{width:59px; height:59px; margin-top:1px;}
.rightpp ul li:hover .imgonone{display:block;}
.rightpp ul li:hover .imgontow{display:none; }
#diantel{width:223px; margin-left:-160px;}

.twoul > li > #this{ background-color:rgb(56,156,525); color: #fff;}
.rjulul > li > #this{ background-color:rgb(56,156,252); color: #fff;}

/*==========软件教程列表页面样式===========*/
.jc-head{ width: 100%; padding: 15px 0; border-bottom: 3px solid #089eeb; text-align: left;}
.jc-head h3{ width: 1200px; margin: 0 auto; }
.jc-img{ float: left; margin-right: 28px; margin-top: 10px;}
.jc-listbox{ width: 1200px; margin: 0 auto; border-bottom: 1px solid #ccc; overflow: hidden; padding: 10px; margin-top: 35px;}
.jc-list{ float: left; position: relative; width: 585px; margin-left: 15px;}
.jc-listbox .jc-list:nth-child(2){ width: 545px; margin-left: 55px; }
.jc-list h4{ float: left; }
.jc-list ul{ float: left; width: 416px; margin-top: 5px;}
.jc-list li{ float: left; margin-right: 16px; padding: 5px 0;}
.jc-list li a{ color: #404040; }
.jc-list li a:hover{ color: #089eeb; }
/*==========软件教程详情页面样式===========*/
.wd_head{ width: 100%; background-color: #eee; height: 60px;}
.wd_head h3{ width: 1200px; margin: 0 auto; text-align: left; height: 60px; line-height: 60px; color: #089eeb; font-weight: 100; padding-left: 75px;}
.wd_head a{overflow: hidden; width: 1200px;margin: 0 auto; display: block;}
.wd_head a:hover{text-decoration: none; color: #089eeb; opacity: .8;}

.jcwd_content{max-width: 1200px; width: 100%;margin: 0 auto; overflow: hidden; margin-top: 10px; }
.jcwd_con{ border: 1px solid #ccc; overflow: hidden; width: 1050px;padding-bottom: 30px;margin: 0 auto;}
.jcwd_con h3{height: 42px;line-height: 42px;margin:0;text-align: left;background-color: #fafafa;padding-left: 30px;font-size: 18px;border-bottom: 1px solid #ccc;}
.jcwd_con h3 a{color: #565656; font-family: "微软雅黑";}
.jcwd_con h3 a:hover{color: #089eeb;}
.jcwd_img{margin: 30px; float: left; display: block;}
.jcwd_img img{float: left; max-width: 655px;}
.jcwd_video{overflow: hidden;width: 100%;}
.jcwd_video img{margin-left: 28px;margin-top: 106px;}
.jcwd_video img:last-child{display: none;}
.jcwd_video:hover img:first-child{display: none;}
.jcwd_video:hover img:last-child{display: block;}
.jcwd_img p{margin-top: 20px;float: left;margin-left: 150px;font-weight: 600;font-size: 18px;}
.jcwd_text{
    width: 980px;
    text-align: left;
    padding: 30px;}

.jcwd_aside{width: 130px;float: left;}
.panel-body{padding:0;}
.panel-default>.panel-heading{background-color: #fff;padding: 5px 0;}
.jcwd_aside .panel-title a{ font-family: "微软雅黑";display: block;height: 31px;line-height: 31px;text-align: left;margin-left: 10px;}
.jcwd_aside .panel-title img{width: 31px;height: 31px;margin-right: 8px;margin-top: -5px;}
.jcwd_aside .panel-body ul{}
.jcwd_aside .panel-body li{width: 100%; text-align: right;margin: 0;}
.jcwd_aside .panel-body li a{border: none;padding: 0;height: 32px;line-height: 32px; padding-right: 15px;border-radius: 0;margin-right: 0;color: #565656;}
.jcwd_aside .nav-tabs>li.active>a,
.jcwd_aside .nav-tabs>li.active>a:hover,
.jcwd_aside .nav-tabs>li.active>a:focus{border: none;color: #fff;background-color: #089eeb;}
.panel-group .panel{border-radius: 0;}

/*=====首页banner=========*/

.list{ width: 100%; height: 350px; max-width: 1440px; min-width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
.list ul{ width: 100%; height: 350px; margin: 0 auto; position: relative;}
.bg{ width: 100%; height: 350px; list-style-type: none; position: relative; float: left;}
.bg1{background: url(/images/banner/banner01_bg.png) no-repeat center; }
.bg2{ background: url(../images/banner/banner02_bg.png) no-repeat center; }
.bg3{ background: url(../images/banner/banner03_bg.png) no-repeat center; }
.bg4{ background: url(../images/banner/banner04_bg.png) no-repeat center; }
.bg .container{ position: relative; width: 100%;height: 100%; margin: 0;padding:0;}
.container p{ position: relative; overflow: hidden; }
p{margin: 0;padding: 0;}

/*========首页单机版banner==========*/
.banner01_3{ width: 747px; height:68px; top: 44px; left: 110px;}
.banner01_2{ width: 436px;height:62px; top: 70px; left: 234px;}
.banner01_1{ width: 678px;height:71px; top: 98px; left: 136px; }

@media screen and (max-width: 1300px){
    .banner01_3{ width: 747px; top: 44px; left: 32px;}
    .banner01_2{ width: 436px; top: 70px; left: 172px;}
    .banner01_1{ width: 678px; top: 98px; left: 66px; }
}

@-webkit-keyframes banner01_3{ 0%{top: -80px;opacity: 0;} 100%{ top: 44px; opacity: 1; } }
@-moz-keyframes banner01_3{ 0%{top: -80px;opacity: 0;} 100%{ top: 44px; opacity: 1; } }
@-o-keyframes banner01_3{ 0%{top: -80px;opacity: 0;} 100%{ top: 44px; opacity: 1; } }
@-ms-keyframes banner01_3{ 0%{top: -80px;opacity: 0;} 100%{ top: 44px; opacity: 1; } }
@keyframes banner01_3{ 0%{top: -80px;opacity: 0;} 100%{ top: 44px; opacity: 1; } }

@-webkit-keyframes banner01_2{ 0%{left: -200px;opacity: 0;} 100%{ left: 234px; opacity: 1; } }
@-moz-keyframes banner01_2{ 0%{left: -200px;opacity: 0;} 100%{ left: 234px; opacity: 1; } }
@-o-keyframes banner01_2{ 0%{left: -200px;opacity: 0;} 100%{ left: 234px; opacity: 1; } }
@-ms-keyframes banner01_2{ 0%{left: -200px;opacity: 0;} 100%{ left: 234px; opacity: 1; } }
@keyframes banner01_2{ 0%{left: -200px;opacity: 0;} 100%{ left: 234px; opacity: 1; } }

@-webkit-keyframes banner01_1{ 0%{top: 140px;opacity: 0;} 100%{ top: 98px; opacity: 1; } }
@-moz-keyframes banner01_1{ 0%{top: 140px;opacity: 0;} 100%{ top: 98px; opacity: 1; } }
@-o-keyframes banner01_1{ 0%{top: 140px;opacity: 0;} 100%{ top: 98px; opacity: 1; } }
@-ms-keyframes banner01_1{ 0%{top: 140px;opacity: 0;} 100%{ top: 98px; opacity: 1; } }
@keyframes banner01_1{ 0%{top: 140px;opacity: 0;} 100%{ top: 98px; opacity: 1; } }

.banner01_3{ -webkit-animation: banner01_3 2s ease;
-moz-animation: banner01_3 2s ease;
-o-animation: banner01_3 2s ease;
-ms-animation: banner01_3 2s ease;
animation: banner01_3 2s ease; }
.banner01_2{ -webkit-animation: banner01_2 2.5s ease-out;
-moz-animation: banner01_2 2.5s ease-out;
-o-animation: banner01_2 2.5s ease-out;
-ms-animation: banner01_2 2.5s ease-out;
animation: banner01_2 2.5s ease-out;
 }
.banner01_1{ -webkit-animation: banner01_1 3s ease-out;
-moz-animation: banner01_1 3s ease-out;
-o-animation: banner01_1 3s ease-out;
-ms-animation: banner01_1 3s ease-out;
animation: banner01_1 3s ease-out;
 }
/*========首页商家联盟banner==========*/
@-moz-keyframes banner02_1{0%{left: 50px;} 100%{left: 1100px;}}
@-moz-keyframes banner02_2{0%{left: 50px;} 100%{left: 492px;}}
@-moz-keyframes banner02_3{0%{ opacity: 0.2 } 100%{ opacity: 1; }}
@-webkit-keyframes banner02_1{0%{left: 50px;} 100%{left: 1100px;}}
@-webkit-keyframes banner02_2{0%{left: 50px;} 100%{left: 492px;}}
@-webkit-keyframes banner02_3{0%{ opacity: 0.2 } 100%{ opacity: 1; }}
@-o-keyframes banner02_1{0%{left: 50px;} 100%{left: 1100px;}}
@-o-keyframes banner02_2{0%{left: 50px;} 100%{left: 492px;}}
@-o-keyframes banner02_3{0%{ opacity: 0.2 } 100%{ opacity: 1; }}
@-ms-keyframes banner02_1{0%{left: 50px;} 100%{left: 1100px;}}
@-ms-keyframes banner02_2{0%{left: 50px;} 100%{left: 492px;}}
@-ms-keyframes banner02_3{0%{ opacity: 0.2 } 100%{ opacity: 1; }}
@keyframes banner02_1{0%{left: 50px;} 100%{left: 1100px;}}
@keyframes banner02_2{0%{left: 50px;} 100%{left: 492px;}}
@keyframes banner02_3{0%{ opacity: 0.2 } 100%{ opacity: 1; }}

@-webkit-keyframes banner02_4{ 0%{top: -640px;opacity: .1;} 100%{top: -485px;opacity: 1;}}
@-moz-keyframes banner02_4{ 0%{top: -640px;opacity: .1;} 100%{top: -485px;opacity: 1;}}
@-o-keyframes banner02_4{ 0%{top: -640px;opacity: .1;} 100%{top: -485px;opacity: 1;}}
@-ms-keyframes banner02_4{ 0%{top: -640px;opacity: .1;} 100%{top: -485px;opacity: 1;}}
@keyframes banner02_4{ 0%{top: -640px;opacity: .1;} 100%{top: -485px;opacity: 1;}}

@-webkit-keyframes banner02_5{ 0%{-webkit-transform:scale(0.2);} 100%{-webkit-transform:scale(1);} }
@-moz-keyframes banner02_5{ 0%{  -moz-transform:scale(0.2);} 100%{-moz-transform:scale(1);} }
@-ms-keyframes banner02_5{ 0%{-ms-transform:scale(0.2);} 100%{-ms-transform:scale(1);}}
@-o-keyframes banner02_5{ 0%{-o-transform:scale(0.2);} 100%{-o-transform:scale(1);}}
@keyframes banner02_5{0%{transform:scale(0.2);} 100%{transform:scale(1);} }

/*=======开业banner=========*/
@-moz-keyframes banner03_1{0%{ opacity: .8; -moz-transform:scale(0.999);} 100%{opacity: 1;-moz-transform:scale(1);}}
@-moz-keyframes banner03_2{0%{left: 200px; opacity: .5; -moz-transform:scale(0.4); top: -375px;} 100%{left: 380px;opacity: .8; -moz-transform:scale(1); top: -250px;}}
@-moz-keyframes banner03_3{0%{left: 1100px; opacity: .6; -moz-transform:scale(1);} 100%{left: 1400px;opacity: .4; -moz-transform:scale(0.5);}}
@-moz-keyframes banner03_4{0%{left: 968px; opacity: .6; -moz-transform:scale(1); top: -345px;} 100%{left: 1200px;opacity: .4; -moz-transform:scale(0.6); top: -385px;}}
@-moz-keyframes banner03_5{0%{left: 0px; opacity: .5; -moz-transform:scale(0.4); top: -425px;} 100%{left: 65px;opacity: .8; -moz-transform:scale(1); top: -360px;}}
@-webkit-keyframes banner03_1{0%{ opacity: .8; -webkit-transform:scale(0.999);} 100%{opacity: 1;-webkit-transform:scale(1);}}
@-webkit-keyframes banner03_2{0%{left: 200px; opacity: .5; -webkit-transform:scale(0.4); top: -375px;} 100%{left: 380px;opacity: .8; -webkit-transform:scale(1); top: -250px;}}
@-webkit-keyframes banner03_3{0%{left: 1100px; opacity: .6; -webkit-transform:scale(1);} 100%{left: 1400px;opacity: .4; -webkit-transform:scale(0.5);}}
@-webkit-keyframes banner03_4{0%{left: 968px; opacity: .6; -webkit-transform:scale(1); top: -345px;} 100%{left: 1200px;opacity: .4; -webkit-transform:scale(0.6); top: -385px;}}
@-webkit-keyframes banner03_5{0%{left: 0px; opacity: .5; -webkit-transform:scale(0.4); top: -425px;} 100%{left: 65px;opacity: .8; -webkit-transform:scale(1); top: -360px;}}
@-o-keyframes banner03_1{0%{ opacity: .8; -o-transform:scale(0.999);} 100%{opacity: 1;-o-transform:scale(1);}}
@-o-keyframes banner03_2{0%{left: 200px; opacity: .5; -o-transform:scale(0.4); top: -375px;} 100%{left: 380px;opacity: .8; -o-transform:scale(1); top: -250px;}}
@-o-keyframes banner03_3{0%{left: 1100px; opacity: .6; -o-transform:scale(1);} 100%{left: 1400px;opacity: .4; -o-transform:scale(0.5);}}
@-o-keyframes banner03_4{0%{left: 968px; opacity: .6; -o-transform:scale(1); top: -345px;} 100%{left: 1200px;opacity: .4; -o-transform:scale(0.6); top: -385px;}}
@-o-keyframes banner03_5{0%{left: 0px; opacity: .5; -o-transform:scale(0.4); top: -425px;} 100%{left: 65px;opacity: .8; -o-transform:scale(1); top: -360px;}}
@-ms-keyframes banner03_1{0%{ opacity: .8; -ms-transform:scale(0.999);} 100%{opacity: 1;-ms-transform:scale(1);}}
@-ms-keyframes banner03_2{0%{left: 200px; opacity: .5; -ms-transform:scale(0.4); top: -375px;} 100%{left: 380px;opacity: .8; -ms-transform:scale(1); top: -250px;}}
@-ms-keyframes banner03_3{0%{left: 1100px; opacity: .6; -ms-transform:scale(1);} 100%{left: 1400px;opacity: .4; -ms-transform:scale(0.5);}}
@-ms-keyframes banner03_4{0%{left: 968px; opacity: .6; -ms-transform:scale(1); top: -345px;} 100%{left: 1200px;opacity: .4; -ms-transform:scale(0.6); top: -385px;}}
@-ms-keyframes banner03_5{0%{left: 0px; opacity: .5; -ms-transform:scale(0.4); top: -425px;} 100%{left: 65px;opacity: .8; -ms-transform:scale(1); top: -360px;}}
@keyframes banner03_1{0%{ opacity: .8; transform:scale(0.999);} 100%{opacity: 1;transform:scale(1);}}
@keyframes banner03_2{0%{left: 200px; opacity: .5; transform:scale(0.4); top: -375px;} 100%{left: 380px;opacity: .8; transform:scale(1); top: -250px;}}
@keyframes banner03_3{0%{left: 1100px; opacity: .6; transform:scale(1);} 100%{left: 1400px;opacity: .4; transform:scale(0.5);}}
@keyframes banner03_4{0%{left: 968px; opacity: .6; transform:scale(1); top: -345px;} 100%{left: 1200px;opacity: .4; transform:scale(0.6); top: -385px;}}
@keyframes banner03_5{0%{left: 0px; opacity: .5; transform:scale(0.4); top: -425px;} 100%{left: 65px;opacity: .8; transform:scale(1); top: -360px;}}

/*============微信banner===========*/
@-moz-keyframes banner04_1{ 0%{top: 280px;opacity: .6;} 100%{top: 238px; opacity: 1;}}
@-moz-keyframes banner04_2{ 0%{top: -1000px;} 100%{top: 0;} }
@-moz-keyframes banner04_3{ 0%{left: 1400px} 100%{left: 964px;} }
@-webkit-keyframes banner04_1{ 0%{top: 280px;opacity: .6;} 100%{top: 238px; opacity: 1;}}
@-webkit-keyframes banner04_2{ 0%{top: -1000px;} 100%{top: 0;} }
@-webkit-keyframes banner04_3{ 0%{left: 1400px} 100%{left: 964px;} }
@-o-keyframes banner04_1{ 0%{top: 280px;opacity: .6;} 100%{top: 238px; opacity: 1;}}
@-o-keyframes banner04_2{ 0%{top: -1000px;} 100%{top: 0;} }
@-o-keyframes banner04_3{ 0%{left: 1400px} 100%{left: 964px;} }
@-ms-keyframes banner04_1{ 0%{top: 280px;opacity: .6;} 100%{top: 238px; opacity: 1;}}
@-ms-keyframes banner04_2{ 0%{top: -1000px;} 100%{top: 0;} }
@-ms-keyframes banner04_3{ 0%{left: 1400px} 100%{left: 964px;} }
@keyframes banner04_1{ 0%{top: 280px;opacity: .6;} 100%{top: 238px; opacity: 1;}}
@keyframes banner04_2{ 0%{top: -1000px;} 100%{top: 0;} }
@keyframes banner04_3{ 0%{left: 1400px} 100%{left: 964px;} }


.banner02_1{ width: 76px ;height:31px; top: 314px;left: 800px; z-index: 2;
  -moz-animation: banner02_1 12s ease-out;
  -webkit-animation: banner02_1 12s ease-out;
  -o-animation: banner02_1 12s ease-out;
  -ms-animation: banner02_1 12s ease-out;
  animation: banner02_1 12s ease-out;}
.banner02_2{ width: 78px ;height:36px; top: 280px;left: 492px;z-index: 2;
  -moz-animation:banner02_2 8s ease-out;
  -webkit-animation:banner02_2 8s ease-out;
  -o-animation:banner02_2 8s ease-out;
  -ms-animation:banner02_2 8s ease-out;
  animation:banner02_2 8s ease-out;}

.banner02_3{ width: 48px;height: 35px; top: 115px;left: 232px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 1s; 
  -webkit-animation:banner02_3 3s ease-out 1s; 
  -o-animation:banner02_3 3s ease-out 1s; 
  -ms-animation:banner02_3 3s ease-out 1s; 
  animation:banner02_3 3s ease-out 1s; }
.banner02_4{width: 48px;height: 35px; top: 100px;left: 315px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 1.8s; 
  -webkit-animation:banner02_3 3s ease-out 1.8s;
  -o-animation:banner02_3 3s ease-out 1.8s;
  -ms-animation:banner02_3 3s ease-out 1.8s;
  animation:banner02_3 3s ease-out 1.8s;}
.banner02_5{width: 48px;height: 35px; left: 395px; top: 72px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 2.5s;
  -webkit-animation:banner02_3 3s ease-out 2.5s;
  -o-animation:banner02_3 3s ease-out 2.5s;
  -ms-animation:banner02_3 3s ease-out 2.5s;
  animation:banner02_3 3s ease-out 2.5s;}
.banner02_6{width: 48px;height: 35px; left: 490px; top: 32px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 3.2s;
  -webkit-animation:banner02_3 3s ease-out 3.2s;
  -o-animation:banner02_3 3s ease-out 3.2s;
  -ms-animation:banner02_3 3s ease-out 3.2s;
  animation:banner02_3 3s ease-out 3.2s;}
.banner02_7{width: 48px;height: 35px; left: 795px; top: 13px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 6s;
  -webkit-animation:banner02_3 3s ease-out 6s;
  -o-animation:banner02_3 3s ease-out 6s;
  -ms-animation:banner02_3 3s ease-out 6s;
  animation:banner02_3 3s ease-out 6s;}
.banner02_8{width: 48px;height: 35px; left: 857px;top: -35px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 6.5s;
  -webkit-animation:banner02_3 3s ease-out 6.5s;
  -o-animation:banner02_3 3s ease-out 6.5s;
  -ms-animation:banner02_3 3s ease-out 6.5s;
  animation:banner02_3 3s ease-out 6.5s;}
.banner02_9{width: 48px;height: 35px; left: 956px;top: -68px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 7.8s;
  -webkit-animation:banner02_3 3s ease-out 7.8s;
  -o-animation:banner02_3 3s ease-out 7.8s;
  -ms-animation:banner02_3 3s ease-out 7.8s;
  animation:banner02_3 3s ease-out 7.8s;}
.banner02_10{width: 48px;height: 35px; left: 1000px;top: -116px; z-index: 2;
  -moz-animation:banner02_3 3s ease-out 8.5s;
  -webkit-animation:banner02_3 3s ease-out 8.5s;
  -o-animation:banner02_3 3s ease-out 8.5s;
  -ms-animation:banner02_3 3s ease-out 8.5s;
  animation:banner02_3 3s ease-out 8.5s;}
  .banner02_11{ width: 1155px; height: 162px; top: -158px;left: 112px;z-index: 1; }
  .banner02_12{ width: 882px;height: 64px; top: -485px;left: 274px;
  	-moz-animation:banner02_4 2s ease-out;
  	-webkit-animation:banner02_4 2s ease-out;
  	-o-animation:banner02_4 2s ease-out;
  	-ms-animation:banner02_4 2s ease-out;
  	animation:banner02_4 2s ease-out;}
  .banner02_13{width: 400px;height: 47px; top: -460px;left: 472px;
  	-moz-animation:banner02_5 3s ease-in;
  	-webkit-animation:banner02_5 3s ease-in;
  	-o-animation:banner02_5 3s ease-in;
  	-ms-animation:banner02_5 3s ease-in;
  	animation:banner02_5 3s ease-in;}
  .carousel-control{ line-height: 350px; font-size: 90px; z-index: 2; width: 10%; background-image: none;}
  .carousel-indicators .active{ background: rgb(255,120,21); }

  .banner03_1{width: 291px;height: 307px; left: 558px; top: 5px;
	-moz-animation:banner03_1 0.5s infinite;
	-webkit-animation:banner03_1 0.5s infinite;
	-o-animation:banner03_1 0.5s infinite;
	-ms-animation:banner03_1 0.5s infinite;
	animation:banner03_1 0.5s infinite;}
  .banner03_2{ width: 110px; height: 57px; top: -275px;left: 300px; opacity: .7;
	-moz-animation: banner03_2 30s ease infinite;
	-webkit-animation: banner03_2 30s ease infinite;
	-o-animation: banner03_2 30s ease infinite;
	-ms-animation: banner03_2 30s ease infinite;
	animation: banner03_2 30s ease infinite;}
  .banner03_3{ width: 67px;height: 42px; top: -342px;left: 1200px; opacity: .4;
	-moz-animation: banner03_3 30s ease infinite;
	-webkit-animation: banner03_3 30s ease infinite;
	-o-animation: banner03_3 30s ease infinite;
	-ms-animation: banner03_3 30s ease infinite;
	animation: banner03_3 30s ease infinite;}
  .banner03_4{width:94px;height: 46px; top: -355px;left:968px; opacity: .6;
	-moz-animation: banner03_4 30s ease infinite;
	-webkit-animation: banner03_4 30s ease infinite;
	-o-animation: banner03_4 30s ease infinite;
	-ms-animation: banner03_4 30s ease infinite;
	animation: banner03_4 30s ease infinite;}
  .banner03_5{ width: 110px; height: 52px; top: -370px;left: 35px; opacity: .8;
	-moz-animation: banner03_5 30s ease infinite;
	-webkit-animation: banner03_5 30s ease infinite;
	-o-animation: banner03_5 30s ease infinite;
	-ms-animation: banner03_5 30s ease infinite;
	animation: banner03_5 30s ease infinite;}

  .banner04_1{ width: 145px;height: 50px; left: 1028px;top: 238px;
	-moz-animation:banner04_1 3s ease-out;
	-webkit-animation:banner04_1 3s ease-out;
	-o-animation:banner04_1 3s ease-out;
	-ms-animation:banner04_1 3s ease-out;
	animation:banner04_1 3s ease-out;}
  .banner04_2{ width: 350px; height: 50px; left: 922px;
	-moz-animation:banner04_2 2s ease-out;
	-webkit-animation:banner04_2 2s ease-out;
	-o-animation:banner04_2 2s ease-out;
	-ms-animation:banner04_2 2s ease-out;
	animation:banner04_2 2s ease-out;}
  .banner04_3{width: 260px; height: 52px; left: 964px; top: 28px;
	-moz-animation:banner04_3 3s ease-in;
	-webkit-animation:banner04_3 3s ease-in;
	-o-animation:banner04_3 3s ease-in;
	-ms-animation:banner04_3 3s ease-in;
	animation:banner04_3 3s ease-in;}
  
  @media screen and (max-width: 1300px){
		.banner03_1{ left: 465px; }
		.banner04_2{ left: 845px; }
		.banner04_3{ left: 893px; }
		.banner04_1{ left: 948px; }
	}

.dongtai{width:245px; position:relative; height:auto;margin-left: 955px;overflow: hidden;background-color: #fff;}
.dongtai .dongtai_lunbo{margin: 10px auto; width: 200px; overflow: hidden;position: relative;}
.dongtai img{height:109px; width:199px;}
.dongtai ul{  overflow: hidden; }
.dongtai ul li {border-bottom:1px solid rgb(219,219,219);  width:230px; height:30px; line-height: 30px; white-space:nowrap;overflow: hidden; text-overflow: ellipsis; text-align: left; margin-left: 20px; font-size: 12px;}
.dongtai ul li a{ line-height:30px; font-size:14px; color:rgb(111,111,111);font-size: 12px;}
.dongtai ul li a:hover{color: #FF780C;}
.dongtai ul li span{ line-height:30px; color:rgb(83,193,250);}
#dongtaiImg p{display:none; position: relative;width: 200px;float: left;}
.dongtai_lunbo > a{display: block;font-size: 20px;position: absolute;opacity: .6;border-radius: 50%;top: 50%;margin-top: -8px; color: #fff; height: 20px;line-height: 20px;}
.dongtai_lunbo > a:hover{opacity: 1;}
.dongtai_lunbo #dtLeft{left: 0; margin-left: 10px;}
.dongtai_lunbo #dtRight{right: 0;margin-right: 10px;}

/*-------在线联系S-------*/
  #contact h3 {
        margin: 0;
        padding: 0;
        outline: none;
    }
    #contact img, a {
        margin: 0;
        padding: 0;
        outline: none;
    }
    #contact  a {
        margin: 0;
        padding: 0;
        outline: none;
    }

    #floatQQ {
        position: fixed;
        top: 43%;
        right: 0;
        width: 96px;
        margin-right: 0px;
        height: 184px;
        background-color: #FFFFFF;
        z-index: 10000;
    }

    #contact, #goTop {
        border: 1px solid #bababa;
 
        position: relative;
        float: left;
    }

    #goTop {
        margin-top: 4px;
        width: 93px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: none;
        background-color: white;
    }

        #goTop:hover {
            opacity: .8;
        }

        #goTop a {
            display: inline-block;
            width: 93px;
            float: left;
        }

    #contact h3 {
        color: #4FB5F3;
        font-family: "微软雅黑";
        font-size: 18px;
        text-align: center;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-weight: 100;
        float: left;
    }

    .QQ{
        display: inline-block;
        width: 42px;
        height:50px;
        border-top: 1px solid #bababa;
        text-align: center;
        float: left;
    }
    .QQimage{
        margin-left:-4px;
    }
     .kf {
        display: inline-block;
        width: 50px;
        border-top: 1px solid #bababa;
        text-align: center;
        float: left;
    }

    .QQhide {
        display: none;
    }
    /*-------在线联系E-------*/