/* 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}
.fl{float: left;}
.fr{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;}
.not-animated{opacity:0;}
.container{margin: 0 10px;overflow: hidden;}

/*index*/
.top_line{width: 100%;height: 2px;background: url(../images/top_line.png) left center no-repeat;background-size: 100% 100%;}

.pub_tit{background: url(../images/top_bg.jpg) left top no-repeat;background-size: 100% 100%;}
.pub_tit .float_l{width: 80%;font-weight: bold;}
.pub_tit .float_l span{background: url(../images/index_10.png) center center no-repeat;background-size: 100% 100%;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: 25px;display: inline-block;padding-right: 10px;padding-top: 15px;}
.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:last-child{border-bottom:none;}
.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: bold; font-size:28px; padding-top:0px;margin-top: 20px;color: #da251d;}
.in_box .line{display: block;width: 60px;height: 2px;background: #1c2b4c;margin: 19px auto;}
.in_box .p_2{ text-align:center; color:#999999;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_box .more_btn{width: 460px;height: 60px;line-height: 60px;background: #565656;color: #FFFFFF;text-align: center;margin: 15px auto;display: block;margin-bottom: 30px;}


.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: 100%;overflow: hidden;margin-bottom: 15px;}
.in_cont_1 ul li .pro_img{width: 100%;padding:15px 0px; border: 1px solid #cfcfcf;box-sizing: border-box;}
.in_cont_1 ul li .pro_img img{width: 100%;height:auto; display:block;}
.in_cont_1 ul li .con{width: 100%;background: #e4e0f0;border: 1px solid #cfcfcf;border-top: none;overflow: hidden;}
.in_cont_1 ul li .con .info{padding: 10px;overflow: hidden;}
.in_cont_1 ul li .con .info span{display: block;color: #444444;}
.in_cont_1 ul li .con .info .fl{width: 80%;}
.in_cont_1 ul li .con .info .fr .more{height: 100%; text-align: center;vertical-align: middle;display: table-cell;color: #9f9fa0;font-family: simsun;border: 1px solid #9f9fa0;border-radius: 50%;}

.in_cont_1 ul li:hover .con{border: none;background: url(../images/pro_bg_on.jpg) center center no-repeat;background-size:100% 100%;}
.in_cont_1 ul li:hover .con .info span{color: #FFFFFF;}
.in_cont_1 ul li:hover .con .info .fr .more{color: #FFFFFF;border-color:#FFFFFF ;}





.in_cont_2{background: #f6f6f6;}
.in_cont_2 .container{margin: 0px 10px; overflow: hidden;padding-top: 10px;padding-bottom: 25px;}

.slideBox{ width:100%; height:485px; overflow:hidden; position:relative;  }
.slideBox .prev,.slideBox .next{
	width: 20px;
	height: 34px;
	display: block;  
	position:absolute;
	top: 45%;
	z-index: 999;
	transition: all 0.3s linear;
}
.slideBox .prev{left: 0px;background: url(../images/prev.png) center center no-repeat;background-size: 100% 100%;}
.slideBox .next{right: 0px;background: url(../images/next.png) center center no-repeat;background-size: 100% 100%;}
.slideBox .prev:hover{background: url(../images/prev_on.png) center center no-repeat;background-size: 100% 100%;}
.slideBox .next:hover{background: url(../images/next_on.png) center center no-repeat;background-size: 100% 100%;}

.slideBox .tempWrap{height:100%;}
.slideBox .bd{ position:relative; width:100%; height:100%; z-index:99; overflow: hidden; margin: 0 auto; }
.slideBox .bd ul{height: 100%;overflow: hidden;}
.slideBox .bd li{ width: 100%;height: 100%; zoom:1;float: left; position: relative;}
.slideBox .bd li .con{margin: 0 auto;}
.slideBox .bd li .con img{width: 100%;height: auto;}
.slideBox .bd li .con .title{font-size: 24px;color: #444444;text-align: center;}
.slideBox .bd li .con .desc{font-size: 24px;color: #888888;text-align: center;line-height: 38px;}

.in_cont_3{background: url(../images/part_bg.jpg) center center no-repeat; background-size: 100% 100%; overflow: auto;}
.in_cont_3 .container{margin: 0px 10px; overflow: hidden;}
.in_cont_3 .p_2{color: #FFFFFF;}

.in_cont_3 ul{overflow:hidden;text-align: left;padding-top: 25px;}
.in_cont_3 ul li{width:24%;float: left;margin-right:1.3%;margin-bottom: 1.3%;}
.in_cont_3 ul li:nth-child(4n){margin-right: 0%;}
.in_cont_3 ul li img{width: 100%;height: auto;display: block;}


.in_cont_3 .more_btn{background: #da251d;}

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

.in_cont_4 .container .con{
	color: #666666;
	font-size: 24px;
	line-height: 44px;
}

.in_cont_5 {width: 100%;background: url(../images/video_bg.jpg) center center no-repeat;background-size: 100% 100%;}
.in_cont_5 a{display: block;width: 100%;height: 100%;}

.in_cont_6{width: 100%;overflow: hidden;}
.in_cont_6 ul {width: 100%;overflow: hidden;}
.in_cont_6 ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.in_cont_6 ul li .con{padding: 10px;}
.in_cont_6 ul li .con .time{color: #999999;font-size: 24px;line-height: 32px;}
.in_cont_6 ul li .con .title{color: #333333;font-size: 24px;line-height: 32px;margin: 5px 0px;}
.in_cont_6 ul li .con .desc{color: #666666;font-size: 21px;line-height: 35px;}
.in_cont_6 .more_btn{margin-bottom: 20px;margin-top: 20px;}

.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;z-index: 9999;}
.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: auto;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;left:45%;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:#d94842;}

/*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:#09002B;}
.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; margin:0px auto;}

.pro_box ul{width: 100%;overflow: hidden;}
.pro_box ul li{width: 100%;overflow: hidden;margin-bottom: 15px;}
.pro_box ul li .pro_img{width: 100%;padding:15px 0px; border: 1px solid #cfcfcf;box-sizing: border-box;}
.pro_box ul li .pro_img img{width: 100%;height:auto; display:block;}
.pro_box ul li .con{width: 100%;background: #e4e0f0;border: 1px solid #cfcfcf;border-top: none;overflow: hidden;}
.pro_box ul li .con .info{padding: 10px;overflow: hidden;}
.pro_box ul li .con .info span{display: block;color: #444444;}
.pro_box ul li .con .info .fl{width: 80%;}
.pro_box ul li .con .info .fr .more{height: 100%; text-align: center;vertical-align: middle;display: table-cell;color: #9f9fa0;font-family: simsun;border: 1px solid #9f9fa0;border-radius: 50%;}

.pro_box ul li:hover .con{border: none;background: url(../images/pro_bg_on.jpg) center center no-repeat;background-size:100% 100%;}
.pro_box ul li:hover .con .info span{color: #FFFFFF;}
.pro_box ul li:hover .con .info .fr .more{color: #FFFFFF;border-color:#FFFFFF ;}



/*news*/
.news_box{width: 100%;overflow: hidden;}
.news_box ul {width: 100%;overflow: hidden;}
.news_box ul li{width: 100%;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
.news_box ul li .con{padding: 10px;}
.news_box ul li .con .time{color: #999999;font-size: 24px;line-height: 32px;}
.news_box ul li .con .title{color: #333333;font-size: 24px;line-height: 32px;margin: 5px 0px;}
.news_box ul li .con .desc{color: #666666;font-size: 21px;line-height: 35px;}
.news_box .more_btn{margin-bottom: 20px;margin-top: 20px;}

.picture_box{padding:15px 10px;margin:0px auto;}
.picture_box ul{width:100%;overflow:hidden;}
.picture_box li{ float:left; width:49%;margin-right:2%;margin-bottom:2%;}
.picture_box li:nth-child(2n){margin-right:0%;}
.picture_box li img{ width:100%;height:auto;}
.picture_box li span{display:block;text-align:center;}

.part_box{padding:15px 10px;overflow:hidden;}
.part_box ul{overflow:hidden;text-align: left;}
.part_box ul li{width:24%;float: left;margin-right:1.3%;margin-bottom: 1.3%;border:1px solid #cfcfcf;box-sizing:border-box;}
.part_box ul li:nth-child(4n){margin-right: 0%;}
.part_box ul li img{width: 100%;height: auto;display: block;}

/*news*/
.ns_contbox{ clear:both; line-height:23px; padding:15px 10px 10px 10px; min-height:200px;}
.ns_list{ overflow:hidden; padding-bottom:15px;}
.ns_list li{ width:100%; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #999;}
.ns_list li a{ float:left;}
.ns_list li span{ float:right; color:#666}

/*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_img{text-align:center;}
.nss_img img{max-width:100%;}
.nss_info{ line-height:22px; }
.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:#E8AA32; 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:100px; line-height:30px; text-align:right; font-weight:bold;}
.jn_rt{ float:left; width:calc(100% - 100px);}
.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 #e88230;}
.jn_box textarea:focus{ border:1px solid #e88230;}
.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:#e88230}
.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: #09002B 1px solid;  background-image: none; color: #fff; background-color: #09002B
}
div.meneame a:active {
	border: #09002B 1px solid; background-image: none; color: #fff; background-color: #09002B
}
div.flickr span.current {
	 padding:2px 6px; font-weight: bold; color: #09002B; margin-right: 3px; 
}
div.flickr span.disabled {
	 padding:2px 6px; color: #999; margin-right: 3px; 
}