@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:14px;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: #333333;
}
a:hover {
	text-decoration: none;
	color: #CC0000;
}

.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; }


/*header头部的CSS布局*/

.main_box{width:1200px;margin:0 auto;padding:0;}

.top_box{ height: 36px; line-height: 36px; background: #f7f4f4;}
.top_box ul{ margin: 0; padding: 0 0 0 700px;}
.top_box ul li{ float: left; margin: 0 10px;}
.top_box ul li a{ color:#f17600; font-size: 14px; padding-left: 26px; display: block; background: url(../images/h_top_li.png) no-repeat;}
.top_box ul li:nth-child(1){ width: 145px; background:none;}
.top_box ul li:nth-child(2){ width: 225px;}
.top_box ul li:nth-child(3){ width: 38px; padding-left: 0;}
.top_box ul li:nth-child(1) a{ background: url(../images/h_tel.png) left center no-repeat;}
.top_box ul li:nth-child(2) a{ background: url(../images/h_mail.png) left center no-repeat;}
.top_box ul li:nth-child(3) a{ background: url(../images/h_lan.png) 20px center no-repeat;}
.top_box ul li a:hover{ text-decoration: underline; color:#222cea;}
.top_box ul li:nth-child(3) a{  padding-left: 0;}


.header{ height:105px;background-color: #474950;}


.header .logo{ width: 243px; height: 80px; margin: 15px 0 0;}
.header .app_logo{ width:238px; height:50px; padding:0; overflow: hidden; float: left; display: none;}
.header .app_logo img{ max-width: 100%;}
.header .app_en{ width: 30px; float: right; display: none; height: 30px; margin:12px 5px 0 0;}
.header .app_en a{ display: block; color: #333; font-size: 14px; line-height: 30px; text-align: center;}




.header .nav1{ width:770px; height: 30px; margin: 32px 0 0 150px;}

.header .nav1 ul{ margin: 0; padding: 0; text-align: center;}
.header .nav1 ul li{ width: 112px; line-height: 26px; float: left; position: relative;}
.header .nav1 ul li a{ font-size: 16px; color: #fff; display: block;transition:0.3s;}

.header .nav1 ul li a:hover{ width:100%; background:#FFF; color: #395b81;}
.header .nav1 ul li ul{
	position:absolute;
	z-index:99999;
	width:268px;
	top:44px;
	background-color:rgba(255,255,255,0.96);
	text-align:left;
	opacity:0;
	visibility:hidden;
	transition:0.3s;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-top: 3px solid #395b81;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.header .nav1 ul li ul li{
	width:240px;
	height:auto;
	display:block;
	line-height:20px;
	float:none;
	background: none;
	position: relative;
 padding-left:24px; padding-right:24px;

}
.header .nav1 ul li ul li a{	padding-top: 7px;

	padding-bottom: 7px;
	display:block;
	font-size:14px;
	color: #666;
	border-bottom:1px dashed rgba(0,0,0,0.15);

}
.header .nav1 ul li:hover ul li a{ color: #666;}
.header .nav1 ul li:hover ul{opacity:1;visibility:visible;top:34px;}
.header .nav1 ul li ul li a:hover{background-color:transparent; color:#395b81;}
.header .nav1 ul li:nth-child(2),.nav1 ul li:nth-child(3){background: url(../images/nav_li.png) 94px 15px no-repeat; margin: 0 15px; }
.header .nav1 ul li ul li:nth-child(2),.nav1 ul li ul li:nth-child(3){ background: none; margin: 0;}
.header .nav1 ul li ul li ul{ display:none}
.header .nav1 ul li ul li:hover> ul{ display:block; top:-3px; left:100%;}

.header .search{ width: 36px; height: 32px; float: right; margin: 46px 0 0; background: url(../images/search_pic.png) no-repeat center; position: relative;}
.header .search .search_b{width: 280px; position: absolute; z-index: 999; background: #395b81; opacity: 0; visibility:hidden; top: 59px; right:0;box-shadow: 0 0 10px rgba(0,0,0,0.1);  transition: 0.5s;}
.header .search .search_b .s_lt{ width: 240px; height: 40px; line-height: 36px; float: left;}
.header .search .search_b .s_lt input{ width:220px; height: 30px; line-height: 30px; padding: 0 10px; background: #FFF; margin: 3px 5px 0; color: #888;}
.header .search .search_b .s_rt{ width: 36px; height: 36px; float: left; margin: 2px 0 0;}
.header .search:hover .search_b{ opacity: 1;visibility:visible;}
.header .search .search_b .s_rt button{
	background-image: url(../images/search_pic1.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 36px;
	width: 36px;
}


.banner{
	height: auto;
	overflow: auto; 

}
.banner img { border:0;max-width: 100% }
.banner .swiper-container { width: 100%; height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.banner .swiper-container .swiper-slide {height: auto;line-height: auto;}
.clear{ clear:both}





.about_box{ height: auto; overflow: hidden; padding: 50px 0; background:url(../images/about_bg.jpg) no-repeat center top;}
.about_box .a_b_lt{ width: 440px; float: left;}

.about_box .a_title{ height: auto; overflow: hidden; }
.about_box .a_title font{ display:block; font-size: 24px; color: #999; text-transform: uppercase;}
.about_box .a_title span{ display: block; font-size: 30px; color: #333;}

.about_box .a_desc{ padding: 25px 0; line-height: 30px; color: #666;}
.about_box .a_more{ width: 150px; height: 40px; overflow: hidden; margin-top: 5px;}
.about_box .a_more img{ transition: 0.5s;}
.about_box a{ display: block;}
.about_box .a_more:hover img{ transform: scale(1.05,1.05); opacity: 0.8;}



.about_box .a_b_rt{ width: 710px; float:right;}

.about_box .a_b_rt ul{ margin: 0; padding: 0;}
.about_box .a_b_rt ul li{ width: 225px; float: left; margin:80px 16px 0 0;}
.about_box .a_b_rt ul li a{ color: #333; display: block;}
.about_box .a_b_rt ul li .a_pic{ width: 225px; height: 180px; overflow: hidden;}
.about_box .a_b_rt ul li .a_pic img{ max-width: 100%; transition: 0.5s;}
.about_box .a_b_rt ul li:hover .a_pic img{ transform: scale(1.2,1.2);}

.about_box .a_b_rt ul li a font{ display:block; font-size: 16px; color: #999; font-family:"宋体"; margin-top: 18px;}
.about_box .a_b_rt ul li a span{ display: block; font-size: 24px; color: #333;}
.about_box .a_b_rt ul li:nth-child(3){ margin-right: 0;}

.about_box .a_b_rt ul li:nth-child(2){ height: 380px; background:url(../images/a_lishi.jpg) no-repeat; margin: 0 16px 0 0;}
.about_box .a_b_rt ul li:nth-child(2) a{ padding:275px 0 0 30px;}
.about_box .a_b_rt ul li:nth-child(2) a font{ display:block; font-size: 16px; color: #FFF; font-family:"宋体"; margin-top: 15px;}
.about_box .a_b_rt ul li:nth-child(2) a span{ display: block; font-size: 24px; color: #FFF;}
.about_box .a_b_rt ul li:nth-child(2) .a_pic{ display: none;}
.about_box .a_b_rt ul li:hover a span{ text-decoration: underline;}


.product_pic{ height: 360px; overflow: hidden; background:url(../images/product_pic.jpg) no-repeat top center fixed;}

.product_pic .p_p_title{ height: auto; overflow: hidden; width: 310px; float: left; padding-top: 80px;}
.product_pic .p_p_title font{ display:block; font-size: 30px; color: #FFF; text-transform: uppercase;}
.product_pic .p_p_title span{ display: block; font-size: 36px; color: #FFF;}

.product_pic .p_p_desc{ width: 810px; float: right; padding:40px 0 0; font-size: 22px; line-height: 36px; color: #fff;}

.product_pic a{ display: block; margin-top: 20px;}
.product_pic .p_p_more{ width: 150px; height: 40px; overflow: hidden; margin-top:10px;}
.product_pic .p_p_more img{ transition: 0.5s;}
.product_pic .p_p_more:hover img{}




.product_box{height: auto; overflow: hidden; padding: 60px 0; background:url(../images/about_bg.jpg) no-repeat center top;}


.product_box .p_b_title{ height: auto; overflow: hidden; text-align: center; }
.product_box .p_b_title font{ display:block; font-size: 24px; color: #999; text-transform: uppercase;}
.product_box .p_b_title span{ display: block; font-size: 30px; color: #333;}

.product_img{ width:100%; overflow:hidden; position:relative; margin:35px 0 0; display: block;}

.product_img .hd{ overflow:hidden;  height:auto; position: absolute; z-index: 999; left: 0; right: 0;  top: 0;}
.product_img .hd .prev,.product_img .hd .next{ display:block;  width:34px; height:34px; float:right; margin-top:170px; overflow:hidden; cursor:pointer;}
.product_img .hd .next{ background:url(../images/p_rt_img.jpg) no-repeat; float: right;}
.product_img .hd .prev{ background:url(../images/p_lt_img.jpg) no-repeat; float: left;}


.product_img .bd ul{ overflow:hidden; zoom:1; text-align:center; margin: 0 10px;}
.product_img .bd ul li{ margin:0 8px; float:left; width:282px; overflow:hidden; display:inline; overflow:hidden; text-align:center; background: #FFF;}
.product_img .bd ul li a{ color:#666; font-size:16px;}
.product_img .bd ul li .pic{ text-align:center; width:282px; height:100%; margin:0 auto; overflow:hidden;}
.product_img .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.product_img .bd ul li .pic a:hover img{ border-color:#999; }
.product_img .bd ul li .title{ line-height:30px; height:30px; text-align:center; width:100%; padding:10px 0; transition: 0.5s;}
.product_img .bd ul li:hover .title{ background: #395b81;}
.product_img .bd ul li:hover a{ color:#FFF;}
.product_img .bd ul li:hover .pic img{ opacity: 0.5; transition: 0.5s;}


.app_product_img{ position:relative; margin:15px auto 0; display: none;}
.app_product_img .hd { position: absolute; top:42%; width: 100%; height: 10px; }
.app_product_img .hd ul { width: 100%; text-align: center; display:none;}
.app_product_img .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_product_img .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_product_img .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_product_img .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_product_img .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; text-align:center }
.app_product_img .bd ul li a{ color:#666; font-size:16px;}
.app_product_img .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden; text-align:center}
.app_product_img .bd ul li .pic img{ width:300px; height:225px; display:block; max-width:100%; transition:0.5s;}
.app_product_img .bd ul li .pic a:hover img{ border-color:#999;  }
.app_product_img .bd ul li .title{ line-height:30px; height:30px; text-align:center; width:100%; padding: 5px 0; background: url(../images/service_icon.png) 10px 13px no-repeat;}

.app_product_img .prev,
.app_product_img .next{ position:absolute; left:10px; 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_product_img .next{ left:auto; right:10px; background-position:8px 5px; }





.news_box{ height: auto; overflow: hidden;}

.news_box .n_b_lt{ width: 50%; height: 550px; float: left;}
.news_box .n_b_lt img{ max-width: 100%;padding-top: 40px;}


.news_box .n_b_rt{ width: 530px; height: 550px; float: left; margin-left: 80px;}

.news_box .n_b_rt .n_b_title{ height: auto; overflow: hidden; padding: 50px 0 0; }
.news_box .n_b_rt .n_b_title .n_b_tlt{ float:left; }
.news_box .n_b_rt .n_b_title .n_b_tlt font{ display:block; font-size: 24px; color: #999; text-transform: uppercase;}
.news_box .n_b_rt .n_b_title .n_b_tlt span{ display: block; font-size: 30px; color: #333;}
.news_box .n_b_rt .n_b_title .n_b_more{ width: 150px; height: 40px; overflow: hidden; margin-top: 22px; float: right;}
.news_box .n_b_rt .n_b_title .n_b_more img{ transition: 0.5s;}
.news_box .n_b_rt .n_b_title .n_b_more a{ display: block;}
.news_box .n_b_rt .n_b_title .n_b_more:hover img{ transform: scale(1.05,1.05); opacity: 0.8;}


.news_box .n_b_rt .n_b_box{ height: auto; overflow: hidden; padding: 35px 0 0;}
.news_box .n_b_rt .n_b_box ul{ margin: 0; padding:0; }
.news_box .n_b_rt .n_b_box ul li{ height: 150px; overflow: hidden; margin-bottom: 25px;}
.news_box .n_b_rt .n_b_box ul li a{ color: #666;}

.news_box .n_b_rt .n_b_box ul li .n_pic{ width: 150px; height: 150px; float: left; overflow: hidden;}
.news_box .n_b_rt .n_b_box ul li .n_pic img{ max-width: 100%; transition: 0.5s;}
.news_box .n_b_rt .n_b_box ul li:hover .n_pic img{ transform: scale(1.2,1.2);}
.news_box .n_b_rt .n_b_box ul li .n_desc{ width: 350px; float: right;}
.news_box .n_b_rt .n_b_box ul li .n_desc font{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.news_box .n_b_rt .n_b_box ul li .n_desc p{ line-height: 20px; font-size: 13px; padding: 10px 0; color: #888;}
.news_box .n_b_rt .n_b_box ul li .n_desc span{display: block; font-size: 14px; height: 30px; line-height: 30px; color: #999; background: url(../images/n_li.png) no-repeat 84px center;}
.news_box .n_b_rt .n_b_box ul li:hover .n_desc font{ text-decoration: underline; color: #395b81;}
.news_box .n_b_rt .n_b_box ul li:hover .n_desc span{ color: #395b81;}







.app_box{height: auto; overflow: hidden; padding: 50px 0; background:url(../images/about_bg.jpg) no-repeat center top;}


.app_box .a_b_title{ height: auto; overflow: hidden; text-align: center; }
.app_box .a_b_title font{ display:block; font-size: 24px; color: #999; text-transform: uppercase;}
.app_box .a_b_title span{ display: block; font-size: 30px; color: #333;}

.app_box ul{ margin: 0; padding: 35px 0 0;}
.app_box ul li{ width: 290px; height: 320px; overflow: hidden; position: relative; float: left; margin-right: 12px;}
.app_box ul li a{ color: #999999; font-size: 24px; line-height: 40px; display: block;}
.app_box ul li .pic{ width: 290px; height: 320px; overflow: hidden; position: absolute; z-index: 5;}
.app_box ul li .pic img{ max-width: 100%; transition: 0.5s;filter: grayscale(80%);}
.app_box ul li font{ display: block; position: absolute; z-index: 9; bottom: 20px; left: 25px; letter-spacing: 4px;}
.app_box ul li:hover .pic img{ transform:scale(1.2,1.2);filter: grayscale(0);}

.app_box ul li:last-child{ margin-right: 0;}





.fanhui_box{ padding: 2px 0; background: #f17600 center no-repeat; transition: 0.5s; cursor: pointer;}
.fanhui_box:hover{ background: #0293e3 url(../images/top_img.png) center 15px no-repeat;}

.footer_top{ overflow: hidden; height: auto; padding: 40px 0 15px; background: #2a302a;}

.footer_top .f_t_lt{ width: 270px; float: left;}

.footer_top .f_t_lt .f_logo{ width: 258px; height: 65px; overflow: hidden;}
.footer_top .f_t_lt .f_desc{ padding: 15px 0; line-height: 24px; color: #FFF;}

.footer_top .f_t_lt a{ display: block;}
.footer_top .f_t_lt .f_chat{ width: 240px;}


.footer_top .f_t_mid{ width: 280px; float: left; color: #FFF; margin-left: 120px;}
.footer_top .f_t_mid .f_t{ font-size: 24px; line-height: 36px;}
.footer_top .f_t_mid .hc{ margin: 0; padding:20px 0 0;line-height: 26px; color: #fff;}

.footer_top .f_t_mid .hc a{color: #fff;}



.footer_top .f_t_rt{ width: 360px; float: right; color: #FFF;}
.footer_top .f_t_rt .f_t{ font-size: 24px; line-height: 36px;}
.footer_top .f_t_rt ul{ margin: 0; padding:20px 0 0;}
.footer_top .f_t_rt ul li{
	line-height: 26px;
	width: 240px;
	/* [disabled]float: left; */
	transition: 0.5s;
}
.footer_top .f_t_rt ul li a{ display: block; color: #fff;}
.footer_top .f_t_rt ul li:hover a{ text-decoration: underline; opacity: 0.8;}


.footer_bottom{ overflow: hidden; height: auto; padding: 30px 0; background: #2a302a;color: #FFF;}
.footer_bottom a{ color:rgba(255,255,255,0.6); /*padding-left: 20px;*/}
.footer_bottom a:hover{ color:rgba(255,255,255,1); text-decoration: underline; }



/*悬浮*/
.fixed{width:60px;height:auto;position:fixed;right:5px;bottom:58px;z-index:999;}
.fixed a{display:block; color:#888; margin-bottom:3px;}

.fixed .silder1{width:60px;height:60px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:160px;position:absolute;right:110px;top:5px;opacity:0;transition:.6s;visibility: hidden; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#FFF; padding:10px 25px; border-radius:30px;}
.fixed .silder1:hover .silder1_box{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:60px;height:60px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-214px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}
.fixed .silder2 .silder2_box img{display:block;width:250px;height:250px;}
.fixed .silder2:hover .silder2_box{right:65px;opacity:1;z-index:999;visibility:visible; }


.app_botm{ overflow:hidden; background:#395b81; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
.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;}
.app_botm ul li a font{ display: block; font-size: 12px;}

#pages{ clear:both; text-align:center; padding-top:20px; padding-bottom:20px;}
#pages a{
	display:inline-block;
	line-height: 28px;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #dddddd; color:#666666;
}
#pages a:hover{
	background-color: #395b81;
	color: #FFFFFF;border: 1px solid #395b81;
}
#pages a.select{
	background-color: #395b81;color: #FFFFFF;border: 1px solid #395b81;
}
#info{ color:#cccccc; font-size:12px;}
body{ min-width:1200px;}
.com_desc h1.h1{
	font-weight: lighter;
}
 .his {
	text-align: right;
	clear: both;
	padding-top: 15px; line-height:28px;
}
 .his a{
	display:inline-block;
	padding-left:25px;
	padding-right:25px;
	color: #FFFFFF;
	background-color: #395b81;
}



.com_ban{ width: 100%; height: 350px; overflow: hidden; background-repeat: no-repeat; background-position: center top;    background-color: #f7f4f4;}

.common{ height: auto; overflow: hidden; margin:40px auto;    background-color: #f7f4f4;}


.com_left{ width:220px; float:left;}
.com_left .c_lt_title{ height:40px; line-height:40px; background:#f17600; color:#FFF; font-size:16px; padding:10px 0 10px 20px; }

.com_left .com_list{ overflow:hidden; height:auto;}
.com_left .com_list ul{ padding:8px 0 0; margin:0;border:1px solid #d7d7d7; border-top:none;}
.com_left .com_list ul li{
	width:100%;
	position: relative;
}
.com_left .com_list ul li a{
	line-height: 1.8;
	border-bottom: 1px dashed #dedede;
	transition: 0.5s;

	color: #666;
	font-size: 16px;
	text-align: left;
	text-indent: 0px;
	display:block;
	margin-top: 5px;
	margin-right: 22px;
	margin-bottom: 5px;
	margin-left: 54px;
	padding-top: 5;
	padding-right: 5;
	padding-bottom: 8px;
	padding-left: 0px;
	position: relative;
}
.com_left .com_list ul li a:after{	border-bottom: 1px dashed #dedede;content:'';
	width: 22px;
	position: absolute;
	left: -22px;
	bottom: -1px;
	float: left;
}
.com_left .com_list ul li span{
	background:url(../images/n_li.png) left center no-repeat;
	position: absolute;
	height: 32px;
	width: 16px;
	left: 24px;
	top: 0px; float:left;
}
.com_left .com_list ul li span.hover{
	background:url(../images/n_li2.png) left center no-repeat;

}
.com_left .com_list ul li a.select{color: #395b81;}
.com_left .com_list ul li a:hover{ color: #395b81; text-decoration: underline;}
.com_left .com_list> ul >li:last-child>a{ border-bottom:none;}
.com_left .com_list ul ul{
	border:none;
	padding: 0px;
	margin: 0px;
}
.com_left .com_list ul li ul li span{ display:none}
.com_left .com_list ul li ul li a{

	font-size:14px;
	background-image: none; color:#777777;
}


.com_left .com_pro{ overflow:hidden; height:auto; margin:15px 0 0; transition: 0.5s; }
.com_left .com_pro a{ display: block; font-size: 18px;background:#2a302a url(../images/pro_icon.png) no-repeat 115px 15px; padding:8px 0 8px 22px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}

.com_left .com_con{ overflow:hidden; height:auto; margin:5px 0 0;transition: 0.5s; }
.com_left .com_con a{ display: block; font-size: 18px;background:#f17600 url(../images/con_icon.png) no-repeat 115px 15px; padding:8px 0 8px 22px; height: 40px; line-height: 40px; transition: 0.5s; color: #FFF;}
.com_left .com_pro:hover a{background:#395b81 url(../images/pro_icon.png) no-repeat 115px 15px;}
.com_left .com_con:hover a{background:#395b81 url(../images/con_icon.png) no-repeat 115px 15px;}


.com_right{ width:935px; float:right;line-height: 30px;}

.com_nav{ overflow:hidden;margin-bottom:15px; padding: 10px 0; border-bottom: 1px solid #d3d3d3;background:url(../images/h_icon1.png) no-repeat 10px center; padding-left:45px;line-height:24px;color:#999; font-size:12px;}
.com_nav a,.com_nav span{ padding:0 2px; color:#999; font-size:12px;}
.com_nav span:last-child,.com_nav span:last-child a{ color:#666; font-size:14px;}
/*.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:24px; line-height:24px;}
.com_nav ul li a{ padding:0 2px; color:#999; font-size:12px;}
.com_nav ul li:first-child{ background:url(../images/h_icon1.png) no-repeat 10px center; padding-left:45px;}
.com_nav ul li:last-child a{ color:#666; font-size:14px;}*/

.com_desc{ height: auto; overflow: hidden; line-height: 30px;}
.com_desc img{ max-width: 100%;}




.com_news{ height: auto; overflow: hidden;}
/*.com_news ul{ margin: 0; padding:0; }*/
.com_news .li{ height: 150px; overflow: hidden; margin-bottom: 25px;}
.com_news .li a{ color: #666;}
.com_news .li .n_pic{ width: 150px; height: 150px; float: left; overflow: hidden;}
.com_news .li .n_pic img{ max-width: 100%; transition: 0.5s;}
.com_news .li:hover .n_pic img{ transform: scale(1.2,1.2);}
.com_news .li .n_desc{ width: 760px; float: right;}
.com_news .li .n_desc font{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; line-height: 30px;}
.com_news .li .n_desc p{ line-height: 22px; font-size: 13px; padding: 10px 0; color: #888;}
.com_news .li .n_desc span{display: block; font-size: 14px; height: 30px; line-height: 30px; color: #999; background: url(../images/n_li.png) no-repeat 84px center;}
.com_news .li:hover .n_desc font{ text-decoration: underline; color: #395b81;}
.com_news .li:hover .n_desc span{ color: #395b81;}




/*
.com_pro{ height: auto; overflow: hidden;}
.com_pro ul{ margin: 0; padding: 0; text-align:center;}*/
.com_news .list{
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
	background: #fcfcfc;
	width:282px;
	overflow:hidden;
	margin-top: 0;
	margin-right:13px;
	margin-bottom:30px;
	margin-left:14px
}

.com_news .list a{ color:#666; font-size:16px;}
.com_news .list .pic{ text-align:center; width:276px; height:337px; margin:0 auto; overflow:hidden;solid;border-color:#ccc;border:#d9d9d9 1px solid;}
.com_news .list .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.com_news .list .pic a:hover img{ border-color:#999; }
.com_news .list .title{
	line-height:30px;
	height:30px;
	text-align:center;
	width:100%;
	padding:10px 0;
	transition: 0.5s;
	white-space: nowrap;
	overflow: hidden;
}
.com_news .list:hover .title{ background: #f17600;}
.com_news .list:hover a{ color:#FFF;}
.com_news .list:hover .pic img{ opacity: 0.5; transition: 0.5s;}




.message2 .econtent{
	padding: 10px;
	/*border: 1px solid #ddd; float:left; width:100%;*/
}
.message2 .econtent .item{
	width:48%;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.message2 .econtent .item span{ display:block}
.message2 input{
	border-radius:3px;
	height: 25px;
	width:99%;
	padding-left:0.5%;
	padding-right:0.5%;
	border: 1px solid #ddd;
}
.message2 .econtent .item2,.message2  .tijiao{ width:98%; float:left;	margin-right: 1%;
	margin-left: 1%; }
.message2 textarea{	border: 1px solid #ddd;border-radius:3px; width:99%; height:120px;padding-left:0.5%; padding-right:0.5%; padding-bottom:5px; padding-top:5px;}
.message2  .tijiao{ padding-top:15px;}
.message2  .tijiao button{border-radius:3px;	border:0px solid #ddd;
	background-color:#395b81;
	font-size: 16px;
	color: #FFFFFF;
	height: 32px;
	width: 100%;
}
@media (min-width:1920px){
.news_box{ padding: 25px 0; width:1920px; margin:0 auto;    background-color: #dddddd;}
}


@media (max-width:805px){
 *{ max-width:100%;}
 #app_product_img *{ max-width:100000%;}
body{ min-width:0px;}
	.fanhui_box,.footer_top,.fixed{ display: none !important;}
	.footer_bottom{ padding: 20px 0; text-align: center; margin-bottom:50px;}
	.footer_bottom a{ padding-left: 0; display: block; line-height: 30px;}
	
	.app_botm{ display: block;}
	
	.main_box{ width:96%; padding:0 2%;}
	
.fl { float: none; }
.fr { float: none; }
			
.header{ height:50px; padding: 10px 0;}
		
.top_box,.header .logo,.header .nav1,.header .search{ display: none;}	
.header .app_logo,.header .app_en{ display: block;}	
.header .morenav{ float:right; display:block; background:#395b81 url(../images/app_nav_line.png) no-repeat center;width:30px; height:30px; margin-top:12px;}
.header .navon{height:52px;}

.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;}
		
.swiper-slide img{ max-width: 102%; text-align: center;}	


.about_box{ padding:20px 0; background:none;}
.about_box .a_b_lt{ width: 100%; float:none;}
.about_box .a_title{ text-align: center;}
.about_box .a_title font{ display:inline; font-size:20px;}
.about_box .a_title span{ display: inline; font-size:24px; padding-left: 10px;}
.about_box .a_desc{ padding: 10px 0; line-height: 26px; text-align: center;}
.about_box .a_more{ margin: 0 auto 7px;}

.about_box .a_b_rt{ width: 100%; float:none; margin-top: 10px;}
.about_box .a_b_rt ul li{ width: 32%; float: left; margin:5px 0.5%;}
.about_box .a_b_rt ul li .a_pic{ width: 100%; height: auto;}

.about_box .a_b_rt ul li a font{ font-size: 14px; margin-top:5px;}
.about_box .a_b_rt ul li a span{ font-size: 16px;}
.about_box .a_b_rt ul li:nth-child(3){ margin-right: 0.5%;}

.about_box .a_b_rt ul li:nth-child(2){ height: auto; background:none; margin: 5px 0.5%;}
.about_box .a_b_rt ul li:nth-child(2) a{ padding:0;}
.about_box .a_b_rt ul li:nth-child(2) a font{ font-size: 14px; color: #999;margin-top: 5px;}
.about_box .a_b_rt ul li:nth-child(2) a span{font-size: 16px; color: #333;}
.about_box .a_b_rt ul li:nth-child(2) .a_pic{ display: block;}

	
.news_box{ padding: 25px 0;}
.news_box .n_b_lt{ display: none;}
.news_box .n_b_rt{ width: 100%; height: auto; float: none; margin-left: 0;}
.news_box .n_b_rt .n_b_title{padding:0; text-align: center; }
.news_box .n_b_rt .n_b_title .n_b_tlt{ float:none; }
.news_box .n_b_rt .n_b_title .n_b_tlt font{  display: inline; font-size: 20px;}
.news_box .n_b_rt .n_b_title .n_b_tlt span{ display: inline; font-size: 24px; padding-left: 10px;}
.news_box .n_b_rt .n_b_title .n_b_more{display: none;}
	
.news_box .n_b_rt .n_b_box{ padding: 15px 0 0;}
.news_box .n_b_rt .n_b_box ul li{ height: auto; overflow: hidden; margin:0 2%; width: 46%; float: left;}

.news_box .n_b_rt .n_b_box ul li .n_pic{ width: 100%; height: auto; float: none; margin: 0 auto; text-align: center;}

.news_box .n_b_rt .n_b_box ul li .n_desc{ width: 100%; float: none;}
.news_box .n_b_rt .n_b_box ul li .n_desc font{ font-size: 16px; line-height: 30px; padding: 5px 0 0;}
.news_box .n_b_rt .n_b_box ul li .n_desc p{ padding:0; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_box .n_b_rt .n_b_box ul li .n_desc span{ font-size: 12px; height: 20px; line-height: 20px;}
	
	
.product_pic{ height: auto;background: url(../images/product_pic1.jpg) no-repeat top center fixed;}
.product_pic .p_p_title{  width: 100%; float: none; padding-top:25px; text-align: center;}
.product_pic .p_p_title font{ display: inline; font-size: 20px; }
.product_pic .p_p_title span{ display: inline;font-size: 24px; padding-left: 10px;}
.product_pic .p_p_desc{ width: 100%; float: none; padding:5px 0 0; font-size:14px; line-height: 26px; color: #fff; text-align: center;}

.product_pic a{ display: block; margin-top: 5px;}
.product_pic .p_p_more{margin:10px auto 35px;}


.product_box{padding: 20px 0; background:none; background-color: #e6f1f9;}
.product_img{ display: none;}
.app_product_img{ display: block;}

.product_box .p_b_title font{ display: inline; font-size: 20px; }
.product_box .p_b_title span{ display: inline;font-size: 24px; padding-left: 10px;}

.app_box{ padding: 20px 0; background:none; background-color: #e6f1f9;}
.app_box .a_b_title{ height: auto; overflow: hidden; text-align: center; }
.app_box .a_b_title font{ display: inline; font-size: 20px;}
.app_box .a_b_title span{ display: inline; font-size: 24px; padding-left: 10px;}

.app_box ul{ margin: 0; padding: 15px 0 0;}
.app_box ul li{ width: 48%; height: 230px; overflow: hidden; position: relative; float: left; margin: 0 1% 10px;}
.app_box ul li a{ color: #FFF; font-size: 14px; line-height: 40px; display: block;}
.app_box ul li .pic{ width: 100%; height: auto; overflow: hidden; position: absolute; z-index: 5;}
.app_box ul li .pic img{ max-width: 100%; transition: 0.5s;filter: grayscale(80%);}
.app_box ul li font{ display: block; position: absolute; z-index: 9; bottom: 10px; left: 25px; letter-spacing: 5px;color: #999999;}


.common{ margin:0 auto 20px;}
.com_left{ display: none;}
.com_ban{ width: 100%; height: 70px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: 120%;}
.com_right{ width: 100%; line-height: 26px;}
.com_desc{ height: auto; overflow: hidden; line-height: 26px;;}
	

.com_news .li{ height: auto; overflow: hidden; margin:0 2% 15px; width: 46%; float: left;}

.com_news .li .n_pic{ width: 100%; height: auto; float: none; margin: 0 auto; text-align: center;}

.com_news .li .n_desc{ width: 100%; float: none;}
.com_news .li .n_desc font{ font-size: 16px; line-height: 30px; padding: 5px 0 0;}
.com_news .li .n_desc p{ padding:0; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.com_news .li .n_desc span{ font-size: 12px; height: 20px; line-height: 20px;}

.com_news .list{ margin:0 0.5% 5px; float:left; display:inline; overflow:hidden; text-align:center; background: #fcfcfc; width: 49%;}
.com_news .list a{ color:#666; font-size:14px;}
.com_news .list .pic{ text-align:center; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.com_news .list .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.com_news .list .pic a:hover img{ border-color:#999; }
.com_news .list .title{ line-height:20px; height:20px; text-align:center; width:100%; padding:10px 0; transition: 0.5s;}
.com_news .list:hover .title{ background: #395b81;}
.com_news .list:hover a{ color:#FFF;}
.com_news .list:hover .pic img{ opacity: 0.5; transition: 0.5s;}

	
.com_news img,.com_pro img{ max-width: 100%;}	
	
}

@media (max-width:380px){
	.app_box ul li{ width: 48%; height: 160px;}
	.app_box ul li font{ bottom: 15px;}
}