﻿@charset "utf-8";
/* CSS Document */
/*头部*/
.top{ overflow:hidden; height: 106px; width: 1200px; margin:50px auto 20px;}
.logo{ width: 741px; height: 80px; float: left;}
.top_right{ width: 302px; height: 120px; float: right; background:url(../images/indexV0_05.jpg) left no-repeat;}
.top_right p{ float: left; width: 180px; padding-left: 75px;}
.top_right p.tel{ height: 20px; line-height: 20px; font-size: 15px; color:#b06a00; margin-top: 10px;}
.top_right p.phone{height: 30px; line-height: 30px; font-size: 31px; font-family:'黑体'; color:#654200;display:block;width:210px;}
.top_right p.introduce{ font-size: 13px; color:#737373; height: 20px;}
/*banner+nav*/
.header{ width:100%; height:755px; overflow:hidden; position:relative;/* z-index:-1;*/}
/*nav*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{ position:absolute; z-index:100;height: 68px; width:1202px; left:360px; top:0; background:url(../images/navbg.png) no-repeat; zoom:1;}
.nav{ width:1200px; float: left; margin-left:40px; font-family:"Microsoft YaHei",SimSun,SimHei; display:inline;}
.nav a{ color:#fff;}
.nav h3{ float:left; font-weight:normal; font-size:14px; }
.nav .m{ float:left; position:relative; }
.nav .s{ float:left; width:13px; height: 35px; background:url(../images/xie.png) no-repeat; margin-top: 16px;}
.nav h3 a{  display:block; width: 114px; height: 68px; text-align:center; line-height: 68px; font-size: 14px; }
.nav h3 a:hover{ background:url(../images/nav_downbg.png) 18px 50px no-repeat;}
.nav .on a{  background:url(../images/nav_downbg.png) 18px 50px no-repeat; }
.nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:-35px; top:68px; height:30px; line-height:30px; width:500px; overflow:hidden;}
.nav .ml{ left:-255px;}
.nav .ml1{ left:-110px;}
.nav .sub span.sub_left{ width: 12px; height: 30px; background:url(../images/sub_left.png) no-repeat; float: left;}
.nav .sub span.sub_right{ width: 13px; height: 30px; background:url(../images/sub_right.png) no-repeat; float: left;}
.nav .sub li{ float:left; background:url(../images/sub_bg.jpg); width: 100px; height: 30px; text-align:center; line-height: 30px;}
.nav .sub li a{ color:#333; background:none;}
/*slideBox*/
.slideBox{ width:100%; height:755px; overflow:hidden; position:relative;}
.slideBox .hd{ height:41px; overflow:hidden; position:absolute; left:360px; bottom:0; z-index:1; width: 1200px; /* background:url(../images/hd_bg.png) bottom no-repeat; */ }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 316px; height: 13px; margin:0 auto;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:84px; height:13px; background:url(../images/index4_05.png) no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:url(../images/index4_03.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:755px; display:block;  }

/*底部*/
.footbg{ background: url(../images/foot1.png) no-repeat; width: 100%; height: 274px; position: absolute; bottom: 1591px; left: 0; z-index: -10;}
.footer{ background: url(../images/footerbg.jpg); width: 100%; height: 490px; overflow: hidden;}
.foot{ background: url(../images/footbg.jpg); width: 100%; height: 86px;}
/*友情链接*/
.link{ width: 100%; height: 40px; float: left; overflow: hidden; margin-top: 40px;}
.link_title{width: 288px; height: 50px; float: left; line-height: 50px;font-size: 18px; color: #fff;}
.link ul li{ float: left; width: 131px; height: 44px; line-height: 44px; text-align: center; margin-right: 12px; margin-top: 13px;}
.link ul li a{ display: block; width: 131px; height: 44px; background: url(../images/link2.jpg) no-repeat; color: #fff; }
.link ul li a:hover{ background: url(../images/link1.jpg) no-repeat; }
/*在线留言*/
.on_line{width: 550px; float: left; margin-left: 27px; display: inline; margin-top: 24px; overflow: hidden;}
.online_title{ width: 550px; height: 50px; float: left; line-height: 50px; font-size: 18px; color: #fff;}
.mess{width: 550px; height: 400px; float: left; overflow: hidden; margin-top: 12px;}
.name{ float: left; width: 181px; height: 50px; overflow: hidden;}
.name input{ width: 159px; height: 47px; border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px;}
.qq{ width: 190px; height: 50px; float: left; display: inline; overflow: hidden;}
.qq input{ width: 169px; height: 47px; border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px;}
.qq1{ width: 171px; height: 50px; float: left; display: inline; overflow: hidden;}
.qq1 input{ width: 168px; height: 47px; border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px;}
.company{ width: 550px; height: 49px; float: left; margin-top: 10px; }
.company input{ width: 543px; height: 47px;  border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px;}
.content1{ width: 550px; height: 160px; float: left; margin-top: 11px; }
.content1 textarea{ width: 541px; height:158px;  border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px; overflow: hidden;}
.yzm{ width: 333px; height: 49px; float: left; margin-top: 10px; overflow: hidden; }
.yzm img{ width: 142px; height: 49px; float: left; }
.yzm input{ width: 188px; height: 46px; float: left;  border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-indent: 15px;}
.sumbit{width: 205px; height: 49px; float: right; margin-top: 10px;}
.sumbit a{ display:block; width: 203px; height: 47px;  border: 1px solid #494849; background: url(../images/footerbg.jpg); color: #fff; font-size: 14px; line-height: 47px; text-align: center; cursor: pointer;}
/*联系方式*/
.contact{ width: 307px; height: 400px; float: right; overflow: hidden;  margin-top: 24px;}
.contact_title{ width: 307px; height: 50px; float: left; line-height: 50px; font-size: 18px; color: #fff;}
.adress{ width: 305px; height: 75px; float: left; overflow: hidden; margin-top: 20px;}
.foot_title{ width: 305px; height: 25px; float: left; color: #fff;font-size: 14px;}
.foot_title span{ font-size: 18px; padding-right: 10px; }
.adress p{ width: 270px; float: right; font-size: 14px; color: #fff; line-height: 49px; border-bottom: 1px solid #49494b;}
.dianhua{ width: 305px; float: left; margin-top: 20px;}
.dianhua p{ width: 270px; float: right; font-size: 14px; color: #fff; line-height: 25px; /*border-bottom: 1px solid #49494b;*/ padding-bottom: 10px;}
.email{width: 305px; float: left; margin-top: 20px;}
.email p{ width: 270px; float: right; font-size: 14px; color: #fff; line-height: 25px; }
/*copy*/
.copy{width: 800px; height: 86px; color: #cccccc; font-size: 14px; line-height: 86px; float: left; overflow: hidden;}
.copy a{ color: #cccccc; }
.kefu{width: 256px; height: 86px; float: right; line-height: 86px; font-size: 14px; color: #fff;}
.kefu span{ color: #744000; padding: 4px; background: #fff; border-radius: 3px; margin-right: 12px; }

/*左侧*/
.lefter{width: 220px; float: left; overflow: hidden;}
/*产品分类*/
.product_class{ width: 220px; float: left; overflow: hidden; }
.product_class .pc_title{ width: 220px; height: 46px; line-height: 46px; background: url(../images/lefter.png) no-repeat; }
.pc_title h3{ color: #fff; font-size: 14px; font-weight: normal; padding-left: 30px; }
.product_class ul{ width: 216px; float: left; margin: 0; padding: 0; border: 2px solid #664300; border-top: none; overflow: hidden; }
.product_class ul li{ width: 214px; float: left; margin-left: 3px; display: inline; line-height: 49px;  border-top: 1px dotted #d5d5d5; margin-top: -1px; }
.product_class ul li a{ padding-left: 40px; color: #333333; font-size: 14px; }
.product_class ul li .sublist{
	border:none;
}
.product_class ul li .sublist li{
	margin-left: 0;
	line-height: 35px;
	border-top: none;
	margin-top: 0;
}
.product_class ul li .sublist li a{
	font-size: 12px;
}
/*常见问题解答*/
.problem{width: 220px; float: left; margin-top: 20px;}
.problem_title{width: 220px; float: left; height: 45px; line-height: 45px; border-bottom: 2px solid #ded8cc;}
.problem_title h3{width: 90px; height: 45px; float: left; font-size: 14px; color: #333; font-weight: normal;}
.problem_title span{float: right; line-height: 45px;font-size: 18px; color: #cecece; padding-right: 10px;}
.problem ul li{ width: 220px; border-bottom: 1px solid #ded8cc; }
.problem ul li p{ font-size: 12px; color: #666; line-height: 20px; }
.problem ul li p.li_title{ line-height: 40px;}
.problem ul li p.li_title a{ color: #333; font-size: 14px; }
.info_img{float: left; margin-top: 16px;}
/*内容*/
#textarea{ padding:0 10px;}
/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:50px;bottom:20px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}
.bold{
	width: 288px;
    height: 400px;
    float: left;
    overflow: hidden;
    margin-top: 24px;
}
.bold ul li{
	float: left;
    width: 131px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-right: 12px;
    margin-top: 13px;
}
.bold ul li a{
	display: block;
    width: 131px;
    height: 44px;
    background: url(../images/link2.jpg) no-repeat;
    color: #fff;
}

.friend {
	width: 100%;
    height: 44px;
    margin-top: 30px;
    margin:0 auto;
    background:  url(../images/footerbg.jpg) 0 0 ;
}
.friend .wp{
	width: 1200px;
	 margin:0 auto;
	 background:  url(../images/footerbg.jpg) 0 0no-repeat;
}
.friend span{
	float: left;
	display: block;
    width: 110px;
    text-align: center;
    line-height: 44px;
    height: 44px;
  
    color: #fff;
}
.friend  p{
	float: left;
}
.friend p a{
	display: block;
  
    text-align: center;
    line-height: 44px;
    height: 44px;
    margin-right: 20px;
    color: #fff;
} 