@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:#333; font-size:14px; font-family:微软雅黑;}
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% 微软雅黑; 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:#333; text-decoration:none;}
a:hover { color:#fe0000; text-decoration:underline; }
.fl{ float:left;}
.fr{ float:right;}
html{ overflow-x:hidden;}

/*head_top*/
.head_top{ background:#f4f4f4; border-top:#0769b2 2px solid;}
.head_top dl{ width:1160px; margin:0 auto; overflow:hidden;}
.head_top dl dd{ float:left; font-size:12px; color:#666; line-height:33px;}
.head_top dl dt{ float:right; line-height:33px;}
.head_top dl dt img{ margin:10px 16px 0 0;}
.head_top dl dt a{ font-size:12px; color:#666;}
.head_top dl dt span{ margin:0 8px;}

.head_nav{ width:1160px; margin:32px auto; overflow:hidden;}
.head_nav h1{ width:282px; float:left; margin:9px 0 0 0;}
.head_nav h1 img{ width:100%;}
.head_nav .guanggao{ width:456px; float:left; border-left:#ccc 1px solid; font-weight:bold; font-size:26px; line-height:28px; color:#333; padding:0 0 0 16px; margin:16px 0 0 16px;}
.head_nav .guanggao i{ display:block; font-size:16px; color:#fe0000; line-height:20px; margin:8px 0 0 0;}
.head_nav .guanggao i b{ display:inline-block; font-weight:normal; background:url(../images/gou.png) no-repeat left center; padding:0 10px 0 20px;}
.head_nav .rexian{ float:right; text-align:right; font-size:17px; font-weight:bold; color:#525252; line-height:22px;}
.head_nav .rexian font{ font-size:35px; color:#fe0000; display:block; font-family:Arial; line-height:35px; margin:4px 0 0 0;}
.head_nav .rexian img{ margin:2px 6px 0 0;}
.head_nav .rexian span{ font-size:19px; color:#fe0000; display:block; line-height:20px; margin:3px 0 0 0;}

/*nav*/
.header{ width:100%; background:#0769b2;}
.nav{ font-size:0px; width:1160px; margin:0 auto;}
.nav .m{ position:relative; width:166px; display:inline-block; z-index:10;}
.nav .m:last-child{ width:164px;}
.nav li a{ display:block; font-size:16px; color:#fff; text-align:center; line-height:50px;}
.nav li:hover a, .nav li a.hort{ text-decoration:none; background:#fe0000;}
.nav .sub{ width:256px; position:absolute; left:0; top:50px; background:#fe0000;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#fff; display:block; font-size:14px; line-height:26px; padding:8px 0 8px 12px; text-align:left; border-bottom:#e90000 1px solid;}
.nav .sub li a:hover{ text-decoration:none; background:#e90000;}

/*banner*/
#flashs{ position:relative; height:500px;overflow:hidden;}
#flashs .bgitem{ position:absolute; top:0; left:0;}
#flashs .btn{ position:absolute; z-index:7; bottom:8px; right:50%; margin-right:-586px; padding:0 6px;}
#flashs .btn span{ color:#fff; background:#0769b2; border:1px solid #0769b2; cursor:pointer; display:inline-block; margin-left:5px; padding:2px 6px;}
#flashs .btn span.cur{ background:#0769b2; color:#fff;}

/*new_product*/
.new_product{ width:1160px; margin:30px auto; overflow:hidden;}
.new_product .mulv{ float:left; width:260px;}
.new_product .mulv .p_name{ background:url(../images/new_product_namebg.png) center top no-repeat; height:58px; font-size:24px; color:#fff; text-align:center; line-height:24px; padding:16px 0 0 0;}
.new_product .mulv .p_name span{ font-size:14px; line-height:20px; font-weight:normal; text-transform:uppercase; font-family:Arial; display:block; margin:6px 0 0 0;}
.new_product .mulv ul{ border:#ccc 1px solid; border-top:none; overflow:hidden; padding:12px 10px;}
.new_product .mulv ul li{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#1f78ba), to(#0769b2)); margin:0 0 9px 0;}
.new_product .mulv ul li a{ font-size:14px; color:#fff; line-height:38px; display:block; background:url(../images/mulv_jt.png) left center no-repeat; padding:0 0 0 22px; margin:0 0 0 7px; width:168px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.new_product .mulv ul li a:hover{ text-decoration:none; color:#ccc;}

.new_product .h_product{ float:right; width:868px;}
.new_product .h_product .pro_name{ background:#0769b2; overflow:hidden;}
.new_product .h_product .pro_name em{ color:#fff; float:left; margin:0 0 0 19px; font-size:24px; line-height:49px; background:url(../images/pro_name_jt.png) left center no-repeat; padding:0 0 0 33px;}
.new_product .h_product .pro_name a{ float:right; font-size:12px; color:#fff; margin:0 20px 0 0; line-height:49px;}
.new_product .h_product .product_nrong{ width:100%;}
.new_product .h_product .product_nrong ul{ overflow:hidden;}
.new_product .h_product .product_nrong ul li{ width:274px; border:#ccc 1px solid; margin:20px 20px 0 0; float:left; text-align:center; position:relative;}
.new_product .h_product .product_nrong ul li:nth-child(3n){ margin:20px 0 0 0;}
.new_product .h_product .product_nrong ul li img{ width:100%;}
.new_product .h_product .product_nrong ul li font{ line-height:30px; display:block; position:absolute; bottom:0; left:0; background:rgba(219, 219, 219, 0.8); width:100%; font-size:14px; color:#000;}
.new_product .h_product .product_nrong ul li:hover font{ background:#0769b2; color:#fff;}

/*center_banner*/
.center_banner{ width:100%; height:119px; background:url(../images/center.png) top center no-repeat; margin:30px auto; overflow:hidden;}

/*youshi*/
.youshi{ width:1160px; margin:52px auto;}
.exp{ width:100%; margin:0; overflow:hidden;}
.exp dl{ width:560px; overflow:hidden; float:left;}
.exp dt{ font-size:32px; font-weight:bold; color:#fe0000; font-style:italic; margin-top:16px;}
.exp dt em{ font-size:24px; color:#333; font-weight:normal; font-style:italic;}
.exp dt i{ display:block; font-size:52px; font-family:Arial; text-transform:uppercase; color:#ddd; font-style:italic; font-weight:normal;}
.exp dt b{ font-size:14px; font-family:Arial; text-transform:uppercase; color:#ddd; font-style:italic; display:block; font-weight:normal; margin-top:-5px;}
.exp dd{ margin-top:20px;}
.exp dd p{ font-size:16px; line-height:28px; background:url(../images/exp_dot.gif) no-repeat left 10px; padding-left:20px; color:#555; width:520px;}
.exp h2{ width:520px; float:right;}
.exp h2 img{ width:520px; height:387px;}

.team{ width:100%; margin:0; overflow:hidden;}
.team dl{ float:right; width:510px;}
.team dt{ font-size:32px; font-weight:bold; color:#fe0000; font-style:italic; margin-top:16px;}
.team dt em{ display:block; font-size:24px; color:#333; font-weight:normal; font-style:italic;}
.team dd em a{ display:block; width:245px; font-size:16px; font-weight:bold; text-align:center; line-height:46px; color:#fff; overflow:hidden; background:#fe0000; margin:30px 0 0 20px; border-radius:3px;}
.team dt i{ display:block; font-size:52px; font-family:Arial; text-transform:uppercase; color:#ddd; font-style:italic; font-weight:normal;}
.team dt b{ font-size:14px; font-family:Arial; text-transform:uppercase; color:#ddd; font-style:italic; display:block; font-weight:normal; margin-top:-5px;}
.team dd{ margin-top:20px;}
.team dd p{ font-size:16px; line-height:28px; background:url(../images/exp_dot.gif) no-repeat left 10px; padding-left:20px; color:#555; width:470px;}
.team h2{ width:565px; float:left;}
.team h2 img{ width:565px; height:395px;}

/*case*/
.case_width{ width:100%; background:#f4f4f4; overflow:hidden; margin:30px auto;}
.case{ max-width:380px; margin:30px auto; position:relative; border-bottom:#a0a0a0 1px solid; height:59px;}
.case .case_box{ position:absolute; width:100%;}
.case .case_name{ color:#0769b2; font-size:24px; font-weight:bold; border-bottom:#0769b2 3px solid; line-height:58px; margin:0 30%; text-align:center;}

.case_xinlai{ width:1160px; margin:0 auto;}
.case_xinlai ul li{ float:left; margin:0 20px 0 0;}
.case_xinlai ul li:nth-child(4n){ margin:0;}
.case_xinlai ul li img{ width:275px;}
.case_xinlai ul li big{ display:block; font-size:15px; color:#525252; line-height:20px; padding:10px 0; overflow:hidden; transition:all .5s;}
.case_xinlai ul li a{ display:block;}
.case_xinlai ul li:hover a{ text-decoration:none; background:#f8f8f8; box-shadow:0 3px 5px #ddd;}
.case_xinlai ul li:hover big{ padding:10px 0 10px 10px;}

.case_more{ width:100%; margin:18px auto 30px auto;}
.case_more a{ font-size:15px; color:#fe0000; line-height:20px; display:block; text-align:center;}
.case_more a:hover{ text-decoration:none; color:#0769b2;}

/*about_us*/
.about_us{ width:100%; background:url(../images/aboutbg.jpg) center center no-repeat; overflow:hidden; margin:52px auto;}
.about_width{ width:1160px; margin:0 auto; overflow:hidden;}
.about_width .about_right{ width:50%; float:right;}
.about_width .about_right p{ font-size:24px; color:#fff; margin:40px 0 20px 40px; font-weight:bold; line-height:32px;}
.about_width .about_right p.wznr{ font-size:16px; color:#eee; margin:0 0 0 40px;; line-height:27px; font-weight:normal;}
.about_width .about_right span{ display:block; background:#fe0000; width:188px; margin:28px 0 40px 40px; border-radius:3px;}
.about_width .about_right span a{ font-size:16px; font-weight:bold; color:#fff; line-height:46px; display:block; text-align:center;}
.about_width .about_right span a img{ width:28px; height:16px; margin:15px 0 0 12px;}

/*news_faq*/
.news_faq{ width:1160px; margin:30px auto; overflow:hidden;}
.news_faq .news{ float:left; width:748px;}
.news_faq .news .news_name{ background:#0769b2; overflow:hidden;}
.news_faq .news .news_name h1{ float:left; font-size:24px; color:#fff; line-height:44px; margin:0 0 0 20px;}
.news_faq .news .news_name a{ float:right; margin:0 20px 0 0; font-size:12px; color:#fff; line-height:44px;}

.news_faq .news .news_nrong{ width:100%; background:url(../images/news_right.jpg) top right no-repeat; margin:20px 0 0 0;}
.news_faq .news .news_nrong .one_ns{ width:97%; font-size:14px; color:#666; line-height:22px; padding:0 3% 0 0; overflow:hidden;}
.news_faq .news .news_nrong .one_ns img{ float:left; border:#ccc 1px solid; padding:2px; width:196px; height:118px; margin:0 16px 0 0;}
.news_faq .news .news_nrong .one_ns span{ font-size:14px; color:#333; display:block; font-weight:bold; margin:0 0 5px 0;}
.news_faq .news .news_nrong .one_ns a{ color:#666;}
.news_faq .news .news_nrong .one_ns a:hover{ text-decoration:none; color:#888;}
.news_faq .news .news_nrong ul{ overflow:hidden; margin:6px 0 0 0;}
.news_faq .news .news_nrong ul li{ float:left; width:48%; background:url(../images/news_tb.png) left center no-repeat; padding:0 0 0 2%;}
.news_faq .news .news_nrong ul li a{ font-size:14px; color:#333; line-height:33px; font-weight:bold;}
.news_faq .news .news_nrong ul li a:hover{ text-decoration:none; color:#525252;}

.news_faq .faq{ float:right; width:412px;}
.news_faq .faq .faq_name{ background:#fe0000; overflow:hidden;}
.news_faq .faq .faq_name h1{ float:left; font-size:24px; color:#fff; line-height:44px; margin:0 0 0 20px;}
.news_faq .faq .faq_name a{ float:right; margin:0 20px 0 0; font-size:12px; color:#fff; line-height:44px;}

.news_faq .faq .faq_nrong{ border-bottom:#ccc 1px solid; margin:0 0 0 20px; padding:20px 0;}
.news_faq .faq .faq_nrong .faq_biaoti{ margin:0 0 10px 0; font-size:14px; color:#333; line-height:23px; font-weight:bold;}
.news_faq .faq .faq_nrong .faq_biaoti font{ background:#0769b2; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-weight:normal; font-family:Arial; margin:0 12px 0 0;}
.news_faq .faq .faq_nrong .faq_sming{ margin:0 0 10px 0; font-size:14px; color:#666; line-height:23px;}
.news_faq .faq .faq_nrong .faq_sming font{ background:#fe0000; font-size:16px; color:#fff; line-height:23px; width:23px; height:23px; display:block; text-align:center; float:left; font-family:Arial; margin:0 12px 0 0;}

/*f_menu*/
.f_menu{ background:#0769b2; text-align:center; color:#fff; line-height:43px; font-size:14px; overflow:hidden;}
.f_menu a{ line-height:43px; color:#fff; margin:0 6px; font-size:14px; font-weight:bold;}

/*footer*/
.footer{ width:1160px; margin:22px auto; overflow:hidden; text-align:center; color:#666; font-size:12px; line-height:24px;}
.footer a{ font-size:12px; color:#666; margin:0 4px;}


/*h_content*/
.h_content{ width:100%; margin:0; overflow:hidden; background:#f4f4f4;}

/*ny_banner*/
.ny_banner{ width:100%; margin:0; height:236px; background:url(../images/ny_banner1.jpg) center center no-repeat;}

/*content*/
.content{ width:1110px; margin:0 auto 42px auto; overflow:hidden; background:#fff; padding:0 25px 25px 25px;}
.content .cont_left{ width:256px; float:left; margin:25px 0 0 0;}
.content .cont_left h2{ background:url(../images/cont_lbg.jpg) left center no-repeat; font-size:21px; color:#fff; line-height:56px; padding:5px 0 0 20px;}
.content .cont_left ul{ overflow:hidden;}
.content .cont_left ul li{ border-bottom:#ccc 1px solid;}
.content .cont_left ul li a{ font-size:14px; color:#333; line-height:50px; display:block; padding:0 0 0 20px;}
.content .cont_left ul li a:hover, .content .cont_left ul li a.hrtt{ text-decoration:none; color:#0769b2; background:url(../images/jiantou.png) 236px center no-repeat;}

.content .cont_right{ float:right; width:808px;}
.content .cont_right .cont_r_name{ border-bottom:#ccc 1px solid; padding:20px 0 0 0; overflow:hidden; margin:0 0 25px 0;}
.content .cont_right .cont_r_name h3{ float:left; font-size:18px; color:#000; line-height:40px;}
.content .cont_right .cont_r_name h4{ float:right; font-size:12px; color:#666; line-height:40px;}
.content .cont_right .cont_r_name h4 a{ color:#666;}

/*profiles*/
.profiles{ font-size:14px; color:#666; line-height:25px;}
.profiles img{ max-width:100%;}

.gongchang{ width:100%; margin:0 auto;}
.gongchang ul{ overflow:hidden;}
.gongchang ul li{ float:left; width:256px; margin:0 20px 20px 0;}
.gongchang ul li:nth-child(3n){ margin:0 0 20px 0;}
.gongchang ul li img{ width:100%;}
.gongchang ul li font{ display:block; margin:4px 0 0 0; text-align:center;}
.gongchang ul li a{ line-height:25px;}
.gongchang ul li a:hover{ text-decoration:none;}

/*products*/
.products{ width:100%; margin:0; font-size:14px; color:#666; line-height:25px;}
.products ul{ overflow:hidden;}
.products ul li{ width:392px; border:#ccc 1px solid; margin:0 20px 20px 0; float:left; text-align:center; position:relative;}
.products ul li:nth-child(2n){ margin:0 0 20px 0;}
.products ul li img{ width:100%;}
.products ul li font{ line-height:30px; display:block; position:absolute; bottom:0; left:0; background:rgba(219, 219, 219, 0.8); width:100%; font-size:14px; color:#000;}
.products ul li:hover font{ background:#0769b2; color:#fff;}




/*ny_case*/
.ny_case{ width:100%; margin:0 auto;}
.ny_case ul{ overflow:hidden;}
.ny_case ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.ny_case ul li:nth-child(3n){ margin:0;}
.ny_case ul li img{ width:100%;}
.ny_case ul li big{ display:block; font-size:15px; color:#525252; line-height:20px; padding:6px 0; overflow:hidden; text-align:center;}




/*services*/
.services{ font-size:14px; color:#666; line-height:25px;}
.services img{ max-width:100%;}

/*contact*/
.contact{ font-size:14px; color:#666; line-height:25px;}
.contact img{ max-width:100%;}