/* 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;}
a{ color:#666; text-decoration:none;}
.clear{clear:both;}


.nobg{ background:none;}
.bgw{ background-color:#FFF;}
.nodisplay{ display:none;}
.cf{ color:#FFF;}

.astyle{ color:#000;}

.logoGrid .logoCon .logo{ width:205px; height:47px; float:left; padding:20px 0 0 0px; }
.logoGrid .logoCon ul { width:860px;  float:right; padding-top:41px; margin-right:0px;}
.logoCon ul li{ display:block; float:left; width:auto; font-size:16px;  padding:0 0 0 38px;}
.logoCon ul li a{}
.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: 6px; height: 6px; border:1px solid #F00;   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;}
.shop{ position:fixed; right:13px; top:30px;}
/*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:401px; height:215px; position:absolute; left:50%; top:50%;  margin:-107.5px 0 0 -200.5px;}
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .toptxt{ width:400px; margin:0 auto; color:#fff; font-size:40px; line-height:60px; text-align:center; } 
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .midtxt{ width:349px; height:73px; margin:0 auto; color:#e30110; font-size:50px; line-height:73px; text-transform:uppercase; text-align:center; }
.frtScreen .bannerGrid ul.bannerpic li  .textGrid .bottxt{ width:340px; margin:0 auto; line-height: 25px; color:#fff; font-size:14px; text-align:center;}
#bannerTxt1 .toptxt{ainimation:upIn 0.5s;-webkit-animation:upIn 0.5s; margin-top:-55px; margin-left:170px;}
#bannerTxt1 .midtxt{ainimation:leftIn 1s;-webkit-animation:leftIn 1s; margin-top:-60px; margin-left:-380px;}
#bannerTxt1 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:0px; margin-right:-450px;}

#bannerTxt2 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s; margin-left:-560px; margin-top:0px;}
#bannerTxt2 .midtxt{ainimation:upIn 1s;-webkit-animation:upIn 1s;margin-left:-540px;}
#bannerTxt2 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:100px; margin-left:-50px;}

#bannerTxt3 .toptxt{ainimation:upIn 0.5s;-webkit-animation:upIn 0.5s;font-size:24PX; margin-left:-350px;}
#bannerTxt3 .midtxt{ainimation:rightIn 1s;-webkit-animation:rightIn 1s;margin-left:-350px;}
#bannerTxt3 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s;}


#bannerTxt4 .toptxt{ainimation:leftIn 0.5s;-webkit-animation:leftIn 0.5s; margin-top:80px; margin-left:-80px;}
#bannerTxt4 .midtxt{ainimation:rightIn 1s;-webkit-animation:rightIn 1s; margin-top:20px;}
#bannerTxt4 .bottxt{animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s; margin-top:30px; margin-right:20px;}

@media screen and (max-width:1440px){
	#bannerTxt1 .toptxt{ainimation:upIn 0.5s;-webkit-animation:upIn 0.5s; margin-top:-75px; margin-left:70px;}
	#bannerTxt1 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:20px; margin-right:-380px;}
	#bannerTxt2 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s; margin-left:-500px; margin-top:0px;}
	#bannerTxt2 .midtxt{ainimation:upIn 1s;-webkit-animation:upIn 1s;margin-left:-480px;}
	#bannerTxt2 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:100px; margin-left:-50px;}
	}
@media screen and (max-width:1280px){
	#bannerTxt1 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s; position:relative; right:12%;}
	#bannerTxt1 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; position:relative; right:22%;}
	#bannerTxt2 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s; margin-left:-380px; margin-top:30px;}
	#bannerTxt2 .midtxt{ainimation:upIn 1s;-webkit-animation:upIn 1s;margin-left:-365px;}
	#bannerTxt2 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:100px; margin-left:-50px;}
	}
@media screen and (max-width:1366px){
	#bannerTxt1 .toptxt{ainimation:upIn 0.5s;-webkit-animation:upIn 0.5s; margin-top:-35px; margin-left:-50px;}
	#bannerTxt1 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:20px; margin-right:-380px;}
	#bannerTxt2 .toptxt{ainimation:rightIn 0.5s;-webkit-animation:rightIn 0.5s; margin-left:-415px; margin-top:0px;}
	#bannerTxt2 .midtxt{ainimation:upIn 1s;-webkit-animation:upIn 1s;margin-left:-400px;}
	#bannerTxt2 .bottxt{animation:downIn 1.5s; -webkit-animation:downIn 1.5s; margin-top:100px; margin-left:-50px;}
	
	}
.frtScreen .countIcon{ width:250px; position:absolute; left:50%; bottom:30px; margin-left:-125px; z-index:8;}
.frtScreen .countIcon ul{ width:250px;} .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:#e30110;} 
.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;  }
 .secScreen .bg{ background:url(../images/company.jpg) bottom center no-repeat; height:100%; 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%;   position:absolute; height:100%;}
.secScreen .conTxt{ width:1204px;  color:#fff;  height:350px; position:absolute; left:50%; top:50%;  margin:-125px 0 0 -602px;}
.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 .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:14px; 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:#fff;}
.thirdScreen .content{ width:1204px; color:#494949; height:400px; position:absolute; left:50%; top:50%; 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 #e30110; 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; background:#fff; font-size:18px; color:#e30110;}
.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:12px; 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 #23a3d3; 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 #e30110; 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; text-align:center;}
.thirdScreen .content ul li .des span{ font-size:22px;}
.thirdScreen .content ul li .des span.last{ font-size:22px;}
.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:14px; line-height:25px;animation:rightIn 1.5s; -webkit-animation:rightIn 1.5s; display:block; color:#FFF;}

/*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:#e30110; }
.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:#e30110; }
.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:60%; 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:#e30110; }
.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; background-color:#e30110;}
.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;}
}
@media screen and (max-width:1440px){
	.tabGrid .textGrid ul.rightGrid li{ width:491px; padding-top:5px; border-top:1px solid #ccc; height:84px; }
	.tabGrid .textGrid ul.rightGrid li .date{ width:60px; height:60px; background:#eceeed; border-radius:5px; color:#4d4d4d; text-align:center; font-size:12px; float:left;}
	}
@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:-180px auto 0; padding:30px 0 0 0;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;}
.sixScr .content .more a{border:1px solid #e30110; background:#e30110;  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:#e30110; color:#fff;  transition:all 0.5s;-webkit-transition:all 0.5s; }
.tabGrid .textGrid ul.rightGrid li:hover .des a span{color:#e30110; 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 #e30110}
.senScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #e30110}
.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:#e30110; }
.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 #e30110; background:#e30110;  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:225px; height:309px; padding:0 30px 5px ; float:left;}
.senScr .content ul li .pic{ width:225px; height:225px; margin:0 auto; position:relative; z-index:2; border:1px solid #CCC;}
.senScr .content ul li .pic img{ width:225px; height:225px; margin:0 auto;}
.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:208px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.senScr .content ul li .des{ width:208px; 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:12px; line-height:36px;}
.senScr .content ul li:hover .des a span{ color:#e30110;}

.senScr .content ul li .des1{ width:208px; height:90px; background:#f1f1f1; overflow:hidden; padding:10px;}
.senScr .content ul li .des1 a{ font-size:12px; color:#4d4d4d; line-height:18px; text-decoration:none;}
.senScr .content ul li .des1 a span{ font-size:14px; line-height:18px;}
.senScr .content ul li:hover .des1 a span{ color:#e30110;}


.senScr .content ul li .border{ width:255px; 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:#e30110;transition:all 0.5s; -webkit-transition:all 0.5s; display:block; margin-top:-2px;}
.senScr .content ul li:hover .borderhover{ width:255px;transition:all 0.5s; -webkit-transition:all 0.5s; }
@media screen and (max-width:1590px){
.senScr .countIconS{ width:180px; position:absolute; left:50%; bottom:5px; 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:#e30110;} 

/*eight screen*/
.eightScr{ width:100%; height:100%; position:absolute; background:#fff;}
@media screen and (max-width:1590px){
.eightScr .content{width:100%; color:#4d4d4d; position:absolute; height:200px; left:0; top:50px; padding:20px 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:20px; 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 #e30110}
.eightScr .content .yellowline hr.right{ float:right; width:61px;border:0; border-top:1px solid #e30110}
.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:#e30110; }
.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:#333;}

@media screen and (max-width:1590px){
.ninethScr .content{ width:100%; margin:0 auto;height:auto; 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:#e30110; }
.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:#e30110; 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:100%; 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:#e30110; }
.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:#e30110; 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;}

}
/*inside page*/
.inPage-top{ width:100%; height:420px; background:url(../images/bannerinside.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:#e30110; 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:#e30110; transition:all 0.5s; -webkit-transition:all 0.5s;}


#phover{ color:#fff;background:#e30110; 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-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:40px; line-height:25px; font-size:12px;}
.inPage-footer .copy a{ text-decoration:none; color:#fff;}

/*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 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:#e30110; 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-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 233px;}
.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 #e30110; color:#e30110;}





.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 #e30110; color:#e30110;}




/*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:#e30110; 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:#e30110;}
.subCont{line-height:26px;color:#666;}











#textarea{border:1px solid #eaeaea; width:1160px;} 
#textarea img{width:1120px;margin-left:21px;margin-top:21px; margin-bottom:21px; height:auto;}

.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{}




.footer{ padding:10%; background-color:#333333; margin-top:7%;}

.footer .footer_nav{position: relative;max-height: 190px;}
.footer .footer_nav ul{ padding:0px; margin:0px;}
.footer .footer_nav ul li{float:left;width: 140px;line-height: 2.2;}
.footer .footer_nav ul li h3{font-size:16px;color: #fff;}
.footer .footer_nav ul li a{color: #fff; font-size:14px; text-decoration:none;}
.footer .footer_nav ul li a:hover{color: #fff;}
.footer .footer_nav .a1{width: 200px;border-left:1px solid #e2e5e8;position: absolute;right:0;height: 100%;top:0;text-align:left;color: #999;line-height: 2.2; padding-left:100px;}
.footer .footer_nav .a1 .more{width: 65px;line-height: 26px;background:#164a95 url(../images/ico15.png) no-repeat left center;padding-left:26px;text-align: center;color: #fff;border-radius: 2px;behavior: url(css/PIE.htc);overflow: hidden;margin-top:20px;float:right;}
.footer .copy{background-color: #333; border-top:1px solid #FFF;line-height: 75px;height: 75px;color: #999; margin-top:30px;}
.footer .copy .ico a{display: inline-block;zoom: 1;width: 35px;background: url(../images/ico16.png) no-repeat;margin-left:20px;}
.footer .copy .ico .i1{background-position:5px center;}
.footer .copy .ico .i2{background-position:-46px center;}
.footer .copy .ico .i3{background-position:-96px center;}
.footer .copy .ico .i4{background-position:-142px center;}

@media screen and (max-width:1280px){.footer .footer_nav ul li{float:left;width: 120px;line-height: 2.2;}}
.w1200{ width:1200px; margin:0 auto}
.blank180{ height:180px;}
.cfff{ color:#FFF;}

.w100{ width:100%;}
.w48{ width:48%}
.fl{ float:left;}
.fr{ float:right;}
.pd10{ padding:10px;}
.ce30110{ color:#e30110;}
.pd_top50{ padding-top:50px;}
.pl40{ padding-left:40px;}
.pr40{ padding-right:40px;}
.bore_left{ border-left:1px solid #CCC}
.bore_right{ border-right:1px solid #CCC}
.mr17{ margin-right:17px;}
.pdt10{ padding-top:10px;}
.pdb10{ padding-bottom:10px;}
.font14{ font-size:14px;}

.toptitle111{ width:151px;  margin:0 auto; text-align:center; padding-top:120px; font-size:25px;animation:leftIn 1.5s; -webkit-animation:leftIn 1.5s; color:#FFF}
.yellowline111{ width:265px; display:block; margin:0 auto; position:relative; z-index:2; height:1px;animation:upIn 1.5s; -webkit-animation:upIn 1.5s;color:#FFF}
.cda1717{ color:#da1717;}

.index_feed{ width:60%; margin:0 auto;}
.index_feed_txt{ width:45%; height:32px; border:1px solid #CCC; line-height:32px; text-indent:10px; color:#333; float:left; margin-top:20px;}
.mr30{ margin-right:30px;}
.index_feed_textarea{ width:93%; height:60px;border:1px solid #CCC; margin-top:20px; }








/*  About us  */
.bg_white{ width:1200px; background-color:#FFF;}
.blank125{ height:125px; width:100%;}
.blank100{ height:100px; width:100%;}
.zhao_banner{ width:100%; height:400px; background: url(../images/rc_bg.jpg) center center no-repeat; text-align:right;}
.contact_banner{ width:100%; height:400px; background: url(../images/lx_bg.jpg) center center no-repeat; text-align:center;}
.jia_banner{ width:100%; height:400px; background: url(../images/jm_bg.jpg) center center no-repeat; text-align:center}
.cp_banner{ width:100%; height:400px; background: url(../images/cp_bg.jpg) center center no-repeat; text-align: center;}
.about_banner{ width:100%; height:400px; background: url(../images/aboutbg.jpg) center center no-repeat; color:#FFF; text-align:center;}
.news_banner{ width:100%; height:400px; background: url(../images/news_bg.jpg) center center no-repeat; text-align:center;}
.htmleaf-container{ font-size:14px; line-height:28px;}
.about_title { height: 70px; width: 100%; padding-top:50px; padding-bottom:50px; background-image: url(../images/about_title.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.about_pic_01{ width:100%; height:408px; margin:50px auto; background:url(../images/about_pic_01.png) left center no-repeat; }
.about_title_02{ width:100%; height:84px;margin:50px auto; background:url(../images/about_title_02.png) center center no-repeat; }
.about_con_01{ width:100%; height:562px; margin:50px auto; background:url(../images/about_con_01.png) right center no-repeat;}
.about_title_03{ width:100%; height:91px;margin:50px auto; background:url(../images/about_title_03.png) center center no-repeat; }
.about_con_02{ width:750px; height:480px;margin:50px auto; line-height:30px; padding-left:450px; background:url(../images/about_con_02.jpg) left center no-repeat;}
.about_title_04{ width:100%; height:96px;margin:50px auto; background:url(../images/about_title_04.png) center center no-repeat; }
.about_licheng{ width:100%;  height:90px; background: url(../images/about_licheng.png) center center no-repeat; margin-top:-30px; margin-bottom:50px;}
.licheng_pic{ width:430px; height:358px; float:left;}
.licheng_date{ color:#e30110; float:left; margin-right:25px;}
.licheng_txt{ float:left; width:680px; float:right; font-size:14px;}
.licheng_txt p{ padding-left:60px;}
.licheng_date2{ width:170px; height:50px; background-color:#e30110; border-radius:10px;line-height:50px; text-align:center; font-size:24px; color:#FFF; margin-top:0px; margin-right:auto; margin-bottom:50px; margin-left:auto;}

.rongyu_title{ height: 80px; width: 100%; padding-top:50px; padding-bottom:50px; background-image: url(../images/rongyu_title.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.rongyu_li{ width:100%; height:624px; position:relative; background:url(../images/rongyu_li.jpg) center center no-repeat; font-size:14px; line-height:22px;}
.rongyu_txt01 { position: absolute; left: 648px; top: 68px; width: 517px; }
.rongyu_txt02 { position: absolute; left: 2px; top: 156px; width: 554px; height: 75px; text-align: right; }
.rongyu_txt03 { position: absolute; left: 650px; top: 231px; width: 517px; }
.rongyu_txt04 { position: absolute; left: 2px; top: 310px; width: 554px; height: 75px; text-align: right; }
.rongyu_txt05 { position: absolute; left: 649px; top: 390px; width: 517px; }
.rongyu_txt06 { position: absolute; left: 0px; top: 479px; width: 554px; height: 75px; text-align: right; }
/*  Newslist  */
.newslist_title_01 { height: 85px; width: 1250px; padding-top:50px; padding-bottom:50px; background-image: url(../images/newslist_title_01.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.newslist{ width:100%;}
.newslist li{width:564px; height:130px; margin-right:30px; margin-bottom:58px; position:relative; float:left;}
.newslist li img{ float:left; width:231px; height:131px; margin-right:22px;}
.newslist li h1{ font-size:18px; font-weight:normal; text-decoration:none; margin:0px; margin-bottom:10px; padding:0px; color:#333;}
.newslist li p{ font-size:14px; line-height:22px;}
.news_more{ position:absolute; bottom:0px; left:253px}
.news_date{ position:absolute; bottom:0px; right:0px}
.newslist_page{ margin-top:30px;text-align:center;}
.newslist_title_02{height: 85px; width: 1250px; padding-top:50px; padding-bottom:50px; background-image: url(../images/newslist_title_02.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}


/* NEWS */

.news_position{ width:35px;background:url(../images/house.png) left center no-repeat; text-indent:25px; width:1200px; margin:30px auto; font-size:14px; line-height:35px; color:#666666}
.news_position span{ float:right; background:url(../images/arrow.png) left center no-repeat; padding-left:5px;}
.news_con{ width:1200px; margin:0 auto; padding-top:20px; line-height:34px; color:#666; text-align:justify;}
.news_con h1{ text-align:center; color:#333333;}
.news_con_date{text-align:center; font-size:14px;}
.news_p span{ font-size:24px;}
.news_p { width: 1060px; margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
.news_p a { height: 72px; width: 510px; border: 1px solid #CCC; display: block; line-height:72px;}
.news_p a:hover{ height: 72px; width: 510px; background-color:#e30110; color:#FFF;}
.news_p p { text-align:left; text-indent:35px; }


/* 	CONTACT  */
.contact_left{ width:280px; float:left;}
.contact_right{ width:880px; float:right;}
.contact_left_title{ width:100%; height:51px; background: url(../images/contact_left_title.png) 240px center no-repeat #e30110; line-height:51px; color:#FFF; font-size:18px; text-indent:20px;}
.contact_left_con{ width:100%; background-color:#f0f0f0;}
.contact_left_con li{
width:100%; height:38px; display:block; background:url(../images/dot.png) 20px center no-repeat; text-indent:35px; line-height:38px; font-size:14px;}
.contact_left_recommed{ border:1px solid #CCC; background-color:#f6f6f6; margin-top:40px; position:relative;}
.contact_left_recommed h2{ font-size:14px; font-weight:bold; margin:0; padding:0; line-height:24px;}
.contact_left_recommed p{ font-size:12px; line-height:24px;}
.contact_left_recommed span{ float:right; font-size:12px;}
.contact_right_position{ width:100%; height:52px; background:url(../images/contact_right_position.jpg) left center no-repeat; text-align:right; font-size:14px; color:#666; line-height:52px;}
.contact_right_con{ width:100%; padding-top:50px; padding-bottom:50px; text-align:center; position:relative;}
.contact_right_con h1{ font-size:28px; font-weight:normal; color:#666; margin:0; padding:0; line-height:38px; margin-bottom:15px;}
.contact_right_con p{ font-size:16px; line-height:38px; color:#666;}

.contact_right_con li{ width:25%; float:left; margin-top:40px; color:#666; font-size:14px;}
.icon01{ width:80px; height:80px; border-radius:40px; margin:0 auto; background: url(../images/phone.png) center center no-repeat #eb615f; margin-bottom:15px;}
.icon02{ width:80px; height:80px; border-radius:40px; margin:0 auto; background: url(../images/QQ.png) center center no-repeat #44a8eb; margin-bottom:15px;}
.icon03{ width:80px; height:80px; border-radius:40px; margin:0 auto; background: url(../images/mail.png) center center no-repeat #8293b9; margin-bottom:15px;}
.icon04{ width:80px; height:80px; border-radius:40px; margin:0 auto; background: url(../images/weixin.png) center center no-repeat #88bf57; margin-bottom:15px;}

/* 	人才招聘  */
.zhao_title_01{height: 85px; width: 1250px; padding-top:50px; padding-bottom:50px; background-image: url(../images/zhao_title_01.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.zhao_title_02{height: 85px; width: 1250px; padding-top:50px; padding-bottom:50px; background-image: url(../images/zhao_title_02.png); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.zhao_table{ width:1200px;}
.zhao_table table{ border:1px solid #CCC; border-top:0px; border-right:0px;}
.tab_content table tr td{border:1px solid #CCC; border-left:0px; border-bottom:0px; height:55px; width:250px; text-align:center;}
.zhao_pa50{ padding-top:20px; padding-bottom:70px;}
.zhao_pa50 ul{ width:100%;}
.zhao_pa50 ul li{ width:25%; min-height:115px; float: left}
.icon001 a{ width:115px; height:115px; background:url(../images/l_guanli.png) center center no-repeat; display:block; float:left; margin-left:150px;}
.icon001 a:hover{ width:115px; height:115px; background:url(../images/l_guanli1.png) center center no-repeat; display:block;}

.icon002 a{ width:115px; height:115px; background:url(../images/l_jishu1.png) center center no-repeat; display:block; float:left; margin-left:150px;}
.icon002 a:hover{ width:115px; height:115px; background:url(../images/l_jishu.png) center center no-repeat; display:block;}

.icon003 a{ width:115px; height:115px; background:url(../images/l_yinxiao1.png) center center no-repeat; display:block; float:left; margin-left:150px;}
.icon003 a:hover{ width:115px; height:115px; background:url(../images/l_yinxiao.png) center center no-repeat; display:block;}

.icon004 a{ width:115px; height:115px; background:url(../images/l_zhineng1.png) center center no-repeat; display:block; float:left; margin-left:150px;}
.icon004 a:hover{ width:115px; height:115px; background:url(../images/l_zhineng.png) center center no-repeat; display:block;}

/*产品中心*/
.p_list{ width:100%;}
.p_list li{ width:100%; height:100%; position: relative;  float:left;}
.p_list_btm{ width:100%; height:80px; background-color:#f1f1f1; position:absolute; bottom:0px;}
.p_list_title{ font-size:14px; font-weight:bold; position:absolute; top:10px; left:10px; text-align:left; line-height:18px; padding-right:45px;}
.p_list_title02{ font-size:12px;  position:absolute; bottom:15px; left:10px; color:#666;}
.heart_01{ position:absolute; right:15px; bottom:20px;}
.heart_01 p{line-height:14px;}
.pro_detail{ width:100%; height:490px; position:relative;}
.pro_detail_picxl{ width:357px; height:353px; position:absolute; left:0px;}
.pro_detail_picxl img{width:357px; height:353px;}
.pro_detail_picsml{ width:357px; height:90px; position:absolute; left:0px; bottom:40px;}
.pro_detail_picsml a{ width:50px; height:50px; float: left; margin-right:5px; border:3px solid #FFF; display:block;}
.pro_detail_picsml a:hover{ width:50px; height:50px; float: left; border:3px solid #e2393e; display:block;}
.pro_detali_share{ position:absolute; bottom:35px; left:0px; font-size:14px;}
.pro_detail_con{ width:500px; position:absolute; right:0px; top:0px;}
.pro_detail_con h1{ font-size:16px; font-weight:normal;}
.pro_detail_con p{ font-size:14px;}
.pro_buy a{ width:170px; display:block; height:55px; border-radius:10px; background-color:#e82935; line-height:55px; font-size:16px; color:#FFF; text-align:center; position:absolute; right:330px; top:300px;}
@media screen and (max-width:1440px){
	.newslist_title_01 {  width: 1150px; }
	.newslist_title_02 {  width: 1150px; }
	.newslist li{ overflow:hidden;width:554px;margin-right:20px;}
	.newslist li h1{ font-size:16px;}
	}
@media screen and (max-width:1280px){
	.newslist_title_01 {  width: 1180px; }
	.newslist_title_02 {  width: 1180px; }
	.newslist li h1{ font-size:16px;}
	.newslist li{width:554px;}
	}
	
	
.jia_title{ padding-top:30px; padding-bottom:30px; text-align:center; font-size:36px; color:#333333}
.jia_col1{ width:100%; padding-top:30px; padding-bottom:30px; background-color:#f6f6f6; text-align:center;}
.jia_col1_con{ width:921px; height:562px; margin:0 auto; position:relative; background:url(../images/jia_col1_con.jpg) center center no-repeat;}
.jia_col1_con h1{ font-weight:normal; color:#333; position:absolute; top:-7px; left:290px;}
.jia_col1_con p{ position:absolute; top:100px; line-height:28px; color:#666;}

.jia_col2{ width:100%; padding-top:30px; padding-bottom:30px; background-color:#fff; text-align:center;}
.jia_col2_con{ width:921px; height:681px; margin:0 auto; position:relative; background:url(../images/jia_col2_con.jpg) center center no-repeat;}
.jia_col2_con h1{ font-weight: normal; color: #333; position: absolute; top: -8px; left: 251px; }
.jia_col2_con p{ position:absolute; top:100px; line-height:28px; color:#666;}

.jia_col3{ width:100%; padding-top:30px; padding-bottom:30px; background-color:#f6f6f6; text-align:center;}
.jia_col3_con{ width:921px; height:562px; margin:0 auto; position:relative; background:url(../images/jia_col3_con.jpg) center center no-repeat;}
.jia_col3_con h1{ font-weight: normal; color: #333; position: absolute; top: -7px; left: 260px; }
.jia_col3_con p{ position:absolute; top:100px; line-height:28px; color:#666;}

.jia_col4{ width:100%; height:395px; background-color:#333333; margin-top:50px;}
.jia_col4_con{ width:952px; height:395px; margin:0 auto; position:relative;}
.jia_col4_con_btm{ width:77px; height:120px; position:absolute; background:url(../images/jia_col4_con_btm.png) center center no-repeat; top:-55px; left:450px; text-align:center; line-height:220px; color:#FFF; font-size:16px;}
.jia_col4_con_col1{ width:350px; height:271px; text-align:center; color:#ffffff; line-height:32px; position:absolute; top:140px; } 
.jia_col4_con_col2{ width:350px; height:271px; text-align:center; color:#ffffff; line-height:32px; position:absolute; top:150px; right:30px; } 

.jia_col6{ width:100%; padding-top:30px; padding-bottom:30px; background-color:#f3f3f3; text-align:center;}

@media (min-width:992px){.col-md-3{float:left}.col-md-3{width:33%}}
.col-md-3{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.about_txt1 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:100px;
}
.about_txt2 {
ainimation:downIn 1.5s;-webkit-animation:downIn 1.5s; padding-top:30px;
}

.cp_txt1 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:100px;
}
.cp_txt2 {
ainimation:downIn 1.5s;-webkit-animation:downIn 1.5s; padding-top:30px;
}
.news_txt1 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:100px;
}
.news_txt2 {
ainimation:downIn 1.5s;-webkit-animation:downIn 1.5s; padding-top:30px;
}
.zhao_txt2 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:60px;padding-right:18%;
}
.zhao_txt1 {
ainimation:leftIn 1.5s;-webkit-animation:leftIn 1.5s; padding-right:10%; margin-top:-15px;
}

.jia_txt2 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:10%; margin-left:-35%; 
}
.jia_txt1 {
ainimation:leftIn 1.5s;-webkit-animation:leftIn 1.5s; margin-left:-37%; 
}
.contact_txt2 {
ainimation:downIn 1.5s;-webkit-animation:downIn 1.5s;padding-top:2%
}
.contact_txt1 {
ainimation:upIn 1.5s;-webkit-animation:upIn 1.5s; padding-top:7%
}

.showproductpic {
	height: 357px;
	width: 100%;
	margin-bottom:5px;
}
.showproductpic img{ width:357px; height:357px;} 
.shop-product-detailpic {
	width: 357px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.shop-product-detailpic ul{}
.shop-product-detailpic li {
	display: block;
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 5px;
}
.shop-product-detailpic ul li a{float:left; border:1px solid #ccc;display:block; width:50px; height:50px; margin-right:5px;}
.shop-product-detailpic ul li a:hover{ border:1px solid #F00;}
.shop-product-detailpic ul li a.choose{border:1px solid #F00;}

.ccolor ul li a{float:left; display:block; width:20px; height:20px; margin-right:5px;}
.ccolor ul li a:hover{}
.ccolor ul li a.choose{}

.f16{ font-size:16px;}




.heart {
	background:url(../images/web_heart_animation.png);
	background-position:left;
	background-repeat:no-repeat;
	height:70px;
	width:70px;
	cursor:pointer;
	position:absolute;
	left:-14px;
	background-size:2900%;
}
.heart:hover, .heart:focus{
	background-position:right;
}

@-webkit-keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

@keyframes heartBlast {
	0% {
		background-position:left;
	}
	100% {
		background-position:right;
	}
}

.heartAnimation {
	display:inline-block;
	-webkit-animation-name:heartBlast;
	animation-name:heartBlast;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-timing-function:steps(28);
	animation-timing-function:steps(28);
	background-position:right;
}
.feed p{font-family:"Microsoft YaHei",'Georgia', Times, Times New Roman, serif; font-size:25px;}
.feed{clear:both; height:50px; width:50px; position:relative;}
.heart{ position:absolute; left:5px; top:-8px;}
.likeCount{font-family:'Georgia', Times, Times New Roman, serif;margin-left:24px;font-size:18px;color:#999999; position:absolute; left:10px; top:35px;}


.contact_title{height: 85px; width: 1250px;padding-bottom:50px; background-image: url(../images/contact_title.jpg); background-repeat: no-repeat; background-position: center center; margin:0 auto;}

.fot{ position:absolute; top:120px; width:100%;}

@media screen and (min-width:1600px){
	.fot{ position:absolute; top:220px; width:100%;}
	}
	
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #333333 url(../images/cd-top-arrow.png) no-repeat center 50%;
  background-size:50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 30px;
    width: 30px;
    right: 30px;
    bottom: 30px;
  }
  
  
.zhao_btn{
	  width:200px; height:55px; background-color:#e30110; border-radius:15px; text-align:center; line-height:55px; margin-top:30px; margin-right:auto; margin-bottom:0px; margin-left:auto; color:#FFF; font-size:18px; font-weight:bold;}
	  
.zhao_btn a{ color:#FFF}
.zhao_title{ width:100%; height:111px; background:url(../images/zhao_title_02.png) center center no-repeat; margin-top:30px; margin-bottom:30px;}

.zhao_form{ width:60%; margin:0 auto; font-size:18px;}
.zhao_txt{ width:100%; height:55px; border:1px solid #CCC; background-color:#f1efef; margin-bottom:15px; font-size:18px; line-height:55px; text-indent:10px; font-family:"微软雅黑"; color:#666; position:relative;}
.zhao_btnn{ width:300px; height:55px; border-radius:15px; background-color:#e30110; color:#FFF; margin-left:30%; margin-top:15px; border:0px; font-size:18px; letter-spacing:15px;font-family:"微软雅黑";}

.submin_btm{ width:20px; height:20px; background:url(../images/5456eefc780faf3.png) center center no-repeat; border:0px; float:right;}