@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: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:#333; text-decoration:none;}
a:hover{ color:#e70012; text-decoration:underline;}
.width_all{ max-width:1002px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.up_down{ margin:30px auto;}

/*head_top*/
.header{ background:#f4f4f4; width:100%; border-top:#1c2089 2px solid;}
.header .spain{ float:left; margin:8px 0; font-size:14px; color:#333; line-height:20px;}
.header .cnen{ float:right; margin:8px 0}
.header .cnen a{ margin:0 0 0 20px; background:url(../images/en.jpg) center left no-repeat; padding:0 0 0 28px; font-size:14px; color:#333; line-height:20px;}
.header .cnen a.c1{ background:url(../images/cn.jpg) center left no-repeat;}
.header .cnen a:hover{ text-decoration:none; color:#e70012;}

/*h_name*/
.h_name{ margin:30px auto;}
.h_name h1{ width:66px; float:left;}
.h_name h1 img{ width:100%;}
.h_name .c_name{ float:left; margin:6px 0 0 20px; font-size:17px; color:#333; line-height:22px;}
.h_name .c_name em{ display:block; font-size:30px; color:#000; line-height:30px; margin:0 0 7px 0;}
.h_name .c_sj_name{ display:none;}
.h_name .rexian{ float:right; text-align:right; font-size:17px; font-weight:bold; color:#333; line-height:22px; margin:6px 0 0 0;}
.h_name .rexian span{ font-size:32px; color:#e70012; display:block; font-family:Arial; line-height:32px; margin:5px 0 0 0;}
.h_name .rexian img{ margin:2px 6px 0 0; width:24px; height:20px;}

.nav{ width:100%; background:#1c2089; margin:0 auto;}
.nav ul{ font-size:0px;}
.nav li{ display:inline-block; position:relative; z-index:98; font-size:16px; width:143px; text-align:center;}
.nav li:last-child{ width:144px;}
.nav li p{ line-height:50px;}
.nav li p a{ display:block; transition:all 0.3s; color:#fff;}
.nav li:hover p a{ text-decoration:none; background:#fff; color:#000;}
.nav li a.current{ color:#fff; background:#e70012;}
.nav li dl{ visibility:hidden; position:absolute; left:0%; top:50px; width:188px; background:#fff; box-shadow:0 2px 3px #ccc; transition:all 0.3s; opacity:0; z-index:100;}
.nav li:hover dl{ visibility:visible; top:50px; opacity:1;}
.nav dd{ text-align:left;}
.nav dd a{ display:block; line-height:40px; font-size:14px; padding:0 0 0 16px; transition:all 0.3s;}
.nav dd:hover a{ color:#fff; background:#e70012; text-decoration:none;}
.nav dd{ position:relative; border-bottom:1px solid #ddd;}
.nav dd:last-child{ border:none;}
.menu{ display:none;}
.sub_menu{ 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:14px; height:14px; display:block; background:#333; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
.flex-control-paging li a:hover{ background:#e70012; }
.flex-control-paging li a.flex-active{ background:#e70012; 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%;}

/*b_rexian*/
.b_rexian{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/b_rexian.jpg) center no-repeat;}
.b_dianhua{ float:left; width:22%; text-align:right;}
.b_dianhua img{ width:52px; height:48px; margin:16px 15px 15px 0;}
.rxiang_c{ background:#fff; float:left; width:44%; border-right:#ddd 1px solid;}
.rxiang_c dl{ overflow:hidden; margin:20px 12% 19px 8%;}
.rxiang_c dl dd{ float:left; font-size:16px; color:#000; line-height:20px;}
.rxiang_c dl dd span{ color:#e70012;}
.rxiang_c dl dt{ float:right; font-size:32px; color:#1c2089; line-height:40px;}
.rxiang_m{ float:left; border-right:#ddd 1px dashed; padding:0 3.5% 0 1.5%; margin:14px 0;}
.rxiang_m a{ font-size:14px; color:#000; line-height:51px; display:block;}
.rxiang_m a:hover{ text-decoration:none; color:#e70012;}
.rxiang_m a img{ width:24px; height:42px; margin:5px 0 0 10px;}

/*search*/
.search{ border:#ddd 1px solid; border-left:none; border-right:none; width:100%; margin:0 auto; overflow:hidden; padding:22px 0;}
.search .s_inp01{ width:230px; height:24px; display:inline; float:right;}
.search .s_inp01 .ip01{ width:188px; height:24px; float:left; line-height:24px; background:url(../images/search_left.jpg) no-repeat; padding:0 0 0 6px; border:0; overflow:hidden; color:#000; font-size:12px;}
.search .s_inp01 .ip02{ width:36px; height:24px; border:0; background:url(../images/search_right.jpg) no-repeat; line-height:22px; text-align:center; cursor:pointer; overflow:hidden; float:right;}
.search .s_zi{ float:left; color:#000; font-size:12px; line-height:24px;}
.search .s_zi a{ color:#000; padding:0 6px;}
.search .s_zi b{ color:#1c2089;}

/*new_product*/
.new_p_left{ float:left; width:23%;}
.new_p_left .p_last{ background:url(../images/left_namgbg.png) center no-repeat; font-size:18px; color:#fff; font-weight:bold; line-height:20px; text-align:center; padding:18px 0;}
.new_p_left .p_last span{ display:block; font-size:14px; color:#989ab9; font-weight:normal; margin:5px 0 0 0;}
.new_p_left ul{ border:#ddd 1px solid; border-top:none; padding:10px 10px 114px 10px;}
.new_p_left ul li{ border-bottom:#ddd 1px solid;}
.new_p_left ul li a{ font-size:14px; color:#000; line-height:36px; display:block; padding:0 0 0 10px;}
.new_p_left ul li a:hover{ text-decoration:none; color:#1c2089;}
.new_p_right{ float:right; width:75%;}
.new_p_right .n_p_name{ background:url(../images/right_namebg.png) center no-repeat; font-size:18px; color:#fff; line-height:24px; text-align:center; padding:12px 0;}
.new_p_right .n_p_name big{ font-size:24px; font-weight:bold; display:block; margin:0 0 7px 0;}
.new_p_right .n_p_img{ background:url(../images/right_bottom.jpg) center no-repeat; height:25px;}
.new_p_right ul{ overflow:hidden;}
.new_p_right ul li{ float:left; width:32%; margin:0 2% 1% 0;}
.new_p_right ul li:nth-child(3n){ margin:0 0 1% 0;}
.new_p_right ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.new_p_right ul li:hover span{ border:#e70012 1px solid;}
.new_p_right ul li img{ width:100%;}
.new_p_right ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.new_p_right ul li a{ color:#000;}
.new_p_right ul li a:hover{ text-decoration:none; color:#e70012;}

/*why_us*/
.why_us{ width:100%; background:url(../images/why_us.png) center top no-repeat; margin:30px auto; overflow:hidden;}
.why_name{ font-size:14px; color:#333; line-height:25px; text-align:center; padding:0 2%; margin:92px auto 24px auto; overflow:hidden;}
.why_us ul{ overflow:hidden;}
.why_us ul li{ float:left; width:47%; margin:0 6% 18px 0; background:url(../images/ys1.png) top left no-repeat; font-size:14px; color:#000; line-height:20px;}
.why_us ul li .w_us{ padding:0 0 0 64px;}
.why_us ul li .w_us big{ font-size:18px; color:#e70012; font-weight:bold; display:block; margin:13px 0;}
.why_us ul li:nth-child(2n){ margin:0 0 18px 0;}
.why_us ul li.w2{ background:url(../images/ys2.png) top left no-repeat; color:#e70012;}
.why_us ul li.w2 .w_us big{ color:#1c2089;}
.why_us ul li.w3{ background:url(../images/ys3.png) top left no-repeat;}
.why_us ul li.w3 .w_us big{ color:#1c2089;}
.why_us ul li.w4{ background:url(../images/ys4.png) top left no-repeat;}
.why_us ul li.w4 .w_us big{ color:#1c2089;}

/*about_us*/
.about_us{ width:100%; border-bottom:#ddd 1px solid; background:url(../images/aboutbg.jpg); margin:30px auto; overflow:hidden;}
.about_left{ float:left; width:59%;}
.about_left .about_name{ width:100%; margin:30px 0; overflow:hidden; font-size:30px; color:#e70012; font-weight:bold; line-height:54px;}
.about_left .about_name span{ color:#1c2089;}
.about_left .about_name font{ font-size:54px; margin:0 16px 0 0; font-family:Arial; color:#cdcdcd; font-style:italic;}
.about_left .company{ width:100%; margin:0; font-size:14px; color:#000; line-height:25px;}
.about_left .company a{ color:#000; margin:0 0 0 15px;}
.about_left .company a:hover{ text-decoration:none; color:#e70012;}
.about_right{ float:right; width:38%;}
.about_right img{ width:100%;}

/*huanjing*/
.hj_name{ width:100%; margin:0; overflow:hidden; font-size:30px; font-weight:bold; color:#1c2089; text-align:center; line-height:32px;}
.hj_name span{ color:#e70012;}
.hj_more{ max-width:471px; margin:20px auto; overflow:hidden; background:url(../images/morebg.png) center no-repeat; text-align:center;}
.hj_more a{ font-size:14px; color:#333; line-height:20px;}
.hj_more a:hover{ text-decoration:none; color:#e70012;}
.img-scroll{ position:relative; width:100%;}
.img-scroll .prev,.img-scroll .next{ position:absolute; display:block; width:16px; height:46px; top:50%; margin-top:-23px; z-index:999;}
.img-scroll .prev{ left:-26px; cursor:pointer;}
.img-scroll .next{ right:-26px; cursor:pointer;}
.img-scroll:hover .prev{ background:url(../images/prev.png) no-repeat center;}
.img-scroll:hover .next{ background:url(../images/next.png) no-repeat center;}
.img-list{ position:relative; width:100%; height:auto; margin:0 auto; overflow:hidden;}
.img-list ul{ width:400%;}
.img-list li{ float:left; width:5.9%; margin:0 0.47% 0 0; overflow:hidden;}
.img-list li img{ width:100%; transition:all .5s;}
.img-list li span{ width:100%; font-size:14px; color:#000; text-align:center; line-height:24px; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:4px 0 0 0;}
.img-list li font{ border:#ddd 1px solid; display:block; padding:2px;}

/*news*/
.news_top{ background:url(../images/news_top.jpg) center no-repeat; height:19px;}
.news_sup{ margin:20px auto 52px auto;}
.support{ float:left; width:48.5%;}
.support .sup_name{ width:100%; margin:0 0 25px 0; overflow:hidden; position:relative;}
.support .sup_name big{ position:absolute; left:0; top:0; border-bottom:#1d2189 4px solid; font-size:24px; color:#000; line-height:32px; padding:0 0 8px 0;}
.support .sup_name a{ border-bottom:#d5d9de 1px solid; display:block; text-align:right; font-size:14px; color:#333; line-height:33px; padding:10px 0 0 0;}
.support .sup_name a:hover{ text-decoration:none; color:#e70012;}
.support .sup_img{ width:100%; margin:0 0 20px 0; overflow:hidden;}
.support .sup_img img{ width:100%;}
.support ul{ overflow:hidden;}
.support li{ overflow:hidden;}
.support li a{ line-height:32px; font-size:14px; color:#333; display:block;}
.support li a:hover{ text-decoration:none; color:#e70012;}
.support li a i{ width:16px; height:16px; background:url(../images/news_xt.png) center no-repeat; float:left; margin:8px 8px 0 0;}
.support li a font{ width:60%; float:left; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.support li a span{ float:right; color:#888;}

.news{ float:right; width:48.5%;}
.news .news_name{ width:100%; margin:0 0 25px 0; overflow:hidden; position:relative;}
.news .news_name big{ position:absolute; left:0; top:0; border-bottom:#1d2189 4px solid; font-size:24px; color:#000; line-height:32px; padding:0 0 8px 0;}
.news .news_name a{ border-bottom:#d5d9de 1px solid; display:block; text-align:right; font-size:14px; color:#333; line-height:33px; padding:10px 0 0 0;}
.news .news_name a:hover{ text-decoration:none; color:#e70012;}
.news dl{ overflow:hidden; margin:0 0 20px 0;}
.news dl dd{ float:left; width:36%;}
.news dl dd img{ width:100%;}
.news dl dt{ float:right; width:60%; font-size:14px; color:#333; line-height:25px;}
.news dl dt big{ display:block; font-size:16px; line-height:22px; color:#000; margin:0 0 6px 0;}
.news dl dt a{ color:#000; margin:0 0 0 6px;}
.news dl dt a:hover{ text-decoration:none; color:#e70012;}
.news ul{ overflow:hidden;}
.news li{ overflow:hidden;}
.news li a{ line-height:32px; font-size:14px; color:#333; display:block;}
.news li a:hover{ text-decoration:none; color:#e70012;}
.news li a i{ width:16px; height:16px; background:url(../images/news_xt.png) center no-repeat; float:left; margin:8px 8px 0 0;}
.news li a font{ width:60%; float:left; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news li a span{ float:right; color:#888;}

/*footer*/
.footer_nav{ width:100%; margin:0; overflow:hidden; background:#1c2089; padding:11px 0; font-size:14px; color:#fff; line-height:21px; font-weight:bold; text-align:center;}
.footer_nav a{ color:#fff; margin:0 8px;}
.footer{ margin:20px auto;}
.footer .footer_left{ float:left; font-size:14px; color:#333; line-height:28px;}
.footer .footer_left a{ color:#333; margin:0 6px 0 0;}
.footer .footer_right{ float:right;}
.footer .footer_right ul{ overflow:hidden;}
.footer .footer_right ul li{ float:left; width:102px; margin:0 10px 0 0;}
.footer .footer_right ul li img{ max-width:100%;}
.footer .footer_right ul li:last-child{ margin:0;}
.footer .footer_right ul li span{ display:block; font-size:14px; color:#333; line-height:20px; margin:3px 0 0 0; text-align:center;}

.dht_qk{ display:none;}


/*ny_banner*/
.ny_banner{ width:100%; background:url(../images/ny_banner1.jpg) center no-repeat; margin:0; overflow:hidden; height:298px;}

/*content*/
.content_left{ float:left; width:23%;}
.content_left .content_last{ background:url(../images/left_namgbg.png) center no-repeat; font-size:18px; color:#fff; font-weight:bold; line-height:20px; text-align:center; padding:18px 0;}
.content_left .content_last span{ display:block; font-size:14px; color:#989ab9; font-weight:normal; margin:5px 0 0 0; text-transform:uppercase;}
.content_left ul{ border:#ddd 1px solid; border-top:none; padding:10px;}
.content_left ul li{ border-bottom:#ddd 1px solid;}
.content_left ul li a{ font-size:14px; color:#000; line-height:36px; display:block; padding:0 0 0 10px;}
.content_left ul li a:hover{ text-decoration:none; color:#1c2089;}
.content_left ul li a.cht{ color:#e70012;}
.content_right{ float:right; width:75%;}
.content_right .c_right_name{ border:#ddd 1px solid; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#efefef)); font-size:14px; color:#000; line-height:42px;}
.content_right .c_right_name i{ width:17px; height:17px; float:left; display:block; background:url(../images/jtou.png) center no-repeat; margin:13px 8px 0 18px;}

/*profile*/
.profile{ border:#ddd 1px solid; border-top:none; padding:24px; font-size:14px; color:#000; line-height:25px;}

.huanjing{ width:100%; margin:24px auto 0 auto;}
.huanjing ul{ overflow:hidden;}
.huanjing ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.huanjing ul li:nth-child(3n){ margin:0 0 2% 0;}
.huanjing ul li img{ width:100%;}
.huanjing ul li a:hover{ text-decoration:none;}
.huanjing ul li span{ display:block; text-align:center; font-size:14px; line-height:22px; margin:3px 0 0 0;}

/*products*/
.products{ margin:20px 0 0 0;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:32%; margin:0 2% 2% 0;}
.products ul li:nth-child(3n){ margin:0 0 2% 0;}
.products ul li span{ border:#ddd 1px solid; padding:2px; display:block;}
.products ul li:hover span{ border:#e70012 1px solid;}
.products ul li img{ width:100%;}
.products ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.products ul li a{ color:#000;}
.products ul li a:hover{ text-decoration:none; color:#e70012;}

.products_xq{ border:#ddd 1px solid; border-top:none; padding:18px;}
.prodduct_img{ width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.prodduct_img img{ max-width:68%;}

.bodycontent{ margin:6px auto; overflow:hidden; text-align:center;}
.bodycontent a{ font-size:14px; line-height:22px;}
.bodycontent a:hover{ text-decoration:none;}
.pcontent_title_h4{ font-size:14px; color:#525252; font-weight:bold; line-height:25px;}

.product_related{ border-bottom:#ccc 1px solid; position:relative; height:13px; margin:16px auto 32px auto;}
.product_related h6{ width:132px; border:#ccc 1px solid; overflow:hidden; position:absolute; left:50%; top:0; font-size:15px; line-height:25px; color:#e70012; text-align:center; background:#fff; margin:0 0 0 -66px; font-weight:bold;}
.gaishu{ font-size:14px; color:#333; line-height:25px; margin:0 auto 20px auto;}
.gaishu img{ max-width:100%;}

.pro_xiangguan{ margin:12px auto; overflow:hidden; background:#f4f4f4; line-height:30px; border-bottom:#ddd 1px solid; font-size:15px; color:#000;}
.pro_xiangguan i{ width:4px; height:15px; background:#e70012; float:left; margin:8px 10px 0 8px;}
.pro_xgcp{ margin:12px auto 0 auto; overflow:hidden;}
.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:#e70012 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ display:block; text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0;}
.pro_xgcp ul li a{ color:#000;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#e70012;}

/*ny_news*/
.ny_news{ border:#ddd 1px solid; border-top:none; padding:18px;}
.ny_news ul{ overflow:hidden;}
.ny_news li{ overflow:hidden;}
.ny_news li a{ line-height:32px; font-size:14px; color:#333; display:block;}
.ny_news li a:hover{ text-decoration:none; color:#e70012;}
.ny_news li a i{ width:16px; height:16px; background:url(../images/news_xt.png) center no-repeat; float:left; margin:8px 8px 0 0;}
.ny_news li a font{ width:60%; float:left; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news li a span{ float:right; color:#888;}

.n_ny_width{ border:#ddd 1px solid; border-top:none; padding:18px;}
.n_ny_width .n_ny_name{ text-align:center; border-bottom:#ccc 1px dashed; margin:0 0 20px 0;}
.n_ny_width .n_ny_name big{ font-size:14px; color:#000; line-height:20px; margin:0 0 4px 0; font-weight:bold; display:block;}
.n_ny_width .n_ny_name small{ color:#999; font-size:12px; line-height:18px;}

.n_ny_width .n_ny_xq{ color:#333; font-size:14px; line-height:25px;}
.n_ny_width .n_ny_xq img{ max-width:100%;}

.n_ny_width .p_next{ margin:20px auto 0 auto; overflow:hidden; background:#f2f2f2; padding:10px 0;}
.n_ny_width .p_next p{ display:block; padding:0 2%;}
.n_ny_width .p_next a{ font-size:14px; color:#000; line-height:30px;}

/*contact*/
.contact{ border:#ddd 1px solid; border-top:none; padding:24px; font-size:14px; color:#000; line-height:25px;}


.link{margin-bottom:30px; }
.link .bt{ font-size:18px;}
.link p { line-height:25px;}
.link p a { padding:0 12px 0 0; color:#666; }