@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px;background:#FFF; color:#666; font-family:"微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}



a { text-decoration: none; outline:none;color:#666}
a:hover { text-decoration: none;color:#ff0000}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }


.box{ width:1200px; margin:0 auto; padding:0;}

.i_h_box{ width: 90%;margin:0 auto; padding:0;}
.i_header{ height:90px;}
.i_header .logo{ height:60px; float:left; padding:15px 2% 15px 0; width:20%;}
.i_header .logo img{ max-width:100%;}
.i_header .app_logo{ float:left; height:37px; display: none;}
.i_header .app_logo img{ max-width:100%;}

.nav1{ width:55%; float:left; margin:30px 2% 0;}
.nav1 ul{ margin:0; padding:0; text-align:center;}
.nav1 ul .n_service{ width:14%; float:left; line-height:18px; position:relative; transition: all 0.3s ease-out 0.2s; z-index:99999;}
.nav1 ul .n_service ul{ text-align: center;}
.nav1 ul .n_service a{ color:#333; font-size:16px; display: block}
.nav1 ul .n_service a font{ display:block;}
.nav1 ul .n_service a i{ font-size: 10px; color:#999; text-transform: uppercase;}


.nav1 ul .n_service .n_com {background:rgba(255,255,255,0.95);min-height:220px; position:absolute; 
z-index:99999; opacity:0; visibility:hidden; width:350px; top:40px; left:-120px; padding:50px 30px 30px; border-bottom:5px solid #e40001;}
.nav1 ul .n_service .n_com .n_c_pic{ width:210px; height:220px; float:left; overflow:hidden;}
.nav1 ul .n_service .n_com .n_c_pic img{ max-width:100%;}

.nav1 ul .n_service .n_com ul{ margin:0; padding:5px 0 0; width:100px; float: right; text-align: left;}
.nav1 ul .n_service .n_com ul li{ display:block; padding:0;}
.nav1 ul .n_service .n_com ul li a{ line-height:30px; color:#333; opacity:1; font-size:14px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nav1 ul .n_service:hover .n_com{ opacity:1; visibility:visible; transition:all 0.3s ease-out 0s; top:35px;}
.nav1 ul .n_service .n_com ul li:hover a{color:#e40001; text-decoration:underline;}

.search{ width: 213px; margin-top: 28px; float: left;}

.search .s_lt{ width: 175px; float: left; height:34px; line-height:33px; border: 1px solid #ccc;}
.search .s_lt input{ padding:0 4px 0 10px; color: #999; font-size: 12px;}
.search .s_rt{ width:36px; height: 36px; float: right;}

.lan{ background:url(../images/lan.jpg) no-repeat 0 center; width:84px; margin-top:37px; float:right;}
.lan a{ display: block; color:#666; padding:0 0 0 26px; font-size:12px; background:url(../images/lan_li.jpg) no-repeat right 8px;}


.banner_box{ width:100%; height:100%; overflow:hidden; position:relative; }
.banner_box .hd{ height:18px; overflow:hidden; position:absolute; right:0; left:0; bottom:4%; z-index:1; }
.banner_box .hd ul{ overflow:hidden; width:80px; margin:0 auto; }
.banner_box .hd ul li{ display:inline-block; margin:0 6px; width:12px; height:12px; background:#fff; cursor:pointer; border-radius:100%; }
.banner_box .hd ul li.on{ background:#e40001; color:#fff; transition:0.5s;}
.banner_box .bd{ position:relative; height:100%; z-index:0;   }
.banner_box .bd li{ zoom:1; vertical-align:middle; }
.banner_box .bd img{ width:100%; height:100%; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即�?*/
.banner_box .prev,
.banner_box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner_box .next{ left:auto; right:3%; background-position:8px 5px; }
.banner_box .prev:hover,
.banner_box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner_box .prevStop{ display:none; }
.banner_box .nextStop{ display:none; }

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }





@media (max-width:1366px){
	.i_h_box{ width: 95%;margin:0 auto; padding:0;}
	.nav1{ width:50%; float:left; margin:30px 2% 0;}
}


/**手机�?*/
@media (max-width:720px){
.box{ width:96%; padding:0 2%;}

/**头部**/
.i_h_box{ width:96%; padding:0 2%;}
.i_header{ overflow:hidden; padding:8px 0 8px; height:auto;}	


	
.lan{ margin-top: 10px; float: left; margin-left: 15px; width: 80px;}
.lan a{ display: block; color:#666; padding:0 0 0 24px;}
	
.i_header .morenav{ float:right; display:block; background:#e40001 url(../images/app_nav_line.png) no-repeat center;width:34px; height:32px; margin-top: 2px;}
.i_header .navon{height:72px;}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

	
/**大图**/
.banner_box,.search,.nav1,.i_header .logo{ display:none;}
.app_banner_box,.i_header .app_logo{ display:block;}


}


@media (max-width:370px){
	.i_h_box{ width:98%; padding:0 1%;}
	.i_header .app_logo{ float:left; height:20px;}
	.lan{margin-left:2px}
	.i_header .app_logo img{ max-width:100%;}
}



.about_box{ height: auto; overflow: hidden; padding:65px 0; border-top: 6px solid #e40001; background:url(../images/a_bg.jpg) center top no-repeat;}


.about_lt{ width: 555px; float: left;}

.about_lt .about_desc{ height: auto; overflow: hidden; padding: 25px 0 20px; line-height: 30px; 
	background: url(../images/a_lt_bg.jpg) center top no-repeat; font-size: 14px;}

.about_lt .about_icon{ height: auto; overflow: hidden;}
.about_lt .about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_lt .about_icon ul li{ width:130px; height: auto; overflow: hidden; float: left; margin-right:70px;}
.about_lt .about_icon ul li a{ display: block; color: #999;}

.about_lt .about_icon ul li a .pic{ transition: 0.5s; width:130px; height:130px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}
.about_lt .about_icon ul li a font{ display:block; padding-top: 15px;}
.about_lt .about_icon ul li a font i{ font-size: 24px; padding-right:4px; color:#666;}
.about_lt .about_icon ul li:nth-of-type(3){ margin-right:0;}


.about_lt .about_icon ul li a:hover .pic{background-position: center bottom; transition: 0.5s;}
.about_lt .about_icon ul li a:hover{ color:#e40001;}
.about_lt .about_icon ul li a:hover font i{ color:#e40001;}


.about_rt{ width: 502px; float: right;}

.about_rt .a_rt_pic{ width:100%; height:405px; overflow:hidden; position:relative; }

.about_rt .a_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.about_rt .a_rt_pic .bd li{ zoom:1; vertical-align:middle;}
.about_rt .a_rt_pic .bd li a{ color:#666;}
.about_rt .a_rt_pic .bd img{ width:100%; height:100%; display:block;}
.about_rt .a_rt_pic .bd li font{ display:block; margin-top: 10px; height:45px; line-height:45px; background:url(../images/v_icon.png) center left no-repeat; padding-left:22px; font-size: 14px;}

.about_rt .a_rt_pic .prev,
.about_rt .a_rt_pic .next{ position:absolute; right:0; bottom:0; display:block; width:50px; height:30px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.about_rt .a_rt_pic .next{right:54px; background-position:left center; }





.app_rt_pic{ position:relative; margin:6% auto 0; display: none;}
.app_rt_pic .hd { position: absolute; top:48%; width: 100%; height: 10px; }
.app_rt_pic .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_pic .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_pic .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_pic .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_pic .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_pic .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_pic .bd ul li a{ color:#666; font-size:14px;}
.app_rt_pic .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_pic .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_pic .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_pic .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

.app_rt_pic .prev,
.app_rt_pic .next{ position:absolute; left:50px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.app_rt_pic .next{ left:auto; right:50px; background-position:8px 5px; }





.i_t_box{ height: auto; overflow: hidden;}

.i_title{ height: auto; overflow: hidden; width: 160px;}
.i_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 135px center no-repeat;}
.i_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.i_more{ width: 120px; height: 34px; line-height: 34px; margin-top:10px; overflow: hidden; border: 1px solid #bababa;}
.i_more a{ transition:0.5s; display: block; color: #666; font-size: 12px; background: url(../images/more_icon.png) 78px top no-repeat; padding-left: 22px;}

.i_more:hover{ border: 1px solid #e40001; background: #e40001;}
.i_more:hover a{ transition:0.5s; color:#fff;background: url(../images/more_icon.png) 78px bottom no-repeat;}





@media (max-width:720px){
		
.i_t_box{ height: auto; overflow: hidden;}

.i_title{ height: auto; overflow: hidden; text-align: center; width: 100%; background: url(../images/t_icon.png) center bottom no-repeat; padding-bottom: 22px;}
.i_title font{ display:inline; font-size:20px; color: #333; background:none;}
.i_title i{ display: inline; color: #999; font-size:20px; text-transform: uppercase; padding-left: 5px;}

.i_more{ width: 100px; height: 30px; line-height: 30px;overflow: hidden; text-align: center; border: 1px solid #bababa; margin:10px auto;}
.i_more a{ transition:0.5s; display: block; color: #666; font-size: 12px; background:none; padding-left: 0;}

.i_more:hover{ border: 1px solid #e40001; background: #e40001;}
.i_more:hover a{ transition:0.5s; color:#fff;background:none;}



.fl,.fr{ float: none;}

.about_box{ height: auto; overflow: hidden; padding:5% 0; border-top:2px solid #e40001; background:none;}
.about_lt,.about_rt{ width: 100%; float: none; height: auto; overflow: hidden;}

.about_lt .about_desc{ padding: 0 0 10px; line-height:26px; background:none; font-size: 12px;}

.about_lt .about_icon{ height: auto; overflow: hidden;}
.about_lt .about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_lt .about_icon ul li{ width:32%; height: auto; overflow: hidden; float: left; margin-right:0;}
.about_lt .about_icon ul li a{ display: block; color: #999;}

.about_lt .about_icon ul li a .pic{ transition: 0.5s; width:90px; height:90px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: 100%; margin: 0 auto;}
.about_lt .about_icon ul li a font{ display:block; padding-top: 15px;}
.about_lt .about_icon ul li a font i{ font-size: 24px; padding-right:4px; color:#666;}
.about_lt .about_icon ul li:nth-of-type(3){ margin-right:0;}


.about_lt .about_icon ul li a:hover .pic{background-position:center top; transition: 0.5s;}
.about_lt .about_icon ul li a:hover{ color:#e40001;}
.about_lt .about_icon ul li a:hover font i{ color:#e40001;}

.about_rt .a_rt_pic{ display: none}
	
	
.app_rt_pic{ display: block;}
	
}







.product_box{ height: auto; overflow: hidden; padding:65px 0; background:url(../images/p_bg.jpg) center repeat-y;}

.i_product_title{ height: auto; overflow: hidden;}
.i_product_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 172px center no-repeat;}
.i_product_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.product_box .p_b_pic{ overflow:hidden; height:auto; margin-top:25px; background-color: #fff; box-shadow: 0 0 20px #f1f1f1;}

.product_box .p_b_pic ul{ margin:0 auto; height:auto; overflow: hidden; padding:28px 18px; text-align: center;}
.product_box .p_b_pic ul li{ width: 265px; float: left; height:auto; overflow: hidden; margin:0 12px;}
.product_box .p_b_pic ul li a{ display:block; color:#666; font-size: 16px;}
.product_box .p_b_pic ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #e2e2e2; position: relative;}
.product_box .p_b_pic ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.product_box .p_b_pic ul li a .pic .img img{ max-width: 100%; display: block;}
.product_box .p_b_pic ul li a font{ display: block; margin-top: 18px; height: 45px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}


.product_box .p_b_pic ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.product_box .p_b_pic ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.product_box .p_b_pic ul li a:hover font{ color:#e40001;}


@media (max-width:720px){

.i_product_title{ height: auto; overflow: hidden; text-align: center; width: 100%; background: url(../images/t_icon.png) center bottom no-repeat; padding-bottom: 22px;}
.i_product_title font{ display:inline; font-size:20px; color: #333; background:none;}
.i_product_title i{ display: inline; color: #999; font-size:20px; text-transform: uppercase; padding-left: 5px;}
	
.product_box{ height: auto; overflow: hidden; padding:5% 0; background:#f5f5f5;}
	
.product_box .p_b_pic{ overflow:hidden; height:auto; margin-top:2%; background-color:#f5f5f5; box-shadow: 0 0 20px #f1f1f1;}

.product_box .p_b_pic ul{ margin:0 auto; height:auto; overflow: hidden; padding:0; text-align: center;}
.product_box .p_b_pic ul li{ width: 48%; float: left; height:auto; overflow: hidden; margin:0 1% 8px; background: #fff;}
.product_box .p_b_pic ul li a{ display:block; color:#666; font-size: 14px;}
.product_box .p_b_pic ul li a .pic{ width: 100%; height:100%; overflow: hidden; background:none; position: relative;}
.product_box .p_b_pic ul li a .pic .img{ width:100%; height: 150px; overflow: hidden; margin:0 auto;}
.product_box .p_b_pic ul li a .pic .img img{ max-width: 100%; display: block;}
.product_box .p_b_pic ul li a font{ display: block; margin-top:0; height: 30px; line-height: 24px; background:none;}


.product_box .p_b_pic ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.product_box .p_b_pic ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.product_box .p_b_pic ul li a:hover font{ color:#e40001;}
	

}


.news_box{ height: auto; overflow: hidden; padding:65px 0; background:#ffffff url(../images/n_bg.jpg) center bottom no-repeat;}



.news_box .n_lt{ width:560px; height: auto; overflow: hidden; float: left;}

.n_nav{ width: 170px; margin-top: 30px; line-height: 16px; height:16px;}
.n_nav a{ display:block; float: left; padding:0 14px; color: #666; font-size: 14px; border-right: 1px solid #999;}
.n_nav a:last-child{border-right:none;}
.n_nav a:hover{ color:#e40001}

.news_box .n_lt ul{ margin:40px auto 0; padding:0;}
.news_box .n_lt ul li{ margin-bottom:30px; height: auto; overflow: hidden;}
.news_box .n_lt ul li a{ display:block; color: #666; transition: 0.5s;}
.news_box .n_lt ul li a .date{ line-height: 20px; width: 80px; height:50px; padding: 15px 0; overflow: hidden; background:#e40001; text-align: center; color: #FFF;}
.news_box .n_lt ul li a .date i{ display:block; font-size: 28px; line-height: 30px;}

.news_box .n_lt ul li a .desc{ width: 456px; line-height: 22px;}
.news_box .n_lt ul li a .desc font{ display:block; font-size: 16px; color: #333; line-height: 30px; padding-bottom:5px;}


.news_box .n_lt ul li a:hover .date{ background: #e40001; transition: 0.5s;}
.news_box .n_lt ul li a:hover .desc font{ color: #e40001; font-weight: bold;}






.case_rt{ width:560px; float: right;}
.case_rt .c_t{ margin-bottom: 30px;}
.case_rt .c_rt_pic{ width:100%; height:100%; overflow:hidden; position:relative;}

.case_rt .c_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.case_rt .c_rt_pic .bd li{ zoom:1; vertical-align:middle;position:relative;}
.case_rt .c_rt_pic .bd li a{ color:#fff;}
.case_rt .c_rt_pic .bd img{ width:100%; height:100%; display:block;}
.case_rt .c_rt_pic .bd li font{ width:510px; position:absolute; background-color: rgba(0,0,0,0.4); left:0; z-index: 9999; bottom:0; display:block; height:55px; line-height:55px; background-repeat: no-repeat; background-position: 30px center;background-image:url(../images/c_icon.png); padding-left:50px; font-size: 14px;}

.case_rt .c_rt_pic .prev,
.case_rt .c_rt_pic .next{ position:absolute; right:30px; bottom:10px; display:block; width:50px; height:30px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.case_rt .c_rt_pic .next{right:84px; background-position:left center; }



.app_rt_case{ position:relative; margin:2% auto 0; display: none;}
.app_rt_case .hd { position: absolute; top:42%; width: 100%; height: 10px; }
.app_rt_case .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_case .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_case .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_case .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_case .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_case .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_case .bd ul li a{ color:#666; font-size:14px;}
.app_rt_case .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_case .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_case .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_case .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

.app_rt_case .prev,
.app_rt_case .next{ position:absolute; left:30px; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.app_rt_case .next{ left:auto; right:30px; background-position:8px 5px; }




@media (max-width:720px){
.news_box{ padding:5% 0; background:#fff;}

.news_box .n_lt,.case_rt{ width:100%; float: none;}
.case_rt{background:#eee; padding:5% 0;}
.n_nav,.case_rt .c_rt_pic{ display: none;}

	
.news_box .n_lt ul{ margin:0 auto; padding:6% 0;}
.news_box .n_lt ul li{ margin-bottom:4%; height: auto; overflow: hidden;}
.news_box .n_lt ul li a{ display:block; color: #666; transition: 0.5s;}
.news_box .n_lt ul li a .date{ line-height: 20px; width:18%; height:50px; padding: 15px 0; overflow: hidden; background:#e40001; text-align: center; color: #FFF; float: left;}
.news_box .n_lt ul li a .date i{ display:block; font-size: 20px; line-height: 30px;}

.news_box .n_lt ul li a .desc{ width: 80%; line-height: 22px;float: right;}
.news_box .n_lt ul li a .desc font{ display:block; font-size: 14px; color: #333; line-height: 20px; padding-bottom:5px;}


.news_box .n_lt ul li a:hover .date{ background: #e40001; transition: 0.5s;}
.news_box .n_lt ul li a:hover .desc font{ color: #e40001; font-weight: bold;}
	.app_rt_case{ display: block;}
	.case_rt .c_t{ margin-bottom: 0;}
}


.honor_box{ height: auto; overflow: hidden; padding:65px 0 0;}
.honor_box .h_desc{ line-height: 26px; font-size: 14px; padding-top: 20px;}

.h_pic_b{ height: auto; overflow: hidden; margin-top: 40px; padding:50px 0; background: url(../images/h_bg.jpg) center top no-repeat;}



.h_pic{ height:auto; overflow:hidden; padding:30px 0; position:relative; }
.h_pic .hd{ overflow:hidden; height:auto;}
.h_pic .hd .prev,
.h_pic .hd .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:50px; height:30px; 
	transition:0.4s; overflow: hidden; 
 }
.h_pic .hd .prev{background:url(../images/a_rt_arrow.png) left center no-repeat;}
.h_pic .hd .next{ left:auto; right:3%;background:url(../images/a_rt_arrow.png) right center no-repeat;}


.h_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.h_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
.h_pic .hd ul li.on{ background-position:0 0; }
.h_pic .bd{ padding:0; }
.h_pic .bd ul{ overflow:hidden; zoom:1; }
.h_pic .bd ul li{ margin:0 22px; float:left; display:inline; overflow:hidden; text-align:center;}
.h_pic .bd ul li a{ color:#fff; font-size:14px;}
.h_pic .bd ul li .pic{ width:180px; height:254px; overflow:hidden; border: 10px solid #FFF;position:relative;}
.h_pic .bd ul li .pic img{ max-width:100%; transition:0.5s; }
.h_pic .bd ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.h_pic .bd ul li .title{ line-height:52px; height:52px; width:100%; transition:0.5s;}

.h_pic .bd ul li:hover .title{ bottom:0; transition:0.5s;}

.h_pic .bd ul li .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.h_pic .bd ul li:hover .pic .pic_s{ bottom:0; transition:0.5s;}




.app_h_pic{ height: auto; overflow: hidden; display: none;}
.app_h_pic ul{ margin: 0; padding: 0; text-align: center;}
.app_h_pic ul li{ margin:0 1%; width: 31%; float:left; overflow:hidden;}
.app_h_pic ul li a{ color:#666; font-size:12px;}
.app_h_pic ul li .pic{ width:100%; height:auto; overflow:hidden; border:none;}
.app_h_pic ul li .pic img{ max-width:100%; transition:0.5s; }
.app_h_pic ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.app_h_pic ul li .title{ line-height:35px; height:35px; width:100%; transition:0.5s;}

.footer_top{ height: auto; overflow: hidden; font-size: 14px; padding:50px 0 40px; background: #eeeeee; border-top: 6px solid #e40001;}




.f_title{ height:auto; overflow: hidden; margin-bottom:25px; background: url(../images/f_icon.png) 82px center no-repeat; font-size: 16px;}

.f_contact{ width:320px; float: left;height: auto; overflow: hidden;}

.f_tel{ background: url(../images/f_tel.jpg) left center no-repeat; height: 20px; line-height: 20px; padding-left:34px; margin-bottom: 10px;}

.f_p{ padding:10px 0; line-height: 22px;}
.f_p font{ display:block;}




.f_gz{ width:340px; float: left; margin-left: 130px;height: auto; overflow: hidden;}
.f_gz ul{ margin:0; padding: 0; text-align: center;}
.f_gz ul li{ width: 145px; height: auto; overflow: hidden; float: left; margin-right: 20px;}
.f_gz ul li a{ color:#999;}
.f_gz ul li a font{ display:block; line-height: 40px;}


.f_link{ width:350px; float: right;height: auto; overflow: hidden;}

.f_link .f_link_h{ height:auto; overflow: hidden; margin-bottom: 50px;}

.f_link .f_link_h a{ color: #999; height: 20px; line-height: 20px; float: left; display: block; border-right: 1px solid #d0d0d0; padding:0 14px;}


.f_link .f_link_h a:last-child{border-right:none;}

.f_link .f_link_h a:first-child{ padding-left:0;}
.f_link .f_link_h a:hover{ color: #e40001; text-decoration: underline;}



.footer{ height: auto; overflow: hidden; font-size: 14px; padding:20px 0; background: #eeeeee; border-top: 1px solid #cfcfcf;}

.footer .fl{ width:800px;}
.footer .fl a{ color: #666; padding-left: 15px;}


.footer .fr{ width:210px;}
.footer .fr a{ display: block; width: 17px; height: 18px; float: left;color: #666; margin: 0 3px;padding:0px;}


.footer .fr a:hover{opacity: 1;transition: 0.5s;}





.app_botm{ overflow:hidden; background:#e40001; position:fixed; bottom:0; left:0; right:0; height:45px; z-index:999999; display: none;}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.yb_conct{ display: none;}





/**内页**/


.com_ban{ overflow:hidden; height:300px; background-repeat:no-repeat; background-position:center top; position:relative;}
.com_ban .ban_bg{ position:absolute; width:100%; height:300px; background:rgba(0,0,0,0.8); z-index:9;}
.com_ban font{ display:block; text-align:center; font-size:38px; color:#FFF; padding-bottom:14px; position:absolute; top:40%; left:0; right:0; z-index:10; width:1000px; margin:0 auto;}

.common{ overflow:hidden; margin:40px auto; padding:30px; background:#FFF; width:1160px; box-shadow:1px 0px 25px rgba(0,0,0,0.05);}





.com_left{ width:240px; float:left;}
.com_left .c_lt_title{ height:70px; background:#e40001;color:#FFF; font-size:30px; padding:25px 0 0 40px;}
.com_left .c_lt_title font{ font-size:14px; color:rgba(255,255,255,1); display:block; font-style: italic;}
.com_left .com_list{ overflow:hidden;}
.com_left .com_list ul{ margin:0; padding:0; border:1px solid #ededed; border-top:none;}
.com_left .com_list ul li{ border-bottom:1px solid #ededed; line-height:20px;}
.com_left .com_list ul li a{ color:#666;transition:0.5s; font-size: 14px; display:block; padding:14px 40px;}
.com_left .com_list ul li:last-child{ border-bottom:none;}
.com_left .com_list ul li:hover a,.com_left .com_list ul li.selected{ background:#ededed;transition:0.5s; }

.com_left .c_lt_title1{ height: 170px; overflow: hidden}
.com_left .com_contact{ overflow:hidden; margin-top:20px;}
.com_left .com_contact .c_c_desc{  overflow:hidden; border:1px solid #ededed; border-top:none;padding:18px 20px;}
.com_left .com_contact .c_c_desc ul{ margin:0; padding:0;}
.com_left .com_contact .c_c_desc ul li{ line-height:20px; padding:5px 0;}
.com_left .com_contact .c_c_desc ul li a{ color:#666; font-size: 14px;}


.com_right{ width:880px; float:right;}

.com_nav{ overflow:hidden; padding:0 0 15px; border-bottom:1px solid #F2F2F2; margin-bottom:10px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:32px; line-height:32px;}
.com_nav ul li a{ padding:0 2px; color:#888; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/jiantou.png) no-repeat; padding-left:40px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}

.com_desc{ overflow:hidden; padding:10px 0; line-height:30px; font-size: 13px;}


/**内页产品**/
.com_product{ overflow:hidden; height:auto; }

.com_product ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_product ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_product ul li a{ display:block; color:#666; font-size: 16px;}
.com_product ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #eee; position: relative;}
.com_product ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.com_product ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_product ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_product ul li a:hover font{ color:#e40001;}
.com_product ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_product ul li:nth-child(3n){ margin-right: 0}
.com_product ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_product ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_product ul li a:hover font{ color:#e40001;}


.com_honor{ overflow:hidden; height:auto; }

.com_honor ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_honor ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_honor ul li a{ display:block; color:#666; font-size: 16px;}
.com_honor ul li a .pic{ width: 265px; height:200px; overflow: hidden; background: #eee; position: relative;}
.com_honor ul li a .pic .img{ width:238px; height: 179px; overflow: hidden; margin:35px auto;}
.com_honor ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_honor ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_honor ul li a:hover font{ color:#e40001;}
.com_honor ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_honor ul li:nth-child(3n){ margin-right: 0}
.com_honor ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_honor ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_honor ul li a:hover font{ color:#e40001;}


@media (max-width:720px){

/**内页**/
.com_ban{ overflow:hidden; width:100%;height:150px; background-repeat:no-repeat; background-position:center top; position:relative;}
.com_ban img{ height:150px; }
.com_ban .ban_bg{ position:absolute; width:100%; height:300px; background:rgba(0,0,0,0.8); z-index:9;}

.com_ban font{ width:100%; font-size:30px;}


.com_nav{ overflow:hidden; padding:0 0 2%; border-bottom:1px solid #ececec; margin-bottom:2%;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:32px; line-height:32px;}
.com_nav ul li a{ padding:0 2px; color:#888; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/jiantou.png) no-repeat; padding-left:40px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}


.common{ width:96%; height: auto; overflow:hidden; margin:5% auto 6%; padding:0 2%; background:none;box-shadow:none;}

/**内页简�?*/
.com_left{ display:none;}
.com_right{ width:100%; float:none; }
.com_desc{ overflow:hidden; padding:4% 0; line-height:28px;}
.com_desc a{color:#666666}
.com_desc img{width:98%;align:center;}
.com_product ul{ margin:0; height:auto; overflow: hidden; text-align: center;}
.com_product ul li{ width: 48%; float: left; height:auto; overflow: hidden;margin: 4% 1% 0 0;}
.com_product ul li a{ display:block; color:#666; font-size: 14px;}
.com_product ul li a .pic{ width: 100%; height:auto; overflow: hidden; background:none; position: relative;}
.com_product ul li a .pic .img{ width:100%; height:150px; overflow: hidden; margin:0 auto;}
.com_product ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_product ul li a font{ display: block; margin-top: 10px; height: auto; line-height: 20px; background:none;}
.com_product ul li a:hover font{ color:#e40001;}

.com_product ul li:nth-child(3n){ margin-right: 1%}



.com_honor ul{ margin:0; height:auto; overflow: hidden; text-align: center;}
.com_honor ul li{ width: 48%; float: left; height:auto; overflow: hidden;margin: 4% 1% 0 0;}
.com_honor ul li a{ display:block; color:#666; font-size: 14px;}
.com_honor ul li a .pic{ width: 100%; height:auto; overflow: hidden; background:none; position: relative;}
.com_honor ul li a .pic .img{ width:100%; height:250px; overflow: hidden; margin:0 auto;}
.com_honor ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_honor ul li a font{ display: block; margin-top: 10px; height: auto; line-height: 20px; background:none;}
.com_honor ul li a:hover font{ color:#e40001;}

.com_honor ul li:nth-child(3n){ margin-right: 1%}

}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:114px;right:-127px;cursor:pointer;transition:all .3s ease; display: block}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixcont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



@media (max-width:720px){
.honor_box{ height: auto; overflow: hidden; padding:5% 0;}
.honor_box .h_desc{ line-height: 22px; font-size: 12px; padding-top:10px;}

.h_pic_b{ height: auto; overflow: hidden; margin-top:10px; padding:0; background:none;}


.app_h_pic{ display: block;}
.footer_top{ height: auto; overflow: hidden; font-size: 14px; padding:5% 0; border-top: 2px solid #e40001;display: none;}
.f_title{ height:auto; overflow: hidden; margin-bottom:10px; background: url(../images/f_icon.png) 82px center no-repeat; font-size: 16px;}

.f_contact,.yb_conct{ display: none;}
.f_gz{ display: none;}
.f_link{ width:100%; float: none;}
.f_link .f_link_h{ height:auto; overflow: hidden; margin-bottom: 15px;}

.footer{  padding:4% 0; background: #eeeeee; text-align: center; margin-bottom: 45px;}
.footer .fl{ width:100%;}
.footer .fl a,.app_botm{ display: block}
.footer .fr,.h_pic{ display: none;}
	
	



}


.pages { line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:10px; position:relative; float: left;}
.pages a, .pages span,.both{ padding:6px 12px; border:1px solid #ddd; color:#444; line-height:45px;}
.pages span{ background:#3fb5c0; color:#fff;border:1px solid #3fb5c0;}

.pages input{ height:34px;border:1px solid #DDD; margin-top: -3px; width:50px; right:123px; text-align:center;}
.pages input[type=button]{ height:34px; width:55px; background:#999; font-size:14px; color:#fff; line-height:34px; margin: -3px 0 0 6px; border:0; font-family:"微软雅黑";}
.both{ float: left; margin-left: 8px; font-size: 14px; line-height: 20px;}

p{
margin:0px
}
h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Microsoft Yahei";
}


.ny_news_content{ width:880px; height:auto; overflow:hidden; float:right; }
.ny_news_content ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
.ny_news_content ul li{ width:100%; height:auto; margin-bottom:25px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:25px;}
.ny_news_content ul li img{ width:218px; height:146px; padding:3px; border:1px solid #DFDFDF; float:left;}
.news_txt2{ width:630px; height:150px; float:right;}
.news_txt2 a{ color:#23487F; font-size:16px; margin:15px 0 15px; float:left;}
.news_txt2 i{ width:85px; height:20px; float:left; text-align:center; line-height:20px; background:#EBEDEA; color:#EF1C22; font-style:normal; float:left;}
.news_txt2 p{ width:100%; color:#666666; float:left; line-height:25px; margin-top:20px;height:50px;overflow:hidden;}

.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}



@media (max-width:720px){



.ny_news_content{ width:100%; height:auto; overflow:hidden; float:right; }
.ny_news_content ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
.ny_news_content ul li{ width:100%; height:auto; margin-bottom:25px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:25px;}
.ny_news_content ul li img{ width:30%; height:80px; padding:3px; border:1px solid #DFDFDF; float:left;}
.news_txt2{ width:65%; height:80px; float:right;}
.news_txt2 a{ color:#23487F; font-size:16px; margin:5px 0 5px; float:left;height:25px;line-height:25px;overflow:hidden;}
.news_txt2 i{ width:85px; height:20px; float:left; text-align:center; line-height:20px; background:#EBEDEA; color:#EF1C22; font-style:normal; float:left;display:none}
.news_txt2 p{ width:100%; color:#666666; float:left; line-height:25px; margin-top:0px;height:50px;overflow:hidden;}


}


.container2{ width:880px;}
.menu{
	float:left;
	height:34px;
}

.menu ul{
	list-style:none;
	height:34px;
	float:left;
	background: url(../images/tab_bg.jpg) repeat-x;
	width:880px;
}

.menu li{
	background:url(../images/header_tabs1.jpg) no-repeat;
	display:block;
	float:left;
	width:120px;
	height:29px;
	cursor:pointer;
}

.menu li.current{
	background:url(../images/header_tabs21.jpg) no-repeat;
	color: #ffffff;
}

.menu span{
	color:#000000;
	display:block;
	line-height:29px;
	text-align:center;
	
	
}
.current span{
	color:#ffffff;
	
}
.content{
	
	width:880px; 
}

.content2{
	float:right;
	width:880px;
}
.content ul{
	width:880px;
	list-style:none;
}

.content li{
	float:left;
	width:880px;
	display:block;
	color: #828282;
}




@media (max-width:720px){
.container2{ width:100%;}
.menu{
	width:100%;
	height:34px;
}

.menu ul{
	list-style:none;
	height:34px;
	float:left;
	background: url(../images/tab_bg.jpg) repeat-x;
	width:100%;
}

.menu li{
	background:url(../images/header_tabs.jpg) no-repeat;
	display:block;
	float:left;
	width:80px;
	height:29px;
	cursor:pointer;
}

.menu li.current{
	background:url(../images/header_tabs2.jpg) no-repeat;
	color: #ffffff;
}

.menu span{
	color:#000000;
	display:block;
	line-height:29px;
	text-align:center;
	
	
}
.current span{
	color:#ffffff;
	
}
.content{
	
	width:100%; 
}

.content2{
	float:right;
	width:100%;
}
.content ul{
	width:100%;
	list-style:none;
}

.content li{
	float:left;
	width:100%;
	display:block;
	color: #828282;
}

}

/*********      page      ***************/
#page{ width:100%;padding:30px 0 10px;overflow:hidden;}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span{padding:5px 10px;font-size:14px;margin:0 2px; background:#b30611;line-height:30px;border:1px solid #b30611}
#page .page_info a{padding:5px 10px;font-size:14px;margin:0 1px; background:#FFF;line-height:30px;color:#888;border:1px solid #ddd}
#page .page_info span.nolink{background:#FFF;color:#ccc;border:1px solid #ddd}
#page .page_info font{color:#fff;}