/**重置样式**/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
fieldset,img{border:0;}
body{margin:0; padding:0; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background: #ecf0f1;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none;color:#000;}
a:hover{color:none;}
input,select,img{ vertical-align:middle;}
hr{border:1px solid #333;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.wp{width: 1200px; height: auto; margin: 0 auto;}

.top{height: 80px;}
.logo{margin-top: 20px;}
.search{margin-left: 120px; margin-top: 25px;}
.search form input{width: 200px;height:28px; border:2px solid #db2d2d;float: left;}
.search form button{width: 45px; height: 32px; background: #db2d2d;border:2px solid #db2d2d; float: left;font-family: "微软雅黑"; color: #FFF;}
.tel{margin-top: 25px;font-size: 14px; color: #666;}
.tel img{margin-right: 10px;}
.tel span{color: #db2d2d; font-weight: bold; font-size: 21px;}

.menu{width: 100%;height: 50px; background: #db2d2d; }
.menu ul li{width: 133px;text-align: center; line-height: 50px; float: left;}
.menu ul li a{color: #FFF;}

.slide-main{position: relative; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{width:100%;height:18px;position:absolute;z-index:124;top:560px;left:0;text-align:center;}
.item a{display:inline-block;width:18px;height:18px;margin-right:11px;background:#333;overflow:hidden;border-radius:18px;}
.item a.cur{background:#db2d2d;}
.slide-box,.slide{display:block;width:100%;height:635px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:635px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(img/banner1.jpg) center no-repeat;}
#bgstyleb{background:url(img/banner2.jpg) center no-repeat;}
#bgstylec{background:url(img/banner3.jpg) center no-repeat;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.m1{width:1160px;height: 240px;margin:0 auto; background: #FFF; margin-top: -30px; padding: 20px; box-shadow: 0px 0px 10px #666;position:relative; z-index:9;}
.m1 dl{width: 320px; float: left;}
.m1 dl dt{ text-align: center;}
.m1 dl dt span{color:#666; font-size: 20px;}
.m1 dl dt span em{color: #db2d2d;}
.m1 dl dt div{width:50px;margin: 0 auto; border-top: 3px solid #db2d2d;margin-top: 6px;}
.m1 dl.m1-dl1 dd{height:135px;border-right: 1px solid #CCC;margin-top: 10px; font-size: 14px; color: #666; line-height: 25px;}
.m1 dl h5{text-align: center;margin-top: 25px;}
.m1 dl h5 a{width: 75px; height: 28px; border:1px solid #db2d2d; display: inline-block; font-weight: normal; line-height: 28px; text-align: center;color: #db2d2d;}
.m1 dl.m1-dl2{width: 510px;padding-left: 15px; padding-right: 15px;}
.m1 dl.m1-dl2 dd{height:135px;border-right: 1px solid #CCC;margin-top: 10px; font-size: 14px; color: #666; line-height: 25px;}
.mr_frbox{height:190px;}
.mr_frBtnL{width:20px; height:20px; background: #a4a4a4; float:left;margin-top:12px; margin-right:6px;cursor:pointer;display:block;color: #FFF; line-height: 20px; text-align: center;margin-top: 80px;}
.mr_frUl{float:left;height:190px;width:423px; }
.mr_frBtnR{width:20px; height:20px;line-height: 20px; text-align: center;color: #FFF; background: #a4a4a4;float:right;margin-top:12px;cursor:pointer;margin-right: 15px;margin-top: 80px;}
.mr_frBtnR:hover,.mr_frBtnL:hover{ background: #db2d2d; color: #FFF;}
.mr_frUl ul li{display:inline;float:left;height:190px;width:190px;overflow:hidden;margin-top: 15px;margin-right: 17px;margin-left: 12px;}
.mr_frUl ul li img{display:block;width:190px; height:160px; }
.mr_frUl ul li p{text-align: center; font-size: 14px;}

.m1 dl.m1-dl3{width:300px;border-right: none;}
.m1 dl.m1-dl3 ul{margin: 20px;}
.m1 dl.m1-dl3 ul li{font-size: 13px;margin-top: 10px;font-weight:bold;}

.m2t{height: 150px; background: url(img/bg.jpg) top no-repeat;margin-top: 30px; text-align: center;}
.m2t h1{padding-top: 40px;}
.m2t span{color: #db2d2d;}
.m2t p{margin-top: 6px;color: #666;}
.m3{width: 100%;height: 425px; background: #474747;}
.m3 dl{width:240px; height:425px;overflow: hidden; position: relative;float: left;}
.m3 dl dt{position: absolute; z-index: 1;}
.m3 dl dd{width:100%;text-align: center; position: absolute; z-index: 3; padding-top: 180px; background: rgba(51,51,51,0.6);height: 100%;-moz-transition:background-color .3s ease-in;-webkit-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;-ms-transition:background-color .3s ease-in;transition:background-color .3s ease-in;}
.m3 dl dd img{margin-bottom: 50px;}
.m3 dl dd p{font-size: 24px; color: #FFF;}
.m3 dl dd p i{font-size: 13px;}
.m3 dl dd:hover{ background: rgba(247,0,0,0.6);}
.m4{width: 100%;height: 563px; background:url(img/m4.jpg) center no-repeat;}

.m5{width: 100%;height: 904px; background: url(img/m5.jpg) repeat-x;}
.recommend{margin-top: 50px;}
.recommend-left{width: 216px; height: 176px; background:#db2d2d; color: #FFF; border-radius: 3px; font-size: 26px; text-align: center; padding-top: 90px;}
.recommend-left em{font-size: 13px; line-height: 30px;}
.recommend-right{width: 960px;}
.m5-rt{width: 100%;height: 32px;background: #FFF; line-height: 32px;}
.m5-rt span{float: left; margin-left: 10px;}
.m5-rt em{float: right; font-size: 14px;margin-right: 10px;}
.m5-rt em a{color: #666;}
.scrollleft ul li{width: 225px; height: 225px;float: left; position: relative;margin-top: 10px; margin-right: 20px;}
.scrollleft ul li img{width: 225px; height: 225px; position: absolute; z-index: 1;}
.scrollleft ul li p{width:100%;height:30px;background: rgba(0,0,0,0.6); font-size: 14px; text-align: center;color: #FFF; line-height: 30px;position: absolute; bottom: 0px; z-index: 5;}
.home-news{margin-top: 60px;}
.home-news-left{ }
.hn-title{text-align: center; font-size: 22px;}
.hn-title h2{font-weight: normal;color: #555;}
.hn-title span{color:#db2d2d; }
.home-news h5{text-align: center;margin-top: 10px;}
.txtScroll-top{ overflow:hidden; position:relative; width: 580px; height: 470px; background: #FFF; border: 1px solid #CCC; }
.txtScroll-top .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url(img/arrow.png) 0 -100px no-repeat;}
.txtScroll-top .hd .next{ background-position:0 -140px;  }
.txtScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.txtScroll-top .hd .nextStop{ background-position:-60px -140px;  }
.txtScroll-top .hd ul{ text-align: center; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(img/icoCircle.gif) 0 -9px no-repeat;  display: inline-block;}
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ padding:25px;  }
.txtScroll-top .infoList li{ height:45px; line-height:45px; border-bottom: 1px solid #CCC; font-size: 14px; margin-top: 6px; }
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
.txtScroll-top .infoList li a{margin-left: 10px;}
.txtScroll-top .infoList li a:hover{color: #db2d2d;}

.footer-top{width: 100%;height: 90px; background: #db2d2d; line-height: 90px;margin-top: 50px;}
.footer-top dl dt{width:33.3%;float:left; text-align: center; color: #FFF; font-size: 14px;}
.footer-top dl dt b{font-size: 32px;margin-right: 5px;}
.footer-mid{width: 100%;height: 614px; background: url(img/footer.jpg) center no-repeat;}

.ft{width:450px;margin: 0 auto;  font-size: 35px; color: #FFF; text-align: center;border-bottom: 1px solid #CCC; height: 26px;padding-top: 50px;}
.ft span{display: inline-block; background: #404043; padding: 0px 10px;}
.ft em{color:#db2d2d;}
.footer-title p{color: #FFF; margin-top: 25px; text-align: center;}
.footer-left{width: 600px; margin-left: 16px;}
.footer-left form{margin-top: 20px;}
.footer-left form input{width: 274px; height: 44px; border-radius: 4px;border: none; padding-left: 10px;margin-right: 10px;margin-top: 20px;}
.footer-left form textarea{width: 563px; height: 180px; border-radius: 4px;border:none;margin-top: 20px; padding: 10px;}
.footer-left form button{width: 125px; height: 45px; background: #8f8f8f; border-radius: 4px;border:none;cursor: pointer; font-size: 16px; font-family: "微软雅黑";color: #FFF; margin-top: 10px;}
.footer-right{width:460px;margin-top: 20px;}
.footer-right h1{text-align: center;}
.footer-right ul{margin-top: 40px;margin-left: 90px; margin-right: 90px;}
.footer-right ul li{font-size: 14px;color: #FFF;margin-top: 8px;}
.footer-bot{height: 277px; background: #181818;}
.foot-wrap{width: 950px;margin: 0 auto;}
.foot-nav{padding-top: 30px;}
.foot-nav a{color: #FFF; margin-left: 20px; margin-right: 20px;}
.footer-bot dl{margin-top: 50px;}
.footer-bot dl dt{float: left;color: #FFF;}
.footer-bot dl dt ul li{font-size: 14px;margin-top: 6px;}
.footer-bot dl dd{float: right;color: #FFF;font-size: 14px;}
.footer-bot dl dd img{width: 110px; height: 110px;margin-right: 10px;}
.footer-bot p{font-size: 14px; color: #FFF;margin-top: 10px; text-align: center;}
.footer-bot p a{color: #FFF;}

.main{margin-top: 30px; margin-bottom: 30px; }
.left{width:216px; }
.right{width: 960px;}
.lt{width: 216px; height: 106px; background:#db2d2d; color: #FFF; border-radius: 3px; font-size: 26px; text-align: center; padding-top: 25px;}
.lt em{font-size: 13px; line-height: 30px;}
.left dl{margin-top: 10px;}
.left dl dt{padding-left: 20px; line-height: 35px; background: #333; border-radius: 3px;margin-top: 10px;}
.left dl dt a{color: #FFF;}
.left dl dt:nth-child(1),.left dl dt:nth-child(2),.left dl dt:nth-child(3),.left dl dt:nth-child(4){background: #db2d2d;}
.left dl dt:hover{background: #db2d2d;}
.left dl dd{font-size: 14px; margin:0px 20px; border-bottom: 1px dashed #CCC; margin-top: 5px; line-height: 30px;margin-top: 5px;}
.left dl dd a{font-size: 13px;}
.left dl dd a:hover{color: #db2d2d;}
.rt{width: 100%;height: 40px; background: #FFF; line-height: 40px;}
.rt span{margin-left: 10px; color: #db2d2d;}
.rt em{font-size: 13px; float: right;margin-right: 10px;color: #666;}
.rt em a{color: #666;}
.right-wrap{width: 100%;height: auto; background: #FFF;margin-top: 10px; padding-bottom: 20px;}
.pageshow{min-height:500px;margin: 10px; line-height: 30px; font-size: 14px;}
.news{padding: 20px;}
.news ul li{ height:45px; line-height:45px; border-bottom: 1px dashed #CCC; font-size: 14px; margin-top: 6px; }
.news ul li .date{ float:right; color:#999; font-size: 13px; }
.news ul li a{margin-left: 10px;}
.news ul li a:hover{color: #db2d2d;}

.con-tt{ margin-bottom:20px;padding-top:20px;}
.con-tt h2{ text-align:center; margin-bottom:10px;color:#666;}
.con-tt p{ text-align:center; font-size:13px; color:#666;}
.con-tt p span{ margin-right:20px;}
.pn{ margin-top:50px; font-size:14px;font-family:"微软雅黑"; color:#666;margin-left:10px; margin-right: 10px;}

.products ul li{width: 225px; height: 225px;float: left; position: relative;margin-top: 10px; margin-left: 20px;}
.products ul li img{width: 225px; height: 225px; position: absolute; z-index: 1;}
.products ul li p{width:100%;height:30px;background: rgba(0,0,0,0.6); font-size: 14px; text-align: center;color: #FFF; line-height: 30px;position: absolute; bottom: 0px; z-index: 5;}
.products ul li.first{margin-left: 0px;}
/* 分页page样式 style*/
.page{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}
.page a{	
	border: 1px solid #ccc;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #fff;
	text-decoration:none;
	color:#999;
}
.page a:hover{
	border:1px solid #FF6600; 
	background-color:#FF6600; 
	color:#fff;
}
.page span{
	border: 1px solid #FF6600;
	display: inline;
	padding: 3px 10px 3px 10px;
	margin-right: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #FFEEE5;
	color: #FF6600;}