@charset "utf-8";
/* CSS Document */

body { margin:0 auto; font-size:12px; font-family: Arial; line-height:1.5; background-image: url(../images/bgg.jpg); }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#000; text-decoration:none;}
a:hover { color:#f00;}

#bg { width:100%; min-height:727px; background-image: url(../images/bg.jpg); background-repeat: repeat-x; }

#container { width:1106px; min-height: 817px; margin:0 auto; }

#space { width:1106px; height:67px; }

#title { width:1106px; height:40px; background-image: url(../images/nav.jpg); }

#logo { width:204px; height:40px; float:left; }

.left_daohang {
    background: #f0f0f0;
}
.menu-item{
	font-family: Arial;
	font-weight: normal;
}
.lNav2 {
	cursor: pointer;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 26px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	background: url(../images/left-navpre.jpg) no-repeat 93% center;
	border-bottom: solid 1px #fff;
	font-weight: bold;
	font-family: Arial;
}



.left{ width:240px; float:left; margin-bottom:24px}
.left_nav{}
.left_title{
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	background-size:100% 100%;
	background-color: #878787;
	clear: both;
}
.left_title a{ font-family: Arial;font-weight: bold;display:block; background:#4d4d4d; color:#fff; font-size:20px; font-size:2rem; text-align:center; line-height:30px; padding-top:4px; padding-bottom:8px; }


.zong{ width:1200px; margin: 0px auto; padding: 0px; }
.lrl{
	clear: both;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.right{ float:right; width:960px; }
@media screen and (min-width:1000px) and (max-width:1219px){
.zong{width:95%;margin:0 auto }
}
@media screen and (max-width:999px){
	.fr{float:right; width:100%;}
.zong{width:96%;margin:0 auto;}
}
.lrl{
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width:1219px){
.lrl{
	clear: both;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.right{ width:71%; }	
.p1 .right{ margin-top:0px; }
.p1_nr{ width:32%; padding-right:2%; padding-top:0px; margin-bottom:40px; }
}

@media screen and (max-width:999px){
.right{ width:71%; }

.p1_nr{ width:45%; padding-right:0px; margin-left:2.5%; margin-right:2.5%; }
.lrl{
	clear: both;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}

}

@media screen and (max-width:959px){
.right{ width:69%; }	
.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}
@media screen and (max-width:899px){
.right{ width:65%; }

.p1_wz a{ padding-left:10px; padding-right:10px; }	
.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}
@media screen and (max-width:799px){
.right{ width:62%; }
.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}
@media screen and (max-width:729px){
.right{ width:58%; }	
.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}
@media screen and (max-width:659px){
.right{ width:56%; }	
.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}
@media screen and (min-width:620px) and (max-width:799px){
.p1_nr{ width:100%; float:none; margin:0 auto; margin-bottom:30px; }	
}
@media screen and (max-width:619px){
.left{ width:95%; max-width:95%; margin:0 auto; float:none; margin-top:40px; }	

.right{ width:100%; float:right; margin:0 auto; }

.lrl{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

}


ul, form, p, a, img, tr, td, li,dd,dt,dl {
	font-family: Arial;
	margin:0;
	padding:0;
	list-style:none;
	color:#333;
}

.clear {clear:both;}


.p1_ntitle{ line-height:26px; text-align:center; padding-top:10px; padding-left:10px; padding-right:10px; height: 40px;
overflow: hidden;}


.p1_pic{ width:100%; max-width:280px; max-height:249px; }




.p1_nr{ float: left;
width: 100%;
max-width: 100%;
margin-left: 1.2%;
margin-right: 1.2%;
margin-bottom: 50px;
padding-top: 5px; 
background-color: white;
}
.p1_nkuang{width: 100%;  }
/*padding-bottom:19px;*/
.p1_ntop{}
.p1_ntop a{ display:block; font-size:16px; font-size:1.6rem; }
.p1_ntop a:hover{ color:#085aa3; }

@media screen and (max-width:1219px){
	
}

@media screen and (max-width:1219px){
.ipart1,.ipart2,.ipart3,.ipart4,.ipart5,.footer,.p1,.p2,.n1,.n2,.cer,.a1,.a2,.a3,.a4,.c{ width:100%; padding-left:1%; padding-right:1%; }	
}
@media screen and (max-width:999px){
.ipart1,.ipart2,.ipart3,.ipart4,.ipart5,.footer,.p1,.p2,.n1,.n2,.cer,.a1,.a2,.a3,.a4,.c{ width:100%; padding-left:2.5%; padding-right:2.5%; }
}
.p1 .right{ margin-top:0px; }


.p1 {
    margin-top: 24px;
}
/*product1*/
.p1{ margin-top:24px; /*padding-bottom:50px; */}







#nav {
	width:1106px;
	height:40px;
	float:right;
	font-size: 13px;
	font-weight: bold;
}

#nav_main { padding-left:13px; }
#nav_main li { float: left; padding-bottom: 1px; }
.nav_line { height: 34px; width: 1px; margin-top:3px; background-image: url(../images/nav_line.jpg); background-repeat: no-repeat; }
#nav_main li a {
	float:left;
	display:block;
	height:30px;
	margin-top:3px;
	padding-top: 8px;
	padding-right: 37px;
	padding-left: 37px;
}
#nav_main li a:hover { color: #fff; background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; }

#current a { color: #fff; background-image: url(../images/nav_bg.jpg); background-repeat: repeat-x; }


#p_logo {
	width:1106px;
	height:298px;
	background-image: url(../images/p_logo.png);
	background-repeat: no-repeat;
	clear: both;
	background-position: center;
}

#hr { width:100%; height:3px; background-image: url(../images/hr.png); background-repeat: no-repeat; }

#maincontent { width:100%; min-height:399px; }

#left { width:100%; min-height:100%; float:left; margin-bottom:24px}

#pro_list { width:317px; min-height:193px; float:left; }

#p_header { width:317px; height:64px; background-image: url(../images/p_header.png); background-repeat: no-repeat; }

#contact { width:100%; min-height:206px; float:left; padding-top:10px; }

#menu { min-height:110px; width:278px; padding-left: 28px; float:left; }


.ls_s_cate { list-style: none; margin: 0px; width:278px; border-bottom:0px solid #ccc; }
.ls_s_cate li { position:relative; padding-top: 3px; padding-bottom:8px; background-image: url(../images/pro_bg.png); }
.ls_s_cate li ul { position:absolute; left:200px !important; left:150px; top:28px; display:none; width: 190px; border:1px solid #81734b; z-index: 1002; }
.ls_s_cate li.current ul { display:block;}
.ls_s_cate li:hover ul { display:block;}

.ls_s_cate li a { width:254px; display:block; text-decoration:none; padding:6px; margin-left:6px; }
.ls_s_cate li ul li a { width:184px; display:block; text-decoration:none; padding:5px; padding-left: 20px; margin-left: 0px;}
.ls_s_cate li a:hover { background-color: #8e8e8e;color:#FFF; }
.ls_s_cate li ul li { color:#666666; background:#f0eee6; padding:2px; border:1px solid #81734b; list-style-type: none; }



#p_footer { width:317px; height:9px; background-image: url(../images/pro_footer.png); float:left; }

#con_header { width:100%; background-size:100% 100%;height:45px; background-image: url(../images/hot_header.png); background-repeat: no-repeat; }
#con_content {
	width:100%;
	min-height:140px;
	background-size:100% 100%;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #878787;
	border-right-color: #878787;
	border-bottom-color: #878787;
	border-left-color: #878787;
	}
#con_footer { width:100%; height:7px; background-size:100% 100%; background-image: url(../images/con_footer.png); background-repeat: no-repeat; float:left; margin-bottom:10px;}

#right { width:789px; min-height:399px; float:right; }

#aboutus { width:95%; min-height: 157px; }
#wel { padding-top:12px; padding-left:20px; }
#abo_content { width:100%; min-height:140px; padding-top:5px; padding-left:20px; padding-right:36px; }

#hot_pro { width:100%; min-height:206px; }

#hotpro_header {	width:100%;	/*min-height:114px;	padding-top:146px;*/	padding-left:20px;	clear: both;}
#hortitle { float:left; }
#hotmore { float:right; padding-right:43px; padding-top:8px; }
#hotmore a { color: #9a0101; }

#cer_img img{width:100%;}
#hot_content { width:100%; min-height:160px;  padding-left:20px; padding-right:36px; }

.homepro { padding-top:8px; }

.homepro li { 	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 225px; }
.homepro li a{display:table-cell;*display:block;vertical-align:middle;font-family:Arial;font-size:14px; height: 135px; width: 135px; }

#footer { width: 100%; height:100%; background-size:100% 100%; background-image: url(../images/footer_bg.jpg); float:left; background-position: right; }

#language li { float: left; padding-right: 1px; padding-left: 1px;}

#language {/* width:580px;*/ height:20px; color:#000; float:right;}
#language a { color:#000; }
#language a:hover { color:#f00;}
#copyright { padding-top: 20px; padding-bottom: 20px; color: #FFF; }
#copyright a { color:#fff; text-decoration:none;}
#copyright a:hover { color:#f00;}



.fix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.fix{ zoom:1;}
 
.lf{ float:left;}
.rf{ float:right;}
button::-moz-focus-inner,input::-moz-focus-inner{ border-color:transparent!important;}
button{ cursor:pointer;}
.conts img{ border:none 0; display:block;}
*{ margin:0; padding:0; list-style-type:none;}
section, article, aside, header, footer, nav, dialog, figure{display:block;}
html{ line-height:1.2;}
.p_wrap{ width:998px; margin:0 auto;}
.hidden_title{ height:0; width:0; overflow:hidden; text-indent:-1000px; font-size:0;}
.s{ font-family:STHeiti,simsun,Arial,sans-serif;}
.list li{ padding-right:8px;}
.list2 li{ padding-right:0;}


/*first-screen*/
.cont_main{ width:700px; height:270px;}
.cont_main .col_1{ width:700px; height:270px; border-bottom:none 0; margin-top:10px; overflow:hidden;}
.cont_main .col_2{ width:419px; overflow:hidden;}
.cont_main .col_2 .chan_box{ border-right:none 0;}
.y_focus .conts{ height:170px; overflow:hidden;}
.y_focus .conts img{ margin:auto; }
.y_focus .conts li{ height:100%; display:none;}
.y_focus .conts li.on{ display:block;}
.y_focus .tab_box{ width:700px; height: 68px; overflow:hidden;}
.y_focus .tabs{min-width:840px; height: 68px; }
.y_focus .tabs li{float: left;height: 50px; line-height: 18px;padding: 18px 7px 0 8px;text-align: center;width: 160px; line-height:16px}
.y_focus .tabs li img {background-color: #fff;border: 1px solid #c5ced7; padding: 2px;width: 84px; height:32px; margin-bottom:5px}
.y_focus .tabs li.on{ background-image: url(../images/f_t_on_03.png); background-repeat: no-repeat; background-position: 0 1px; }
.y_focus .tabs li.on img {border-color:#2d4458;}
.y_focus .tabs li.on a{color:#fff;}
.y_focus .status{ height:26px; line-height:26px; border-top:solid 1px #cdd8e0; padding-right:9px;}
.y_focus .status .num{ font:12px/26px arial; color:#5d768e; padding-left:10px;}
.y_focus .status .op{ padding:4px 0 0 0;}
.y_focus .status .op b,.y_focus .status .op a,.y_focus .status .op .arr{ background:url(../images/f_s_03.png) 0 0 no-repeat; vertical-align:middle; float:left; display:inline; cursor:pointer;}
.y_focus .status .op b,.y_focus .status .op a{ width:11px; height:18px; font-size:0; overflow:hidden; text-indent:-1000px; background-position:-12px 1px;}
.y_focus .status .op b.on,.y_focus .status .op a.on{ background-position:0 1px;}
.y_focus .status .op .arr{ width:22px; height:16px; border:solid 1px #bdcad5; margin-left:6px; margin-top:1px; background-position:-98px -1px; background:url(../images/arr.gif) 0 0 no-repeat;}
.y_focus .status .op .arr:hover{ background-position:0 -16px;}
.y_focus .status .op .arr_left{ background-position:-22px -16px;}
.y_focus .status .op .arr_left:hover{ background-position:-22px 0;}
.lNav2 a:hover {
	font-family: Arial;
	font-weight: bold;
	color: #FFF;
	background-color: #878787;
	text-decoration: none;
}
.lNav2 a {
	display: block;
	height: 100%;
	width: 100%;
	padding-left: 10%;
	padding-top: 8px;
	padding-bottom: 7px;
	font-weight: bold;
	font-family: Arial;
}
#lll {
	width: 44px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	text-align: right;
	clear: left;
}
#rrr {
	float: right;
	width: 80%;
	font-weight: bold;
	padding-left: 5px;
	clear: right;
}
#bb {
	clear: both;
	width: 100%;
}