/* CSS Document */
body,p,ul,dl,dt,dd{ margin:0; padding:0; list-style:none; font-family: "Microsoft YaHei",Geneva, Arial, Helvetica, sans-serif; }
img{ border:0;}
.clear{clear:both;}
.fixTop{ width:100%; position:fixed; top:0; left:0; height:123px; z-index:9; background:rgba(0,0,0,0.5)}
.fixTop .inforTop{ width:1204px; margin:0 auto; color:#fff; font-size:12px; height:30px;}
.fixTop .inforTop .leftWel{ width:250px; line-height:30px; float:left; paddding:0 0 0 30px;}
.fixTop .inforTop .rightPhone{ width:230px; line-height:30px; float:right; paddding:0 15px 0 0px; font-size:16px; font-weight:bold;}
.fixTop .logoGrid{ width:100%; background:url(../images/menubac.png) left top repeat-x; height:95px;}
.fixTop .logoGrid .logoCon{ width:1204px; margin:0 auto;}
.logoGrid .logoCon .logo{ width:110px; height:47px; float:left; padding:5px 0 0 31px;}
.logoGrid .logoCon ul { width:760px;  float:right; padding-top:41px;}
.logoCon ul li{ display:block; float:left; width:auto; font-size:14px;  padding:0 0 0 38px;}
.logoCon ul li a{color:#1b1a1a; text-decoration:none;}.logoCon  ul li a:hover{color:#d90303; text-decoration:none;}
#pageContain { overflow: hidden;width:100%;  height:100%; position:absolute; left:0; top:0;}
#navBar { z-index: 3; position: absolute; top: 50%; right: 3%; margin-top:-69px;}
#navBar .active { background: #FF0000;}
#navBar li { cursor: pointer; margin-bottom: 10px; transition: all .7s ease; border-radius: 50%; line-height: 10px; text-align: center; width: 10px; height: 10px;  border:2px solid #ff6600; background:#fff;}
.txt { margin-top: 20%; font-size: 50px; color: #fff; text-align: center;}
.page { display: none; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0;}
.contain { width: 100%; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
/*css3 flash*/
@keyframes rightIn{
 0%  {transform:translate(-800px,0);opacity:0;}
 100% {transform:translate(0px,0);opacity:1}
}
@-webkit-keyframes rightIn{
0%{-webkit-transform:translate(-800px,0); opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}

}
@keyframes leftIn{
 0%  {transform:translate(800px,0);opacity:0;}
 100% {transform:translate(0px,0);opacity:1}
}
@-webkit-keyframes leftIn{
0%{-webkit-transform:translate(800px,0); opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}

}
@-webkit-keyframes upIn{
0%{-webkit-transform:translate(0,-800px); opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}

}
@keyframes upIn{
0%{transform:translate(0,-800px); opacity:0;}
100%{transform:translate(0,0);opacity:1;}

}

@-webkit-keyframes downIn{
0%{-webkit-transform:translate(0,800px); opacity:0;}
100%{-webkit-transform:translate(0,0);opacity:1;}

}
@keyframes downIn{
0%{transform:translate(0,800px); opacity:0;}
100%{transform:translate(0,0);opacity:1;}

}

@keyframes roll{
 0%  {transform:rotate(0deg);opacity:0.8;}
 100% {transform:translate(360deg);opacity:1}
}
@-webkit-keyframes roll{
0%{-webkit-transform:rotate(0deg); opacity:0.8;}
100%{-webkit-transform:rotate(360deg);opacity:1;}

}





/*first screen*/
.frtScreen{ width:100%;  height:100%; position:absolute;}
.frtScreen .bannerGrid{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.frtScreen .bannerGrid ul.bannerpic{width:100%; position:absolute; z-index:1; height:100%; overflow:hidden;}
.frtScreen .bannerGrid ul.bannerpic li{ width:100%;position:absolute; display:none; height:100%;}
.frtScreen .bannerGrid ul.bannerpic li[rel='show']{ display:block;}
.frtScreen .bannerGrid ul.bannerpic li a{ font-size:0; line-height:477px; text-indent:-9999px; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.frtScreen .bannerGrid ul.bannerpic li  .textGrid{ width:800px; height:215px; position:absolute; left:50%; top:50%;  margin:-107.5px 0 0 -400.5px; background-color:rgba(0,0,0,0.4);}
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .toptxt{ width:800px; margin:0 auto; color:#fff; font-size:40px; line-height:60px; text-align:center; } 
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .midtxt{ width:549px; height:73px; margin:0 auto; color:#FF6600; font-size:50px; line-height:73px; text-transform:uppercase; text-align:center; }
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .bottxt{ width:500px; margin:0 auto; line-height: 25px; color:#fff; font-size:16px; text-align:center;}
#bannerTxt1 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s;}
#bannerTxt1 .midtxt{ainimation:leftIn 1s;-webkit-animation:leftIn 1s;}
#bannerTxt1 .bottxt{animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
#bannerTxt2 .toptxt{ainimation:leftIn 0.5s;-webkit-animation:leftIn 0.5s;}
#bannerTxt2 .midtxt{ainimation:upIn 1s;-webkit-animation:upIn 1s;}
#bannerTxt2 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
#bannerTxt3 .toptxt{ainimation:upIn 0.5s;-webkit-animation:upIn 0.5s;}
#bannerTxt3 .midtxt{ainimation:rightIn 1s;-webkit-animation:rightIn 1s;}
#bannerTxt3 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
#bannerTxt4 .toptxt{ainimation:leftIn 0.5s;-webkit-animation:leftIn 0.5s;}
#bannerTxt4 .midtxt{ainimation:rightIn 1s;-webkit-animation:rightIn 1s;}
#bannerTxt4 .bottxt{animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}

.frtScreen .countIcon{ width:250px; position:absolute; left:50%; bottom:30px; margin-left:-95px; z-index:8;}
.frtScreen .countIcon ul{ width:180px;} .frtScreen .countIcon ul li{ width:45px; float:left; padding:10px 7px; cursor:pointer; }
.frtScreen .countIcon ul li a{ width:45px; display:block; height:5px; background:#fff; text-indent:-999999px; font-size:0; line-height:5px; text-decoration:none;}
.frtScreen .countIcon ul li.on a{background:#ff6600;} 
.scrollIcon{ width:53px; height:53px; position:fixed; left:50%; bottom:20px; margin-left:-25px; cursor:pointer; z-index:8; display:none;}

/*sec screen*/

  .secScreen video{ width:100%; position: absolute;left: 0;right: 0;top: 0;bottom: 0; background: url(../video/bg4.webm) center top no-repeat; }
 .secScreen .bg{ background: url(../imgs/img50.png) repeat; position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

  
  #video{ width:100%; position: absolute;left: 0;right: 0;top: 0;bottom: 0; background: url(../video/bg4.webm) center top no-repeat; }
 #video .bg{background: url(../imgs/img50.png) repeat; position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
 #video video { width:100%; position: absolute;left: 0;right: 0;top: 0;bottom: 0;  }

.secScreen{ width:100%;  background: url(../images/secbac.jpg) center top no-repeat; background-size:cover; position:absolute; height:100%;}
.secScreen .conTxt{ width:1204px;  color:#fff;  height:420px; position:absolute; left:50%; top:50%;  margin:-125px 0 0 -602px; background-color:#000;opacity:0.8; }
.secScreen .conTxt .aboutKamu{ width:266px; height:68px; margin:0 auto; padding-top:27px; position:relative;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.secScreen .conTxt .aboutKamu hr{ border-bottom:1px solid #fff; border-top:0;  height:0px; position: absolute; left:0; top:26px;}
.secScreen .conTxt .aboutKamu .title{ width:138px; height:66px; position:absolute; left:60px; top:8px; text-align:center;  font-size:18px;}
.secScreen .conTxt .aboutKamu .title span{line-height:50px; font-size:30px;}
.secScreen .conTxt .aboutLine{ width:595px; margin:0 auto; height:16px; padding-top:12px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.secScreen .conTxt .textarea{ width:1112px; margin:0 auto; padding-top:20px; line-height:30px; color:#fff; font-size:15px; height:150px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s; }
.secScreen .conTxt .more{ width:190px; height: 50px;  margin:0 auto; padding:30px 0 0 0;animation:upIn 1.5s; -webkit-animation:upIn 1.5s; }
.secScreen .conTxt .more a{border:1px solid #fff;  border-radius:5px; display:block; width:190px; height:50px; line-height:50px; text-decoration:none; color:#fff; text-align:center;}

/*third screen*/
.thirdScreen{ width:100%;  height:100%; position:absolute; left:0; top:0; background:url(../images/9.jpg) center top no-repeat; background-attachment:fixed; background-size:cover;}
.thirdScreen .content{ width:1204px; color:#494949; height:400px; position:absolute; left:50%; top:43%; margin:-200px 0 0 -602px; }
.thirdScreen .content .ser{ width:266px; height:108px; margin:0 auto; position:relative;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.thirdScreen .content .ser hr{ border-bottom:1px solid #ff6600; border-top:0; width:266px; height:0px; position: absolute; left:0; top:66px;}
.thirdScreen .content .ser .title{ width:138px; height:66px; position:absolute; left:60px; top:48px; text-align:center;  font-size:18px; color:#ff6600;}
.thirdScreen .content .ser .title span{line-height:50px; font-size:30px; color:#4d4d4d;}
.thirdScreen .content .ad{ width:691px; margin:0 auto; text-align:center; font-size:14px; line-height:30px; height:30px; padding:10px 0;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.thirdScreen .content .serLine{ width:595px; margin:0 auto; height:16px;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.thirdScreen .content ul{ width:1204px; padding-top:30px;}
.thirdScreen .content ul li{ width:196px; float:left; padding:0 50px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.thirdScreen .content ul li .topIcon{ width:160px; height:160px; margin:0 auto; position:relative;}
.thirdScreen .content ul li:hover .topIcon{ animation:roll 1s;-webkit-animation:roll 1s;}
.thirdScreen .content ul li .topIcon .bac{ width:1px; height:0px; border:80px solid #19a6db; border-radius:84px; position: absolute; left:0px; top:0; z-index:1; transition:all 0.5s;-webkit-transition:all 0.5s; }
.thirdScreen .content ul li:hover .topIcon .bac{  border:80px solid #ff5d20; transition:all 0.5s;-webkit-transition:all 0.5s;}
.thirdScreen .content ul li .topIcon .pic{ width:160px; height:95px; padding-top:30px;text-align:center; position:relative; z-index:2;}
.thirdScreen .content ul li .des{ width:196px; line-height:35px; padding-top:10px;font-size:12px;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.thirdScreen .content ul li .des span{ font-size:16px;}
.thirdScreen .content ul li .des span.last{ font-size:16px; padding-left:30px;}
.thirdScreen .content ul li .des span a{ color:#d31c03;}

/*fourth screen*/
.fourthScr{ width:100%; height:100%; position:absolute; background:url(../images/road.jpg) center top no-repeat; background-attachment:fixed; background-size:cover;}
.fourthScr .content{ width:1204px; height:230px;  position:absolute; left:50%;top:50%; margin:-115px 0 0 -602px; color:#fff; text-align:center;}
.fourthScr .content .topFont{ width:378px; margin:0 auto; font-size:40px; padding-top:90px; animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.fourthScr .content .desTop{ font-size:25px; line-height:90px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s; display:block;}
.fourthScr .content .desBot{ font-size:15px; line-height:25px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s; display:block;}

/*fifth screen*/
.fifthScr{ width:100%; height:100%; position:absolute; background:url(../images/snowmountain.jpg)  center  top no-repeat; background-size:cover;}

@media screen and (max-width:1590px){
.fifthScr .content{ width:1204px; color:#4d4d4d; position:absolute; height:300px; left:50%; top:50%; margin:-150px 0 0 -602px; }
.fifthScr .content .toptitle{ width:151px;  margin:0 auto; text-align:center; font-size:25px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.fifthScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.fifthScr .content .toptitle p{ display:none;width:44px; margin:15px auto; height:5px; background:#5a92fa;}
.fifthScr .content a.line{ width:595px; margin:5px auto; height:16px; display:block;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.fifthScr .content ul.jsGrid{ width:1204px; padding-top:0px; position:relative;}
}

@media screen and (min-width:1600px){
.fifthScr .content{ width:1204px; color:#4d4d4d; position:absolute; height:400px; left:50%; top:50%; margin:-200px 0 0 -602px; }
.fifthScr .content .toptitle{ width:151px;  margin:0 auto; text-align:center; font-size:25px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.fifthScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.fifthScr .content .toptitle p{ width:44px; margin:15px auto; height:5px; background:#5a92fa;}
.fifthScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.fifthScr .content ul.jsGrid{ width:1204px; padding-top:20px; position:relative;}
}



.fifthScr .content ul.jsGrid li{ width:406px;position:absolute; z-index:2; cursor:pointer;}
.fifthScr .content ul.jsGrid li .leftIcon{ width:65px; height:65px; float:left;}
.fifthScr .content ul.jsGrid li .rightTxt { width:309px; overflow:hidden; font-size:12px;  float:left; padding-left:20px; line-height:25px;}
.fifthScr .content ul.jsGrid li .rightTxt p{ width:309px; height:125px; overflow:hidden;}
.fifthScr .content ul.jsGrid li .rightTxt span{ font-size:18px; line-height: 35px;}
.fifthScr .content ul.jsGrid li .rightTxt hr{ width:206px; border:0; border-bottom:1px solid #ccc; height:0; display:block; margin-left:30px; } 
.fifthScr .content ul.jsGrid li.cup{  position:absolute; left:47px; top:52px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.fifthScr .content ul.jsGrid li.quartet{  position:absolute; left:752px; top:52px;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.fifthScr .content ul.jsGrid li.quartet hr{margin:0;}
.fifthScr .content ul.jsGrid li.rule{  position:absolute; left:47px; top:208px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.fifthScr .content ul.jsGrid li.light{  position:absolute; left:752px; top:208px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.fifthScr .content ul.jsGrid li.mid{ width:357px; height: 360px; position:absolute; left:422px;top:0px; z-index:1; background:url(../images/midd.jpg) center  top no-repeat; cursor: default;}
.fifthScr .content ul.jsGrid li.mid .topIconB{ width:102px; height:102px; margin:0 auto; padding-top:67px;}
.fifthScr .content ul.jsGrid li.mid .botTxt{ width:146px; height:47px; margin:0 auto; padding-top:18px; color:#4d4d4d; font-size:18px; text-align:center; line-height:25px; display:none;}

/*sixth screen*/
.sixScr{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;}
@media screen and (max-width:1590px){
.sixScr .content{ width:1204px; height:530px; position:absolute; left:50%; top:50%; margin:-265px 0 0 -602px;color:#4d4d4d; overflow:hidden;}
.sixScr .content .toptitle{ width:151px;  margin:0 auto; text-align:center; padding-top:100px; font-size:25px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
}
@media screen and (min-width:1600px)
{
.sixScr .content{ width:1204px; height:860px; position:absolute; left:50%; top:50%; margin:-400px 0 0 -602px;color:#4d4d4d; overflow:hidden;}
.sixScr .content .toptitle{ width:151px;  margin:0 auto; text-align:center; padding-top:120px; font-size:25px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
}

.sixScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.sixScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.sixScr .content .tabGrid{ width:1055px; height:583px; margin:0 auto; margin-top:20px; position:relative;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.sixScr .content .tabGrid .bac{ background:url(../images/tabhover.png) center top no-repeat; width:110px; height:44px; position:absolute; left:0;top:0; z-index:2;}
.sixScr .content .tabGrid dl{ width:576px; height:51px; position:relative; text-align:center;}
.sixScr .content .tabGrid dl dd,.sixScr .content .tabGrid dl dt{ width:111px; float:left; border-right:1px  solid #fff; position:relative; background:#eeeeee;}
.sixScr .content .tabGrid dl dd a,.sixScr .content .tabGrid dl dt a{ width:111px; height:40px; line-height:40px; display:block; color:#4d4d4d; font-size:16px; position: relative; z-index:3; text-decoration:none;}
.sixScr .content .tabGrid dd.on,.sixScr .content .tabGrid dt.on{ background:none; }
.sixScr .content .tabGrid dl dd.on a,.sixScr .content .tabGrid dl dt.on a{ color:#fff;}
.sixScr .content .tabGrid .textGrid{ width:1055px; padding-top:10px; display:none;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.tabGrid .textGrid .leftGrid{ width:487px; float:left;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.tabGrid .textGrid .leftGrid .topic{ width:487px; height:319px; overflow:hidden; display:block;}
.tabGrid .textGrid .leftGrid .topic img{ width:487px; height:319px;}
.tabGrid .textGrid .leftGrid .textBot{ width:487px; padding-top:10px;}
.tabGrid .textGrid .leftGrid .textBot a{ color:#4d4d4d; text-decoration:none; font-size:12px; line-height:25px; display:block;}
.tabGrid .textGrid .leftGrid .textBot a span{ color:#000; font-size:18px; line-height:35px;}
@media screen and (max-width:1590px){
.tabGrid .textGrid ul.rightGrid{ width:491px; float:left; padding-left:70px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s; }
.tabGrid .textGrid ul.rightGrid li{ width:491px; padding-top:40px; border-top:1px solid #ccc; height:104px;}
.sixScr .content .more{ display:none;}
.thirdScreen .content .more{ display:none;}
}
@media screen and (min-width:1600px){
.tabGrid .textGrid ul.rightGrid{ width:491px; float:left; padding-left:70px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s; }
.tabGrid .textGrid ul.rightGrid li{ width:491px; padding-top:20px; border-top:1px solid #ccc; height:104px;}

.sixScr .content .more{ position:absolute; left:500px; width:190px; height: 50px;  margin:-80px auto 0; padding:30px 0 0 0;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.sixScr .content .more a{border:1px solid #fff; background:#ff7800;  border-radius:5px; display:block; width:190px; height:50px; line-height:50px; text-decoration:none; color:#fff; text-align:center;}

.thirdScreen .content .more{ width:190px; height: 50px;  margin:0 auto; padding:30px 0 0 0;animation:upIn 1.5s; -webkit-animation:upIn 1.5s; }
.thirdScreen .content .more a{border:1px solid #fff;  border-radius:5px; display:block; width:190px; height:50px; line-height:50px; text-decoration:none; color:#fff; text-align:center;}
}
.tabGrid .textGrid ul.rightGrid li:first-child{ padding:0; border:0;}
.tabGrid .textGrid ul.rightGrid li .date{ width:80px; height:80px; background:#eceeed; border-radius:5px; color:#4d4d4d; text-align:center; font-size:12px; float:left;}
.tabGrid .textGrid ul.rightGrid li .date span{ font-size:40px; line-height:60px;}
.tabGrid .textGrid ul.rightGrid li .des{ width:390px; height:80px; overflow:hidden; padding-left:15px; float:left;}
.tabGrid .textGrid ul.rightGrid li .des a{ color:#4d4d4d; font-size:12px; line-height:25px; text-decoration:none; display:block;}
.tabGrid .textGrid ul.rightGrid li .des a span{  font-size:16px; display:block; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}

.tabGrid .textGrid ul.rightGrid li:hover .date{ background:#ff7800; color:#fff;  transition:all 0.5s;-webkit-transition:all 0.5s; }
.tabGrid .textGrid ul.rightGrid li:hover .des a span{color:#ff7800; transition:all 0.5s;-webkit-transition:all 0.5s;  }

/*seventh screen*/
.senScr{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/seventhbac.jpg) center top no-repeat; background-size:cover;}
@media screen and (max-width:1590px){
.senScr .box{width:1204px; height:560px; position:absolute; left:50%; top:50%; margin:-250px 0 0 -602px; overflow:hidden;}
.senScr .content{ width:1204px; margin:0 auto; color:#4d4d4d; position:relative;padding-top:120px;}
}
@media screen and (min-width:1600px){
.senScr .box{width:1204px; height:690px; position:absolute; left:50%; top:50%; margin:-330px 0 0 -602px; overflow:hidden;}
.senScr .content{ width:1204px; margin:0 auto; color:#4d4d4d; position:relative; padding-top:160px;}
}

.senScr .content .yellowline{ width:265px; display:block; margin:0 auto; position:relative; z-index:2; height:1px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.senScr .content .yellowline hr.left{ float:left; width:61px;border:0; border-top:1px solid #fba100}
.senScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #fba100}
.senScr .content .toptitle{ width:142px;  margin:0 auto; text-align:center; font-size:25px; margin-top:-10px; position:relative; z-index:3;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.senScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.senScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
@media screen and (max-width:1590px){
.senScr .content ul{ padding-top:20px; width:1204px; overflow:hidden; height:305px; position:absolute; display:none;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.senScr .content .more{ display:none;}
}
@media screen and (min-width:1600px){
.senScr .content ul{ padding-top:30px; width:1204px; height:305px; position:absolute; display:none;animation:downIn 1.5s; -webkit-animation:downIn 1.5s; overflow:hidden;}

.senScr .content .more{ width:190px; height: 50px;  margin:365px auto 0; position:relative; z-index:8;padding:30px 0 0 0;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.senScr .content .more a{border:1px solid #fff; background:#ff7800;  border-radius:5px; display:block; width:190px; height:50px; line-height:50px; text-decoration:none; color:#fff; text-align:center;}

}
.senScr .content ul[rel='show']{ display:block;}
.senScr .content ul:after{ content:""; display:block; clear:both;}
.senScr .content ul li{ width:340px; height:309px; padding:0 30px 5px ; float:left;}
.senScr .content ul li .pic{ width:340px; height:208px; margin:0 auto; position:relative; z-index:2;}
.senScr .content ul li .pic img{ width:340px; height:208px;}
.senScr .content ul li .bac{ width:0px; height:208px;  position: relative; z-index:3; margin-top:-208px;transition:all 0.5s; -webkit-transition:all 0.5s; display:block; overflow: hidden;}
.senScr .content ul li:hover .bac{ width:340px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.senScr .content ul li .des{ width:300px; height:66px; background:#f1f1f1; overflow:hidden; padding:0 20px;}
.senScr .content ul li .des a{ font-size:12px; color:#4d4d4d; line-height:26px; text-decoration:none;}
.senScr .content ul li .des a span{ font-size:16px; line-height:36px;}
.senScr .content ul li:hover .des a span{ color:#ff6600;}

.senScr .content ul li .des1{ width:300px; height:90px; background:#f1f1f1; overflow:hidden; padding:0 20px;}
.senScr .content ul li .des1 a{ font-size:12px; color:#4d4d4d; line-height:26px; text-decoration:none;}
.senScr .content ul li .des1 a span{ font-size:16px; line-height:36px;}
.senScr .content ul li:hover .des1 a span{ color:#ff6600;}


.senScr .content ul li .border{ width:340px; height:2px; background:#b4b4b4;transition:all 0.5s; -webkit-transition:all 0.5s; display:block;}
.senScr .content ul li .borderhover{ width:0px; height:2px; background:#ff6600;transition:all 0.5s; -webkit-transition:all 0.5s; display:block; margin-top:-2px;}
.senScr .content ul li:hover .borderhover{ width:340px;transition:all 0.5s; -webkit-transition:all 0.5s; }
@media screen and (max-width:1590px){
.senScr .countIconS{ width:180px; position:absolute; left:50%; bottom:30px; margin-left:-90px; z-index:8;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
}
@media screen and (min-width:1600px){
.senScr .countIconS{ width:180px; position:absolute; left:50%; bottom:70px; margin-left:-90px; z-index:8;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}

}

.senScr .countIconS ul{ width:250px;} .senScr .countIconS ul li{ width:45px; float:left; padding:10px 7px; cursor:pointer; }
.senScr .countIconS ul li a{ width:45px; display:block; height:5px; background:#999999; text-indent:-999999px; font-size:0; line-height:5px; text-decoration:none;}
.senScr .countIconS ul li.on a{background:#ff6600;} 

/*eight screen*/
.eightScr{ width:100%; height:100%; position:absolute; background:#fff;}
@media screen and (max-width:1590px){
.eightScr .content{ display:none; width:100%; color:#4d4d4d; position:absolute; height:200px; left:0; top:0px; padding:124px 0 0 0; background:#fff; z-index:5;}
}

@media screen and (min-width:1600px){
.eightScr .content{ width:100%; color:#4d4d4d; position:absolute; height:200px; left:0; top:0px; padding:194px 0 0 0; background:#fff; z-index:5;}
}

.eightScr .content .yellowline{ width:265px; display:block; margin:0 auto;  position:relative; z-index:2; height:1px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.eightScr .content .yellowline hr.left{ float:left; width:61px;border:0; border-top:1px solid #fba100}
.eightScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #fba100}
.eightScr .content .toptitle{ width:142px;  margin:0 auto; text-align:center; font-size:25px; margin-top:-10px; position:relative; z-index:3;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.eightScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.eightScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.eightScr .content .ps{ width:1204px; padding:30px; margin:0 auto; text-align:center; color:#4d4d4d; font-size:14px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.eightScr .map{ width:100%; height:100%; position:absolute; background-size:cover; overflow:hidden;}
@media screen and (max-width:1590px){
.eightScr .map .mapbaidux{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.eightScr .map .mapbaidud{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}

}
@media screen and (min-width:1600px){
.eightScr .map .mapbaidux{ display:none;width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.eightScr .map .mapbaidud{  width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}

}

.eightScr .map .bachover{ background:rgba(31,38,54,0.8); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;transition:all 0.5s; -webkit-transition:all 0.5s;animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}
.eightScr .map:hover .bachover{ height:0;transition:all 0.5s; -webkit-transition:all 0.5s; }
@media screen and (max-width:1590px){
.eightScr .map .downmap{width:146px; height:307px; margin:0 auto; padding-top:123px; position:relative; z-index:9;transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}}
@media screen and (min-width:1600px){
.eightScr .map .downmap{ width:146px; height:307px; margin:0 auto; padding-top:395px; position:relative; z-index:9;transition:all 0.5s; -webkit-transition:all 0.5s; overflow:hidden;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
}

.eightScr .map .downmap img{ margin-top:-20px;}
.eightScr .map:hover .downmap{ width:146px; height:0px; margin:0 auto;transition:all 0.5s; -webkit-transition:all 0.5s; }
.eightScr .map .text{ width:100%; height:205px; left:0; bottom:0; background:none; position:absolute; z-index:3; transition:all 1s; -webkit-transition:all 1s;}
.eightScr .map:hover .text{background:rgba(0,0,0,0.5); transition:all 0.5s; -webkit-transition:all 0.5s; }
.eightScr .map ul{ width:1204px; margin:0 auto; position:relative; z-index:3;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s; }
.eightScr .map ul li{  height:140px; float:left; color:#fff; font-size:12px; line-height:30px; }
.eightScr .map ul li b{font-size:12px; line-height: 16px; padding:0; margin:0;}
.eightScr .map ul li.contact{ width:398px; padding:10px 0 0 66px;}
.eightScr .map ul li.qq{ width:299px; padding:10px 0 0 20px;}
.eightScr .map ul li.tel{ width:320px; padding:10px 0 0 86px;}
.eightScr .map ul li a{ color:#fff; text-decoration:none;}
.eightScr .map ul li.qq a{ line-height:30px;}
.eightScr .map ul li span{ font-size:16px; }
.eightScr .map ul li img{ vertical-align:text-bottom;}

/*nineth screen*/
.ninethScr{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;}

@media screen and (max-width:1590px){
.ninethScr .content{ width:1204px; margin:0 auto;height:400px; position:absolute; left:50%; top:50%; margin:-200px 0 0 -602px;}
.ninethScr .content .yellowline{ width:265px; display:block; margin:0 auto; margin-top:50px;/*190*/ position:relative; z-index:2; height:1px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content .yellowline hr.left{ float:left; width:61px;border:0; border-top:1px solid #fba100}
.ninethScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #fba100}
.ninethScr .content .toptitle{ width:142px;  margin:0 auto; text-align:center; font-size:25px; margin-top:-10px; position:relative; z-index:3;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.ninethScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.ninethScr .content a.line{ display:none;/**/ width:595px; margin:0 auto; height:16px; display:block;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content .ps{ display:none;/**/width:1204px; padding:30px 0 0 0; text-align:center; color:#4d4d4d; font-size:14px; margin:0 auto;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content ul{ width:660px;/*1204*/ padding-top:10px;/*30*/animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s; margin:0 auto;}
.ninethScr .content ul:after{ content:""; display:block; clear:both;}
.ninethScr .content ul li{ width:300px;/*500*/ padding:16px/**/ 0 0 20px/*60*/; float: left;}
.ninethScr .content ul li input{ width:280px;/*500*/ height:26px;/**/ float: left; padding:2px 10px;/**/ border:1px solid #ccc; line-height:12px;/*16*/ background:none; outline:0; color:#4d4d4d; font-size:12px;/*16*/}
.ninethScr .content ul li textarea.text{ width:595px;/*1080*/ height:50px;  padding:5px 10px;/*10*/ border:1px solid #ccc; line-height:25px; background:none; outline:0;color:#4d4d4d; font-size:12px;/*16*/}
.ninethScr .content  .button{ width:152px; height:39px;  margin:7px 0 0 296px; float:left; animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content  .button a{display:block; background:#ff6600; border-radius:5px; color:#fff; line-height:39px;text-align:center; font-size:18px; text-decoration:none;}
.ninethScr .content .buttonTxt{ width:565px; float:left;margin:7px 0 0 16px; line-height:49px; font-size:12px; color:#4d4d4d; font-size:12px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.ninethScr .bottom{ width:100%; background:#282828; height:100px; position: absolute; bottom:0; text-align:center; color:#fff; animation:downIn 1.5s; -webkit-animation:downIn 1.5s; left:0;}
.ninethScr .bottom .copy{ width:500px; margin:0 auto; padding-top:15px; line-height:25px; font-size:12px;}
.ninethScr .bottom .copy a{ text-decoration:none; color:#fff;}

}
@media screen and (min-width:1660px){
.ninethScr .content{ width:1204px; margin:0 auto; height:660px; position:absolute; left:50%; top:50%; margin:-330px 0 0 -602px;}
.ninethScr .content .yellowline{ width:265px; display:block; margin:0 auto; padding-top:100px; position:relative; z-index:2; height:1px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content .yellowline hr.left{ float:left; width:61px;border:0; border-top:1px solid #fba100}
.ninethScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #fba100}
.ninethScr .content .toptitle{ width:142px;  margin:0 auto; text-align:center; font-size:25px; margin-top:-10px; position:relative; z-index:3;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content .toptitle span{ font-size:16px; line-height:40px; color:#ff6600; }
.ninethScr .content a.line{ width:595px; margin:0 auto; height:16px; display:block;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.ninethScr .content .ps{ width:1204px; padding:10px 0 0 0; text-align:center; color:#4d4d4d; font-size:14px; margin:0 auto;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content ul{ width:1204px; padding-top:10px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s;}
.ninethScr .content ul:after{ content:""; display:block; clear:both;}
.ninethScr .content ul li{ width:520px; padding:36px 0 0 60px; float: left;}
.ninethScr .content ul li input{ width:500px; height:26px; float: left; padding:10px; border:1px solid #ccc; line-height:26px; background:none; outline:0; color:#4d4d4d; font-size:16px;}
.ninethScr .content ul li textarea.text{ width:1080px; height:70px;  padding:10px; border:1px solid #ccc; line-height:26px; background:none; outline:0;color:#4d4d4d; font-size:16px;}
.ninethScr .content  .button{ width:172px; height:49px;  margin:17px 0 0 66px; float:left;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s; }
.ninethScr .content  .button a{display:block; background:#ff6600; border-radius:5px; color:#fff; line-height:49px;text-align:center; font-size:18px; text-decoration:none;}
.ninethScr .content .buttonTxt{ width:565px; float:left;margin:17px 0 0 16px; line-height:49px; font-size:12px; color:#4d4d4d; font-size:12px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s;}
.ninethScr .bottom{ width:100%; background:#282828; height:100px;text-align:center; color:#fff; animation:downIn 1.5s; -webkit-animation:downIn 1.5s; position:absolute; left:0; bottom:0;}
.ninethScr .bottom .copy{ width:500px; margin:0 auto; padding-top:2px; line-height:25px; font-size:12px;}
.ninethScr .bottom .copy a{ text-decoration:none; color:#fff;}

}
.box{ display:block;}
/*inside page*/
.inPage-top{ width:100%; height:420px; background:url(../images/bannerinside.jpg) center bottom no-repeat; }
.inPage-anli{ width:100%; height:420px; background:url(../images/anlili.jpg) center bottom no-repeat; }
.inPage-fangan{ width:100%; height:420px; background:url(../images/fangan.jpg) center bottom no-repeat; }
.inPage-cpfw{ width:100%; height:420px; background:url(../images/cps.jpg) center bottom no-repeat; }
.inPage-content{ width:1204px; margin:0 auto; padding-top:106px; overflow:hidden;}
.inPage-content ul.topMenu{ width:1204px; background:url(../images/insideline.png) left center no-repeat; height:50px;}
.inPage-content ul.topMenu li{ float:left; padding:0 0 0 90px; width:140px; height:50px; background:none;}
.inPage-content ul.topMenu li:first-child{ padding:0 0 0 160px;}
.inPage-content ul.topMenu li a{ display:block; border-radius:10px;  border:1px solid #ccc; font-size:14px; color:#4d4d4d; line-height:50px; text-decoration:none; text-align:center; background:#fff;}
.inPage-content ul.topMenu li a:hover{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}

.inPage-head { width:1204px;height:30px; margin:0 auto; padding-top:26px; }
.inPage-head img{display:block; float:left;}
.inPage-head span{float:left; line-height:30px;color:#383838;font-size:18px;}
.topMenu1{ width:1204px; height:60px; margin-top:50px;}
.topMenu1 li{ float:left; padding:0 0 0 90px; width:140px; height:50px; background:none;}
.topMenu1 li:first-child{ padding:0 0 0 160px;}
.topMenu1 li a{ display:block; border-radius:50px;  border:1px solid #ccc; font-size:14px; color:#4d4d4d; line-height:50px; text-decoration:none; text-align:center; background:#fff;}
.topMenu1 li a:hover{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}


.inPage-content ul.topMenu li a.currclass{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}
.inPage-content .textGrid{ width:1190px;; min-height:500px; margin:0 auto; font-size:12px; color:#4d4d4d; line-height:25px;  padding-top:80px;}
.inPage-content .textGrid a{ color: #0033FF;}


/*inPage-new*/
.inPage-new{ width:100%; height:420px; background:url(../images/bannernews.jpg) center bottom no-repeat; }
.inPage-content{ width:1204px; margin:0 auto; padding-top:106px; overflow:hidden;}
.inPage-content ul.topMenu{ width:1204px; background:url(../images/insideline.png) left center no-repeat; height:50px;}
.inPage-content ul.topMenu li{ float:left; padding:0 0 0 90px; width:140px; height:50px; background:none;}
.inPage-content ul.topMenu li:first-child{ padding:0 0 0 420px;}
.inPage-content ul.topMenu li a{ display:block; border-radius:10px;  border:1px solid #ccc; font-size:14px; color:#4d4d4d; line-height:50px; text-decoration:none; text-align:center; background:#fff;}
.inPage-content ul.topMenu li a:hover{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}
.inPage-content .textGrid{ width:1190px;; min-height:500px; margin:0 auto; font-size:12px; color:#4d4d4d; line-height:25px;  padding-top:80px;}
.inPage-content .textGrid a{ color: #0033FF;}
.inPage-content .textGrid img{max-width:100%;}
.inPage-footer{ width:100%; background:#282828; height:100px; clear:both; text-align:center; color:#fff; clear:both; margin-top:40px;}
.inPage-footer .copy{ width:500px; margin:0 auto; padding-top:2px; line-height:25px; font-size:12px;}
.inPage-footer .copy a{ text-decoration:none; color:#fff;}



/*product*/
.inPage-content ul.topMenu li.PC{ padding:0 0 0 65px;}
.inPage-content ul.topMenu li.phone{padding:0 0 0 154px;}
.inPage-content ul.topMenu li.APP{padding:0 0 0 154px;}
.inPage-content ul.pro{width:1224px; min-height:500px; padding-top:60px;}
.inPage-content ul.pro li{ width:339px; height:300px;padding:24px 60px 0  0; float:left;}
.inPage-content ul.pro li .pic{ width:385px; height:206px;position:relative;overflow:hidden;}
.inPage-content ul.pro li .pic img{border:#f1efef 1px solid; width:339px; height:206px;}
.inPage-content ul.pro li .des{ width:385px; height:60px; background:#f5f5f5;}
.inPage-content ul.pro li .des a.left{ display:block; line-height:60px; color:#4d4d4d; font-size:14px; width:305px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; float:left; padding-left:20px; text-decoration:none; transition:all 0.5s;-webkit-transition:all 0.5s;}
.inPage-content ul.pro li .des a.more{ display:block; width:20px; height:20px; line-height:20px;border-radius:50%; text-align:center; background:#ccc;text-decoration:none; float:left; margin-top:20px; color:#4d4d4d;}
.inPage-content ul.pro li:hover .des{ background:#3b4546; transition:all 0.5s;-webkit-transition:all 0.5s;} 
.inPage-content ul.pro li:hover .des a.left{width:300px; color:#fff; transition:all 0.5s;-webkit-transition:all 0.5s;}
.inPage-content ul.pro li:hover .des a.more{ background:#586365; color:#fff; transition:all 0.5s;-webkit-transition:all 0.5s; }
.inPage-content .procount{ width:1190px; margin:0 auto; padding:30px 0; text-align:center;} 
.inPage-content .procount a{ padding:10px 20px ;border:1px solid #ccc;color:#b6b6b6; border-radius:50%; text-decoration:none; margin:0 4px; position:relative;}
.inPage-content .procount a span{ position:absolute; left:0; top:0; width:40px; text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inPage-content .procount a.on{ border:1px solid #ff6600; color:#ff6600;}





.inPage-content ul.pro li .desp{ width:339px; height:60px; background:#f5f5f5; margin-top:2px;}
.inPage-content ul.pro li .desp a.left{height:60px; display:block; line-height:60px; color:#4d4d4d; font-size:14px; width:295px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; float:left; padding-left:10px; text-decoration:none; transition:all 0.5s;-webkit-transition:all 0.5s;}
.inPage-content ul.pro li .desp a.more{ display:block; width:20px; height:20px; line-height:20px;border-radius:50%; text-align:center; background:#ccc;text-decoration:none; float:left; margin-top:20px; color:#4d4d4d;}
.inPage-content ul.pro li:hover .desp{ background:#3b4546; transition:all 0.5s;-webkit-transition:all 0.5s;} 
.inPage-content ul.pro li:hover .desp a.left{ color:#fff; transition:all 0.5s;-webkit-transition:all 0.5s;}
.inPage-content ul.pro li:hover .desp a.more{ background:#586365; color:#fff; transition:all 0.5s;-webkit-transition:all 0.5s; }
.inPage-content .procount{ width:1190px; margin:0 auto; padding:30px 0; text-align:center;} 
.inPage-content .procount a{ padding:10px 20px ;border:1px solid #ccc;color:#b6b6b6; border-radius:50%; text-decoration:none; margin:0 4px; position:relative;}
.inPage-content .procount a span{ position:absolute; left:0; top:0; width:40px; text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inPage-content .procount a.on{ border:1px solid #ff6600; color:#ff6600;}




/*news*/
.inPage-content ul.newsMenu{ width:1204px; background:url(../images/insideline.png) left center no-repeat; height:50px;}
.inPage-content ul.newsMenu li{ float:left; padding:0 0 0 70px; width:140px; height:50px; background:none;}
.inPage-content ul.newsMenu li:first-child{ padding:0 0 0 90px;}
.inPage-content ul.newsMenu li a{ display:block; border-radius:10px;  border:1px solid #ccc; font-size:14px; color:#4d4d4d; line-height:50px; text-decoration:none; text-align:center; background:#fff;}
.inPage-content ul.newsMenu li a:hover{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}
.inPage-content ul.newsMenu li a.currclass{ color:#fff;background:#ff6600; transition:all 0.5s; -webkit-transition:all 0.5s;}
.inPage-content ul.news{width:1202px; margin-top:80px;border:1px solid #ccc; border-right:0; overflow:hidden; border-bottom:0;}
.inPage-content ul.news li{ width:600px; height:166px; border-right:1px solid #ccc;border-bottom:1px solid #ccc; float:left;}
.inPage-content ul.news li .leftPic{ width:165px; height:113px; overflow:hidden; float:left; padding:27px 0 0 18px;}
.inPage-content ul.news li .leftPic img{ width:165px; height:111px;}
.inPage-content ul.news li .rightTxt{ width:368px; height:113px; overflow:hidden; float:left; padding:27px 0 0 20px;}
.inPage-content ul.news li .rightTxt a{ color:#4d4d4d; font-size:16px; line-height:30px; display:block; text-decoration:none;}
.inPage-content ul.news li .rightTxt a span{ color:#4d4d4d; font-size:12px; line-height:20px;  text-indent:20px; display:block;}
.inPage-content ul.news li .rightTxt .date{ width:132px; height:21px; line-height:25px; padding-left:30px; background: url(../images/dateicon.jpg) left 4px no-repeat; color:#aab1c7; font-size:12px;}
.inPage-content .newscount{ width:1190px; margin:0 auto; padding:30px 0; text-align:center;} 
.inPage-content .newscount a{ padding:10px 16px ;border:1px solid #ccc;color:#b6b6b6; border-radius:50%; text-decoration:none; margin:0 4px; position:relative;}
.inPage-content .newscount a span{ position:absolute; left:0; top:0; width:40px; text-align:center; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inPage-content .newscount a.on{ border:1px solid #ff6e0d; color:#ff6e0d;}





.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:380px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

.text a {color:#333; text-decoration:none;}



/*子页样式*/
.subBanner, .subBody{width:960px;margin:0 auto;}
.subBody{margin-bottom:25px;}
.subBody .OneOfTwo{width:750px;float:left;}
.subBody .TwoOfTwo{width:175px;float:right;}
.subBody .OneOfTwos{width:175px;float:left;}
.subBody .TwoOfTwos{width:750px;float:right;}
.subBody .search_l{margin-bottom:25px;}
.subBody .subnav{margin-bottom:25px;}
.subBody .subnav li{margin-bottom:2px;}
.subBody .subnav li a{display:block;height:24px;line-height:24px;padding-left:20px;background:url(../images/subnav_ico.gif) no-repeat 5px center;}
.subBody .subnav li a:hover{color:#fff;text-decoration:none;background:url(../images/subnav_ico_on.gif) no-repeat 5px center #ccc;}
.subBody .subnav li a.on, .subBody .subnav li a:hover.on{color:#fff;background:#999;}
.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}
.subBody .subTitle a{color:#666;}
.subBody .subTitle span{color:#666;}
.subBody .subTitle a.goback{float:left;margin-left:10px;}
.subBody .subtype li{float:left;}
.subBody .subtype li a{background:#ffa41b;padding:2px 5px;margin-right:5px;color:#fff;}
.subBody .subtype li a:hover{text-decoration:none;background:#ff9900;}
.subBody .subtype li a.on{background:#999;}
.subBody .subtype2{padding:0 0 0 10px;}
.subBody .subtype2 li{float:left;}
.subBody .subtype2 li a{background:#fff8ed;border:1px solid #ff9900;padding:2px 5px;margin-right:5px;color:#3e3e3e;}
.subBody .subtype2 li a.on{color:#ff6600;}
.subCont{line-height:26px;color:#666;}











#textarea{border:1px solid #eaeaea; width:1160px; padding:20px;} 


.ball_box {
	width:90px;
	height:90px;
	position:absolute;
	top:-90px;
	left:125px;
	background:url(../images/success_ballbg.png) no-repeat center center;
}




/* 主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:168px;height:500px;}
.main-im .im_main{ width:170px; height:491px;background:#ebebeb;display:none;}
.main-im .open-im{cursor:pointer;margin-left:140px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}
.qqhead{ position:relative; width:170px; height:45px; float:left; background:#f08326;}
.qqhead span{ color:#FFF; line-height:45px; font-size:16px; display:block; margin-left:24px; font-family:"宋体"; font-weight:600;}
.close-im{ width:25px; height:25px; position:absolute; top:10px; right:8px;}
.qqbody{ width:170px; height:245px; float:left; background:#ffffff;}
.qqbody ul{ width:146px; height:136px; display:block; margin:0 auto; }
.qqbody ul li{ height:45px; border-bottom:#e1e1e1 1px solid;}
.qqbody ul li img{ display:block; float:left; margin-top:8px;}
.qqbody ul li span a{text-decoration:none; color:#626262; line-height:45px; font-family:"宋体"; font-size:14px; }
.qqbody ul li span { display:block ; float:left; margin-left:20px;}
.qqbody span{}