/* CSS class for zoomed area */

@charset "utf-8";

.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}

.MagicZoomBigImageCont img{width:800px;height:800px}

.MagicZoomBigImageCont iframe{width:300px;height:300px}

.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}

.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}

.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}

.MagicZoomLoading img{padding-top:3px !important}

.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}

.MagicThumb-zoomed{cursor:default}

.MagicThumb span{display:none}

.MagicThumb-image{border:1px solid #ccc;outline:none}

.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}

.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}

.MagicThumb-controlbar{display:block;height:18px}

.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}

.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}

.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}





html,body,div,p,ul,ol,li{ padding:0; margin:0;}

a{ text-decoration:none;}

img{ border:0;}

ul,ol,li{ list-style:none;}



/*css function list*/

.fn-dp-n{ display:none;}

.fn-dp-b{ display:block;}

.fn-cf_o{overflow:hidden;_zoom:1;}

.fn-cf_a:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 

.fn-cf_a{_zoom:1;}

.fn-cf_c{clear:both; line-height:0; font-size:0;}

.fn-fs-14{ font-size:14px;}

.fn-ta-l{text-align:left;}

.fn-ta-c{text-align:center;}

.fn-ta-r{text-align:right;}

.fn-of-h{overflow:hidden;}

.fn-td-n{text-decoration:none;}

.fn-td-u{text-decoration:underline;}

.fn-fw-n{font-weight:normal;}

.fn-fw-b{font-weight:bold;}

.fn-f-l{float:left}

.fn-f-r{float:right}

.fn-b-0{ border:0;}

.fn-pt-r{position:relative;}

.fn-pt-a{position:absolute;}

.fn-ff-v{font-family:Verdana;}



.clear2{

	clear:both;

}





/* page css */



#kinMaxShow{

	visibility:hidden;

	width:1100px;

	height:398px;

	overflow:hidden;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



.jc_d{

	display: none;

}

.jc_sw{

	width:100%;

}

.jc_dl{

	width:100%;

	margin:10px 1%;

	background:#f4f4f4;

	padding:5px;

	box-sizing: border-box;

}

.jc_dt{

	width:100%;

	text-align: center;

	height: 125px;

	position: relative;

}

.jc_dt > img{

	position: absolute;

	top:0;

	left: 0;

	right: 0;

	bottom: 0;

	margin:auto;

	max-width: 100%;

	max-height: 100%

}

.jc_dd{

	text-align: center;

	line-height: 35px;

	height: 35px;

	color:#333333;

	font-size: 14px;

}

.mob_news{

	width:100%;

	padding:10px 0;

	display: none;

}



.title {

    background-color: #f4f4f4;

    height: 40px;

    width: 100%;

}

.title h1{

	font-size: 18px;

    line-height: 40px;

    font-weight: normal;

    color: #2e981f;

    padding-left: 20px;

    float: left;

}

.mob_list{

	width:98%;

	margin:0 auto;

}

.mob_list .mob_nli{

	width: 100%;

	height: 45px;

	line-height: 45px;

	box-sizing: border-box;

	border-bottom:1px dashed #f4f4f4;

	text-align: left;

	font-size: 14px;

}

.mob_list .mob_nli a{

	color:#333333;

}

.mob_list .mob_nli span{

	float:right;

}

.mob_ab{

	margin:0 auto;

	padding:50px 1%;

	background:rgba(0,0,0,.8);

	color:#ffffff;

	font-size: 14px;

}

.mob_ab img{

	width:100%;

}

.mob_yingyong{

	display: none;

}





.products {padding-top: 10px;padding-bottom: 10px;}

.cp_box_one {width:228px;float:left;margin-bottom: 25px;}

.cp_box_one .n_box { margin-left:6px; margin-right:7px;}



.cp_box_one .n_box1 .img,

