﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body{ color:#666; font-size:14px; font-family:Microsoft Yahei;}
section,article,aside,header,footer,nav,dialog,figure{ display:block;}
ul, ol{ list-style:none;} 
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Microsoft Yahei; vertical-align:middle}
table,td,tr,th{ font-size:14px;}
.nodispaly{ display:none;}
.line{ height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{ color:#666; text-decoration:none;}
a:hover{ color:#0986c1; text-decoration:underline;}
.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top h1{ float:left; width:100px; margin:20px 0;}
.head_top h1 img{ width:100%;}
.head_top .company_jies{ float:left; margin:36px 0 36px 28px; font-size:30px; color:#525252; line-height:36px;}
.head_top .company_jies span{ display:block; margin:0 0 8px 0;}
.head_top .rexian{ float:right; margin:52px 42px 52px 0;}
.head_top .rexian dl dd{ float:left; width:41px; margin:4px 0;}
.head_top .rexian dl dd img{ width:100%;}
.head_top .rexian dl dt{ float:right; font-size:16px; color:#666; line-height:16px; border-left:#d1d1d1 1px solid; padding:0 0 0 18px; margin:0 0 0 18px;}
.head_top .rexian dl dt span{ font-size:30px; color:#333; line-height:24px; margin:8px 0 0 0; display:block; font-weight:bold; font-family:Arial, sans-serif;}
.head_top .language{ float:right; margin:62px 0;}
.head_top .language a{ font-size:14px; color:#333; line-height:24px; display:block;}
.head_top .language a:hover{ text-decoration:none; color:#0986c1;}
.head_top .language i{ float:right; width:16px; height:16px; background:url(../images/language.png) center no-repeat; margin:4px 0 4px 6px;}

/*nav*/
.nav{ width:100%; margin:0 auto; background:url(../images/nav_bg.png) center no-repeat; line-height:68px;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:12.5%;}
.navbar_nav li.n_home{ text-align:left;}
.navbar_nav li i{ width:30px; float:left; height:26px; background:url(../images/home.png) center no-repeat; margin:21px 8px 21px 0;}
.navbar_nav li a{ text-decoration:none; display:block; color:#fff; font-size:16px;}
.navbar_nav li:hover a{ color:#fff;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:68px; background:#3da5de; box-shadow:0 1px 3px 0 rgba(167,165,165,0.18); width:100%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 10px; line-height:42px; text-align:center; text-transform:inherit;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff; background:#0986c1;}

/*banner*/
.flexslider{ position:relative; height:auto;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block;border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:39px; height:8px; display:block; background:#f2f2f2; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#0986c1;}
.flex-control-paging li a.flex-active{ background:#0986c1; cursor:default;}	
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-8px 0 0 -20px;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*new_product*/
.new_product{ margin:68px auto 52px auto;}
.new_p_name{ font-size:40px; color:#0986c1; line-height:52px; text-align:center; width:100%; margin:0 auto 48px auto;}
.new_p_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.new_product .new_p_left{ float:left; width:22%;}
.new_p_left .new_p_l_name{ background:#0986c1; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.new_p_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#0986c1 5px solid;}
.new_p_left ul li{ border-bottom:#eee 1px solid;}
.new_p_left ul li a{ font-size:16px; color:#525252; line-height:59px; padding:0 24px; height:59px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_left ul li i{ float:right; width:12px; height:14px; margin:23px 0 22px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.new_p_left ul li a:hover{ text-decoration:none; color:#0986c1;}

.new_product .new_p_right{ float:right; width:74%;}
.new_product .new_p_right ul{ overflow:hidden;}
.new_product .new_p_right ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.new_product .new_p_right ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.new_product .new_p_right ul li span{ display:block; border:#e0e0e0 1px solid;}
.new_product .new_p_right ul li:hover span{ border:#0986c1 1px solid;}
.new_product .new_p_right ul li img{ width:100%;}
.new_product .new_p_right ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product .new_p_right ul li a{ color:#525252;}
.new_product .new_p_right ul li a:hover{ text-decoration:none; color:#0986c1;}

/*center_rexian*/
.center_rexian{ width:100%; margin:68px auto 0 auto; background:url(../images/center_rx.jpg) center no-repeat;}
.center_prel{ position:relative;}
.center_tel{ position:absolute; left:0; background:#0986c1; top:-16px; width:22%;}
.center_tel .center_ci{ width:94%; margin:30px auto; font-size:22px; color:#fff; line-height:30px; text-align:center; position:relative; padding:0 0 14px 0;}
.center_tel .center_ci span{ display:block; font-size:24px; font-weight:bold;}
.center_tel .center_ci:after{ width:24px; height:1px; background:#fff; position:absolute; content:""; left:50%; bottom:0; margin:0 0 0 -12px;}
.center_tel .center_dianhua{ width:94%; margin:42px auto 30px auto; font-size:24px; color:#fff; line-height:34px; background:url(../images/center_rexian2.png) top center no-repeat; padding:52px 0 0 0; text-align:center;}
.center_gg{ float:right; width:62%; margin:106px 11% 106px 0; font-size:42px; color:#fff; line-height:68px;}
.center_gg span{ font-weight:bold;}

/*four_reasons*/
.four_reasons{ width:100%; margin:0 auto 52px auto; overflow:hidden; background:#0986c1; position:relative;}
.four_s_left{ float:left; margin:37px 0; font-size:30px; color:#fff; line-height:42px;}
.four_s_left span{ display:block; font-weight:bold; font-size:24px; margin:8px 0 0 0;}
.four_s_rexian{ float:right; font-size:16px; color:#fff; line-height:32px; margin:36px 0 24px 0; background:url(../images/center_rexian.png) top left no-repeat; padding:0 0 0 56px;}
.four_s_rexian span{ display:block; font-size:30px; font-family:Arial, sans-serif; font-weight:bold; margin:10px 0 0 0;}
.four_s_center{ position:absolute; bottom:30px; left:56%; width:168px;}
.four_s_center a{ font-size:24px; color:#333; background:#fff; display:block; line-height:52px; text-align:center;}
.four_s_center a:hover{ text-decoration:none; color:#0986c1;}

/*about_us*/
.about_us{ margin:52px auto;}
.about_us .about_name{ font-size:40px; color:#0986c1; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.about_us .about_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.about_width{ width:100%; margin:0 auto 36px auto; overflow:hidden;}
.about_width .about_right{ float:right; width:50%;}
.about_width .about_right img{ width:100%;}
.about_width .about_left{ float:left; width:45%;}
.about_width .about_l_name{ font-size:24px; color:#0986c1; font-weight:bold; border-bottom:#c6c6c6 1px solid; line-height:42px;}
.about_width .company{ font-size:14px; color:#525252; line-height:28px; margin:16px 0 24px 0;}
.about_width .about_more{ width:144px; margin:0;}
.about_width .about_more a{ font-size:16px; color:#fff; line-height:40px; display:block; background:#0986c1; border-radius:20px; text-align:center;}
.about_width .about_more a:hover{ text-decoration:none; background:#222;}

/*news*/
.news{ width:100%; margin:0 auto 52px auto; overflow:hidden; padding:52px 0 60px 0; border-bottom:#d8d8d8 1px solid; border-top:#d8d8d8 1px solid;}
.news_name{ font-size:40px; color:#0986c1; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.news_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%;}
.news_width .news_img{ width:100%; margin:0 auto 48px auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_img a{ border:#ebebeb 1px solid; display:block;}
.news_width .news_zti{ width:100%; margin:0 auto;}
.news_width .news_zti dl{ overflow:hidden; position:relative;}
.news_width .news_zti dl:after{ position:absolute; left:20%; top:0; width:1px; height:100%; background:#ebebeb; content:"";}
.news_width .news_zti dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0;}
.news_width .news_zti dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_zti dl dt{ float:right; width:73%; font-size:14px; line-height:24px;}
.news_width .news_zti dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_zti dl a{ display:block;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right dl{ border:#ebebeb 1px solid; margin:0 0 20px 0; padding:17px 0; overflow:hidden;}
.news_width .news_right dl:last-child{ margin:0;}
.news_width .news_right dl a{ display:block;}
.news_width .news_right dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0; border-right:#ebebeb 1px solid;}
.news_width .news_right dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_right dl dt{ float:right; width:72%; font-size:14px; line-height:24px; margin:0 3% 0 0;}
.news_width .news_right dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*links*/
.links{ margin:52px auto;}
.links .links_name{ width:100%; margin:0 auto; font-size:18px; color:#0986c1; line-height:28px; font-weight:bold;}
.links .link{ width:100%; margin:14px auto 0 auto;}
.links .link ul{ overflow:hidden;}
.links .link ul li{ float:left; margin:0 16px 0 0;}
.links .link ul li a{ font-size:14px; color:#666; line-height:25px;}
.links .link ul li a:hover{ text-decoration:none; color:#0986c1;}

/*footer*/
.footer_nav{ width:100%; background:#3da5de; text-align:center;}
.footer_nav a{ font-size:16px; color:#fff; line-height:55px; display:inline-block; vertical-align:top;}
.footer_nav a:hover{ text-decoration:none; color:#ccc;}
.footer_nav span{ margin:0 30px; padding:0; width:2px; height:55px; display:inline-block; background:url(../images/footer_nav.png) center no-repeat; vertical-align:top;}
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#656565; padding:48px 0 0 0;}
.footer .footer_weixin{ float:left; width:12%; margin:0 8% 0 0;}
.footer .footer_weixin ul{ overflow:hidden;}
.footer .footer_weixin ul li{ position:relative;}/* float:left; width:46%; margin:0 8% 0 0;*/
.footer .footer_weixin ul li div{ border:#7d7d7d 1px dashed; position:relative;}
.footer .footer_weixin ul li:after{ position:absolute; top:0; left:0; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li i:after{ position:absolute; top:0; right:0; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li:before{ position:absolute; top:0; left:0; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li i:before{ position:absolute; top:0; right:0; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div:after{ position:absolute; bottom:-1px; left:-1px; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div:before{ position:absolute; bottom:-1px; left:-1px; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div p:after{ position:absolute; bottom:-1px; right:-1px; width:30px; height:3px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li div p:before{ position:absolute; bottom:-1px; right:-1px; width:3px; height:30px; background:#7d7d7d; content:"";}
.footer .footer_weixin ul li:last-child{ margin:0;}
.footer .footer_weixin ul li img{ width:84%; margin:8%;}
.footer .footer_weixin ul li em{ display:block; font-size:14px; color:#fff; line-height:24px; text-align:center; margin:12px 0 0 0;}
.footer .footer_add{ float:left; width:80%; font-size:14px; color:#fff; line-height:30px;}
.footer .footer_add ul{ overflow:hidden;}
.footer .footer_add ul li{ float:left; width:48%; margin:0 4% 0 0;}
.footer .footer_add ul li:last-child{ margin:0;}
.footer .footer_add ul li a{ color:#fff;}
.footer .footer_icp{ border-top:#777 1px solid; width:100%; margin:52px auto 0 auto; font-size:14px; color:#fff; line-height:24px; text-align:center; padding:23px 0;}
.footer .footer_icp a{ color:#fff;}

@media screen and (max-width:1200px) {

	.nav{ width:1200px;}
	.flexslider{ width:1200px;}
	.center_rexian{ width:1200px;}
	.four_reasons{ width:1200px;}
	.news{ width:1200px;}
	.footer_nav{ width:1200px;}
	.footer{ width:1200px;}
	
	.ny_banner{ width:1200px !important;}

}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

/*content*/
.content{ margin:52px auto;}
.content .content_left{ float:left; width:22%;}
.content_left .content_l_name{ background:#0986c1; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.content_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#0986c1 5px solid;}
.content_left ul li{ border-bottom:#eee 1px solid;}
.content_left ul li a{ font-size:16px; color:#525252; line-height:59px; padding:0 24px; height:59px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_left ul li i{ float:right; width:12px; height:14px; margin:23px 0 22px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.content_left ul li a:hover{ text-decoration:none; color:#0986c1;}

.content .content_right{ float:right; width:75%;}
.content_right .content_r_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_right .content_r_name span{ float:left; background:#0986c1; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px;}
.profiles p{ text-indent:2em;}
.profiles img{ max-width:100%;}

/*products*/
.products{ width:100%; margin:0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li span{ display:block; border:#e0e0e0 1px solid;}
.products ul li:hover span{ border:#0986c1 1px solid;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#525252;}
.products ul li a:hover{ text-decoration:none; color:#0986c1;}

.products_width{ width:100%; margin:22px auto; overflow:hidden;}
.products_left{ float:left; width:48%; border:#eee 1px solid;}
.products_left img{ width:100%;}

div.jqZoomTitle{ z-index:5000; text-align:center; font-size:12px; height:20px; padding-top:2px; position:absolute; top:0px; left:0px; width:100%; color:#666; background:#f0f0f0;}
.jqZoomPup{	overflow:hidden; background-color:#fff;	-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity = 60); z-index:10; border-color:#f0f0f0; border-style:solid; cursor:crosshair;}
.jqZoomPup img{	border:0px;}
.preload{ -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity = 80); color:#333; font-size:12px; text-decoration:none; border:1px solid #f0f0f0; padding:8px; text-align:center; background:#fff url(../images/zoomloader.gif) 43px 30px no-repeat; width:90px; *width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background:#fff;}

.products_right{ float:right; width:48%;}
.products_right .products_jj{ font-size:15px; color:#0986c1; line-height:20px; font-weight:bold; margin:0 0 12px 0;}
.products_right .products_js{ border:#eee 1px solid; border-left:none; border-right:none; font-size:14px; color:#666; line-height:25px; padding:14px 0;}

.czxqing{ width:100%; margin:0 auto 16px auto; overflow:hidden; border:#ddd 1px solid; border-left:none; border-right:none; background:#eee;}
.czxqing span{ display:inline-block; font-size:16px; color:#fff; background:#0986c1; line-height:36px; padding:0 18px; font-weight:bold;}
.xq_jis{ width:100%; margin:16px auto 0 auto; overflow:hidden; font-size:14px; color:#525252; line-height:25px;}
.xq_jis img{ max-width:100%;}

.pro_xiangguan{ width:100%; margin:20px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:42px; border-bottom:#ddd 1px solid; font-size:15px;  color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#0986c1; float:left; margin:14px 10px 0 8px;}
.pro_xgcp{ width:100%; margin:12px auto;}
.pro_xgcp ul{ overflow:hidden;}
.pro_xgcp ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.pro_xgcp ul li:nth-child(4n){ margin:0;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:32px; margin:5px 0 0 0; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#666; border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#0986c1;}

/*shengchan*/
.shengchan{ width:100%; margin:0 auto;}
.shengchan ul{ overflow:hidden;}
.shengchan ul li{ width:31%; float:left; margin:0 3.5% 3.5% 0; position:relative;}
.shengchan ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.shengchan ul li img{ width:100%;}
.shengchan ul li em{ font-size:14px; line-height:36px; height:36px; text-align:center; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.shengchan ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shengchan ul li a:hover{ text-decoration:none; color:#0986c1;}

.shengchan ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0986c1; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.shengchan ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.shengchan ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#0986c1; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.shengchan ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.shengchan ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0986c1; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.shengchan ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.shengchan ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#0986c1; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.shengchan ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*gongying*/
.gongying{ font-size:14px; color:#666; line-height:25px;}
.gongying img{ max-width:100%;}

/*ny_news*/
.ny_news{ width:100%; margin:0;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px dotted;}
.ny_news ul li i{ width:4px; height:7px; float:left; background:url(../images/news_jt.png) center no-repeat; margin:18px 8px 0 0;}
.ny_news ul li p{ float:left; width:65%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ color:#888; float:right;}
.ny_news ul li a{ font-size:14px; color:#666; line-height:42px; transition:all .3s; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#0986c1;}

.news_names{ width:100%; text-align:center; border-bottom:#dfdfdf 1px dotted; margin:0 0 20px 0;}
.news_names strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 5px 0; display:block; font-weight:normal;}
.news_names em{ color:#999; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}

.p_next{ width:100%; margin:20px 0 0 0; font-size:14px; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; color:#0986c1; line-height:24px;}

/*contact_us*/
.contact_us{ font-size:14px; color:#666; line-height:25px;}
.contact_us img{ max-width:100%;}

.messages_box{ width:100%; margin:20px auto;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.messages_box ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages_box ul li.ctttttp{ width:100%; float:none;}
.messages_box .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#333; line-height:26px; background:#f2f2f2;}
.messages_box .cont-input{ width:98%; padding:12px 0 12px 2%; height:218px; border:none; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.messages_box .messages-button{ width:168px; line-height:46px; font-size:14px; color:#fff; text-align:center; background:#0986c1; cursor:pointer;}