/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"microsoft yahei",simsun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; }
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#333333; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipse {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0px 5px;}
.not-animated{opacity:0;}
.container{margin: 0 10px;overflow: hidden;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
/*index*/
#menu_btn{cursor:pointer;}

.pub_tit{background: #f2f2f2;}
.pub_tit .float_l{font-weight: bold;}
.pub_tit .float_l span{background: #8EC31F;border-radius:5px; text-align: center; display:inline-block;color: #FFFFFF;font-weight: bold;}

.pub_tit .float_r img{height: 100%;display: block;}
.pub_tit .more{width: 148px;height: 42px;line-height: 42px;color: #FFFFFF;background: #7ebe2a;border-radius: 7px;display: block;margin: 0 auto;text-align: center;}


.in_topbox{ width:100%; height:100px; position:relative;background-color: #f8f8f8;}
.in_topbox .lt{ float:left; padding:0px 15px; text-align:center;}
.in_topbox .lt img{height: 40px;}
.in_topbox .rt{text-align:center;text-align: right;float: right;}


.in_topbox .rt .menu_con{height: 100%;display: inline-block;}
.in_topbox .rt .menu_con img{width: 100%;height: 100%;display: block;cursor:pointer;}

.in_topbox .rt .lang{float:left; text-align: center;}
.in_topbox .rt .lang img{display: block;}

.menu{ position:absolute; top:60px; right:0px; width:100%; z-index:1000; background:#FFF; border-bottom:1px solid #eee; display:none;}
.menu p{ height:40px; line-height:40px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none;}
.menu li{ padding:0 20px;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;}
.menu li>a:hover{ background:#F5F5F5;}
.in_banbox{ width:100%; }
.in_banbox img{ width:100%;}
.in_box{ clear:both; width:100%; overflow:hidden;}
.in_box .p_1{ text-align:center;font-weight: 550; font-size:28px; padding-top:0px;margin-top: 15px;color: #231915;}
.in_box .line{display: block;width: 60px;height: 2px;background: #1c2b4c;margin: 19px auto;}
.in_box .p_2{ text-align:center; color:#a8a9aa;font-size: 17px;line-height: 22px; }

.in_box .p_3{ font-size:15px; text-align:center; padding-top:10px;}
.in_box .p_3 span{ color:#CCCCCC; margin:0 7px;}
.in_box .p_3 a{ color:#666;}
.in_box .p_3 a.cur{ color:#000;}



.in_cont_1{background: #FFFFFF;overflow: hidden;}
.in_cont_1 .container{margin: 0px 10px;background: #FFFFFF;overflow: hidden;}
.in_cont_1 ul{width: 100%;overflow: hidden;}
.in_cont_1 ul li{width: calc(100%/3);overflow: hidden;float: left;text-align: center;}
.in_cont_1 ul li .tit{color: #333333;font-size: 20px;line-height: 28px;font-weight: 600;}




.in_cont_2{background-size: 100% 100%;background: url(../images/index_05.jpg) left top no-repeat;background-attachment: fixed; overflow: hidden;}
.in_cont_2 .container{margin: 0px 10px; overflow: hidden;padding-top: 10px;padding-bottom: 25px;}
.in_cont_2 .container p{
	background: url(../images/dot.png) no-repeat;
	padding-left: 8px;
    line-height: 42px;
    color: #666666;
    font-size: 20px;
    border-bottom: solid 1px #d7d7d7;
    margin-bottom: 10px;
}
.in_cont_2 .container p font{font-weight: bold;color: #212121;}
.in_cont_2 .container .bg_img{background: url(../images/index_12.png) center bottom no-repeat;background-size: 100% auto;}


.in_cont_2 .aboutMore{display: block;margin: 0 auto;width: 220px;height: 50px;color: #888f9e;border: 1px solid #888f9e;text-align: center;}

.in_cont_2 .top{overflow: hidden;box-sizing: border-box;border-left: 5px solid #0056aa; }
.in_cont_2 .top .fl_tit{float:left;width: 50%;color: #666666;text-indent: 5px;}
.in_cont_2 .top .fr_more{float: right;width: 50%;text-align: right;}
.in_cont_2 .top .fr_more a{color: #cbcbcb;}

.in_cont_2 ul{width: 100%; overflow:hidden;}
.in_cont_2 ul li{ float:left; width:calc(100%/3);text-align: center;}
.in_cont_2 ul li img{display: block;margin: 0 auto;}
.in_cont_2 ul li p{width:100%;text-align: center;color: #ffffff;font-size: 21px;line-height: 31px;}

.in_cont_3{background: #FFFFFF; overflow: auto;}
.in_cont_3 .container{margin: 0px 10px; overflow: hidden;}


.in_cont_3 ul{overflow:hidden;text-align: left;padding-top: 25px;}
.in_cont_3 ul li{text-align: left;width: 28%;padding-bottom: 40px;margin-bottom:10px; padding-right: 6%;margin-right:1%; float: left;background: url(../images/index_13.png) right 40% no-repeat;}
.in_cont_3 ul li:nth-child(3n){padding-right: 0px;margin-right:0px;}
.in_cont_3 ul li:nth-child(3){background: url(../images/index_14.png) center bottom no-repeat;}
.in_cont_3 ul li:nth-child(4){background: url(../images/index_15.png) right 40% no-repeat;}
.in_cont_3 ul li:nth-child(5){background: url(../images/index_15.png) right 40% no-repeat;}
.in_cont_3 ul li a{display: block;border: 1px solid #bababa;border-radius: 5px;}
.in_cont_3 ul li img{width: 100%;display: block;    }
.in_cont_3 ul li span{display:block;background: #f5f5f5;text-align: center;font-weight: bold;border-radius: 0 0 5px 5px;}

.in_cont_4{background: #FFFFFF; overflow: auto;}
.in_cont_4 .container{margin: 20px 10px; overflow: hidden;}
.in_cont_4 .container .float_l{width: 45%;position: relative;}
.in_cont_4 .container .float_l a{display: block;}
.in_cont_4 .container .float_l img{width: 100%;height: auto;display: block;border-radius: 10px;}
.in_cont_4 .container span{position: absolute;width: 100%; text-align: center;color: #FFFFFF;bottom: 0px;display: block;background: rgba(0,0,0,0.5);}
.in_cont_4 .container span{border-radius: 0 0 10px 10px;}
.in_cont_4 .container .float_r{width: 55%;}
.in_cont_4 .container .float_r ul{width: 100%;}
.in_cont_4 .container .float_r li{width: 47%;margin-left:3%; float: left;position: relative;margin-bottom: 10px;}
.in_cont_4 .container .float_r li img{width: 100%;height: auto;display: block;border-radius: 10px;}



.in_btmjg{ width:100%; height:46px;margin-top: 20px;}
.in_btmbox{ width:100%;height:46px; background:url(../images/btm.png); background-size: 100% 100%; margin:0px auto;}
.in_btmfix{ position:fixed; left:0px; bottom:0px;}
.in_btmbox ul{ overflow:hidden;width:100%;height: 100%;}
.in_btmbox li{ float:left; width:25%;height:100%;}
.in_btmbox li a{ display:block; width:100%; height:100%; color:#FFF;}


#drag0 {clear: both;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box li{height: 100%;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;height: 100%;}

.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:15px;bottom: 5px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#f8f8f8;border-radius:50%;float:left;margin:4px;}

.roll_img_mb_01 .nav_box .li_on{background:#f8ce08;}

/*about*/
.ab_navbox{ clear:both; padding:1px 0 0 0; margin:0px auto;}
.ab_navbox .tit{ height:30px; line-height:30px; color:#FFF; font-size:14px; padding:0 10px;}
.ab_navbox ul{ overflow:hidden;}
.ab_navbox li{ float:left; width:50%;}
.ab_navbox li div{ padding:0 1px 1px 0;}
.ab_navbox li a{ display:block; width:100%; height:26px; line-height:26px; text-align:center; color:#FFFFFF; background:#999}
.ab_navbox li a.cur{ background:#8EC31F;}
.ab_contbox{ clear:both; line-height:23px; padding:20px 10px; min-height:200px;}
.ab_contbox img{ max-width:100%;}

.ab_navbox2{ clear:both; padding:0; margin:0px auto; border-bottom:1px solid #ccc; color:#666; padding:10px 0 10px 15px; font-size:13px; line-height:18px;}
.ab_navbox2 a{ color:#666;}
.ab_navbox2 a.cur{ color:#e88230; font-weight:bold;}
.ab_navbox2 span{ margin:0 15px;}


/*products*/
.pro_box{ padding:15px 10px 15px 10px; margin:0px auto;}


.pro_box ul{ padding:10px 0px 10px 0px; overflow:hidden;}
.pro_box ul li{ float:left; width:calc(50% - 10px);margin: 5px;text-align: center;border: 1px solid #e8e8e8; box-sizing: border-box;}
.pro_box ul li a{display: block;}
.pro_box ul li img{width: 100%;height: 100%;display: block;}
.pro_box ul li span{box-sizing: border-box; display:block; width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #e8e8e8;color: #666666;}





/*news*/
/*news*/
.ns_contbox{ clear:both; line-height:23px; min-height:200px;}

.ns_list{ padding:10px 5px 10px 10px; overflow:hidden;}
.ns_list li{text-align: left;overflow: hidden;margin-bottom: 5px;border-bottom:1px dashed #dadada;}
.ns_list li a{float: left; color: #666666;width: 70%;}
.ns_list li a span{font-family: simsun;color: #666666;margin-right:5px;}
.ns_list li>span{float: right;color: #bababa;text-align: right;margin-right: 5px;}

/*newsShow*/
.nss_tit{ font-size:13px; font-weight:bold; text-align:center;}
.nss_dtm{ text-align:center; padding:5px 0 10px 0; color:#999;}
.nss_info{ line-height:22px; }
.nss_info img{max-width:100%;}

.nss_img{text-align:center;}
.ff_pre{ clear:both; padding:15px 0 0 0;}
.ff_next{ clear:both;}

.plt_10{ padding-left:10px;}


/*feedback*/
.fd_p_1{ font-size:15px; color:#8EC31F; cursor:pointer;}
.fd_form{ margin-top:20px; display:none;}
.jn_box{ clear:both; padding-bottom:20px; overflow:hidden; width:100%;}
.jn_lt{ float:left; width:20%; line-height:30px; text-align:right; font-weight:bold;}
.jn_rt{ float:left; width:80%;}
.jn_box .txt{ width:calc(100% - 40px); height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 10px; font-size:13px; border-radius:3px; outline:none;}
.jn_box input:focus{ border:1px solid #8EC31F;}
.jn_box textarea:focus{ border:1px solid #8EC31F;}
.jn_box .cod{ width:70px; height:28px; line-height:28px; border:1px solid #DBDBDB; color:#444; padding:0 15px; font-size:13px; border-radius:3px; outline:none;}
.jn_box .txtarea{width:calc(100% - 40px); height:120px; padding:10px; font-size:13px; border:1px solid #DBDBDB; border-radius:3px; outline:none;}
.jn_box .btn{ width:95px; height:32px; text-align:center; line-height:30px; border:0px; background:#666; color:#FFF; font-size:15px; font-weight:bold; border-radius:3px; cursor:pointer;}
.jn_box .btn:hover{ background:#8EC31F}
.cl_red{ color:#f00;}



.fb_list{ clear:both; width:100%; margin:0 auto; padding-top:20px;}
.fb_list li{ width:calc(100% - 22px); padding:10px; background:#F4F4F4; border:1px solid #ddd; box-shadow:0 0 20px rgb(239, 239, 239); margin-bottom:20px;}
.fb_list li .tit{ border-bottom:1px solid #d3e0e1; padding-bottom:10px; overflow:hidden;}
.fb_list li .tit b{ font-size:15px;}
.fb_list li .cont{ line-height:24px; padding-top:5px; color:#666;}
.fb_list li .box{ padding:15px; background:#FFF; margin-top:5px; overflow:hidden;}
.fb_list li .box p{ color:#E88232;}
.fb_list li .box div{ line-height:24px;}

/*css flickr style pagination*/
div.flickr {
	padding:20px 0px 20px 0px;margin:0px; text-align:center; font-family:Verdana; font-size:12px;
}
div.flickr a {
	border: #999 1px solid; padding:2px 6px; background-position: 50% bottom; color:#666; margin-right: 3px; text-decoration: none
}
div.flickr a:hover {
	border: #8EC31F 1px solid;  background-image: none; color: #fff; background-color: #8EC31F
}
div.meneame a:active {
	border: #8EC31F 1px solid; background-image: none; color: #fff; background-color: #8EC31F
}
div.flickr span.current {
	 padding:2px 6px; font-weight: bold; color: #8EC31F; margin-right: 3px; 
}
div.flickr span.disabled {
	 padding:2px 6px; color: #999; margin-right: 3px; 
}