@charset "utf-8";

/* CSS Document */

body{margin:0px; padding:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; }

p{margin:0px; padding:0px;}

ul,li,dl,dd{list-style: none; margin:0px; padding:0px;}

a{text-decoration: none;}

.clear{clear:both;}

.fr{float:right;}

img{border:0px;}

.side_title{font-size:16px; line-height:30px; padding-left:10px; font-weight:bold;}

.logo{width:237px; height:113px; margin:0px auto;}



.header{ width:1200px; height:163px; margin:0px auto;}

.header .nav{ 

	width: 950px;

	height: 50px;

	line-height: 50px;

	font-size:16px;

	position: relative;

	z-index: 11111111;

}

.header .nav li{

	float: left;

	width: 180px;

	height:50px;

	line-height: 50px;

	text-align: center;

}

.header .nav li a{

	color: #333333;

	

}



.header .nav li .second-nav{

	width: 180px;

	display: none;

	position: relative;

}

.header .nav li .second-nav li{

	position: relative;

	width: 100%;

	height: 40px;

	line-height: 40px;

	background: url(../images/icon01.png);

	

}
.header .nav li .third-nav{
	width: 180px;
	display: none;
	position: relative;
	left:180px;
	top:-40px
}
.header .nav li .third-nav li{
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(../images/icon01.png);
	
}
.header .nav li .second-nav li a:hover{width:100%; height:40px; line-height:40px; 	background: url(../images/icon01.png); display:inline-block; width:100%;}

.header .nav li .second-nav li a:active{width:100%; height:40px; line-height:40px; 	background: url(../images/icon01.png); display:inline-block; width:100%;}



