@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:#525252; font-size:14px; font-family:Microsoft yahei;}
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,i{ 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:#525252; text-decoration:none;}
a:hover { color:#0a48af; text-decoration:underline; }
.layout{ max-width:1185px; margin:0 auto; *zoom:1;}
.layout:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.entire{ margin:32px auto;}
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.head_top{ width:100%; background:#20262a; padding:7px 0;}
.maxwidth{ max-width:1185px; margin:0 auto; position:relative; overflow:hidden;}
.head_top ul{ float:right;}
.head_top ul li{ display:inline; border-right:1px solid #fff; padding:0 20px 0 0;}
.head_top ul li:nth-child(2n){ border-right:none; text-transform:uppercase; padding:0 0 0 20px;}
.head_top ul li a{ font-size:14px; color:#fff; line-height:25px;}

.head_top dl{ float:left;}
.head_top dl dd{ font-size:14px; color:#fff; line-height:25px; float:left; margin:0 26px 0 0;}

/*navwidth*/
.headwidth{ max-width:1185px; margin:0 auto; overflow:hidden;}
.headwidth .logo{ float:left; width:632px; margin:23px 0;}
.headwidth .logo img{ width:632px; height:83px;}
.headwidth .sj_logo{ display:none;}

.headwidth .rexian{ float:right; background:url(../images/rexian.png) left top no-repeat; font-size:16px; color:#525252; line-height:20px; padding:24px 0 0 62px;}
.headwidth .rexian font{ display:block; font-size:20px; color:#0a48af; line-height:25px; font-weight:bold; margin:8px 0 0 0;}

/*nav*/
.header{ width:100%; border-top:#e0e0e0 1px solid;}
.nav{ max-width:1184px; margin:0 auto; font-size:0px; border-left:#e0e0e0 1px solid;}
.nav .m{ position:relative; width:131px; display:inline-block; z-index:10; border-right:#e0e0e0 1px solid;}
.nav .m:nth-child(2n){ width:130px;}
.nav li a{ display:block; font-size:17px; color:#000; font-weight:bold; text-align:center; line-height:51px;}
.nav li:hover a, .nav li a.hort{ text-decoration:none; background:#0a48af; color:#fff;}
.nav .sub{ width:208px; position:absolute; left:0; top:51px; background:#0a48af;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#fff; display:block; font-size:14px; line-height:18px; padding:8px 0 8px 12px; text-align:left; font-weight:normal; border-bottom:#e0e0e0 1px solid;}
.nav .sub li a:hover{ color:#000; text-decoration:none; background:#e0e0e0;}
#dowebok{ display:none;}
.sidebar{ display:none;}

/*banner*/
.banner_sj{ display:none;}
.flexslider{ position:relative;}
.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:10px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:15px; height:15px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#0a48af; }
.flex-control-paging li a.flex-active{ background:#0a48af; cursor:default;}
.flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_p_left{ width:23%; float:left;}
.new_p_left b{ background:#0a48af; display:block; text-align:center; border-radius:10px 10px 0 0; font-size:18px; color:#fff; line-height:24px; padding:12px 0 14px 0; position:relative;}
.new_p_left b span{ display:block; font-size:14px; font-weight:normal; text-transform:uppercase;}
.new_p_left b:before{ content:""; position:absolute; width:280px; height:53px; right:0; top:0; background:url(../images/p_n_af.png);}
.new_p_left b:after{ content:""; position:absolute; width:280px; height:3px; left:50%; bottom:2px; background:url(../images/p_n_bf.png); margin:0 0 0 -140px;}
.new_p_left ul{ border:#cdcdcd 1px solid; border-top:none; padding:10px;}
.new_p_left ul li{ background:#0a48af; margin:0 0 2px 0;}
.new_p_left ul li:last-child{ margin:0;}
.new_p_left ul li a{ font-size:14px; color:#fff; line-height:31px; display:block;}
.new_p_left ul li a:hover{ text-decoration:none; color:#eee;}
.new_p_left ul li a i{ width:13px; height:13px; float:left; background:url(../images/col_li.png) center no-repeat; margin:9px;}
.new_p_left ul li dl{ background:#fff;}
.new_p_left ul li dl dd{ border-bottom:#ccc 1px dashed;}
.new_p_left ul li dl dd a{ font-size:12px; color:#666; line-height:27px;}
.new_p_left ul li dl dd a:hover{ color:#0a48af;}
.new_p_left ul li dl dd a i{ width:6px; height:5px; float:left; background:url(../images/col_dd.png) center no-repeat; margin:11px 8px 11px 18px;}

.new_p_right{ width:74%; float:right;}
.new_p_name{ margin:0 0 20px 0; font-size:18px; color:#fff; line-height:48px; background:#0a48af;}
.new_p_name i{ width:24px; height:24px; float:left; background:url(../images/new_p_name.png) center no-repeat; margin:12px 9px 12px 19px;}
.new_p_name a{ float:right; font-size:12px; color:#fff; line-height:48px; margin:0 20px 0 0;}
.new_p_name a:hover{ text-decoration:none; color:#eee;}
.new_product{ width:100%; margin:0 auto;}
.new_product ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.new_product ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.new_product ul li img{ width:100%;}
.new_product ul li strong{ font-size:14px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; background:#f0f0f0;}
.new_product ul li a{  border:1px solid #e0e0e0; box-sizing:border-box; box-shadow:0 5px 8px #e0e0e0;color:#333;; display:block;}
.new_product ul li a:hover{ text-decoration:none; color:#0a48af; border:#0a48af 1px solid; box-shadow:0 5px 8px rgba(35,76,150,0.7);}

/*why*/
.why_name{ background:#f0f0f0; padding:16px 0; border-bottom:#0a48af 4px solid; text-align:center; margin:0 0 30px 0;}
.why_name .eng_title{ font-size:36px; line-height:50px; color:#0a48af; font-weight:bold;}
.why_name .chin_title{ font-size:22px; line-height:36px; color:#666; width:472px; margin:0px auto; background:url(../images/name_xian.png) no-repeat top center;}
.why_img{ width:100%; height:1119px; background:url(../images/why.jpg) bottom center no-repeat; position:relative;}
.why_img .why_img_txt{ position:absolute; width:570px; padding-left:76px;}
.why_img .why_img_txt .why_img_txt_x{ position:absolute; left:0; top:0; width:60px; height:60px; background-color:#0a48af; border-radius:50%;}
.why_img .why_img_txt .why_img_txt_x i{ display:block; margin:4px; width:48px; height:48px; border-radius:50%; border:2px solid rgba(255,255,255,1); font-size:36px; line-height:45px; text-align:center; color:#fff; font-weight:600;}
.why_img .why_img_txt h2{ font-size:30px; line-height:38px; color:#000; padding-bottom:33px; background:url(../images/why_x1.png) left bottom no-repeat; position:relative; margin:0 0 11px 0;}
.why_img .why_img_txt h2 span{ position:absolute; left:10px; bottom:0; font-size:12px; text-transform:uppercase; line-height:20px; color:#FFF;}
.why_img .why_img_txt h2.hx1{ background:url(../images/why_x2.png) left bottom no-repeat;}
.why_img .why_img_txt p{ font-size:18px; line-height:34px; color:#000;}
.why_img .why_img_txt p.why1{ width:520px;}
.why_img .why_img_txt p.why2{ width:560px;}
.why_img .why_img_txt p.why3{ width:540px;}
.why_img .why_img_txt p.why3 span{ display:block; font-size:24px; color:#0a48af; line-height:30px; margin:0 0 20px 0;}
.why_t1{ left:1px; top:12px;}
.why_t2{ right:-31px; top:364px;}
.why_t3{ left:1px; top:696px;}


/*liucheng*/
.lc_name{ width:17%; float:left; background:#0a48af; font-size:22px; color:#fff; text-align:center; line-height:32px; padding:88px 0 89px 0; position:relative;}
.lc_name:before, .lc_name:after{ content:""; position:absolute; width:72px; height:70px;}
.lc_name:before{ right:0; top:0; background:url(../images/lc_r_top.png);}
.lc_name:after{ left:0; bottom:0; background:url(../images/lc_l_bottom.png);}
.lc_sming{ width:79%; float:right; background:#f2f2f2; text-align:center; padding:23px 2%;}
.lc_sming img{ max-width:100%;}

/*whole_hearted*/
.whole_hearted{ margin:32px auto; background:url(../images/wholebg.png) right bottom no-repeat; border-bottom:#0a48af 4px solid;}
.whole{ width:17%; float:left;}
.whole img{ width:100%;}
.whole_wz{ width:11%; float:left; margin:0 2.8% 0 2.2%;}
.whole_wz b{ color:#0a48af; font-size:42px; line-height:52px; margin:12px 0 6px 0; display:block;}
.whole_wz p{ border:#a8a8a8 1px solid; border-left:none; border-right:none; font-size:14px; color:#525252; line-height:25px; padding:5px 0 10px 0;}
.whole_wz p span{ font-size:12px; color:#ccc; line-height:14px; display:block;}
.hearted{ float:right; width:67%;}
.hearted ul{ overflow:hidden;}
.hearted ul li{ float:left; width:23.5%; margin:0 2% 19px 0;}
.hearted ul li:nth-child(4n){ margin:0 0 19px 0;}
.hearted ul li a{ border:#ddd 1px solid; display:block;}
.hearted ul li img{ width:100%;}

/*customer*/
.customer{ background:#f7f7f7; border:#ddd 1px solid; border-bottom:#ddd 4px solid; padding:32px 20px 10px 20px;}
.customer .cus_name{ width:234px; margin:0 auto 24px auto; font-size:20px; color:#fff; line-height:80px; background:url(../images/cus_namebg.png) center no-repeat; text-align:center;}
.customer .work_piece{ width:100%; margin:0;}
.customer .work_piece ul{ overflow:hidden;}
.customer .work_piece ul li{ float:left; width:18.8%; margin:0 1.5% 22px 0;}
.customer .work_piece ul li:nth-child(5n){ margin:0 0 22px 0;}
.customer .work_piece ul li img{ width:100%;}

/*about_us*/
.honor{ float:left; width:28%; border:#ddd 1px solid; position:relative;}
.honor:before, .honor:after, .honor i:before, .honor i:after{ content:""; position:absolute; width:9px; height:10px;}
.honor:before{ left:-1px; top:-1px; background:url(../images/honor_l_top.jpg);}
.honor:after{ right:-1px; top:-1px; background:url(../images/honor_r_top.jpg);}
.honor i:before{ left:-1px; bottom:-1px; background:url(../images/honor_r_bottom.jpg);}
.honor i:after{ right:-1px; bottom:-1px; background:url(../images/honor_l_bottom.jpg);}
.honor .hon_name{ width:88%; margin:18px auto 10px auto; font-size:22px; color:#0a48af; line-height:30px;}
.honor .hon_nr{ width:88%; margin:10px auto 20px auto;}
.honor .hon_nr img{ width:100%;}

.company{ float:right; width:68%;}
.company .com_name{ width:130px; font-size:22px; color:#0a48af; line-height:44px; text-align:center; background:url(../images/com_name.png) center no-repeat; padding:6px 4px 0 0;}
.company .com_py{ font-size:14px; color:#666; line-height:25px; margin:18px 0 42px 0;}
.company .com_more{ width:128px;}
.company .com_more a{ background:#0a48af; display:block; font-size:14px; color:#fff; line-height:36px; text-align:center; border-radius:18px;}
.company .com_more a:hover{ text-decoration:none; color:#eee;}

/*services*/
.services{ border:#ddd 1px solid; margin:0; overflow:hidden;}
.services .ser_left{ float:left; width:15%; background:url(../images/services_namebg.png) right center no-repeat; font-size:22px; color:#fff; text-align:center; line-height:32px; padding:50px 12px 50px 0;}
.services .ser_right{ float:right; width:81%; font-size:14px; color:#666; line-height:26px; padding:16px 0;}
.services .ser_right big{ font-size:18px; color:#0a48af; line-height:26px;}
.services .ser_right p{ background:url(../images/add.png) left center no-repeat; margin:10px 0 0 0; padding:0 0 0 29px;}
.services .ser_right p.s_c2{background:url(../images/tel.png) left center no-repeat;}

/*links*/
.links{ margin:30px auto; font-size:14px; line-height:22px;}
.links b{ font-size:18px; color:#0a48af;}
.links a{ color:#666; margin:0 0 0 12px;}
.links a:hover{ text-decoration:none; color:#0a48af;}

/*footer_nav*/
.footer_nav{ background:#20262a;}
.footer_nav .footer_nav_compat{ max-width:1185px; margin:0 auto; overflow:hidden;}
.footer_nav .footer_nav_compat .footer_nav_l{ float:left; margin:27px 0;}
.footer_nav .footer_nav_compat .footer_nav_l a{ font-size:15px; color:#fff; line-height:26px; margin:0 8px;}
.footer_nav .footer_nav_compat .footer_nav_l a:hover{ text-decoration:none; color:#0a48af;}
.footer_nav .footer_nav_compat .footer_nav_r{ float:right; margin:8px 0;}
.footer_nav .footer_nav_compat .footer_nav_r .f_nav_l{ float:left; font-size:13px; color:#999; text-align:right; line-height:21px; margin:11px 0 0 0;}
.footer_nav .footer_nav_compat .footer_nav_r .f_nav_r{ float:right; width:64px; margin:0 0 0 16px;}
.footer_nav .footer_nav_compat .footer_nav_r .f_nav_r img{ max-width:100%;}

/*footer*/
.footer{ max-width:1185px; margin:0 auto; overflow:hidden; padding:17px 0;}
.footer .footer_left{ float:left; font-size:14px; color:#333; line-height:22px;}
.footer .footer_left a{ color:#333; margin:0 0 0 16px;}
.footer .footer_left a:hover{ text-decoration:none; color:#0a48af;}
.footer .footer_right{ float:right; font-size:14px; color:#666; line-height:22px;}


/*ny_banner*/
.banner{ width:100%; margin:0; overflow:hidden;}
.banner .pic_yi{ width:100%; margin:0;}
.banner .pic_er{ display:none;}
.banner img{ width:100%;}

/*content*/
.content{ max-width:1185px; margin:32px auto; *zoom:1;}
.content:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*product*/
.ny_p_left{ width:23%; float:left;}
.ny_p_left b{ background:#0a48af; display:block; text-align:center; border-radius:10px 10px 0 0; font-size:18px; color:#fff; line-height:24px; padding:12px 0 14px 0; position:relative;}
.ny_p_left b span{ display:block; font-size:14px; font-weight:normal; text-transform:uppercase;}
.ny_p_left b:before{ content:""; position:absolute; width:280px; height:53px; right:0; top:0; background:url(../images/p_n_af.png);}
.ny_p_left b:after{ content:""; position:absolute; width:280px; height:3px; left:50%; bottom:2px; background:url(../images/p_n_bf.png); margin:0 0 0 -140px;}
.ny_p_left ul{ border:#cdcdcd 1px solid; border-top:none; padding:10px;}
.ny_p_left ul li{ background:#0a48af; margin:0 0 2px 0;}
.ny_p_left ul li:last-child{ margin:0;}
.ny_p_left ul li a{ font-size:16px; color:#fff; line-height:41px; display:block;}
.ny_p_left ul li a:hover{ text-decoration:none; color:#eee;}
.ny_p_left ul li a i{ width:13px; height:13px; float:left; background:url(../images/col_li.png) center no-repeat; margin:14px;}
.ny_p_left ul li dl{ background:#fff;}
.ny_p_left ul li dl dd{ border-bottom:#ccc 1px dashed;}
.ny_p_left ul li dl dd a{ font-size:14px; color:#666; line-height:35px;}
.ny_p_left ul li dl dd a:hover{ color:#0a48af;}
.ny_p_left ul li dl dd a i{ width:6px; height:5px; float:left; background:url(../images/col_dd.png) center no-repeat; margin:15px 8px 15px 18px;}

.ny_p_right{ width:74%; float:right;}
.prod_name{ border:#e0e0e0 1px solid; margin:0 0 20px 0; font-size:18px; color:#0a48af; font-weight:bold; line-height:45px; box-shadow:0 5px 8px #e0e0e0; padding:0 0 0 18px;}
.products{ width:100%; margin:0 auto;}
.products ul li{ float:left; width:31.4%; margin:0 2.9% 2.9% 0;}
.products ul li:nth-child(3n){ margin:0 0 2.9% 0;}
.products ul li img{ width:100%;}
.products ul li strong{ font-size:14px; line-height:48px; text-align:center; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; background:#f0f0f0;}
.products ul li a{  border:1px solid #e0e0e0; box-sizing:border-box; box-shadow:0 5px 8px #e0e0e0;color:#333;; display:block;}
.products ul li a:hover{ text-decoration:none; color:#0a48af; border:#0a48af 1px solid; box-shadow:0 5px 8px rgba(35,76,150,0.7);}

.p_tuijian{ width:100%; margin:20px auto 0 auto; overflow:hidden;}
.p_tuijian .p_t_name{ border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 20px 0; font-size:16px; color:#0a48af; font-weight:bold; line-height:22px;}
.p_tuijian dl{ border-bottom:1px dotted #ddd; margin:0 0 18px 0; padding:0 0 18px 0; overflow:hidden;}
.p_tuijian dl dt{ float:left; width:40%;}
.p_tuijian dl dt img{ width:100%;}
.p_tuijian dl dd{ float:right; width:56%;}
.p_tuijian dl dd b{ font-size:14px; color:#333; line-height:20px; margin:0 0 6px 0; display:block;}
.p_tuijian dl dd p{ font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.p_tuijian dl dd a{ color:#666;}
.p_tuijian dl dd a:hover{ text-decoration:none; color:#0a48af;}	
.p_tuijian ul{ overflow:hidden;}
.p_tuijian ul li{ width:48%; float:left; margin:0 4% 0 0; line-height:36px; height:36px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.p_tuijian ul li:nth-child(2n){ margin:0;}
.p_tuijian ul li a{ background:url(../images/news_tb.png) no-repeat left center; color:#666; font-size:14px; padding-left:15px;}
.p_tuijian ul li a:hover{ color:#0a48af; text-decoration:none;}
.p_tuijian ul li span{ color:#999; margin:0 10px 0 0;}

.products_title{ width:100%; margin:22px auto; overflow:hidden;}
.game163{ width:420px; float:left;}
.game163 .bigImg{ position:relative;}
.game163 .bigImg li img{ width:420px; height:420;}
.game163 .smallScroll{ height:75px; margin-top:8px;}
.game163 .sPrev,.game163 .sNext{ float:left; display:block; width:24px; height:75px; text-indent:-9999px;background:url(../images/pro_next.jpg) no-repeat 0 -5px; }
.game163 .sNext{ background-position:-26px -5px;}
.game163 .smallImg{ float:left; margin:0 6px; display:inline; width:356px; overflow:hidden;}
.game163 .smallImg ul{ height:75px; width:9999px; overflow:hidden; }
.game163 .smallImg li{ float:left; padding:0 7px; width:75px; cursor:pointer; display:inline;}
.game163 .smallImg img{ border:2px solid #f2f2f2; width:71px; height:71px;}
.game163 .smallImg .on img{ border:2px solid #0a48af;}
.pro_sj{ display:none;}

div.jqZoomTitle{ z-index:5000;	text-align:center;	font-size:11px;	height:16px; 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; background-color:white; padding:8px; text-align:center; background-image:url(../images/zoomloader.gif); background-repeat:no-repeat; background-position:43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px;}
.jqZoomWindow{	border:1px solid #f0f0f0; background-color:#fff;}

.xq_right{ float:right; width:48%;}
.xq_right .pp_name{ font-size:16px; color:#0a48af; line-height:24px; font-weight:bold; border-bottom:#ccc 1px dotted; margin:0 0 12px 0; display:block; padding:0 0 8px 0;}
.xq_right .pp_jianj{ font-size:14px; color:#666; line-height:25px;}
.xq_right .pp_lx{ margin:12px 0 0 0;}
.xq_right .pp_lx a{ background:#f4f4f4; display:block; padding:8px 10px; font-size:16px; color:#0a48af; line-height:22px; margin:0 0 6px 0;}
.xq_right .pp_lx a:hover{ text-decoration:none; color:#fe500b;}

.products_detail_two{ width:100%; display:block; height:auto; overflow:hidden; margin:24px auto; background:#fff;}
.products_detwo_titel{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; height:36px; line-height:36px;}
.products_detwo_titel a{ cursor:pointer; float:left; font-size:16px; text-align:center; display:block; height:36px; border-right:solid 1px #ddd; padding:0 5%; color:#333;}
.products_detwo_titel a.cur,.products_detwo_titel a:hover{ color:#fff; background:#0a48af; text-decoration:none;}
.products_decon{ width:100%; margin:0 auto;}
.pro_con{ display:none; padding-top:16px; font-size:14px; color:#666; line-height:25px;}
.pro_con img{ max-width:100%;}
.pro_con table{ border-collapse:collapse; border:none;}
.pro_con td{ border:solid #ddd 1px; padding:0 0 0 6px; font-size:14px; color:#666; line-height:25px;}

.pro_xiangguan{ width:100%; margin:24px auto; background:#f4f4f4; line-height:32px; border-bottom:#ccc 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#0a48af; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ width:100%; margin:24px auto 0 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 span{ border:#ddd 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#0a48af 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#0a48af;}

/*ny_nav*/
.ny_nav{ width:100%; margin:0 auto 26px auto;}
.ny_nav ul{ overflow:hidden;}
.ny_nav ul li{ width:16.666666666667%; float:left;}
.ny_nav ul li a{ border:#e0e0e0 1px solid; display:block; font-size:16px; color:#333; line-height:45px; text-align:center;}
.ny_nav ul li:hover a, .ny_nav ul li a.hottd{ text-decoration:none; background:#0a48af; font-weight:bold; color:#fff;}

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

.shili{ width:100%; margin:0;}
.shili ul{ overflow:hidden;}
.shili ul li{ width:23.5%; float:left; margin:0 2% 2% 0;}
.shili ul li:nth-child(4n){ margin:0 0 2% 0;}
.shili ul li img{ width:100%;}
.shili 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;}
.shili ul li a{ color:#333; border:#eee 1px solid; padding:1%; display:block;}
.shili ul li a:hover{ text-decoration:none; color:#0a48af;}

.partner{ width:100%; margin:0;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.partner ul li:nth-child(5n){ margin:0 0 2% 0;}
.partner ul li a{ border:#eee 1px solid; display:block; overflow:hidden;}
.partner ul li img{ width:100%;}

.ny_news{ width:100%; margin:0;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ margin:0 0 20px 0; overflow:hidden; padding:0 0 16px 0; border-bottom:#ccc 1px dotted;}
.ny_news ul li .news_left{ float:left; width:68%;}
.ny_news ul li .news_left h3{ font-size:16px; color:#0a48af; font-weight:bold; line-height:20px;}
.ny_news ul li .news_left h4{ margin:3px 0 10px 0; font-size:14px; color:#999; line-height:18px;}
.ny_news ul li .news_left h4 font{ color:#666;}
.ny_news ul li .news_left h5{ font-size:14px; color:#666; line-height:25px; margin:0 0 10px 0;}
.ny_news ul li .news_left a{ background:#ccc; border-radius:0 10px; padding:6px 16px; box-shadow:0 3px 0 #999; font-size:14px; color:#666; line-height:25px;}
.ny_news ul li .news_left a:hover{ background:#0a48af; text-decoration:none; color:#fff;}
.ny_news ul li .news_right{ float:right; width:14%; background:#666; border-radius:0 10px; font-size:14px; color:#fff; line-height:25px; text-align:center; padding:12px 0;}

.news_name{ width:100%; text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 26px 0;}
.news_name h3{ font-size:20px; color:#333; line-height:25px; margin:0 0 6px 0;}
.news_name h4{ color:#999; font-size:14px; line-height:26px;}
.news_name h4 span{ border-right:#ccc 1px solid; padding:0 12px 0 0; margin:0 12px 0 0;}

.news_xq{ width:100%; color:#333; font-size:14px; line-height:24px;}
.news_xq img{ max-width:100%; margin:0 2% 2% 0;}

/*video*/
.video{ width:100%; margin:0; overflow:hidden;}
#spa{ width:100%;}
#spa:after{ width:100%; visibility:hidden;}
#spa li{ float:left; width:22.5%; margin:0 2% 2% 0; padding:0.5% 0.5% 0px 0.5%; background:#eee; position:relative; cursor:pointer;}
.spa li{ width:23.5% !important;}
#spa>a:nth-child(4n) li{ margin:0 0 2% 0;}
#spa li:before{ content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/sp.png) center center no-repeat; transition:0.5s; opacity:0;}
.spa li:before{ height:auto !important;}
#spa li:hover:before{ opacity:0.8;}
#spa li>img{ width:100%; height:auto;}
.spa li>img{ height:auto !important;}
#spa li>p{ line-height:42px; color:#333; text-align:center; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#spa li:hover>p{ color:#fff;}
#spa li:hover{ background:#0a48af;}
#sp{ position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-200px; width:800px; height:auto; background:#000; z-index:2; transition:0.3s; transform:scale(0);}
#spxx{ position:absolute; top:-10px; right:-10px; cursor:pointer; z-index:3;}

/*feedback*/
.messages_box{ width:100%; margin:0;}
.messages_box ul{ overflow:hidden;} 
.messages_box ul li{ padding:5px 28px 5px 5px;}
.messages_box .text-input,.messages_box .summary-input,.messages_box .qq-input{ width:100%; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .cont-input{ width:100%; height:130px; padding:10px; line-height:20px; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important; font-size:14px;}
.messages_box .code-input{ width:125px; vertical-align:middle; height:33px; padding:0px 10px; line-height:normal; background:none repeat scroll 0% 0% rgb(253, 253, 253); border-width:1px; border-style:solid; border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.messages_box .verify-pic{ height:35px; vertical-align:middle;}
.messages_box .submitBtn{ text-align:center; padding-top:10px;}
.messages_box .messages-button{ width:125px; height:34px; line-height:34px; font-size:16px; color:#fff; text-align:center; background:none repeat scroll 0% 0% #81c8dc; border:none; cursor:pointer;}

/*ny_contact*/
.ny_contact{ width:100%; margin:0; overflow:hidden;}
.ny_contact .ny_cont_left{ float:left; width:40%; font-size:14px; color:#525252; line-height:25px;}
.ny_contact .ny_cont_right{ float:right; width:59%;}





/*添加样式*/
    .new_bg{width:100%;display:table;background:#f5f5f5;margin:30px auto;padding:20px 0;}
    .new_z{width:48%;float:left;display:table;}
    .new_z>span{display:table;line-height:30px;font-weight: bold;font-size:18px;}
    .new_z>span{display:table;line-height:30px;height:50px;line-height:50px;border-bottom:1px solid #ddd;width:100%; margin-bottom: 10px;}
    .new_z>span i{display:table;font-style: normal;float:right;text-transform: uppercase;}
    .new_z .new_z_bg img{width:22%;float:left;margin-right:15px;}
    .new_z .new_z_bg>span{display:table;float:left;width:65%;}
    .new_z .new_z_bg span>h3{margin-bottom: 4px;display:table;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: bold;} 
    .new_z .new_z_bg span i{display:table;font-size:12px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:100%;margin-top:10px;line-height:25px;}
    .new_z .new_z_bg span>a {display: table;background: #0a48af;font-size: 12px;padding: 2px 21px; margin-top: 10px;border-radius: 10px;color: #fff;}
    ul.new_body{display:table;width:100%;margin-top:20px;}
    ul.new_body li { width: 100%;display: table;margin-bottom: 10px;border-bottom: 1px solid #ddd;line-height: 30px;}
    ul.new_body li h3{width:60%;float:left;font-size:12px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    ul.new_body li em{display:table;float:right;}
    .new_y{width:48%;float:right;display:table;}
    .new_y>span{display:table;line-height:30px;font-size:18px;font-weight: bold;}
    .new_y>span{display:table;line-height:30px;height:50px;line-height:50px;border-bottom:1px solid #ddd;width:100%; margin-bottom: 10px;}
    .new_y>span i{display:table;font-style: normal;float:right;text-transform: uppercase;}
    .new_y .new_z_bg img{width:22%;float:left;margin-right:15px;}
    .new_y .new_z_bg>span{display:table;float:left;width:65%;}
    .new_y .new_z_bg span>h3{margin-bottom: 4px;display:table;font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-weight: bold;} 
    .new_y .new_z_bg span i{display:table;font-size:12px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:100%;margin-top:10px;line-height:25px;}
    .new_y .new_z_bg span>a {display: table;background: #0a48af;font-size: 12px;padding: 2px 21px; margin-top: 10px;border-radius: 10px;color: #fff;}