.cp_box_one .n_box .img { width:215px; height:150px;border:#cfced0 solid 1px;}



.cp_box_one .n_box1 .desc,

.cp_box_one .n_box .desc { font-size:12px; color:#999999; padding:10px; height:66px;}



.cp_box_one .n_box h4 {

	height:30px;

	background-color:#f8f8f8;

	text-align:center;

	font-weight:normal;

	font-size:14px;

	color:#888888;

	line-height:30px;

	overflow: hidden;

}

.cp_box_one .n_box h4 a {color:#888888;}

.cp_box_one .n_box h4 a:hover{

	color:#333333;

	text-decoration: none;

}



.my_ch{

	display: none;

	width:100%;

	text-align:center;

	padding:10px 0;

}

.my_cha{

	display: inline-block;

	padding:10px;

	box-sizing: border-box;

	border:1px solid #c3c3c3;

	margin:5px 3px;

	color:#666666 !important;

}

.banner{

	height: auto;

}

.banner,.banner img{

    width: 1280px;
    margin: 0 auto;

	font-size: 0;

}

.clear2:after{

	content:"";

	display: block;

	clear:both;

	width: 100%;

	height: 0;

}



/*手机端导航按钮*/

.mob_menu{

    width:50px;

    height: 35px;

    background:#fc7010;

    border-radius:5px;

    float:right;

    margin:15px 1rem 0 0;

    display: none;

}

.mob_menu span{

    display: block;

    width:60%;

    height: 2px;

    background:#ffffff;

    margin:14% auto 0;

}



.mob_list333{

    position: fixed;

    z-index:12;

    width:45%;

    height: 100%;

    overflow-x:hidden;

    overflow-y:auto;

    left:100%;

    top:0;

    background:#f2f2f2;

    padding:2rem 1rem 2rem 2rem;

    transition: all .5s;

    box-sizing: border-box;

}

.mob_ul{

    width:100%;

}

.mob_li{

    width:100%;

    text-align: left;

}

.mob_li > a{

    display: block;

    color:#333333;

    font-size: 0.8rem;

    float:left;

    line-height: 4rem;

    width:80%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.mob_li > span{

    width:20%;

    float:right;

    text-align: center;

    line-height: 4rem;

    transition: all .5s;

}

.mob_ul2{

    width:100%;

    padding-left:1rem;

    display: none;

}

.mob_li2{

    width:100%;

    line-height: 3rem;

    color:#333333;

    font-size: 0.75rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.mob_li2 > a{

    color:#333333;

}

.mob_close{

    display: block;

    position: absolute;

    width:1.5rem;

    height: 3rem;

    border-radius:0 2px 2px 0;

    left:0;

    top:0;

    bottom:0;

    margin:auto 0;

    z-index:9999;

    background:#fc7010 url("../images/mob_close.png") no-repeat center;

}



.mob_lilan{

	width:100%;

	text-align: center;

	line-height: 4rem;

	font-size: 0.75px;

}

.mob_lilan a{

	color:#333333;

	margin:0 20px;

}







/*top*/

.top{

    width:100%;

    position: fixed;

    top:0;

    left:0;

    background:#ffffff;

    z-index:10;

    display: none;

}

.logo2{

    float:left;

    width:71.5%;

    box-sizing: border-box;

    padding:15px 0;

    font-size: 0;

    text-align: left;

}

.logo2 img{

	width: 100%;

}



.top_ul{

    float:right;

    width:62.5%;

    overflow: hidden;

}

.top_li{

    width:20%;

    float:left;

    position: relative;

    height:95px;

    box-sizing: border-box;

    border-right: 1px solid #f1f1f1;

}

.top_li:first-child{

    border-left:1px solid #f1f1f1;

}

.top_li_a1{

    width:100%;

    display: block;

    height: 95px;

    padding:25px 20px 0;

    text-align: center;

}

.top_li_a1 > p{

    color:#333333;

    font-size: 16px;

}

.top_li_a1 > span{

    color:#999999;

    font-size: 12px;

    display: block;

    margin-top:5px;

}

.top_li_a2{

    width:100%;

    display: block;

    height: 95px;

    padding:25px 20px 0;

    text-align: center;

    background:#fc7010;

    margin-top:-95px;

}

.top_li_a2 > p{

    color:#ffffff;

    font-size: 16px;

}

.top_li_a2 > span{

    color:#ffffff;

    font-size: 12px;

    display: block;

    margin-top:5px;

}

.top_li:hover .top_li_a2{

    margin-top:0;

}

.pc_tian{

    height: 65px;

    display: none;

}



#neiye .content .right_box .hy{width: 920px;padding-top: 15px;}

#neiye .content .right_box .hy h1{height: 48px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1;width: 100%;font-size: 16px;line-height: 48px;color: #666666;text-align: center;}

#neiye .content .right_box .hy .time{font-size: 14px;line-height: 30px;font-weight: normal;color: #999999;height: 30px;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;

	border-bottom-color: #e1e1e1;

	text-align: center;}

#neiye .content .right_box .hy .show{width: 100%;margin-top: 10px;padding-top: 10px;padding-bottom: 30px;height: auto;}

#neiye .content .right_box .hy .show img{height: 565px;width: 750px;padding-left: 85px;}



.mob_show2{

	width: 100%;

	display: none;

	text-align: center;

}

.imgs_list{

	display: none;

	float:left;

	max-width: 100%;

}

.mob_banner{

	display: none;

	width: 100%;

}



.tex_sw{

	width:100%;

}

.tex_sw .img{

	width:100%;

	font-size: 0;

	overflow: hidden;

}

.tex_sw .img img{

	width:100%;

}

.tex_swi h3{

	color:#333333;

	font-size: 14px;

	text-align: left;

	line-height: 40px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.tex_swi h3 a{

	color:#333333;

}





.sb_con{

	width:100%;

	padding:30px 0;

	background:url("../images/zx_bg2.png") no-repeat center;

}

.sb_con h2{

	color:#7cba3d;

	font-size: 36px;

	font-weight: normal;

	text-align: center;

	line-height:normal;

}

.sb_list{

	padding:0 0 30px;

}

.sb_le{

	float:left;

	width:50%;

	box-sizing: border-box;

	padding:0 15px;

}

.sb_le h2{

	color:#a6a6a6;

	font-weight: normal;

    font-size: 18px;

    line-height: 50px;

}

.sb_p{

	width:100%;

	padding:10px 0;

	position: relative;

	font-size: 16px;

	color:#666666;

}

.sb_p2{

	width:100%;

	padding:15px 0 15px 30px;

	position: relative;

	font-size: 16px;

	color:#666666;

	box-sizing: border-box;

}

.sb_p2 img{

	position: absolute;

	top:50%;

	transform: translateY(-50%);

	left:5px;

}

.sb_ri{

	float:right;

	width:50%;

	text-align: center;

	padding:100px 0 0;

}

.sb_le_1{

	width:100%;

	padding:10px 0 20px;

	border-bottom:1px dashed #666666;

}

.sb_img{

	width:100%;

	padding:30px 0;

}

.sb_img img{

	width:100%;

}



.code1 img{

	/*width:100%;*/
	max-height: 184px;

}



@media screen and (max-width:1280px){
.banner, .banner img {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}
.title {
    height: auto;
}
#neiye .content .right_box .cont_box .next_page p{width: 100%;}
	#neiye .content .right_box .hy{

		width: 100%;

	}

	#header .logo_tel_box{

		width:98%;

	}

	#header .logo_tel_box .logo{

		width:auto;

	}

	#header .nav_box .nav{

		width:98%;

	}

	#header .nav_box .nav ul li{

		width:11.11%;

	}

	#index .banner{

		width: 100%;

	}

	#index .banner .right{

		display: none;

	}

	#index .banner .left{

		width:100%;

	}

	#index .bj{

		width:100%;

	}

	#index .bj .youshi{

		height: auto;

	}

	#index .bj .youshi .zhhb{

		width:50%;

	}

	#index .bj .products .content{

		display: none;

	}

	.jc_d{

		display: block;

	}



	.mob_news{

		display: block;

	}

	#index .bj .news{

		display: none;

	}

	.yingyong{

		display: none;

	}

	.mob_yingyong{

		display: block;

	}

	#index .bj .linke{

		width: 100%;

	}



	#footer{

		height: auto;

	}

	#footer .mid_nav{

		width:100%;

		height: auto;

	}

	#footer .bott .dbu{

		width:100%;

	}



	#neiye .content{

		width:100%;

	}

	#neiye .content .left_box{

		display:none;

	}

	#neiye .content .right_box{

		width:100%;

		float:none;

	}

	#neiye .content .right_box .cont_box{

		width:100%;

	}

	.cp_box_one{

		width:33.3%;

		text-align: center;

	}

	.cp_box_one .n_box1 .img, .cp_box_one .n_box .img{

		width: 100%;

		height: auto;

		text-align: center;

	}

	.my_ch{

		display: block;

	}

	#neiye .content .right_box .cont_box .news ul li .text{

		height: auto;

	}

	#neiye .content .right_box .hy{

		width: 100%;

	}

}



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

	#header .logo_tel_box .bilingual{

		display:none;

	}

	#footer .bott .dbu{

		height: auto;

	}

	#footer .bott .dbu h3,#footer .bott{

	    background: #15833b;

	}

}



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

	#header{

		display: none;

	}

	.mob_menu{

        display: block;

    }

    .right_box img{

    	max-width: 100% !important;

    }

    #neiye .content{

    	padding-top:10px;

    }

    .cp_box_one{

    	width: 50%;

    }

    .title_bt h1{

		display: none;

    }

    .show{

    	display: none;

    }

    .mob_show2{

    	display: block;

    }

    .top{

    	display: block;

    }

    .pc_tian{

    	display: block;

    }

    .imgs_list{

    	display: block;

    }

    .pic_box{

    	display: none;

    }

    #neiye .content .right_box .cont_box .porduct_show .des .des_box{

    	width: 100%;

    	padding: 0;

    }

    .banner .left{

    	display: none;

    }

    #index .banner{

    	height: auto;

    }

    .mob_banner{

    	display: block;

    }

    #neiye .content .right_box .cont_box .details{

    	max-width: 100%;

    	overflow-x:auto;

    }

    .sb_le{

    	width:100%;

    }

    .sb_ri{

    	width:100%;

    }

    .sb_con h2{

    	font-size: 22px;

    }

}

#neiye .content .right_box .title_bt h4{

	height:50px;

	overflow: hidden;

}