@charset "utf-8";
/*公用*/
TD { LINE-HEIGHT: 170%; WORD-BREAK: normal}
*{ margin:0; padding:0;}
html, body, ul, li{list-style:none; -webkit-text-size-adjust:none; font-weight:normal; line-height:24px; margin:0; padding:0;}
body { background:#ffffff; font-family:"Arial", Helvetica, sans-serif; font-size:12px; -webkit-text-size-adjust:none; color:#666666; font-weight:normal;}
img {border:0;behavior:url("iepngfix.htc");}
.clear {clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a { text-decoration: none; color:#333;}
a:hover  { text-decoration:none; color:#e30f0e;}
a:active {text-decoration: none; color:#e30f0e;}
a::focus {-moz-outline-style:none;}


.top{ width:100%; height:104px; background:url(../images/topimg.jpg) repeat center;}
.top1{ width:1200px; height:104px; margin:0 auto;}
.logo{ width:300px; height:104px;}
.topright{ height:104px;}
.tops{ height:44px; width:350px; float:right;}
.menux { height:60px;}
.menux a{ font-size:16px; color:#333; line-height:40px; margin:0 25px; margin-top:6px;  display:block;float:left; }
.menux a:hover{ color:#e30f0e;  border-bottom: solid 3px #e30f0e;}
.sosuo{ margin-left:10px;}
.zl{ width:170px; height:44px; background:#CC9966;background:url(../images/ali.png) no-repeat left;text-indent:30px;}
.zl a{ font-size:13px; color:#666; line-height:50px;  }
.ali{ width:82px;}
.langguage{ width:82px; height:44px; position:relative;font-size:13px; color:#666; line-height:44px; background:url(../images/yuyan.png) no-repeat left;}
.box1{ width:100px; height:35px; background:#e30f0e; position:absolute;top:44px; display:none; z-index:1000; }
.box1 a{ font-size:12px; color:#fff; line-height:35px; text-align:center; margin:0 auto; }
.langguage:hover .box1{ display:block;}

/*sousuo*/
/* reset webkit search input browser style */
input {outline: none;}
input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */}
/* search input field */
input[type=search] {float: right;border: solid 1px #ccc;padding: 4px 7px 4px 30px;width: 55px; margin-top:10px;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em;
-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);}
/* placeholder */
input:-moz-placeholder {color: #999;}
input::-webkit-input-placeholder {color: #999;}

/*pro*/
.sypro{ width:1200px; height:auto; margin:0 auto; margin-top:30px;}
.sypro h1{ font-size:30px; color:#333; line-height:40px; }
.sypro p{ font-size:14px; color:#666; line-height:45px;}
.tabbox{width:1200px;height:300px; margin-top:-38px;}
.tabbox .tab{overflow:hidden; margin-bottom:28px; float:right;}
.tabbox .tab a{display:block;padding:5px 20px;float:left;text-decoration:none;color:#333; font-size:14px; line-height:24px;}
.tabbox .tab a:hover{background:#E64E3F;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#e30f0e;color:#fff;text-decoration:none; border-radius:30px;}
.tabbox .content{overflow:hidden;width:1200px;height:184px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0; height:184px;}
.tabbox .content ul li a{width:280px;height:184px;float:left; margin-right:20px;}
/*syabout*/
.syabout{ width:100%; height:582px; background:url(../images/bjabout.jpg) no-repeat center; margin-bottom:30px;}
.syaboutmain{ width:1200px; height:auto; margin:0 auto;  }
.syaboutmain h1{ font-size:30px; color:#333; line-height:40px; text-align:center; padding-top:40px; }
.syaboutmain span{ font-size:14px; color:#666; line-height:45px;text-align:center; font-weight:normal; display:block;}
.abbj{width:1200px; height:363px; margin:0 auto; background:url(../images/syabout.jpg) no-repeat center; margin-top:25px;}
.jieshao{ width:600px; height:363px; float:left; background:#e30f0e; opacity:0.8; overflow:hidden;}
.jieshao h2{ font-size:28px; color:#fff; line-height:36px; font-weight:normal; padding:40px 60px 10px 60px;}
.jieshao p{ height:120px; overflow:hidden;font-size:14px; color:#fff; line-height:36px; padding:10px 60px 30px 60px;}
.anniu{ width:100px; height:36px;border: solid 1px #fff; margin-left:60px; line-height:36px; text-align:center;}
.anniu a{ font-size:12px; color:#fff; line-height:36px; font-weight:normal;}
.anniu:hover{ background:#fff; color:#e30f0e;}
.anniu:hover a{color:#e30f0e;}

/*synews*/
.synews{ width:1200px; height:auto; margin:0 auto;}
.synews h1{ font-size:30px; color:#333; line-height:40px; text-align:center;  }
.synews span{ font-size:14px; color:#666; line-height:45px;text-align:center; font-weight:normal; display:block; }
.newsmain{width:1200px; height:auto; margin-top:40px;}
.tuwen{ width:590px; height:auto;}
.tuwen ul li{ width:282px; height:320px; float:left; background:#ccc; margin-bottom:100px; margin-right:13px;}
.tuwen ul li img{ width:282px; height:191px; overflow:hidden;}
.hui{ width:282px; height:130px; overflow:hidden; }
.hui h3{ font-size:15px; color:#333; line-height:40px;padding:0 10px;}
.hui p{ font-size:13px; color:#666; line-height:24px; height:70px; overflow:hidden;padding:0 10px;}

.synewslist{ width:580px; height:auto;}
.synewslist ul li{ width:580px; height:65px; float:left; margin-bottom:20px; overflow:hidden;}
.date{ width:75px; height:65px; border-right: solid 1px #ccc;}
.date span{ font-size:24px; height:40px; color:#666; text-align:center; line-height:40px; display:block;}
.date b{ font-size:13px; color:#666; line-height:25px; font-weight:normal; display:block; text-align:center;}
.neirongr{ width:480px;}
.newbt{  height:35px; overflow:hidden;}
.newbt a{font-size:16px; color:#333;line-height:35px; font-weight:bold;}
.newbt a:hover{color:#e30f0e;}
.nweswz{ font-size:13px; color:#666; line-height:30px; height:30px; overflow:hidden;}

/*footer*/
.footer{ width:100%; height:149px; background:url(../images/fot.jpg) repeat center;}
.fotz{ width:1200px; height:149px; margin:0 auto;}
.fotl{ width:1000px;padding-top:20px; font-size:14px; color:#fff;           }
.fotl a{ font-size:15px; color:#fff; line-height:40px; padding:0 20px;}
.fotl a:hover{color:#e30f0e;}
.fotl p{ font-size:12px; color:#fff; line-height:30px; padding-left:20px;}
.fotl p a{ font-size:12px; color:#fff; line-height:30px; padding-left:20px; padding:0;}
.fotr{ margin-top:20px;}

/*nybanner*/
.nybanner{ width:100%; height:340px; overflow:hidden; margin:0 auto; text-align:center; margin-bottom:20px;}
.ermenu{ width:1200px; margin:0 auto;text-align:center; margin-top:20px; margin-bottom:50px;}
.ermenu ul li{  display:inline-table;text-align:center;  color:#666; line-height:50px; margin:0 13px;}
.ermenu ul li a{ color:#333; line-height:50px; font-size:15px; color:#333;}
.ermenu li a:hover, .ermenu li a.active {display:block;border-bottom:2px solid #e30f0e;color:#e30f0e;}

.mainbox{ width:1200px; height:auto; padding-bottom:100px; margin:0 auto;}
.prolist{ width:1224px; height:auto; margin:0 auto; font-size:14px;}
.prolist ul li{ width:305px; height:auto; float:left; margin-bottom:30px;}
.prolist ul li a img{ width:281px; height:184px; transition: all 0.9s ease 0s;}
.prolist ul li a{ width:281px; height:184px;display: block;position: relative; overflow: hidden; z-index: 1;}
.prolist ul li a img:hover{transform: scale(1.2);}
.prolist ul li p{ font-size:14px;  color:#333; line-height:25px; text-align:center;}

/*pro*/
.nypro,.xiangqing{ width:1200px; height:auto; margin:0 auto;}
.nypro ul li{ width:580px; height:275px; float:left; margin-right:15px; border: solid 1px #ccc; margin-bottom:30px;}
.nypro ul li a {display: block;position: relative; overflow: hidden; z-index: 1; width:253px; margin:15px 15px; float:left;}
.nypro ul li a img{ transition: all 0.9s ease 0s; float:left; width:253px; height:243px;}
.nypro ul li a img:hover{transform: scale(1.2);}
.nyprowz{ width:280px; }
.nyprowz h4{ font-size:18px; font-weight:normal; margin-top:20px; color:#333; line-height:30px; padding:0 5px; width:260px; height:38px; overflow:hidden;}
.nyprowz h4:hover{ color:#7bc221;}
.nyprowz p{ font-size:14px; color:#666; line-height:30px; width:260px; height:140px; overflow:hidden; padding:5px;}
.nyprowz b{ font-size:12px; padding:6px 15px; background:#7bc221; color:#fff; float:right; margin-right:20px; font-weight:normal;}
.nyprowz b:hover{ color:#ed9b11;}

.xqs{ width:1200px; height:382px; margin-bottom:40px;}
.xqimg{ width:557px; height:382px;}
.xqwz{ width:590px; h382px;}
.xqwz h2{ font-size:26px; color:#000; line-height:40px; font-weight:normal; margin-top:20px; margin-bottom:15px;}
.xqwz p{ font-size:14px; color:#666; line-height:36px; width:590px; height:200px; overflow:hidden;}
.fenxiang_ion{ margin:40px 0;}

.canshu{ width:1200px; height:auto; margin:0 auto; margin-top:40px;}
/* tabbtn */
.tabbtn1 {
	height:38px;
	background:url(../images/tabbg.jpg) bottom repeat-x;
}
.tabbtn1 li {
	float:left;
	position:relative;
	margin:0 8px 0 -1px;
}
.tabbtn1 li a {
	display:block;
	float:left;
	height:38px;
	line-height:38px;
	overflow:hidden;
	width:100px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	background:#d7d7d7;
	color:#333;font-weight:bold;
}
.tabbtn1 li.current {
	border-left:solid 1px #d5d5d5;
	border-right:solid 1px #d5d5d5;
	border-top:solid 1px #c5c5c5;
}
.tabbtn1 li.current a {
	height:34px; font-weight:bold;
	line-height:34px;
	background:#fff;
	color:#e30f0e;
}

/* tabcon */
.tabcon .subbox {position:absolute;/*必要元素*/left:0;top:0;}
.tabcon .sublist {font-size:14px; color:#555; line-height:36px;height:auto; margin-top:20px; width:1200px; height:auto; }
.sublist img{ margin:0 auto;}

.nyabout{ width:1200px; height:auto; margin:0 auto;}
.nnyy{ font-size:14px; color:#666; line-height:36px;}

.jiance p{font-size:14px; color:#666; line-height:36px; text-indent:30px;}
.jiance img{ margin:20px 0;}

/*内页荣誉*/
.honor{ width:1200px; overflow:hidden; clear:both; float:left;}
.honor ul{ width:1200px;}
.honor li{ float:left; line-height:40px; font-size:12px; color:#666; margin-bottom:15px; margin-right:40px; width:260px; height:226px; text-align:center;}
.honortu{width:240px; height:160px; float:left; padding:9px; border:1px solid#d2d2d2}
.honorti{width:260px; height:40px; text-align:center; float:left; line-height:40px;}

/*news*/
.nlist{ width:1200px; height:auto; }
.nlist li{ width:1200px; height:162px; float:left; margin-bottom:20px;}
.nlist li img{ width:260px; height:162px; float:left; overflow:hidden;}
.nlist li img:hover{opacity: 0.8;}
.newslistr{ width:900px; height:162px;}
.newslistr h1{ font-size:18px; color:#333; line-height:40px; overflow:hidden;}
.newslistr h1:hover{ color:#e30f0e;}
.newslistr b{ font-size:12px; color:#777; line-height:24px; font-weight:normal; }
.newslistr p{ font-size:14px; color:#666; line-height:24px; margin-top:5px; overflow:hidden; height:80px;}
.newslistr p:hover{ color:#e30f0e;}

.neirong{font-size:14px; color:#333; line-height:36px; text-indent:30px;}
.linian{ width:1200px; height:auto; margin:0 auto;}
.linian ul li{ width:300px; height:auto; float:left; text-align:center; margin-bottom:40px; }
.linian ul li img{ margin:0 auto;}
.linian ul li h1{ font-size:20px; line-height:40px; color:#333; font-weight:normal
;}
.linian ul li p{ width:300px; height:24px; line-height:24px; font-size:14px; color:#666; text-align:center; padding:10px 10px;}
.linian p{ font-size:14px; color:#666; line-height:36px; padding-top:30px;}


/*pro*/
#wrap1{width:1160px;height:auto; }
#wrap1 ul li .a1 img{width:360px;height: 240px;border-radius:8px;}
#wrap1 ul li{width:360px;height: 323px;list-style: none;position: relative;float: left;overflow: hidden; border-radius:8px; margin-right:25px;} 
#wrap1 ul li .a1 .divA{position: absolute;bottom: 0;left: 0;width: 360px;height: 50px;padding: 10px 0px;}
#wrap1 ul li .a1 .divA>.p1{width: 360px;height: auto; text-align:center;font-size: 14px;line-height: 25px;color: #575757;}
/*遮罩*/
#wrap1 ul li .a2{position:absolute;top:0;left:-410px;width:360px;height:240px;border-radius:8px;text-align: center;color: white;background:#e30f0e; opacity:0.7; transition: all 0.2s;} 
#wrap1 ul li .a2 .p5{width:360px;text-align:center;line-height:20px;position:absolute;left:-400px;margin:80px  0 10px;font-size:20px;color: white;transition: all 0.2s 0.2s ease-out;}
#wrap1 ul li .a2 .p7{position: absolute; left:130px;bottom:-50px;width:90px;height:30px;line-height: 30px;border-radius: 5px;margin: 15px auto;border: 1px solid #fff;transition: all 0.2s 0.5s ; color:#fff;}

.contact{ width:1200px; height:auto; margin:0 auto; background:url(../images/contact.jpg) no-repeat top;}
.contact h2{ font-size:26px; color:#e30f0e; line-height:50px;}
.contact p{ font-size:15px; color:#333; line-height:36px;}

/*厂容厂貌*/
#owl-demo{position:relative;width:742px;height:495px;margin:20px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:742px;height:495px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
/*分页*/
.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
	padding: 20px 0 20px 0;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage a.current {
    background-color: #e30f0e;
    border-color: #e30f0e;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.cpage { text-align:center}
.cpage a {
	background-color: #FFFFFF;
    border-color: #7EB864;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding:5px 10px;
}

#pages {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
	padding: 20px 0 20px 0;
	text-align:center;
}
#pages a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
#pages span {
    background-color: #e30f0e;
    border-color: #e30f0e;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}


/*产品*/
.TTSlider{width:1200px;margin: 30px auto; margin-top:-43px;}
.TTSlider li{list-style-type:none;float: left;}
.TTSlider li img{border: none;}
.TTSliderTitle{background: #FAFAFA;height:40px;}
.TTSliderTitle ul{ float:right;}
.TTSliderTitle li{ padding:0 50px;height:36px;position: relative;z-index: 3; text-align:center;}
.TTSliderTitle li div{left: 0;right: 0;top: 0;bottom: 0;position: absolute;_width:139px;_height:62px}
.TTSliderTitle .cur div{ _height:40px; background:#e30f0e;border-radius: 20px;}
.TTSliderTitle .cur a{ color:#fff;}
.TTSliderTitle .noneBorRight div{border-right: none;}
.TTSliderTitle li a{display: block;height: 100%;line-height:36px;text-decoration: none;overflow: hidden;*width:49%;font-size: 12px}
.TTSliderTitle li a img{height: 50px;margin: 6px;width: 36px}
.TTSliderTitle  ul li a:hover{ color:#fff;}

.TTSliderPic{width:1200px;padding: 30px 0 ;position: relative;height: 184px;z-index: 1}
.TTSliderPicList{position: relative;width:1200px;overflow: hidden;height:184px;}
.TTSliderPic ul{position: absolute;display: none;top:3px;left: 0}
.TTSliderPic ul.show{display: block;}
.TTSliderPic li img{width:281px; height:184px;transition: all 0.9s ease 0s;}
.TTSliderPic li a img:hover {
    transform: scale(1.2);
}
.TTSliderPic li{width:281px; padding-right:20px;height: 184px;}
.TTSliderPic li a{display: block;height: 184px;overflow: hidden;}
.TTSliderPic li p{height: 30px;line-height: 30px;text-align: center;color: #ED0A0A}
.TTSliderPrevBtn,.TTSliderNextBtn{height: 100%;width: 45px;position: absolute;z-index: 999;top: 0;text-align: center;}
.TTSliderPrevBtn{left:0}
.TTSliderNextBtn{right: 0;}
.TTSliderPrevBtn a,.TTSliderNextBtn a{height: 30px;width: 20px;display: inline-block;background:url(../images/btn.png) no-repeat;margin-top: 75px;}
.TTSliderNextBtn a{background:url(../images/btn.png) no-repeat -30px 0;}