.search{width:250px; border:1px solid #000000; height:40px;}

.input{width:200px; height:36px;  outline:none; background:transparent;  border:none; outline:medium;}



.banner{height:750px; margin-bottom:30px;}



#full-screen-slider { width:100%; height:750px; float:left; position:relative}

#slides { display:block; width:100%; height:750px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:50%; top:700px; z-index:9900;  padding:5px 15px 5px 0; margin:0}

#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }

#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

#pagination li.current { background:#686570}



.index_main{width:1100px; margin:0px auto; padding-top:50px;}







.news{width:1100px; margin:0px auto;}

.news ul li{width:340px; height:400px; float:left; margin-right:10px; margin-left:10px; }

.news .time{color:#cccccc; height:40px; line-height:40px;}

.news .title{font-weight:bold; height:40px; overflow:hidden; font-size:16px; margin-bottom:20px;}

.news .title a:link{color:#000000;}

.news .title a:visited{color:#000000;}

.news .title a:hover{color:#000000; text-decoration:underline;}

.news .title a:active{color:#000000; text-decoration:underline;}

.news .text{ color:#cccccc; height:50px; overflow:hidden;}

.img2{ display: block;width: 100%; height: 100%;transition: all 1s;}

.img2:hover{transform: scale(1.2); }

.news_img{width:340px; height:218px;overflow:hidden;}

.news_title{font-size:28px; text-align:center;line-height:80px; color:#373636;}

.news_line{width:80px; height:5px; margin:0px auto 20px; background:#373636; }

.box_a{margin-bottom:50px;}

.box_a_l{width:450px; height:656px;}

.box_a_l_img{width:450px; height:656px; overflow:hidden}

.box_a_m{width:330px; height:444px; float:right; margin-right:50px; margin-top:100px;}

.box_a_m_img{width:330px; height:414px;  overflow:hidden}

.box_a_r{ width:250px; text-align:center; padding-top:200px;}

.p_title{font-size:42px; font-family:"Times New Roman", Times, serif; margin:8px 0px 20px;}

a.button01{width:140px; height:40px;line-height:40px; font-family:"Times New Roman", Times, serif; font-size:16px; margin:0px auto;}

a.button01:link{ width:140px; height:40px; border:2px solid #333333; display:block; text-align:center; color:#000000; }

a.button01:visited{ width:140px; height:40px; border:2px solid #333333; display:block; text-align:center; color:#000000;}

a.button01:hover{ width:140px; height:40px; border:2px solid #333333; background:#333333; color:#ffffff; display:block; text-align:center;}

a.button01:active{width:140px; height:40px; border:2px solid #333333;  background:#333333; color:#ffffff; display:block; text-align:center;}

.product_t{line-height:30px; height:30px;}

.box_b{margin-bottom:50px;}

.box_b_l{ width:250px; text-align:center; padding-top:200px;}

.box_b_m{width:330px; height:444px; float:right; margin-right:20px; margin-top:100px;}

.box_b_r{ width:450px; height:656px;}







.contact_bg{

	width: 100%;

	height: 160px;

	background: #f5f5f5;

}

.contact{width:1100px; margin:0px auto; }

.contact li{width:25%; float:left; text-align:center; padding-top:24px; }

.contact li P{line-height:24px;}

.grey{color:#6f6f6f;}

.contact li img{ margin-bottom:10px;}





.footer_bg{width:100%; height:235px; background:#191919; padding-top:20px;}

.footer{width:1100px; margin:0px auto;  height:215px; color:#a5a4a4;}

.footer li{width:250px; float:left; height:200px; border-right:1px solid #3d3d3d;}

.footer li p{margin-bottom:20px;}

.bottom{background:#000000; height:40px; line-height:40px; width:100%; text-align:center; color:#a5a4a4; font-size:12px;}

.footer_nav{border-right:0px; text-align:center;}

.footer_nav dd{height:30px; line-height:30px;}

.footer_nav dd a:link{ color:#a5a4a4;}

.footer_nav dd a:visited{ color:#a5a4a4;}

.footer_nav dd a:hover{ color:#a5a4a4; text-decoration:underline;}

.footer_nav dd a:active{ color:#a5a4a4; text-decoration:underline;}

.white_title{color:#ffffff; font-size:16px;}

.footer span{color:#ffffff;}

.weixin{ text-align:center;}

.weixin img{width:138px; height:138px; border:8px solid #3d3d3d; margin-top:20px;}







.page_add_bg{height:36px; width:100%; background:#686570; color:#ffffff; line-height:36px;}

.page_add{width:1100px; margin:0px auto;}
.page_add a{color:#ffffff;}

.page_main{width:1100px; margin:0px auto; padding-top:20px; padding-bottom:30px;}

.brand_top{width:100%; height:521px; position:relative; margin-bottom:40px;}

.brand_t_r1 {width:600px; height:150px; background:#ffffff; position:absolute; left:450px; z-index:11; top:50px; padding:25px;}

.btr1_title{font-size:18px; font-weight:bold; letter-spacing:1px; margin-bottom:10px;}

.btr1_text{line-height:24px;}

.brand_t_r2{ font-size:36px; line-height:50px; font-weight:bold; width:400px; height:200px; position:absolute; right:30px; top:300px;}

.brand_top_l{ width:580px; position:relative;}

.btl_box{width:340px; height:100px; text-align:center; background:#FFF; padding:50px; position: relative; top:350px; left:50px; }
.btl_box2{width:340px; height:100px; text-align:center; background:#FFF; padding:50px; position: relative; top:750px; left:50px; }
.btr2_title{font-size:18px; letter-spacing:1px; margin-bottom:30px;}

.btr_box{width:340px; height:100px; text-align:center; margin:0px auto; padding:50px; }

.contact_b_l{ width:517px; height:427px; background:url(../images/contact_1.jpg) no-repeat; color:#ffffff; }

.contact_b{margin-top:25px;}

.contact_b_r{width:586px; height:425px;}

.contact_text{width:450px; height:150px; margin:0px auto; padding-top:100px;}

.contact_text_title{font-weight:bold; font-size:24px; line-height:40px; letter-spacing:1px; margin-bottom:40px;}

.contact_text p{line-height:24px;}



.page_news li{margin-bottom:40px;}

.page_news_r {width:545px; height:349px;}

.page_news_t{font-size:24px; height:50px; overflow:hidden; }

.page_time{font-size:14px; color:#cccccc; height:40px; line-height:40px;}

.page_news_text{height:48px; overflow:hidden; line-height:24px; color:#636262;}

a.button02{margin-top:30px;}

a.button02:link{width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #cccccc; display:block; color:#333333;}

a.button02:visited{width:150px; height:30px; line-height:30px; text-align:center; border:1px solid #cccccc; display:block; color:#333333;}

a.button02:hover{width:150px; height:30px; line-height:30px; text-align:center; background:#333333; border:1px solid #cccccc; display:block; color:#ffffff;}

a.button02:active{width:150px; height:30px; line-height:30px; text-align:center;background:#333333;   border:1px solid #cccccc; display:block; color:#ffffff;}

.m_l_20{margin-left:20px;}

.m_r_20{margin-right:20px;}



.pagelist li{float:left;width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; border-radius:50%; border:1px solid #cccccc; margin-right:10px; margin-bottom:20px;  color:#333333;}

.pagelist li a:link{color:#333333;width:20px; height:20px;  display:inline-block; border-radius:50%;}

.pagelist li a:visited{color:#333333;width:20px; height:20px;  display:inline-block; border-radius:50%;}

.pagelist li a:hover{background:#333333; color:#ffffff; width:20px; height:20px;  display:inline-block; border-radius:50%;}

.pagelist li a:active{background:#333333; color:#ffffff; width:20px; height:20px; display:inline-block; border-radius:50%;}

.pagelist li a.on{background:#333333; color:#ffffff; width:20px; height:20px; display:inline-block; border-radius:50%;}



.page_p_l{width:190px;}

.page_p_r{width:900px; }

.product_list li{width:280px; height:381px; float:left;  margin-bottom:20px; margin-left:10px; margin-right:10px;}

.product_list li p{height:30px; line-height:30px;}

.product_img{width:280px; height:351px; overflow:hidden;}

.page_p_t{ height:36px; line-height:36px; background:#f0eeef; font-size:16px; border-bottom:1px solid #dddbdc; padding-left:10px;}

.side li{height:30px; line-height:30px; background:url(../images/icon07.jpg) no-repeat 10px; padding-left:25px;}

.side li a:link{color:#000000;}

.side li a:visited{color:#000000;}

.side li a:hover{color:#03ceca;}

.side li a:active{color:#03ceca;}

.side li a.here{color:#03ceca;}

.side{border:1px solid #f0f0f0;}

.pro_xx_t_l{width:467px;}

.pro_xx_t_r{width:500px;}

.pro_xx_title{height:60px; line-height:60px; font-size:24px; border-bottom:1px solid #cccccc; margin-bottom:30px;}

.pro_xx_text_t{ height:40px;line-height:40px; font-size:18px;}

.pro_xx_text{color:#333333; line-height:22px; border-bottom:1px solid #cccccc; padding-bottom:20px; margin-bottom:30px; height:300px; overflow:hidden; text-align:justify;}

a.button03:link{ width:100%; height:40px;line-height:40px; background: url(../images/icon08.png) no-repeat 120px #999999; font-size:22px;color:#ffffff; text-align:center; display:block;}

a.button03:visited{ width:100%; height:40px;line-height:40px; background:url(../images/icon08.png) no-repeat 120px 2px#999999;  font-size:22px;color:#ffffff; text-align:center; display:block;}

a.button03:hover{ width:100%; height:40px;line-height:40px; background:url(../images/icon08.png) no-repeat 120px #686570;  font-size:22px;color:#ffffff; text-align:center; display:block;}

a.button03:active{ width:100%; height:40px;line-height:40px; background:url(../images/icon08.png) no-repeat 120px #686570;  font-size:22px;color:#ffffff; text-align:center; display:block;}

.like{ background:url(../images/line.jpg) no-repeat; text-align:center; font-size:16px; line-height:25px;margin-top:30px; margin-bottom:30px;}

.like_list li{width:200px; height:251px; float:left; margin-right:10px; margin-left:10px; }

.like_list li img{width:200px; height:251px;}



.pro_xx_top{height:650px;}



.jqzoom{ width:467px; height:586px; position:relative;}



.zoomdiv{ left:859px; height:467px; width:586px;}

.list-h li{ float:left;}

#spec-n5{width:467px; height:78px; padding-top:6px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}

#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}

#spec-list{ width:467px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}

#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:63px;}



/*jqzoom*/

.jqzoom{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:467px;height:586px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;height:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{

	position: relative;

	width: 439px;

	margin-right: 6px;

}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.like_img{width:200px; height:251px; overflow:hidden;}

.page_news_title{font-size:24px; text-align:center; height:50px; line-height:50px; border-bottom:1px solid #cccccc;}

.page_news_time{font-size:14px; text-align:center; height:30px; line-height:30px; color:#999999; margin-bottom:20px;}



.page_news_p{  line-height:24px; color:#636262; text-align:justify;}

.page_box{border-top:1px solid #cccccc; margin-top:20px; }

.next{height:40px; line-height:40px;}

.next a:link{color:#333;}

.next a:visited{color:#333;}

.next a:hover{color:#000; text-decoration:underline;}

.next a:active{color:#000;  text-decoration:underline;}





.head{ margin: auto;

padding:0;

list-style: none;

background:#fff;

height:163px;

width:100%;

position:fixed;

z-index:999;

top:0px;

left:0;

 right:0;

 -moz-box-shadow:0px 2px 4px #BDBDBD; -webkit-box-shadow:0px 2px 4px #BDBDBD; box-shadow:0px 2px 4px #BDBDBD;

 

 }



 .wrap{ width: 100%; }

  .the_top{ position: fixed; width: 100%; }

          .the_top .header{ display: none; }