*{margin:0;padding:0;}
img{border:0px;}
body{margin:0;background:#fff;font-family:"Microsoft YaHei",微软雅黑,Verdana,Arial,Helvetica,sans-serif,STHeiti,MingLiu;}
a{text-decoration:none;}
li{list-style:none;}
.fr{float:right}
.fl{float:left}
.clear{clear:both;}
.pd20{padding-bottom:20px}
.pt20{padding-top:20px}
.p10{padding:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.p15{padding:15px 0}
.m15{margin:15px 0;}
em, i {font-style: normal;}

.width{width:1200px;height:auto;margin:0 auto;}
/*top*/
.topbg{width:100%;height:30px;background:#FAFAFA;border-bottom:solid 1px #eee}
.top{width:1200px;height:30px;margin:0 auto;}
.kd {margin: 0 auto;width:1200px;}
.a_fff{line-height:30px;color:#666;font-size:12px;}
.a_fff a {color: #666;}

.h_logo {height:120px;margin: 38px 0 0;overflow: hidden;width: 655px;}
.h_logo span {height: 70px;overflow: hidden;width:220px;}
.h_logo span img {height: 70px;width: 220px;}
.h_logo h1 {color: #ff9012;display: inline;font:18px "微软雅黑";height: 80px;margin:0px 0 0 23px; width: 380px;}
.h_logo h1 i {color: #34373f;display: block;font-size: 22px;font-weight: bold;}

.h_lx {height: 107px;margin: 15px 0 0;overflow: hidden;width: 280px;}
.h_lx h4 {background: rgba(0, 0, 0, 0) url("../images/lx.gif") no-repeat scroll 55px 3px;color: #3b434c;font: 24px/32px Arial,Helvetica,sans-serif;text-align: right;}
.h_lx h4.nones {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.s_inp01 {height: 25px;margin-top: 8px;width: 280px;}
.inp01 {background: rgba(0, 0, 0, 0) url("../images/sou1.gif") no-repeat scroll 0 0;border: 0 none;color: #b2b6ba;float: left; font-size: 12px;height: 25px;line-height: 25px;padding-left: 10px;width: 214px;}
.inp02 {background:#34373F;border: 0 none;float: left;height: 25px;padding: 0;width:50px;color:#fff;cursor:pointer;font-size:12px}

/*导航*/
.navbg{width:100%;height:50px;background:#34373F;border-bottom:solid 5px #E23C14;margin-top:20px;}
.nav{width:1200px;height:50px;margin:0 auto;}
.nav li{height:50px;font-size:12px;color:#fff;text-align:center;float:left;line-height:25px;position:relative;width:130px;border-left:solid 1px #4c4e55}
.nav li.lb{border:none}
.nav li a{color:#fff;}
.nav li:hover{background:#E23C14;}

#kind_list li .kind_list {background:#34373F !important;z-index: 99;position:absolute;top:50px;left:0;padding:0;display:none;width:180px;border-left:solid 5px #E23C14;border-top:solid 5px #E23C14}
#kind_list li .kind_list li {font-size: 14px;margin: 0;padding: 0;transition: all 0.3s ease 0s;width:180px;float:none;height:auto;border:none;border-bottom: 1px dotted #ddd;text-align:left;text-indent:14px}
#kind_list li .kind_list li a {color: #fff;width:180px;margin: 0;height:auto;text-decoration: none;line-height:35px;background:none;font-size:12px;}
#kind_list li:hover .kind_list {display: block;list-style-type: none;position: absolute;top:50px;padding:0;}
#kind_list li .kind_list li a:hover{background:#2B281D;color:#fff}

/*banner*/
		.banner{
			width: 100%;
			/*height: 450px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 450px;
			float: left;
			background:  no-repeat center center;
		}
		/*.banner ul li:nth-child(1){*/
			/*background: url('./1.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(2){*/
			/*background: url('./2.jpg') no-repeat center center;*/
		/*}*/
		/*.banner ul li:nth-child(3){*/
			/*background: url('./3.jpg') no-repeat center center;*/
		/*}*/
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/banner/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/banner/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}
.bannerb{width:100%;height:40px;background:url(../images/banner/bannerb.gif) repeat-x;}
/*产品分类*/

.h3 {border-bottom: 1px solid #dcdcdc;font-weight: normal;margin:0 auto 30px;padding-bottom: 20px;text-align: center;font-size:20px;width:1200px;}
.h3 a{border-top: 1px solid #dcdcdc;display: inline-block;font-size: 26px;padding: 20px 0 0 62px;text-align: left;color:#666;}
.h3 a.a1 {background: rgba(0, 0, 0, 0) url("../images/about_ic.png") no-repeat scroll 0 24px;}
.h3 span {color: #999;display: block;font-size: 18px;margin-top: 5px;text-transform: uppercase;}
.h3 a.a2 {background: rgba(0, 0, 0, 0) url("../images/pro_ic.png") no-repeat scroll 0 24px;}
.h3 a.a3 {background: rgba(0, 0, 0, 0) url("../images/quality_bg.png") no-repeat scroll 0 24px;}
.h3 a.a4 {background: rgba(0, 0, 0, 0) url("../images/focus_ic.png") no-repeat scroll 0 24px;}



/*公司简介*/
.indexPart1Box {background: rgba(0, 0, 0, 0) url("../images/indexPart1Box.png") no-repeat scroll center top / cover ;height: 448px;}
.wal {margin: 0 auto;width: 1200px;}
.indexPart1_l {height: 347px;padding-top: 60px;position: relative;width: 692px;}
.indexPart1_l .imgList ul {width: 110%;}
.indexPart1_l .imgList li {float: left;height: 126px;margin-right: 7px;width: 225px;}
.indexPart1_l .name {color: #222;font-size: 18px;font-weight: bold;padding: 20px 0 6px;}
.indexPart1_l .content {font-size: 14px;line-height: 32px;}
.indexPart1_l .btnDiv {bottom: 5px;/*bottom: 10px;*/left: 0;position: absolute;}
.indexPart1_l .btnDiv a {background: rgba(0, 0, 0, 0) url("../images/btn5.png") no-repeat scroll 0 0;display: block;font-size: 14px;height: 41px;line-height: 41px;text-align: center;width: 142px;color:#666;}
.indexPart1_l .btnDiv a:hover{color:#FF9012}

.indexPart1_r {height: 382px;position: relative;top: 66px;width: 508px;}
.indexPart1_r li {background: rgba(0, 0, 0, 0) url("../images/ico3.png") no-repeat scroll left bottom;font-size: 14px;height: 69px;padding-left: 10px;position: absolute;width: 268px;}
.indexPart1_r li a {border-bottom: 1px solid #d6d6d6;color: #999;display: block;height: 63px;line-height: 63px;text-align: center;}
.indexPart1_r li div {display: inline-block;}
.indexPart1_r li img {padding-right: 20px;position: relative;top: -2px;}
.indexPart1_r li .img1 {display: none;}
.indexPart1_r li:hover img { display: none;}
.indexPart1_r li:hover .img1 {display: inline-block;}
.indexPart1_r li:hover {background: rgba(0, 0, 0, 0) url("../images/ico3on.png") no-repeat scroll left bottom;}

.indexPart1_r .li_01 {left: 285px;top: 12px;}
.indexPart1_r .li_02 {left: 204px;top: 75px;}
.indexPart1_r .li_03 {left: 121px;top: 138px;}
.indexPart1_r .li_04 {left: 40px;top: 201px;}
.indexPart1_r .li_05 {left: 1px;top: 264px;}

.cps{background: rgba(0, 0, 0, 0) url("../images/cp_bg.jpg") no-repeat scroll center bottom;height: 1000px;padding: 20px 0 0;}

/*产品展示*/
.cplist{width:320px;height:280px;margin:5px;background:#fff;float:left;position:relative;border-top:solid 5px #fff}
.cplist img{width:320px;height:240px;}
.cplist p {background:#EEEEEE;height:40px;position: absolute;bottom:0px;width:320px;text-align:center;font-size:14px}
.cplist p {text-align: center;transition: all 0.3s ease 0s;color:#333;line-height:40px}
.cplist:hover{border-top:solid 5px #E23C14}
.cplist:hover .cpp{background:#2a2a2a;color:#fff}

/*新闻中心*/
.ixw{width:550px;height:120px;float:left;margin:10px 25px;background:#f9f9f9}
.ixw dt {float: left;}
.ixw dt img {display: block;height: 120px;width: 182px;}
.ixw dd {float: right;width: 360px;overflow:hidden;}
.ixw dd em {display: block;font-size: 15px;height: 20px;line-height: 20px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 300px;}
.ixw dd em a{font-size:14px;color:#333;}

.ixw dd p {font-size: 14px;line-height: 24px;}
.ixw dd p a{color:#E23C14}
.ixw dd a:hover{text-decoration:underline;}


/*footer*/
.f_nav {background: #e9e9e9 none repeat scroll 0 0;padding: 45px 0 25px;}

.footer {margin: 0 auto;width: 1080px;text-align:center}
.f_nav li {float:left;margin:0 15px;width: 150px;text-align:left}
.f_nav li em {background: rgba(0, 0, 0, 0) url("../images/fnav_bg.gif") no-repeat scroll 0 bottom;color: #333;display: block;font-size: 16px;height: 32px;margin-bottom: 10px;white-space: nowrap;}
.f_nav li a {display: block;line-height: 30px;color:#333;font-size:12px}
.no_mg {margin: 0;}
.f_nav li a:hover{color:#E23C14;text-decoration:underline;}

.link {background: #282828 none repeat scroll 0 0;}
.link .content {border-bottom: 1px solid #565656;padding: 22px 0;margin:0 auto;}
.link h3 {background: rgba(0, 0, 0, 0) url("../images/link_bg.png") no-repeat scroll 0 0;float: left;font-size: 12px;font-weight: normal;padding-top: 28px;width: 170px;}
.link h3 a {color: #ababab;}
.link p {float: right;width:1020px;text-align:left;}
.link p span {display: inline-block;line-height: 24px;margin-left: 32px;}
.link p span a {color: #757575;font-size:14px}

.f_infor {background: #282828 none repeat scroll 0 0;}
.f_infor .footer {padding: 40px 0;}
.f_infor h2 {background: rgba(0, 0, 0, 0) url("./images/f_line.png") no-repeat scroll right 0;float: left;height: 96px;padding: 25px 25px 0 0;}
.f_infor p {background: rgba(0, 0, 0, 0) url("../images/f_line.png") no-repeat scroll right 0;color: #ababab;float: left;line-height: 22px;padding-left: 36px;width: 420px;padding-top:35px;text-align:left}
.f_infor p em {color: #cfcfcf;display: block;font-size: 14px;}
.qrcode {float: right;}
.qrcode span {color: #ababab;display: inline-block;margin-left: 20px;text-align: center;font-size:14px}
.qrcode span img {display: block;margin-bottom: 10px;width:;}

.f_db {background:#e23c14 none repeat scroll 0 0;color: #fff;height: 32px;line-height: 32px;text-align: center;font-size:14px}
.f_db span {margin-left: 25px;}

