@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; overflow-x:hidden;}
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:#d11c19; text-decoration:underline;}
.width_all{ max-width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; margin:0 auto; z-index:99; transition:all .35s; background:rgba(255,255,255,.8);}
.head_top .logo{ float:left; width:78px; margin:18px 0; transition:all .35s;}
.head_top .logo img{ width:100%;}
.head_top .head_name{ float:left; margin:18px 0 18px 14px; font-size:12px; line-height:22px; letter-spacing:-0.5px;}
.head_top .head_name h1{ font-size:20px; color:#333; line-height:30px; letter-spacing:0; font-weight:bold;}
.head_top .top_r_ss{ float:right; width:28px; height:28px; cursor:pointer; position:relative; margin:30px 0 30px 24px; z-index:99;}
.head_top .ss_xl{ position:absolute; right:0; top:-6px; padding:0; width:0; overflow:hidden; -webkit-transition:0.3s; transition:0.3s;}
.head_top .top_r_ss:hover .ss_xl{ width:200px;}
.head_top .top_r_ss:hover img{ display:none;}
.head_top .ss_xl *{ box-sizing:border-box;}
.head_top .ss_xl input{ display:block; font-size:14px; line-height:40px; color:#666; background:#f2f2f2; width:100%; padding:0 40px 0 20px; border-radius:20px; border:none;outline-style:none;}
.head_top .ss_xl a{ position:absolute; right:0; top:0; width:40px; height:40px; background:url(../images/ss_dw.png) center no-repeat; background-size:40px 40px;}

.h_active{ background:#fff; box-shadow:0 0 3px #ccc; position:fixed;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav a{ display:block; font-size:16px; color:#333; line-height:88px; padding:0 24px; text-transform:uppercase;}
.nav li:hover a, .nav li a.cutter{ color:#d11c19; text-decoration:none;}
.nav li a:before{ content:""; width:0px; height:2px; visibility:hidden; transition:.8s; background:#d11c19; position:absolute; bottom:4px; left:0;}
.nav li:hover a::before{ width:100%; height:2px; visibility:visible;}
.nav .sub{ width:208px; position:absolute; left:0; top:88px; background:rgba(255, 255, 255, 1);}
.nav .sub li{ text-align:left; padding:0 0 0 16px; position:relative; overflow:hidden;}
.nav .sub li a{ color:#525252; font-size:14px; line-height:42px; display:block; background:none; padding:0; position:relative; z-index:2; -webkit-transition:.35s; transition:.35s; text-transform:inherit;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}
.nav .sub li a::before{ display:none;}
.nav .sub li:before{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); margin:40px 0 0 -60px; background:#d11c19; width:0; height:0; border-radius:50%; -webkit-transition:.8s; transition:.8s; opacity:0;}
.nav .sub li:hover:before{ width:500px; height:500px; opacity:1;}

#navToggle{ display:none;}
.m_nav{ position:fixed; top:0px; width:100%; height:100%; background:#fff; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; z-index:1000; opacity:1; visibility:visible; margin-top:0; overflow-y:auto; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top:0; transform:translateX(100%);}
.m_nav.open{ transform:translateX(0);}
.m_nav .top{ height:60px; padding:20px; box-sizing:border-box;}
.m_nav .top .closed{ width:30px; height:30px; vertical-align:middle; float:right; cursor:pointer;}
.m_nav .ul{ margin:8px 0 0 0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:42px; line-height:42px; width:100%; text-transform:uppercase;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:36px; line-height:36px; font-size:14px; color:#525252; text-transform:capitalize; padding:0 14px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner_sj{ display:none;}
.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:10px;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:14px; border-radius:7px; height:14px; display:block; background:#d11c19; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#007cdc;}
.flex-control-paging li a.flex-active{ background:#007cdc; cursor:default;}
.flex-direction-nav li a{ width:60px; height:60px; position:absolute; top:50%; margin-top:-30px;}
.flex-direction-nav li a.flex-prev{ background:url(../images/left.png) center center no-repeat; left:2%; z-index:6;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/right.png) center center no-repeat; right:2%;}

/*new_product*/
.new_product{ margin:52px auto 23px auto;}
.new_p_name{ width:100%; margin:0 auto; overflow:hidden;}
.new_p_left{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#d11c19; padding:0 0 6px 0;}
.new_p_left span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.new_p_left:after{ width:12px; height:2px; background:#d11c19; position:absolute; left:0; bottom:0; content:"";}
.new_p_left:before{ width:12px; height:2px; background:#007cdc; position:absolute; left:12px; bottom:0; content:"";}
.new_p_nav{ float:right; margin:20px 0 0 0;}
.new_p_nav ul{ overflow:hidden;}
.new_p_nav ul li{ float:left; margin:0 0 0 12px;}
.new_p_nav ul li a{ font-size:14px; line-height:40px; padding:0 18px; background:#d11c19; color:#fff; display:inline-block;}
.new_p_nav ul li a:hover{ text-decoration:none;}
.new_product_all{ width:100%; margin:28px auto 0 auto;}
.new_product_all ul{ overflow:hidden;}
.new_product_all ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.new_product_all ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.new_product_all ul li a{ display:block; border:#eee 1px solid; color:#333; transition:all .7s;}
.new_product_all ul li a:hover{ text-decoration:none; color:#d11c19;}
.new_product_all ul li .new_p_img{ width:100%; margin:0 auto; overflow:hidden;}
.new_product_all ul li .new_p_img img{ width:100%; transition:all .7s;}
.new_product_all ul li:hover .new_p_img img{ transform:scale(1.2);}
.new_product_all ul li .new_p_jies{ width:88%; margin:12px auto 10px auto; font-size:14px; line-height:25px;}
.new_product_all ul li .new_p_jies em{ font-size:16px; margin:0 0 4px 0; line-height:28px; height:28px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.new_product_all ul li .new_p_jies p{ color:#666; height:50px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.new_product_all ul li .new_p_more{ width:88%; margin:10px auto 16px auto;}
.new_product_all ul li .new_p_more p{ width:120px; border:#e4e4e4 1px solid; background:#f8f8f8; color:#666; line-height:38px; text-align:center; transition:all .7s;}
.new_product_all ul li:hover .new_p_more p{ border:#d11c19 1px solid; background:#d11c19; color:#fff;}
.new_p_box{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/new_product.jpg) center no-repeat; text-align:center; padding:52px 0;}
.new_p_box .b1{ font-size:26px; font-weight:bold; color:#d11c19; margin:0 0 10px 0; text-shadow:0 0 4px #fff;}
.new_p_box .b2{ color:#333; font-size:18px; text-transform:uppercase; font-family:Arial; text-shadow:0 0 4px #fff;}

/*fwlist*/
.fwlist{ margin:52px auto 16px auto; height:436px;}
.fwlist dl{ position:relative; width:24.25%; height:400px; float:left; margin:0 1% 0 0; overflow:hidden; cursor:pointer;}
.fwlist dl:last-child{ margin:0;}
.fwlist dd{ width:100%; line-height:52px; background:rgba(209,28,25,0.8); -webkit-filter:grayscale(0) !important; position:absolute; top:50%; font-size:24px; color:#fff; margin:-26px 0 0 0; text-align:center; left:0; transition:all linear 0.5s;}
.fwlist dl:hover{ height:436px;}
.fwlist dl:hover dd{ left:100%;}
.fwlist dl .cu{ width:86.2%; height:252px; padding:60px 7% 20px 7%; background:url(../images/fwcu.png) center top no-repeat; position:absolute; bottom:-340px;transition:all linear 0.5s;}
.fwlist dl:hover .cu{ bottom:-40px;}
.fwlist dl:hover .fwt{ -webkit-filter:grayscale(0); height:436px;}
.f1{ background:url(../images/fwlist1.jpg) center no-repeat;}
.f2{ background:url(../images/fwlist2.jpg) center no-repeat;}
.f3{ background:url(../images/fwlist3.jpg) center no-repeat;}
.f4{ background:url(../images/fwlist4.jpg) center no-repeat;}
.fwt{ width:100%; height:400px; float:left; transition:all linear 0.5s;}/* -webkit-filter:grayscale(1);*/
.fwlist dl .cu p{ color:#fff; margin:0 0 10px 0; font-size:18px; line-height:28px;}
.fwlist dl .cu span{ color:#fff; font-size:14px; line-height:25px; display:block;}
.fwlist dl .cu a{ width:36px; height:36px; display:block; margin:10px auto;}

/*customer*/
.customer{ width:100%; margin:0 auto; background:#f0f0f0; overflow:hidden; padding:52px 0;}
.customer_t{ width:100%; margin:0 auto 0 auto; overflow:hidden;}
.customer_name{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#d11c19; padding:0 0 6px 0;}
.customer_name span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.customer_name:after{ width:12px; height:2px; background:#d11c19; position:absolute; left:0; bottom:0; content:"";}
.customer_name:before{ width:12px; height:2px; background:#007cdc; position:absolute; left:12px; bottom:0; content:"";}
.customer_more{ float:right; width:87px; text-align:center; background:url(../images/ico_down2.png) center bottom no-repeat; margin:30px 0 0 0;}
.customer_more a{ font-size:14px; color:#d11c19; line-height:30px;}
.customer_more a:hover{ text-decoration:none;}
.customer_width{ width:100%; margin:36px auto 0 auto; position:relative;}
.customer_width .pre,.customer_width .next{ position:absolute; display:block; width:55px; height:110px; top:50%; margin:-55px 0 0 0; z-index:10;}
.customer_width .pre{ left:-85px; cursor:pointer; background:url(../images/next.png) left center no-repeat;}
.customer_width .next{ right:-85px; cursor:pointer; background:url(../images/prev.png) left center no-repeat;}
.customer_width .pre:hover{ background:url(../images/next.png) -55px center no-repeat;}
.customer_width .next:hover{ background:url(../images/prev.png) -55px center no-repeat;}
.customer_w_id{ width:100%; margin:0 auto; overflow:hidden; z-index:9; padding:10px 0 18px 0;}
.customer_w_id ul{ width:800%;}
.customer_w_id ul li{ float:left; width:3.9%; margin:0 0.4% 0 0; position:relative; background:#fff;}
.customer_w_id ul li:hover{ background:#e6e5e5;}
.customer_w_id ul li .customer_img{ width:100%; margin:0 auto; overflow:hidden;}
.customer_w_id ul li .customer_img img{ width:100%;}
.customer_w_id ul li a{ display:block; color:#fff;}
.customer_w_id ul li:hover a{ text-decoration:none;}
.customer_w_id ul li .customer_sz{ position:absolute; top:-10px; right:10px; background:url(../images/fang.png) center no-repeat; font-size:18px; line-height:42px; width:45px; padding:0 0 0 12px; text-align:center;}
.customer_w_id ul li .customer_jies{ margin:0 auto; width:100%; color:#333; line-height:26px; position:relative;}
.customer_w_id ul li .customer_jies em{ width:88%; margin:12px auto; font-size:16px; color:#d11c19; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.customer_w_id ul li .customer_jies p{ width:88%; margin:12px auto 38px auto; height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.customer_w_id ul li .customer_more{ width:130px; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -65px; background:#ddd; text-align:center; color:#424242; border-radius:18px; font-size:14px; line-height:36px;}
.customer_w_id ul li:hover .customer_more{ background:#d11c19; color:#fff;}

/*about_us*/
.about_us{ margin:52px auto 28px auto;}
.about_us_name{ width:100%; margin:0 auto 28px auto; overflow:hidden;}
.about_us_n_left{ float:left; position:relative; font-size:30px; font-weight:bold; line-height:36px; color:#d11c19; padding:0 0 6px 0;}
.about_us_n_left span{ display:block; font-size:14px; color:#666; font-weight:normal;}
.about_us_n_left:after{ width:12px; height:2px; background:#d11c19; position:absolute; left:0; bottom:0; content:"";}
.about_us_n_left:before{ width:12px; height:2px; background:#007cdc; position:absolute; left:12px; bottom:0; content:"";}
.about_us_n_more{ float:right; margin:20px 0 0 0;}
.about_us_n_more a{ font-size:14px; line-height:40px; padding:0 18px; background:#d11c19; color:#fff; display:inline-block;}
.about_us_n_more a:hover{ text-decoration:none;}
.about_width{ width:100%; margin:0 auto; overflow:hidden;}
.about_width .about_right{ float:left; width:49%;}
.about_width .about_right img{ width:100%;}
.about_width .about_left{ float:right; width:46%;}
.about_width .about_l_name{ font-size:24px; color:#333; font-weight:bold; border-bottom:#c6c6c6 1px solid; line-height:42px;}
.about_width .company{ font-size:14px; color:#333; line-height:28px; margin:16px 0 24px 0;}

/*pro_item_list*/
.pro_item_list{ margin:0 auto 52px auto; border-top:#dcdcdc 1px solid;}
.pro_item_list ul{ overflow:hidden; margin:28px auto 0 auto;}
.pro_item_list ul li{ float:left; width:23.5%; margin:0 2% 0 0; overflow:hidden;}
.pro_item_list ul li:last-child{ margin:0;}
.pro_item_list ul li img{ width:100%; transition:all .7s;}
.pro_item_list ul li:hover img{ transform:scale(1.2);}

/*news*/
.news{ width:100%; margin:52px auto; background:#f0f0f0; overflow:hidden; padding:48px 0 52px 0; position:relative; z-index:1;}
.news_width{ margin:0 auto;}
.news_cp{ float:left; width:66%;}
.news_cp .tab_title{ border-bottom:#ccc 1px solid; position:relative;}
.news_cp .tab_title span{ font-size:24px; color:#333; font-weight:bold; line-height:48px; position:absolute; left:0; bottom:-1px; cursor:pointer;}
.news_cp .tab_title span:nth-child(2){ left:108px;}
.news_cp .tab_title span.active:after{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d11c19; content:"";}
.news_cp .tab_title span.active{ color:#d11c19;}
.news_cp .tab_title a{ float:right; font-size:14px; color:#888; line-height:48px; text-transform:uppercase;}
.news_cp .tab_con{ width:100%; margin:28px auto 0 auto;}
.news_cp .t_con{ width:100%; margin:0 auto; overflow:hidden;}
.news_cp .news_left{ float:left; width:46%; position:relative; background:#fff;}
.news_cp .news_left a{ display:block; color:#666;}
.news_cp .news_left a:hover{ text-decoration:none; color:#d11c19;}
.news_cp .news_left .news_img{ width:100%; margin:0 auto;}
.news_cp .news_left .news_img img{ max-width:100%;}
.news_cp .news_time{ position:absolute; left:10px; bottom:62px; background:#d11c19; text-align:center; padding:6px;}
.news_cp .news_time p{ font-size:14px; color:#fff; line-height:25px; padding:0 5px;}
.news_cp .news_time p.nt1{ font-size:36px; color:#fff; border-bottom:#fff 1px solid; line-height:46px;}
.news_cp .news_zti{ margin:14px 21px 5px 97px; font-size:14px; line-height:25px; color:#333; height:25px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_cp .news_nr{ margin:0 21px 12px 21px; font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_cp .news_left_more{ position:absolute; right:21px; bottom:12px; font-size:14px; line-height:25px; color:#d11c19; background:#f1f1f1;}
.news_cp .news_right{ float:right; width:50%;}
.news_cp .news_right ul{ position:relative;}
.news_cp .news_right ul:after{ position:absolute; left:3px; top:0; width:2px; height:100%; background:#fff; content:""; z-index:9;}
.news_cp .news_right ul li{ line-height:52px; position:relative; z-index:2; overflow:hidden;}
.news_cp .news_right ul li a{ display:block;}
.news_cp .news_right ul li i{ float:left; width:8px; height:8px; background:#fff; border-radius:50%; margin:22px 2% 22px 0;}
.news_cp .news_right ul li span{ float:left; width:68%; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_cp .news_right ul li font{ float:right; font-size:14px; color:#888;}

.faq{ float:right; width:30%;}
.faq .faq_name{ border-bottom:#ccc 1px solid; position:relative;}
.faq .faq_name span{ font-size:24px; color:#d11c19; line-height:48px; position:absolute; left:0; bottom:-1px; font-weight:bold;}
.faq .faq_name span:after{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d11c19; content:"";}
.faq .faq_name a{ float:right; font-size:14px; color:#d11c19; line-height:48px; text-transform:uppercase;}
.faq .faq_width{ width:100%; margin:28px auto 0 auto;}
.faq .faq_width ul{ overflow:hidden;}
.faq .faq_width ul li{ line-height:32px;}
.faq .faq_width ul li a{ font-size:14px; height:32px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*links*/
.yl_link{ width:100%; margin:52px auto 28px auto; border-bottom:#cecece 1px solid;}
.link_name{ font-size:24px; color:#333; line-height:48px; font-weight:bold;}
.link_name span{ display:inline-block; position:relative;}
.link_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:100%; height:2px; background:#d11c19;}
.links{ margin:20px auto 48px auto; font-size:14px; color:#525252; line-height:25px;}
.links a{ color:#525252; margin:0 20px 0 0;}
.links a:hover{ text-decoration:none; color:#d11c19;}

/*footer*/
.footer{ width:100%; background:#686868; position:relative; padding:60px 0 52px 0;}
.footer:before{ background:#767676; width:1px; height:100%; position:absolute; right:66%; top:0; content:"";}
.footer_left{ float:left; width:32%;}
.footer_n_name{ width:100%; margin:0 0 20px 0; overflow:hidden; font-size:16px; color:#fff; line-height:32px;}
.f_nav{ width:100%; margin:0 auto; overflow:hidden;}
.f_nav li{ width:32%; float:left; display:none; cursor:pointer;}
.f_nav li:nth-child(2){ width:60%;}
.f_nav li:nth-child(3){ width:60%;}
.f_nav li:nth-child(4){ width:60%;}
.f_nav li:nth-child(5){ width:60%;}
.f_nav li.show{ display:block;}
.f_nav a{ font-size:14px; line-height:30px; color:#eee; display:block;}
.f_nav a.on, .f_nav a:hover{ color:#fff; text-decoration:none;}
.f_nav a.on:before{ content:'-'; color:#d11c19; margin-right:5px;}

.footer_right{ float:right; width:66%;}
.footer_c_name{ width:100%; margin:0 0 20px 0; overflow:hidden; font-size:16px; color:#fff; line-height:32px;}
.footer_contact{ width:100%; margin:0 auto; overflow:hidden}
.footer_c_nont{ float:left; width:66%; font-size:14px; color:#eee; line-height:30px;}
.footer_erweima{ float:right; width:32%;}
.footer_erweima ul{ overflow:hidden;}
.footer_erweima ul li{ float:left; width:46%; margin:0 8% 0 0;}
.footer_erweima ul li:last-child{ margin:0;}
.footer_erweima ul li img{ width:100%;}
.footer_erweima ul li p{ border:#999 1px solid; padding:5px;}
.footer_erweima ul li em{ font-size:14px; color:#eee; line-height:25px; display:block; text-align:center; margin:5px 0 0 0;}
.footer_icp{ width:100%; background:#525252; font-size:14px; color:#eee; line-height:20px; padding:20px 0;}
.footer_icp a{ color:#eee;}
.footer_icp a:hover{ text-decoration:none; color:#fff;}

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

/*lujing*/
.lujing{ margin:10px auto 28px auto; font-size:14px; color:#888; line-height:30px;}
.lujing span{ color:#d11c19;}

/*ny_nav*/
.ny_nav{ margin:28px auto;}
.ny_nav li{ float:left; margin:0 10px 10px 0;}
.ny_nav li a{ position:relative; z-index:1; display:inline-block; font-size:16px; line-height:40px; padding:0px 24px; background:#eee; color:#333;}
.ny_nav li a:hover{ text-decoration:none;}
.ny_nav li.on a{ color:#d11c19;}
.ny_nav li a:after{ content:""; position:absolute; z-index:2; width:0%; height:2px; top:0px; left:0%; background:#d11c19; transition-duration:.3s;}
.ny_nav li a:hover:after{ content:""; position:absolute; z-index:2; width:100%; height:2px; top:0px; left:0%; background:#d11c19; transition-duration:.3s;}
.ny_nav li.on a:after{ content:""; position:absolute; z-index:2; width:100%;}

/*content*/
.content{ margin:28px auto 52px auto; border-bottom:#eee 1px solid; padding:0 0 36px 0;}
.sitemap{ margin:28px auto 52px auto;}

/*nav_s*/
.nav_s{ width:100%; margin:0 auto;}
.nav_s ul{ overflow:hidden;}
.nav_s ul li{ border-bottom:#ddd 1px solid; padding:8px 0 12px 0;}
.nav_s ul li a{ font-size:16px; font-weight:bold; line-height:28px; color:#333;}
.nav_s ul li a:hover{ text-decoration:none; color:#d11c19;}
.nav_s ul li ul{ margin:0;}
.nav_s ul li ul li{ float:left; border-bottom:none; padding:0;}
.nav_s ul li ul li a{ font-size:14px; display:inline-block; margin:12px 12px 0 0; border:#ddd 1px solid; padding:2px 12px; font-weight:normal;}
.nav_s ul li ul li a:hover{ background:#d11c19; border:#d11c19 1px solid; color:#fff;}

/*products*/
.products{ width:100%; margin:28px auto 0 auto;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:23.2%; margin:0 2.4% 2.4% 0;}
.products ul li:nth-child(4n){ margin:0 0 2.4% 0;}
.products ul li a{ display:block; border:#eee 1px solid; color:#333; transition:all .7s;}
.products ul li a:hover{ text-decoration:none; color:#d11c19;}
.products ul li .new_p_img{ width:100%; margin:0 auto; overflow:hidden;}
.products ul li .new_p_img img{ width:100%; transition:all .7s;}
.products ul li:hover .new_p_img img{ transform:scale(1.2);}
.products ul li .new_p_jies{ width:88%; margin:12px auto 10px auto; font-size:14px; line-height:25px;}
.products ul li .new_p_jies em{ font-size:16px; margin:0 0 4px 0; line-height:28px; height:28px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.products ul li .new_p_jies p{ color:#666; height:50px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.products ul li .new_p_more{ width:88%; margin:10px auto 16px auto;}
.products ul li .new_p_more p{ width:120px; border:#e4e4e4 1px solid; background:#f8f8f8; color:#666; line-height:38px; text-align:center; transition:all .7s;}
.products ul li:hover .new_p_more p{ border:#d11c19 1px solid; background:#d11c19; color:#fff;}

.product_width{ margin:28px auto 0 auto;}
.products_text{ float:left; width:30%;}
.products_text img{ width:100%; transition:all .5s;}
.products_text:hover img{ transform:scale(1.2);}
.products_text p{ border:#eee 1px solid; display:block; overflow:hidden; cursor:pointer;}
.product_right{ float:right; width:66%;}
.product_right .prr_name{ font-size:22px; color:#000; line-height:36px; font-weight:bold;}
.product_right .miaoshu{ border:#ccc 1px solid; border-left:none; border-right:none; margin:12px auto; font-size:14px; color:#525252; line-height:25px; padding:10px 0;}
.product_right .goumai{ width:100%; margin:12px auto; overflow:hidden;}
.product_right .goumai a{ float:left; width:168px; background:#d11c19; font-size:16px; color:#fff; line-height:40px; display:block;}
.product_right .goumai a i{ width:24px; height:24px; background:url(../images/sc1.png) center no-repeat; float:left; margin:8px 14px 8px 12px;}
.product_right .goumai a:last-child{ margin:0;}
.product_right .goumai a:hover{ text-decoration:none; background:#333;}
.product_right .jiagou{ width:100%; margin:12px auto; overflow:hidden; font-size:18px; line-height:30px; color:#d11c19; font-weight:bold; font-family:Arial, sans-serif;}

.productshow{ margin:48px auto;}
.products_xg{ float:left; width:22%;}
.products_xg .product_kuang{ border:#eee 1px solid;}
.products_xg .p_xg_name{ width:88%; margin:12px auto; border-bottom:#eee 1px solid; font-size:18px; color:#333; line-height:42px; font-weight:bold;}
.products_xg .p_xg_name i{ width:2px; height:18px; background:#d11c19; float:left; margin:13px 12px 11px 0;}
.products_xg .product_kuang ul{ width:88%; margin:18px auto;}
.products_xg .product_kuang ul li{ width:100%; margin:0 0 12px 0;}
.products_xg .product_kuang ul li a img{ width:100%;}
.products_xg .product_kuang ul li a{ display:block; text-align:center;}
.products_xg .product_kuang ul li a:hover{ text-decoration:none;}
.products_xg .product_kuang ul li em{ font-size:14px; line-height:24px; margin:8px 0 0 0; height:24px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products_sming{ float:right; width:75%;}
.productshow_name{ width:100%; margin:0 auto 28px auto; background:#f7f7f7; overflow:hidden; border-bottom:#eee 1px solid; border-top:#eee 1px solid; border-left:#eee 1px solid; border-right:#eee 1px solid;}
.productshow_name span{ background:#333; font-size:18px; color:#fff; line-height:30px; font-weight:bold; padding:10px 30px; display:inline-block;}
.productshow_quanbu{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; line-height:25px; color:#666;}

.messages_width{ margin:48px auto 0 auto; border-top:#eee 1px solid;}
.messages_name{ text-transform:uppercase; margin:36px auto; font-size:30px; color:#333; line-height:36px; text-align:center; position:relative; padding:0 0 15px 0;}
.messages_name:after{ content:""; position:absolute; bottom:0; left:50%; width:120px; height:2px; background:#d11c19; z-index:99; visibility:inherit; margin:0 0 0 -60px;}
.messages{ width:100%; margin:0;}
.messages li{ float:left; width:32%; margin:0 2% 2% 0;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li.mess{ width:100%; float:none;}
.messages .text-input{ width:94%; border:none; border:#dddee1 1px solid; padding:0 0 0 6%; font-size:14px; color:#666; line-height:46px; height:46px; background:fff;}
.messages .cont-input{ width:98%; padding:10px 0 0 2%; height:96px; font-size:14px; color:#666; line-height:24px; cue-after:none; background:#fff; border:#dddee1 1px solid;}
.messages .messages-button{ width:186px; margin:0 auto; line-height:52px; font-size:18px; color:#fff; text-align:center; background:#d11c19; cursor:pointer; border-radius:4px; text-transform:uppercase; font-family:Arial;}

/*hezuo*/
.partner{ width:100%; margin:28px auto 0 auto;}
.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{ display:block; color:#525252; font-size:14px; border:#eee 1px solid;}
.partner ul li a:hover{ text-decoration:none;}
.partner ul li img{ width:100%;}
.partner ul li em{ line-height:25px; padding:8px 0; display:block; text-align:center;}

.witness{ width:100%; margin:28px auto 0 auto;}
.witness ul{}
.witness ul li{ float:left; width:48%; margin:0 4% 4% 0; position:relative;}
.witness ul li:before{ position:absolute; right:0; top:0; background:#eee; width:1px; height:100%; content:"";}
.witness ul li i:after{ position:absolute; right:0; bottom:0; background:#eee; width:52%; height:1px; content:"";}
.witness ul li:nth-child(2n){ margin:0 0 4% 0;}
.witness ul li .witness_left{ float:left; width:48%; overflow:hidden;}
.witness ul li .witness_left img{ width:100%; transition:all .5s;}
.witness ul li:hover .witness_left img{ transform:scale(1.2);}
.witness ul li .witness_right{ float:right; width:52%; border-top:#eee 1px solid; position:relative;}
.witness ul li .witness_right .witness_sz{ position:absolute; top:-10px; right:10px; background:url(../images/fang.png) center no-repeat; font-size:18px; line-height:42px; width:45px; padding:0 0 0 12px; text-align:center; color:#fff; font-family:Arial;}
.witness ul li .witness_right .witness_jies{ width:88%; margin:11px auto 10px auto; font-size:14px; color:#666; line-height:26px;}
.witness ul li .witness_right .witness_jies em{ width:80%; font-size:16px; color:#d11c19; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:0 0 6px 0;}
.witness ul li .witness_right .witness_jies p{ height:78px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.witness ul li .witness_right .witness_more{ width:88%; margin:0 auto;}
.witness ul li .witness_right .witness_more a{ width:106px; display:block; text-align:center; background:#eee; font-size:14px; color:#666; line-height:36px;}
.witness ul li .witness_right .witness_more a:hover{ text-decoration:none; color:#fff; background:#d11c19;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ overflow:hidden; position:relative; border-bottom:#ddd 1px dashed; padding:30px 0;}
.ny_news ul li i{ width:39px; height:39px; position:absolute; left:0; top:30px; background:url(../images/news_time_a.png) center no-repeat; z-index:9;}
.ny_news ul li:hover i{ background:url(../images/news_time.png) center no-repeat;}
.ny_news ul li .news_time{ float:left; width:12%; height:108px; font-size:30px; color:#525252; line-height:36px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.ny_news ul li .news_time span{ display:block; font-size:14px; color:#888; line-height:20px; margin:4px 0 0 0;}
.ny_news ul li .news_images{ float:left; width:15%; margin:0 3%; overflow:hidden;}
.ny_news ul li .news_images img{ width:100%; transition:all .35s;}
.ny_news ul li:hover .news_images img{ transform:scale(1.2);}
.ny_news ul li .news_show{ float:right; width:67%;}
.ny_news ul li .news_show div{ margin:4px 0 0 0; width:100%; overflow:hidden;}
.ny_news ul li .news_show div font{ border:#333 1px solid; padding:0 8px; color:#333; line-height:22px; float:right;}
.ny_news ul li .news_show span{ height:25px; font-size:18px; color:#333; margin:0 0 4px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li a{ color:#525252; font-size:14px; line-height:25px; display:block;}
.ny_news ul li a:hover{ text-decoration:none; color:#231916;}

.ny_faq{ width:100%; margin:0 auto;}
.ny_faq dl{ border-bottom:#ccc 1px dotted; margin:0 0 20px 0; padding:0 0 16px 0;}
.ny_faq dl dd{ margin:0 0 10px 0; font-size:14px; color:#333; line-height:23px; font-weight:bold;}
.ny_faq dl dd font{ background:#d11c19; 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;}
.ny_faq dl dt{ font-size:14px; color:#666; line-height:23px;}
.ny_faq dl dt font{ background:#666; 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;}

.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width p{ font-size:24px; color:#333; line-height:32px; border-bottom:none; margin:0; padding:0; text-align:center;}
.news_width .ns_1{ font-size:14px; color:#999; line-height:25px; margin:10px 0 20px 0; border-bottom:none;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100%;}
.news_xq p{ color:#666; font-size:14px; line-height:25px; text-align:left;}
.news_xq table{ width:100%; border:#ccc 1px solid;}
.news_xq table td{ font-size:14px; color:#666; line-height:26px; padding:8px; border:#ccc 1px solid;}
.p_next{ width:100%; margin:28px auto 0 auto;}
.p_next ol{ width:42%; margin:0 auto; overflow:hidden;}
.p_next ol li{ float:left; width:32%; margin:0 2% 0 0;}
.p_next ol li:nth-child(3n){ margin:0;}
.p_next ol li a{ display:block; border:#ddd 1px solid; font-size:14px; line-height:28px; color:#666; text-align:center;}
.p_next ol li a:hover{ text-decoration:none; background:#ff1b1b; border:#ff1b1b 1px solid; color:#fff;}

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

.huanjing{ width:100%; margin:28px auto 0 auto;}
.huanjing ul{ overflow:hidden;}
.huanjing ul li{ width:22.8%; float:left; margin:0 2.8% 2.8% 0; position:relative;}
.huanjing ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.huanjing ul li img{ width:100%;}
.huanjing 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;}
.huanjing ul li a{ color:#110f0e; border:#eee 1px solid; padding:1%; display:block;}
.huanjing ul li a:hover{ text-decoration:none; color:#ff1b1b;}
.huanjing ul li:before{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#ff1b1b; -webkit-transition-delay:0.3s; position:absolute; top:0; left:0;}
.huanjing ul li:hover::before{ width:100%; visibility:visible; -webkit-transition-delay:0s; z-index:2;}
.huanjing ul li:after{ content:""; width:0px; height:1px; visibility:hidden; transition:0.1s; background:#ff1b1b; -webkit-transition-delay:0.1s; position:absolute; bottom:0; right:0;}
.huanjing ul li:hover::after{ width:100%; visibility:visible; -webkit-transition-delay:0.2s; z-index:2;}
.huanjing ul li i:before{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#ff1b1b; -webkit-transition-delay:0.2s; position:absolute; top:0; right:0;}
.huanjing ul li:hover i:before{ height:100%; visibility:visible; -webkit-transition-delay:0.1s; z-index:2;}
.huanjing ul li i:after{ content:""; width:1px; height:0px; visibility:hidden; transition:0.1s; background:#ff1b1b; -webkit-transition-delay:0s; position:absolute; bottom:0; left:0;}
.huanjing ul li:hover i:after{ height:100%; visibility:visible; -webkit-transition-delay:0.3s; z-index:2;}

/*contact_us*/
.contact_us{ width:100%; margin:0 auto;}
.contact_right{ float:right; width:48%; position:relative; padding:1%;}
.contact_right:after{ width:140px; height:120px; background:#eee; position:absolute; left:0; top:0; content:""; z-index:-1;}
.contact_right:before{ width:140px; height:120px; background:#eee; position:absolute; right:0; top:0; content:""; z-index:-1;}
.contact_right i:after{ width:140px; height:120px; background:#eee; position:absolute; left:0; bottom:0; content:""; z-index:-1;}
.contact_right i:before{ width:140px; height:120px; background:#eee; position:absolute; right:0; bottom:0; content:""; z-index:-1;}
.contact_left{ float:left; width:43%; font-size:14px; color:#666; line-height:25px;}
.contact_left span{ display:block; font-size:17px; margin:0 0 6px 0; color:#333; font-weight:bold;}

/*fudong*/
.footer_fixed{ bottom:8%; right:2%; position:fixed; z-index:99;}
.fixed_top{ width:45px; height:45px; display:flex; justify-content:center; align-items:center; background:#ffffff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .02);}
.fix_contact{ margin:0 0 18px 0;}
.fix_wrapper{ position:relative;}
.fix_wrapper a{ display:block;}
.fix_wrapper .c_title{ text-align:center; padding:10px; box-sizing:border-box; width:45px; font-size:14px; color:#d11c19; background:#ffffff; box-shadow:0 0 5px 5px rgba(0, 0, 0, .02); cursor:pointer;}
.fix_wrapper .c_title img{ width:25px; height:25px; margin:0 0 5px 0;}
.fix_wrapper .c_title:hover{ text-decoration:none;}
.fix_wrapper .c_list{ position:absolute; width:260px; height:240px; background:#ffffff; right:60px; bottom:40px; box-sizing:border-box; padding-top:10px; display:none;}
.fix_wrapper .c_list a{ line-height:25px; background:url(.) 20px 2px no-repeat; background-size:25px; padding:0 0 0 55px; display:block; box-sizing:border-box; margin-top:20px;}
.fix_wrapper .c_list a:hover{ text-decoration:none;}
.fix_wrapper .c_list .close{ position:absolute; top:-20px; right:10px; z-index:6;}
.fix_wrapper .cl1{ font-size:16px; color:#333333;}
.fix_wrapper .cl2{ font-size:14px; color:#666;}