html, body {
margin: 0;
padding: 0;
border: 0;
font-size: 100%; 
font-family:"Microsoft YaHei"; background:#f7f8f8;
vertical-align: baseline;
}

dl, dt, dd, ol, ul, li{ margin:0px; padding:0px;}

ul{ list-style:none;}
img{border:none;}

/* HTML5 display-role reset for older browsers */

table {
border-collapse: collapse;
border-spacing: 0;
}


.dibu{ width:100%; background:#212121; height:auto; overflow:hidden; }

.ti  { width:1100px; margin-left:auto; margin-right:auto; padding:35px 0px; border-bottom:1px #383838 solid; text-align:center}

.dibumenu { width:1100px; margin-left:auto; margin-right:auto; margin-top:10px; height:100px;}
.dibumenu dl{ width:192px; display:block;  float:left; margin-right:35px;}

.dibumenu dl dt{border-bottom:1px #fff dashed; margin-bottom:5px;}

.dibumenu dt a{ font-size:15px; color:#fff; line-height:40px; text-decoration:none; }

.dibumenu dd a{ font-size:13px; color:#9b9b9b; line-height:30px; text-decoration:none; }

.di{ border-top:1px #383838 solid; margin-top:100px; text-align:center; margin-left:auto; margin-right:auto; font-size:13px; padding-top:25px; padding-bottom:25px; width:1100px; color:#7f7f7f;}


.top-color { width:100%; height:4px; background:#c31516;}

.header{ height:60px; margin-left:auto; background:#111111;  margin-right:auto; width:1100px;}

.logo{ padding-top:15px; padding-bottom:15px; width:300px; float:left;}

.menu{ background:#111; display:block; float:left; height:60px; width:600px;  margin-top:15px; margin-bottom:15px;}

.menu ul{ float:left;  background:#111;}

.menu li{ float:left;  }

.menu li a{ color:#fff; background:#111; font-size:15px; display:block; width:100px; line-height:60px; text-align:center; font-family:"微软雅黑"; text-decoration:none;
-webkit-transition: all ease .25s;
  transition: all ease .25s;

} 

.menu li a:hover{ background:#fff; display:block; color:#111;} 

.cnen{
	
	margin-top:15px;
	margin-bottom:15px;
	float:left;
	display:block;
	width:120px;
	padding-left:50px;
	padding-right:30px;
	height:60px;
	background-color: #111;
	background-repeat: no-repeat;
	background-position: 60px 20px;
}

.cnen li {list-style:none; margin-top:15px; margin-right:10px;   text-align:center; line-height:30px; width:30px; height:30px; float:left; }
.cnen li a{  display:block; height:30px; width:100%; text-decoration:none; color:#fff; border-radius:15px; border:1px #fff solid; float:right; }


.cnen li a:hover{  display:block; height:30px; width:100%; text-decoration:none; background:#fff; color:#111; border-radius:15px; border:1px #fff solid; float:right; }

.cnen .current a{  display:block; height:30px; width:100%; text-decoration:none; background:#fff; color:#111; border-radius:15px; border:1px #fff solid; float:right; }


.cnen img{ margin-top:19px;}


.menu .current a{ background:#fff; display:block; color:#111;} 






.about{ width:1100px; margin-left: auto; padding:0px; margin-right:auto; margin-top:-14px; height:350px;}

.about .left { width:349px;  height:350px; padding:0px; margin:0px; float:left; }
 
.about .left h2{ font-size:28px; color:#333; font-weight:600; z-index:1000; display:block; margin-top:40px; background:url(/image/hongxian.png) no-repeat 15px -10px; padding-bottom:0px; height:55px;  padding-left:15px;}

.about .left i{ height:2px; width:50px; background:#c31516; }

.about .left .bz{ position: absolute; margin-left:330px; margin-top:-20px; width:41px; height:41px; }

.about .right{ width:700px;  height:270px; font-size:14px; line-height:24px; color:#666;  float:left; padding:80px 0px 0px 50px; margin:0px;}

.about .right b{ font-size:16px; font-weight:bold; margin-bottom:10px; display:block}
.about .right p{ text-indent:28px; text-align:justify; font-size:14px; line-height:26px;}

.about .right a{ color:#e60012; text-decoration:none}
.about .right a:hover{ text-decoration:underline}



.product{ width:100%; height:510px; margin-left:auto; margin-right:auto; background:url(/image/cpb.png);}










/* 效果CSS开始 */

#zsgun{  position:relative;height:340px; width:1240px; margin:auto; padding-top:10px; }

#zsgun h2{ font-size:28px; color:#333; font-weight:600; z-index:1000; display:block; margin-top:30px;  background:#003399;  padding-bottom:0px; height:70px; width:1100px; text-align:center ; margin-left:auto; margin-right:auto; background:url(/image/hongxian1.png) no-repeat 525px -10px; }

a.hScrollPane_leftarrow{top:270px; cursor:pointer; display:block; width:48px; height:48px; background:url(../image/zsleftbar.png) no-repeat left top;left:0px; position:absolute;}

a.hScrollPane_leftarrow:hover{background:url(../image/zsleftbar.png) no-repeat left -48px;}

a.hScrollPane_rightarrow{ top:270px; cursor:pointer; display:block; width:48px; height:48px; background:url(../image/zsrightbar.png) no-repeat left top; right:0px; position:absolute;}

a.hScrollPane_rightarrow:hover{background:url(../image/zsrightbar.png) no-repeat left -48px;}

.hScrollPane_dragbar{width:1100px; position: absolute;  left:15px; top:210px; z-index:1; padding:0 39px;}

.hScrollPane_draghandle{position:absolute; width:180px; height:10px; overflow:hidden; background:url(../image/gunbar.png) no-repeat left top;_background:url(../image/gunbar.gif) no-repeat left top; bottom:-5px; cursor:pointer; margin:0 39px; left:0;}

#gundiv{ width:1100px; position:relative; margin-left:75px; padding-top:25px; float:left; display:inline;height:320px; overflow:hidden;}
#gundiv ul {height:340px;position: absolute; width:10000px;}
#gundiv li{ width:265px; height:348px; overflow:hidden; float:left; text-align:center; margin-right:10px;position:relative;}
#gundiv li img{ width:265px; height:288px; margin-bottom:10px;  vertical-align:top;  background:none;}


#gundiv li a{  color: #666; font-size: 15px; text-decoration:none;  }

#gundiv li a:hover{  color: #e60012;  }
/* 效果CSS结束 */



.hezuo{ width:1100px; margin-left:auto; margin-right:auto; padding-bottom:30px; height: auto; overflow:hidden;}

.hezuo .left{ width:550px; float:left; }

.hezuo .left h2{ font-size:28px; color:#c31516; font-weight:500; z-index:1000; display:block; margin-top:40px; background:url(/image/hongxian.png) no-repeat 15px -10px; padding-bottom:0px; height:55px;  padding-left:15px;}

.link{ margin:20px 0px 0px 15px; padding:0px;}
.link ul{ margin:0px; padding:0px;}
.link li{ margin:0px; padding:0px; float:left; list-style:none; border:1px #e0e2e4 solid; margin-right:10px;}
.link li img{vertical-align:top;  background:none; width:158px; height:98px}




.row{
        width: 510px;
        height: 100px; margin-left:15px;margin-top:20px;
       
     
        overflow: hidden;
    }
    .box{
        position: relative; 
    }
    .box1,.box2{
        width: 510px; 
        position: absolute;
    }
    .box2{
        left:510px; 
    }
    .box img{
        float: left;  width:158px; height:98px; border:1px #e0e2e4 solid; margin-right:10px;
    }




.hezuo .right{ width:1100px; float:left;  }

.hezuo .right .more a{ width:110px; height:45px; position: relative; background:url(../image/more.png); top:40px; display:block}


.hezuo .right h2{ font-size:28px; color:#c31516; font-weight:500; z-index:1000; display:block; margin-top:40px; background:url(/image/hongxian.png) no-repeat 15px -10px; padding-bottom:0px; height:55px;  padding-left:15px;}

.newlist{  width:1100px; padding:0px; height:auto; overflow:hidden;}
.newlist ul{ margin:0px; padding:0px;}
.newlist li{ margin:0px; padding:0px; width:514px; margin-left:16px;  float:left; list-style:none; margin-bottom:13px;
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden; 
}
.newlist li b { font-weight:normal;




}

.newlist li:nth-child(2n){ margin-left:56px;}



.newlist li span{ float:right; color:#656661;}
.newlist li a{ font-size:15px; color:#656661; text-decoration:none;}
.newlist li a:hover{ font-size:15px; color:#666; text-decoration: underline;}



.footer{ border-top:1px #c2c2c2 solid; background:#f2f2f2; width:100%; margin-left:auto; margin-right:auto; height:240px; overflow:hidden;}

.footer .nav{ width:1100px; margin-left:auto; padding-top:25px; margin-right:auto;}

.nav .left{ width:600px; float:left;}
.nav .left b{ margin-top:15px; font-weight:normal; color:#444; margin-bottom:25px; display:block;}

.nav .left li a{ text-decoration: none; font-size:13px; color:#999; width:33%;  float:left; margin-bottom:15px;  
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;}

.nav .left li a:hover{  text-decoration:underline;}

.nav .center{ width:250px; float:left;  text-align:center; padding-top:20px;}
.nav .right{ width:250px; float:left; background:url(../image/end.png) no-repeat; height:160px;}

.nav .right li{ line-height:40px; font-size:15px; color:#666; list-style:none; padding-left:50px;}

.foot{ background:#c9c9c9; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13px; border-top:2px #fff solid;}


.lxwm{ width:1100px; margin-left:auto; margin-top:40px; margin-right:auto; overflow:hidden;}

.lxwm .left{ width:250px; float:left;  text-align:center; }

.lxwm .left li {  line-height:14px; margin-bottom:10px; }



.lxwm .left li a{border:1px #dcdcdc solid; border-radius:25px;  font-size:14px; padding:5px 15px; width:170px; color:#333; text-decoration:none; display:block; margin-left:25px;




-webkit-transition: all ease .25s;
  transition: all ease .25s;




 }

.lxwm .left li a:hover { background:#c31516; border:1px #c31516 solid; color:#fff;  }


.lxwm .left .cur a { background:#c31516; border:1px #c31516 solid; color:#fff;  }


.lxwm .left .nav {  position: relative;  height:36px; line-height:36px; margin-top:-10px; margin-bottom:10px;  margin-left:36px;  text-align:center;  }

.lxwm .left .nav a{ color:#444; text-decoration:none;  border-bottom:1px #ccc dotted; width:180px; display:block; }
.lxwm .left .nav a:hover{ color:#c31516; text-decoration:none; border-bottom:1px #c31516 dotted;}

.lxwm .left .current a{ color:#c31516; text-decoration:none; border-bottom:1px #c31516 dotted;}













.lxwm .leftt{ width:250px; float:left;  text-align:center; }

.lxwm .leftt li {  line-height:14px; height:34px; line-height:34px; margin-bottom:10px; }



.lxwm .leftt li a{border:1px #dcdcdc solid; border-radius:25px;  font-size:14px;  width:200px; color:#333; text-decoration:none; display:block; margin-left:25px;




-webkit-transition: all ease .25s;
  transition: all ease .25s;




 }

.lxwm .leftt li a:hover { background:#c31516; border:1px #c31516 solid; color:#fff;  }


.lxwm .leftt .cur a { background:#c31516; border:1px #c31516 solid; color:#fff;  }



.lxwm .leftt b{ color:#c31516; font-size:22px; display:block; margin-bottom:20px;}










.lxwm .left b{ color:#c31516; font-size:22px; display:block; margin-bottom:20px;}

.lxwm .right{ width:850px; float:left; }

.lxwm .right .home{ height:50px;  text-align:right; color:#888; font-size:12px; }
.lxwm .right .home a{ color:#888; font-size:12px; text-decoration:none;}
.lxwm .right .home a:hover{ text-decoration:underline;}




.newslist{  margin-left:20px; margin-right:auto;}
.newslist li{ height:160px; margin-bottom:20px;}
.newslist li img{ float:left; margin-right:20px; width:200px; height:150px; padding:4px; border:1px #cdcdcd solid;}

.newslist li img:hover{animation: image 24s linear infinite;
 }

.newslist li h2 {margin:0px; padding:0px; font-weight:normal;}

.newslist li h2 a{ font-size:16px; color:#c31516; text-decoration:none; margin:0px; padding:0px;}

.newslist li h2 a:hover{ text-decoration:underline;}


.newslist li p{ font-size:13px; color:#666; line-height:24px; }



.neirong{ border-bottom:1px #ccc solid; text-align:center; color:#999; font-size:13px; padding-bottom:20px;}
.neirong h2{ font-weight:normal; font-size:20px; color:#444;}

.newscontent{  line-height:28px; padding:20px 0px 50px 0px;  margin-top:-20px;}

.newscontent p{ text-indent:28px ; font-size:15px;  color:#555;}

.content{ margin-left:15px;  margin-top:0px;  line-height:34px; font-size:15px;  color:#555; padding-bottom:50px;}
.content p{ text-indent:28px ; line-height:34px; font-size:15px; vetical-align:top; margin-top:-10px;  color:#555;}



.caselist{ margin-left:20px; padding:0px;  overflow:hidden; height:auto;}

.caselist ul{margin:0px; padding:0px;}

.caselist li{ width:268px; height:170px; float:left; border:1px #dcdcdc solid; margin-right:10px; margin-bottom:10px;}

.caselist li:nth-child(3){ margin-right:0px; }


.caselist li img{ width:268px; height:170px;}



.productlist{ margin-left:20px; padding:0px;  overflow:hidden; height:auto;}

.productlist ul{margin:0px; padding:0px;}

.productlist li{ width:270px; height:360px; float:left;  margin-right:10px; }

.productlist li:nth-child(3n){ margin-right:0px; }


.productlist li .pic{ width:268px; height:298px; overflow:hidden; border:1px #dcdcdc solid; margin-bottom:15px; }

.productlist li .pic img{ width:270px; height:300px;  margin-bottom:15px;  -webkit-transition:transform .3s;
-o-transition:transform .3s;
transition:transform .3s;}


.productlist li .pic img:hover{ 
transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
  
}

.productlist li  span{ text-align:center; font-size:15px; color:#555; width:270px;  display:block; color:#777; 
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;}


.productlist li a{ text-decoration:none}

.productlist li:hover span{ color:#CC3300 }








.cp{ width:835px; margin-left:15px; margin-top:0px; margin-bottom:0px;}
.cp .left{ width:555px; text-align:left;}

.cp .left h2{ font-size:22px; color:#c31516; font-weight:normal}

.cp .left p{ font-size:13px; line-height:26px; color:#666; margin-right:30px;}
.cp .right{ width:278px; border:1px #dcdcdc solid;}

.cp .right img{ width:267px; height:288px;}

.xx{ border-bottom:1px #dcdcdc solid;  width:100%; clear:both; margin-left:15px;}
.xx b{ width:100px; border-bottom:2px #c31516 solid; display:block; text-align:center; font-size:18px;  color:#c31516; font-weight:normal;   height:50px; line-height:50px; }


.cpcontent{ padding-top:10px; margin-left:15px; margin-bottom:50px; font-size:15px; line-height:28px; color:#555;}


.page{text-align:center;margin-bottom:30px; font-size:11px;}
.page a{padding:4px 8px;border:1px solid #d4d4d4;color:#595959;display:inline-block; margin:0px 5px; text-decoration:none; border-radius:5px;}
.page a:hover,.page a.cpb{border:1px solid #d50100;color:#ffffff;background:#d50100; text-decoration:none;padding:4px 8px;}




@keyframes image{
from{opacity: 0.8;}
 to{opacity: 1;}
 }


@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}