@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:13px; color:#666; font-family:"微软雅黑","黑体"; background:#f6f6f6;}
ul,li { list-style: none; }
img { border:0; }
input:focus { outline:none; }
select:focus { outline:none;}
input,select{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

div,span,a,font{text-overflow: ellipsis;}
/* 全局 */
a {
	text-decoration: none;
	outline:none;
	color: #333333;
}
a:hover { text-decoration: none; }
/* 清理浮动 */
.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; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px; background:#1c3a6c; cursor:pointer;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00} 
.fl{ float:left;}
.fr{ float:right;}

.wrapper{ width:90%; margin:0 auto; padding:0;}

.header{ height:120px; background:#1c9ad7;}

.header .logo{ width:30%; height:65px; float:left; margin:34px 0 0;}
.header .logo img{ max-width:100%;}
.header .h_rt{ width:60%; float:right;}


.header .h_rt .h_top{  height:20px; line-height:20px; margin-top:18px;}
.header .h_rt .tel{ width:165px; float:right; background:url(../images/tel.png) left center no-repeat; padding-left:22px; color:#fff;}
.header .h_rt .Mall{ width:80px; float:right; padding-left:18px; color:#fff;}
.header .h_rt .Mall a{color:#fff;}
.header .h_rt .tel font{ color:#fff; font-size:13px;}



.header .h_rt .lan{ background:url(../images/lan.png) no-repeat 20px center; width:100px;  float:right; border-left:1px solid #4bd963; padding-left:34px; margin-left:20px;}
.header .h_rt .lan ul{ margin:0; padding:0; background:url(../images/lan_icon.png) right no-repeat;}
.header .h_rt .lan ul li{ line-height:20px; height:20px; background:url(../images/lan_li.jpg) no-repeat right 6px; position:relative;}
.header .h_rt .lan ul li a{ color:#fff;padding-left:30px; font-size:14px;}
.header .h_rt .lan ul li ul{ position:absolute; top:25px; left:10px; padding-left:2px; width:90%; opacity:0; z-index:9999;}
.header .h_rt .lan ul li ul li{ line-height:20px; height:20px; background:none; background-color:#111; padding:5px 0 5px 20px; transition:0.5s; box-shadow:1px 1px 20px rgba(0,0,0,0.2);}
.header .h_rt .lan ul li ul li a{ font-size:13px; padding-left:0; transition:0.5s;}
.header .h_rt .lan ul li ul li:last-child{ border-bottom:none;}
.header .h_rt .lan ul li ul li:hover{ background:#dbdcde; transition:0.5s;}
.header .h_rt .lan ul li ul li:hover a{ color:#FFF;}
.header .h_rt .lan ul:hover li ul{ opacity:1;}



.header .h_rt .h_botm{ margin-top:22px;}
.nav1{ width:72%; float:left;}
.nav1 ul{ margin:0; padding:0; text-align:left;}
.nav1 ul li{ width:20%; height:38px; line-height:38px; float:left; position:relative; padding-bottom:22px;}
.nav1 ul li a{ font-size:18px; color:#fff;}

.nav1 ul li ul{visibility:hidden; margin:0; padding:0; position:absolute; top:65px; left:-20px; overflow:hidden; text-align:left; width:180px; background:#1c9ad7; z-index:99999;opacity:1;}

.nav1 ul li:hover ul{ opacity:1; transition:0.5s;visibility:visible; overflow:hidden; top:60px;}
.nav1 ul li ul li{ float:none; margin:0; padding:0; width:100%; overflow:hidden; border-top:1px solid rgba(255,255,255,0.1);}
.nav1 ul li ul li a{ line-height:20px;padding:8px 12px; display:block; font-size:12px;}
.nav1 ul li ul li:hover{ background:#1c9ad7;font-size:14px; color:fff;  }
.nav1 ul li ul li:hover a{ opacity:1;font-size:14px; color:fff;}
.nav1 ul li ul li:last-child{ border-bottom:none;}






.header .h_rt .h_search{ width:200px; height:38px; background:#FFF; float:right;}
.header .h_rt .h_search .h_s_lt{ width:160px; float:left;}
.header .h_rt .h_search .h_s_lt .inp{ width:150px; line-height:38px; height:38px; color:#999; padding-left:10px;}
.header .h_rt .h_search .h_s_rt{ width:40px; float:right; padding:10px 0 0 0;}


@media (max-width:1400px){
.header .logo{ width:20%; height:65px; float:left; margin:3.2% 0 0;}	
	}
	
@media (max-width:720px){
.wrapper{ width:96%; padding:0 2%;}

.header{ height:72px; background:#1c9ad7;}
.header .logo{ display:none;}
.header .app_logo{ width:207px; height:44px; float:left; margin:2.4% 0 0;}
.header .app_logo img{ width:100%;}
.header .app_lan{ float:right; margin-right:2%; height:30px; line-height:30px; width:30px; background:#2e2e2e; margin-top:3.5%; text-align:center;}
.header .app_lan a{ color:#FFF; font-size:14px; text-transform:uppercase;}

.header .morenav{ float:right; display:block; background:url(../images/app_nav_line.png) no-repeat;width:30px; height:30px; margin-top:3.5%;}
.header .morenavon{}
.header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
.header .navon{height:72px;}
.header .h_rt{ display:none;}
}
	

@media (max-width:600px){
.header .app_logo{ width:207px; height:44px; float:left; margin:2.8% 0 0;}

}
@media (max-width:500px){
.header .app_logo{ width:207px; height:44px; float:left; margin:3% 0 0;}
.header .app_lan{ margin-top:4.5%;}
.header .morenav{margin-top:4.5%;}

}
@media (max-width:450px){
.header .app_logo{ width:207px; height:44px; float:left; margin:4% 0 0;}
.header .app_lan{ margin-top:7%;}
.header .morenav{margin-top:7%;}

}	
	
	
	
	
/**大图**/

.banner_box{ width:100%; height:744px; position:relative;}
.banner_box .hd{ width:100%; margin:0 auto; overflow:hidden; position:absolute; bottom:26px; z-index:9;}
.banner_box .hd ul{ overflow:hidden; margin:0 auto; height:30px; text-align:center; list-style:none;}
.banner_box .hd ul li{ background:url(../images/ban_icon.png) no-repeat; display:inline-block; margin:0 4px; width:20px; height:20px; border-radius:100%;}
.banner_box .hd ul li.on{background:url(../images/ban_icon_h.png) no-repeat; z-index:9999; opacity:1; width:20px; height:20px; border-radius:100%; margin:0 2px;}

.banner_box .bd{ position:relative; height:auto; z-index:0; margin:0 auto; width:100%;}
.banner_box .bd ul{ padding:0; margin:0;}
.banner_box .bd li{vertical-align:middle; height:744px; list-style:none; width:100%;}
.banner_box .bd a{ background-repeat:no-repeat; background-position:center; display:block;}
.banner_box .bd img{ width:100%; height:auto; margin:0 auto;}

.banner_box .prev,
.banner_box .next{ position:absolute; top:45%; display:block; width:35px; height:64px; overflow:hidden; }
.banner_box .next{ right:3%; background:url(../images/slider-arrow2.png) left center no-repeat; }
.banner_box .prev{ left:3%; background:url(../images/slider-arrow1.png) left center no-repeat;}
	




@media (max-width:720px){
	/**大图**/
.banner_box{ display:none;}
.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden; }
.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{ height:180px; -webkit-tap-highlight-color:rgba(0,0,0,0); display:block; background-repeat:no-repeat; background-position:center; background-size:cover;}


}



.i_product{ overflow:hidden; height:auto; padding:10px 0 60px;}


.i_product .i_p_title{ overflow:hidden; line-height:40px; height:40px; padding:30px 0 20px;}

.i_product .i_p_title .fl{ font-size:30px; color:#333;}
.i_product .i_p_title .fl font{ font-size:28px; padding-left:6px; color:#666; text-transform:uppercase; font-weight:100;}

.i_product .i_p_title .fr{ float:right; font-size:18px;}



.i_product ul{ margin:0; padding:0;}
.i_product ul li{ display:block; float:left; width:27.2%; padding:2% 3%; background:#FFF; transition:0.5s; border-right:1px solid #e9e9e9; box-shadow:1px 1px 20px rgba(0,0,0,0.04);}
.i_product ul li:nth-of-type(3n){ border-right:none;}

.i_product ul li a{ color:#333;}
.i_product ul li a .desc{ width:35%; float:left; padding:15% 0;}
.i_product ul li a .desc font{ display:block; font-size:32px; font-weight:100; padding-bottom:2px;}
.i_product ul li a .desc span{ display:block; color:#888; font-weight:bold; font-size:14px;}
.i_product ul li a .desc .more{ width:37px; height:38px; margin-top:26%; padding-left:2px;}


.i_product ul li a .pic{ width:60%; float:right;}
.i_product ul li a .pic img{ max-width:100%; transition:0.5s;}

.i_product ul li:hover{box-shadow:1px 1px 20px rgba(0,0,0,0.2);}
.i_product ul li:hover a .pic img{ transform:scale(1.1,1.1)}

@media (max-width:1500px){
	.i_product ul li a .desc font{ display:block; font-size:28px; font-weight:100; padding-bottom:2px;}

}
@media (max-width:720px){
	
.i_product{ overflow:hidden; height:auto; padding:2% 0 4%;}


.i_product .i_p_title{ overflow:hidden; line-height:40px; height:auto; padding:2% 0;}

.i_product .i_p_title .fl{ font-size:25px; color:#333; float:none; text-align:center;}
.i_product .i_p_title .fl font{ font-size:22px; padding-left:6px; color:#666; text-transform:uppercase; font-weight:100;}

.i_product .i_p_title .fr{ display:none;}



.i_product ul{ margin:0; padding:0;}
.i_product ul li{ display:block; float:left; width:27%; padding:2% 3%; background:#FFF; transition:0.5s; border-right:1px solid #e9e9e9; box-shadow:1px 1px 20px rgba(0,0,0,0.04);}
.i_product ul li:nth-of-type(3n){ border-right:none;}

.i_product ul li a{ color:#333;}
.i_product ul li a .desc{ width:100%; float:none; padding:4% 0;}
.i_product ul li a .desc font{ display:block; font-size:24px; font-weight:100; padding-bottom:2px;}
.i_product ul li a .desc span{ display:block; color:#888; font-weight:bold; font-size:14px;}
.i_product ul li a .desc .more{ width:30px; height:auto; margin-top:10%; padding-left:2px;}
.i_product ul li a .desc .more img{ max-width:100%;}

.i_product ul li a .pic{ width:100%; float:none;}
.i_product ul li a .pic img{ max-width:100%; transition:0.5s;}

.i_product ul li:hover{box-shadow:none;}
.i_product ul li:hover a .pic img{ transform:none}
	
	
	
}

@media (max-width:380px){
.i_product ul li a .desc font{ display:block; font-size:18px; font-weight:100; padding-bottom:2px;}
.i_product ul li a .desc span{ display:block; color:#888; font-weight:bold; font-size:12px;}	
}

@media (min-width:721px){
	.header .app_logo{ display:none;}
	.app_banner_box{ display:none;}
}

.i_title{ overflow:hidden;  padding:20px 0 25px;}
.i_title span{ font-size:28px; color:#333; display:block; padding-left:20px;}
.i_title font{ font-size:24px; padding-left:18px; color:#999; text-transform:uppercase; font-weight:100; display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.i_title0{ overflow:hidden;  padding:20px 0 25px 0; }
.i_title0 span{ font-size:28px; color:#fff; display:block; padding-left:20px;}
.i_title0 font{ font-size:24px; padding-left:18px; color:#fff; text-transform:uppercase; font-weight:100; display:block;}


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

.i_main .fl{ width:50%; overflow:hidden;}


.i_main .i_m_pro{ width:100%; overflow:hidden; position:relative; background:#1c9ad7;}
.i_main .i_m_pro{ width:100%; overflow:hidden;}
.i_main .i_m_pro .i_m_a_lt{ width:42%; float:right; background:#1c9ad7; padding:4%;}
.i_main .i_m_pro .i_m_a_lt .desc{ line-height:22px; padding-left:20px; color:#fff;}
.i_main .i_m_pro .i_m_a_lt .desc font{ display:block; font-size:24px; padding:6% 0 4%;}
.i_main .i_m_pro .i_m_a_lt .more{ width:37px; height:38px; margin-top:10%; padding-left:20px;}
.i_main .i_m_pro .i_m_a_lt:hover .desc{ color:rgba(255,255,255,0.85);}
.i_main .i_m_pro .i_m_pic{ width:50%; float:left; overflow:hidden; position:relative;}
.i_main .i_m_pro .i_m_pic img{ max-width:100%; transition:0.5s;}
.i_main .i_m_pro:hover .i_m_pic img{ transform:scale(1.1,1.1);}
.i_main .i_m_pro .i_m_jiantou{ width:34px; height:50px; position:absolute; right:0; top:44%; z-index:9;}


.i_main .i_m_about{ width:100%; overflow:hidden;}
.i_main .i_m_about .i_m_a_lt{ width:42%; float:left; background:#f6f6f6; padding:4%;}
.i_main .i_m_about .i_m_a_lt .desc{ line-height:26px; padding-left:20px;}
.i_main .i_m_about .i_m_a_lt .more{ width:37px; height:38px; margin-top:12%; padding-left:20px;}
.i_main .i_m_about .i_m_a_lt:hover{ color:#00ac4c;}
.i_main .i_m_about .i_m_pic{ width:50%; float:right; position:relative; overflow:hidden;}
.i_main .i_m_about .i_m_pic img{ max-width:100%; transition:0.5s;}
.i_main .i_m_about:hover .i_m_pic img{ transform:scale(1.1,1.1);}
.i_main .i_m_about .i_m_jiantou{ width:34px; height:50px; position:absolute; left:0; top:44%; z-index:9;}


.i_main .fr{ width:50%; overflow:hidden;}
.i_main .fr .pic{ position:relative;}
.i_main .fr .pic img{ max-width:100%; transition:0.5s;}
.i_main .fr:hover .pic img{ transform:scale(1.1,1.1);}
.i_main .i_news{ width:40%; overflow:hidden; height:62%; position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.96); z-index:9; padding:3% 5%;}
.i_main .i_news ul{ margin:0; padding-left:20px;}
.i_main .i_news ul li{ padding:4% 0; overflow:hidden; border-bottom:1px solid #dfdfdf; margin-bottom:2%;}
.i_main .i_news ul li a{ color:#666; line-height:22px;}
.i_main .i_news ul li a font{ display:block; width:200%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; padding-bottom:8px;}

.i_main .i_news ul li a span{ display:block; font-size:14px; color:#999; padding:10px 0 0;} 
.i_main .i_news ul li:hover a{ color:#00ac4c}
.i_main .i_news ul li:hover a font{ color:#00ac4c}
.i_main .i_news ul li:hover a span{ color:#00ac4c}

.i_main .fr .i_news .more{ width:37px; height:38px; margin-top:10%; padding-left:2px;}
.i_main .fr .i_news .more img{ max-width:100%;}
.i_main .fr:hover .i_news .more img{ transform:none;}

@media (max-width:1600px){
	.i_main .i_news{ width:40%; overflow:hidden; height:62%; position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.96); z-index:9; padding:2% 5%;}
	.i_main .i_news ul li{ padding:2% 0; overflow:hidden; border-bottom:1px solid #dfdfdf; margin-bottom:2%;}
	.i_main .i_news ul li a font{ display:block; width:200%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; padding-bottom:5px;}
	.i_main .i_news .more{ width:37px; height:38px; margin-top:8%; padding-left:2px;}
	.i_main .i_m_about .i_m_a_lt .desc{ line-height:22px; padding-left:20px;}
	.i_main .i_m_pro .i_m_a_lt .desc{ line-height:20px; padding-left:20px; color:#FFF;}
	.i_main .i_m_pro .i_m_a_lt .desc font{ display:block; font-size:24px; padding:2% 0 4%;}
	.i_main .i_m_pro .i_m_a_lt{ width:42%; float:right; background:#1c9ad7;padding:2% 4%;}
	.i_main .i_m_about .i_m_a_lt{ width:42%; float:left; background:#f6f6f6; padding:2% 4%;}
.i_main .i_news ul li{ padding:2% 0; border-bottom:1px solid #dfdfdf; margin-bottom:2%; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media (max-width:1400px){
	.i_title{ overflow:hidden;  padding:20px 0 15px;}
	.i_main .i_m_about .i_m_a_lt .more{ width:37px; height:38px; margin-top:4%; padding-left:20px;}
	.i_main .i_m_pro .i_m_a_lt .desc font{ display:block; font-size:24px; padding:1% 0 4%;}
	.i_main .i_m_pro .i_m_a_lt{ width:42%; float:right; background:#1c9ad7;padding:1% 4%;}
}

@media (max-width:720px){
	
.i_title{ overflow:hidden;  padding:2% 0 4%; text-align:center;}
.i_title span{ font-size:25px; color:#333; display:inline; padding-left:0;}
.i_title font{ font-size:18px; padding-left:6px; color:#999; text-transform:uppercase; font-weight:100;display:inline; }

	
.i_main .fl{ width:96%; padding:0 2%; overflow:hidden;}
	
.i_main .i_m_about{ width:100%; overflow:hidden; padding:2% 0 6%;}
.i_main .i_m_about .i_m_a_lt{ width:100%; float:left; padding:0;}
.i_main .i_m_about .i_m_a_lt .desc{ line-height:22px; padding:4% 3%; background:#FFF; font-size:14px;}
.i_main .i_m_about .i_m_a_lt .more{ display:none;}
.i_main .i_m_about .i_m_a_lt .more img{ max-width:100%;}


.i_main .i_m_about .i_m_pic{ width:100%; float:none; height:120px; margin:0 auto; overflow:hidden; position:relative;}
.i_main .i_m_about .i_m_pic img{ width:100%;}
.i_main .i_m_about .i_m_jiantou{ display:none;}



.i_main .fr{ width:100%; overflow:hidden;}
.i_main .fr .pic{ position:relative;}
.i_main .fr .pic img{ max-width:none; height:360px; width:100%;}
.i_main .i_news{ width:90%; overflow:hidden; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,1); z-index:9; padding:3% 5%;}
.i_main .i_news ul{ margin:0; padding:0;}
.i_main .i_news ul li{ padding:2% 0; border-bottom:1px solid #dfdfdf; margin-bottom:2%; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i_main .i_news ul li a{ color:#666; line-height:22px;}
.i_main .i_news ul li a font{ display:block; width:200%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; padding-bottom:4px;}

.i_main .i_news ul li a span{ display:block; font-size:14px; color:#999; padding:10px 0 0;} 


.i_main .i_news .more{ display:none;}

.i_main .i_m_pro{ display:none;}

.i_main .app_pro{ position:relative; margin:0 auto; background:#FFF;}
.i_main .app_pro .hd { position: absolute; top:48%; width: 100%; height: 10px; }
.i_main .app_pro .hd ul { width: 100%; text-align: center; display:none;}
.i_main .app_pro .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;}
.i_main .app_pro .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.i_main .app_pro .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.i_main .app_pro .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.i_main .app_pro .bd ul li{ float:none; width:98%; display:inline-block; margin:0 1%; overflow:hidden; position:relative; }
.i_main .app_pro .bd ul li a{ color:#666; font-size:16px;}
.i_main .app_pro .bd ul li .pic{ text-align:center; width:320px; height:auto; margin:0 auto; overflow:hidden;}
.i_main .app_pro .bd ul li .pic img{ display:block; max-width:100%; transition:0.5s;}
.i_main .app_pro .bd ul li .pic a:hover img{ border-color:#999;  }
.i_main .app_pro .bd ul li .title{ line-height:50px; height:50px;  width:100%; background:#FFF; z-index:999; transition:0.5s;margin:0 auto;}
.i_main .app_pro .bd ul li:hover .title{ transition:0.5s; bottom:0;}
.i_main .app_pro .bd ul li:hover .pic img{ transform:scale(1.1,1.1)}

.i_main .app_pro .prev,
.i_main .app_pro .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:25px; height:46px; filter:alpha(opacity=90);opacity:0.9;   }
.i_main .app_pro .next{ left:auto; right:0; background:url(../images/slider-arrow22.png) left center no-repeat;}
.i_main .app_pro .prev{background:url(../images/slider-arrow11.png) left center no-repeat;}

}


@media (max-width:620px){
	.i_main .fr .pic img{ max-width:none; height:330px; width:100%;}
}
@media (max-width:500px){
	.i_main .fr .pic img{ max-width:none; height:310px; width:100%;}
}
.footer{ overflow:hidden; height:auto; border-top:7px solid #DBDCDE; padding:3% 0; background:url(../images/f_bg.jpg) repeat;}
.footer .f_lt{ width:25%; float:left; padding-left:4%; border-left:1px solid rgba(255,255,255,0.1); min-height:150px;}
.footer .f_lt .f_nav{ width:25%; margin-right:8%; float:left;}
.footer .f_lt .f_nav ul{ margin:2% 0 0; padding:0;}
.footer .f_lt .f_nav ul li{ line-height:28px;}
.footer .f_lt .f_nav ul li a{ color:rgba(255,255,255,0.5);}
.footer .f_lt .f_nav font{ display:block; padding:16px 0; font-size:16px; color:#FFF; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:10px;}
.footer .f_lt .f_nav ul li a:hover{color:rgba(255,255,255,1);}

.footer .f_mid{ width:22%; float:left; padding-left:4%; margin-left:3%; border-left:1px solid rgba(255,255,255,0.1); font-size:14px; line-height:30px; color:#FFF; min-height:150px;}


.footer .f_rt{width:34%; float:right; padding-left:4%; margin-left:3%;  min-height:150px; border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1);}
.footer .f_rt .pic{ width:40%; float:left;}
.footer .f_rt .pic img{width:106px; height:106px;}
.footer .f_rt .pic font{ display:block; padding:15px 0 0; color:#FFF; width:106px; text-align:center;}


.footer .f_rt .desc{ width:55%; float:left;}
.footer .f_rt .desc .d_top{ overflow:hidden;}
.footer .f_rt .desc .d_top font{ display:block; color:#FFF; font-size:14px; padding:6px 0 15px;}
.footer .f_rt .desc .d_top a{ width:29px; height:29px; float:left; margin-right:10px;}

.footer .f_rt .desc .d_botm{ font-size:14px; color:#FFF; line-height:26px; padding-top:10%;}


/**内页**/


.com_ban{ /*overflow:hidden;*/ height:auto; background-repeat:no-repeat; background-position:top center;}


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


.com_left{ width:240px; float:left;}
.com_left .c_lt_title{ height:40px; background:#1c9ad7;color:#fff; font-size:26px; padding:15px 0 15px 40px;line-height:40px;}

.com_left .com_list{ /*overflow:hidden;*/ height:auto;}
.com_left .com_list ul{ border:1px solid rgba(0,0,0,0.1);}
.com_left .com_list ul li{
	line-height:26px;	
	border-bottom:1px solid rgba(0,0,0,0.06);
	position: relative;
}
.com_left .com_list ul li a{ color:#666; display:block; transition:0.5s; font-size:16px;padding:12px 2px 12px 42px;box-sizing:boder-box;}
.com_left .com_list ul li:hover,.com_left .com_list ul li:hover a .selected{ background:#f3f3f3; color:#FFF;transition:0.5s;}
.com_left .com_list ul li:last-child{ border-bottom:none;}
.com_left .com_contact{ overflow:hidden; border:1px solid rgba(0,0,0,0.04); line-height:28px; padding:15px 10px 20px 22px; font-size:14px;}

.com_left .c_lt_title1{ height:40px; background:#1c9ad7;color:#FFF; font-size:20px; padding:8px 0 8px 40px; margin-top:20px; line-height:40px;}
.com_left .com_list ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
	float: left;
	width: 100%;background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	padding: 0px; display:none;
}
.com_left .com_list ul li ul li{ float:left; width:100%;}

.com_left .com_list ul li ul li:hover{background-color:rgba(0,0,0,0.1);}
.com_right{ width:880px; float:right;}

.com_nav{ overflow:hidden; padding:0 0 10px; border-bottom:1px solid #F2F2F2; margin-bottom:20px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:28px; line-height:28px;}
.com_nav ul li a{ padding:0 2px; color:#666; font-size:13px;}
<!--.com_nav ul li:first-child{ background:url(../images/h_icon.png) no-repeat; padding-left:35px;}-->
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}

.com_desc{ overflow:hidden; padding:0; line-height:26px;}


/**内页产品**/
.com_product_box{ overflow:hidden; margin-top:30px;}
.com_product_box ul{ overflow:hidden; margin:0; padding:0;}
.com_product_box ul li{ margin:0 28px 20px 0; float:left; height:310px; overflow:hidden; text-align:center;  }
.com_product_box ul li a{ color:#fff; font-size:14px;}
.com_product_box ul li .pic{ text-align:center; width:262px; height:252px; overflow:hidden; border:1px solid rgba(0,0,0,0.06);}
.com_product_box ul li .pic img{  display:block; max-width:100%; transition:0.5s;}
.com_product_box ul li .pic a:hover img{ border-color:#999;  }
.com_product_box ul li .title{
	width:262px;
	line-height:30px;
	height:30px;
	padding:15px 0;
	text-align: center;
	overflow: hidden;
	white-space: nowrap; float:left; text-overflow: ellipsis;background-color:#1c9ad7;
}
.com_product_box ul li:hover .title{ transition:0.5s; bottom:0;}
.com_product_box ul li:hover .pic img{ transform:scale(1.1,1.1)}
.com_product_box ul li:nth-of-type(3n){ margin-right:0;}
.com_product_box ul li:hover a{ text-decoration:underline; color:#fff;}


/**pc端_内页新闻**/
.pc_news_box{ overflow:hidden; margin-top:30px;}
.pc_news_box ul{ overflow:hidden; margin:0; padding:0;}
.pc_news_box ul li.picli{overflow:hidden; padding:25px; border:1px solid #f2f2f2; margin-bottom:20px;}
.pc_news_box ul li.picli a{ color:#666; font-size:13px;}
.pc_news_box ul li.picli a font{ display:block; width:100%; line-height:30px; font-size:16px; margin:5px 0; color:#666;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pc_news_box ul li.picli a .n_pic{ width:250px; height:165px; float:left; overflow:hidden;}
.pc_news_box ul li.picli a .n_pic img{ max-width:100%; transition:0.5s;}
.pc_news_box ul li.picli a .n_desc{ overflow:hidden; color:#888;line-height:22px; float:right; width:550px;}
.pc_news_box ul li.picli a .n_desc span{ line-height:24px; color:#111; margin-top:10px; display:block;}

.pc_news_box ul li.picli:hover a .n_pic img{ transform:scale(1.1,1.1); transition:0.5s;}
.pc_news_box ul li.li{ display:none}



@media (max-width:720px){
	.footer{ display:none;}
	.app_footer{ overflow:hidden; height:auto; border-top:7px solid #1c9ad7; padding:3% 0; background:url(../images/f_bg.jpg) repeat; text-align:center; color:#FFF;                 line-height:22px; margin-bottom:50px;}
.common{ width:92%; margin:80px 2% 4%; padding:4% 2% 5%;}
.common_zs{ width:92%; margin:80px 2% 4%; padding:4% 2% 5%;}
.common_zs  img{ max-width:100%;} 
.com_left{ display:none;}

.com_right{ width:96%; padding:0 2%;}
	/**内页案例**/
.com_product_box{ overflow:hidden; margin-top:5%;}
.com_product_box ul{ overflow:hidden; margin:0; padding:0; text-align:center;}
.com_product_box ul li{ width:48%; margin:0 0.5%; float:none; display:inline-block; height:auto; overflow:hidden; text-align:center;  }
.com_product_box ul li:nth-child(2n+1){ clear:both}
.com_product_box ul li a{ color:#666; font-size:14px;}
.com_product_box ul li .pic{ text-align:center; width:98%; height:auto; overflow:hidden;}
.com_product_box ul li .pic img{  display:block; max-width:100%; transition:0.5s;}
.com_product_box ul li .pic a:hover img{ border-color:#999;  }
.com_product_box ul li .title{ line-height:28px; height:28px; padding:2% 0; max-width:100%;}
.com_product_box ul li:hover .title{ transition:0.5s; bottom:0;}
.com_product_box ul li:hover .pic img{ transform:scale(1.1,1.1)}
.com_product_box ul li:nth-of-type(3n){ margin-right:0;}
.com_product_box ul li:hover a{ text-decoration:underline; color:#e70012;}


/**内页新闻**/
.pc_news_box{ overflow:hidden;}
.pc_news_box ul{ overflow:hidden; margin:0; padding:0;}
.pc_news_box ul li.picli{ display:none}
.pc_news_box ul li.li{overflow:hidden; padding:2% 0; border-bottom:1px solid #E0DDDD; display:block}
.pc_news_box ul li.li a{ color:#666; font-size:13px;}
.pc_news_box ul li.li a font{ display:block; float:right; width:18%; color:#999;}
.pc_news_box ul li.li a .n_desc{ width:78%; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.news_box ul li:first-child{ padding-top:0;}

}


/*悬浮*/
.fixed{position:fixed;right:10px;bottom:100px;z-index:99999999;width:55px;height:auto;}
.fixed a{display:block; color:#666;}
.fixed .qq{width:55px;height:55px;background:#1c9ad7 url(../images/cb_icon01.png) no-repeat center center;position:relative; border-radius:6px; margin-bottom:2px;}
.fixed .qq .qq_hao{position:absolute;right:110px;top:20%;width:110px;opacity:0;transition:.6s;visibility: hidden; background:#FFF; padding:10px 15px; border-radius:6px;}
.fixed .qq:hover .qq_hao{right:65px;opacity:1;z-index:999;visibility:visible;}

.fixed .ss{width:55px;height:55px;background:#1c9ad7 url(../images/cb_icon02.png) no-repeat center center;position:relative; border-radius:6px; margin-bottom:2px;}
.fixed .ss .ss_hao{position:absolute;right:110px; width:110px;top:20%;opacity:0;transition:.6s;visibility: hidden; background:#FFF; padding:10px 15px; border-radius:6px;}
.fixed .ss:hover .ss_hao{right:65px;opacity:1;z-index:999;visibility:visible;}


.fixed .wx{width:55px;height:55px;background:#1c9ad7 url(../images/cb_icon03.png) no-repeat center center;position:relative; border-radius:6px; margin-bottom:2px;}
.fixed .wx .ewm{position:absolute;right:100px;bottom:-10px;opacity:0;transition:.6s;visibility: hidden; box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}
.fixed .wx .ewm img{display:block;width:75px;}
.fixed .wx:hover .ewm{right:65px;opacity:1;z-index:999;visibility:visible; }


.backTop{width:55px;height:55px;background:#1c9ad7 url(../images/cb_icon04.png) no-repeat center center;position:fixed;bottom:44px;right:10px;z-index:99999999; border-radius:6px;}


@media (max-width:720px){
	.fixed{ display: none;}
	.backTop{ display:none !important;}
}


@media (max-width:720px){
/*app悬浮*/
.app_botm{ overflow:hidden; background:#111; position:fixed; bottom:0; left:0; right:0; height:50px; z-index:999999;}
.app_botm ul{ margin:0; padding:10px 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;}
#page span{ display:block}

}
@media (min-width:721px){
	.header .app_logo{ display:none;}
	.app_banner_box{ display:none;}
	.app_footer{ display:none;}
	.app_product_box{ display:none;}
	.header .app_lan{ display:none;}
	.app_news_box{ display:none;}
	.app_botm{ display:none;}
	
}
.cms1 h1.h1{
	text-align: center;
	margin: auto;
	font-size: 18px;
	font-weight: lighter;
	color: #333333;
}

.cms1 .info{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999999;
}
.cms1 .nextpage{
	clear: both;
}
.cms1 #content{
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
}
.cms1 #content img,.cms1 #content iframe,.cms1 #content embed{ max-width:100%;}
.cms1 .nextpage>div{
	float: left;
	width:100%;
}
#page{
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
#page a{
	margin-right: 5px;
}

#message{ width:380px; max-width:100%; margin:auto}
#message .item{
	float:left;
	width:100%;
	padding-top: 5px;
	padding-bottom: 5px; line-height:28px;
}
#message .item span{ float:left; width:60px; height:28px;}
#message .item input,#message .item textarea{border-radius:5px;
	border: 1px solid #ddd; float:left
}
#message .item img{ float:left; margin-top:3px;}
#message .item input{ height:28px; width:200px;}
#message .item button{ width:80px;
	border-radius:3px;
	height:32PX;
	background:#00ac4c;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
@media (max-width:350px){
#message{ width:280px; max-width:100%; margin:auto}
#message .item span{ width:100%; clear:both}
#message .item span.leftbtn{ display:none}
}