@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:#da2620; 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{ margin:25px auto;}
.head_top .logo{ float:left; width:99px;}
.head_top .logo img{ width:100%;}
.head_top .company_name{ float:left; font-size:28px; color:#333; line-height:48px; margin:0 0 0 20px; font-weight:bold;}
.head_top .company_name span{ color:#888; font-size:18px; line-height:20px; display:block; font-family:Arial; font-weight:normal;}
.head_top .rexian{ float:right; margin:5px 0 0 32px;}
.head_top .rexian dl{ overflow:hidden;}
.head_top .rexian dl dd{ font-size:14px; color:#888; line-height:26px; text-align:right;}
.head_top .rexian dl dt{ font-size:18px; color:#da2620; line-height:26px;}
.head_top .rexian dl dt i{ width:20px; height:20px; background:url(../images/rexian.jpg) center no-repeat; border-right:#eee 1px solid; float:left; margin:3px 8px 0 0;}
.head_top .search_pc{ float:right; width:316px; height:40px; background:url(../images/search.jpg) left top no-repeat; margin:14px 0 0 0;}
.head_top .search_pc .search{ float:left; padding:2px 0 2px 12px; width:254px; font-size:14px; line-height:36px; border:0; background:none; outline:none;}
.head_top .search_pc .button{ float:right; border:0; width:50px; height:40px; background:none; cursor:pointer; outline:none;}
.head_top .search_pc .search::-webkit-input-placeholder{ color:#666;}
.head_top .search_pc .search::-moz-placeholder{ color:#666;}

/*nav*/
.nav{ width:100%; margin:0 auto; line-height:52px; background:#da2620;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:16.6666666667%;}
.navbar_nav li:before{ position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; content:"";}
.navbar_nav li:last-child:before{ display:none;}
.navbar_nav li:after{ content:""; width:0; height:1px; background:#fff; position:absolute; bottom:10px; left:50%; margin:0 0 0 -18px; transition:all 0.5s ease 0s;}
.navbar_nav li:hover:after{ width:36px;}
.navbar_nav li a{ text-decoration:none; display:block; color:#fff; font-size:18px; text-transform:uppercase;}
.navbar_nav li:hover a,.navbar_nav li a.active{ color:#fff;}
.navbar_nav li a.active:after{ content:""; width:36px; height:1px; background:#fff; position:absolute; bottom:10px; left:50%; margin:0 0 0 -18px; transition:all 0.5s ease 0s;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:52px; background:#da2620; box-shadow:0 3px 9px 0 rgba(51,51,51,0.38); width:99.5%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:15px; color:#fff; padding:0 10px; line-height:42px; text-align:center; text-transform:inherit;}
.navbar_nav li.dropdown:hover .dropdown_menu{ display:block; transition:0.5s;}
.navbar_nav li.dropdown:hover .dropdown_menu a{ color:#fff;}
.navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#eee;}
#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:10px 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:50px; line-height:50px; width:100%;}
.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:50px; line-height:50px; padding:0 20px; 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:0;}
.flex-control-nav li{ margin:0 4px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:10px; height:10px; border-radius:5px; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#da2620;}
.flex-control-paging li a.flex-active{ background:#da2620; cursor:default;}
.banner .flex-direction-nav a{ width:15%; height:100%; display:block; position:absolute; top:0; text-indent:-9000px;}
.banner .flex-direction-nav a.flex-prev{ left:0;}
.banner:hover .flex-direction-nav a.flex-prev{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));}
.banner .flex-direction-nav a.flex-next{ right:0;}
.banner:hover .flex-direction-nav a.flex-next{ background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));}
.banner .flex-direction-nav a i{ position:absolute; left:50%; top:50%; width:16px; height:40px; margin:-20px 0 0 0;}
.banner:hover .flex-direction-nav a.flex-prev i{ background:url(../images/b_prev_h.png) center no-repeat; transition:all .5s;}
.banner:hover .flex-direction-nav a.flex-next i{ background:url(../images/b_next_h.png) center no-repeat; transition:all .5s;}
.banner .flex-direction-nav a:hover.flex-prev i{ background:url(../images/b_prev.png) center no-repeat;}
.banner .flex-direction-nav a:hover.flex-next i{ background:url(../images/b_next.png) center no-repeat;}

/*new_product*/
.new_product{ margin:60px auto;}
.new_product .new_p_zt{ margin:0 auto 36px auto; width:100%; overflow:hidden;}
.new_product .new_p_name{ float:left; position:relative; z-index:2; font-size:30px; color:#da2620; line-height:52px; padding:0 0 6px 0;}
.new_product .new_p_name:before{ position:absolute; background:#da2620; width:60px; height:2px; bottom:0; left:0; content:""; z-index:3;}
.new_product .new_p_more{ float:right; width:142px; margin:20px 0 0 0;}
.new_product .new_p_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.new_product .new_p_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#da2620; border-radius:19px;}
.new_product .new_p_more a:hover{ text-decoration:none; background:#999;}
.new_product .p_fenl{ float:right; margin:20px 0 0 0;}
.new_product .p_fenl a{ float:left; margin:0 20px 0 0; background:#da2620; color:#fff; line-height:38px; padding:0 20px; border-radius:19px;}
.new_product .p_fenl a:hover{ text-decoration:none;}
.new_product ul{ overflow:hidden;}
.new_product ul li{ float:left; width:23.5%; margin:0 2% 2% 0;}
.new_product ul li:nth-child(4n){ margin:0 0 2% 0;}
.new_product ul li img{ width:100%;}
.new_product ul li p{ display:block; border:#eee 1px solid;}
.new_product ul li em{ font-size:16px; line-height:48px; border-bottom:#ccc 1px solid; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product ul li a{ color:#333;}
.new_product ul li a:hover{ text-decoration:none; color:#da2620;}

/*center*/
.center{ width:100%; margin:60px auto; overflow:hidden; background:#5b5b5b url(../images/center.jpg) center no-repeat; padding:24px 0 20px 0;}
.center .center_guanggao{ float:left; width:50%; font-size:36px; color:#fff; line-height:48px; margin:3px 0;}
.center .center_guanggao span{ display:block; font-size:24px;}
.center .center_rexian{ float:right; width:16%; margin:0 22% 0 0; text-align:center; font-size:24px; color:#fff; line-height:32px; font-family:Arial;}
.center .center_rexian div{ width:38px; margin:0 auto 10px auto; overflow:hidden;}
.center .center_rexian div img{ width:100%;}

/*about_us*/
.about_us{ margin:60px auto; position:relative;}
.about_us:before{ position:absolute; background:#434343; width:216px; height:2px; top:48px; left:34.35%; content:""; z-index:3;}
.about_us .about_left{ float:left; width:43.334%;}
.about_us .about_left img{ width:100%;}
.about_width{ width:100%; margin:0 auto; overflow:hidden;}
.about_right{ float:right; width:52.5%;}
.about_right .about_name{ width:100%; margin:0 auto; position:relative; z-index:2; font-size:30px; color:#da2620; line-height:48px;}
.about_right .about_zhuti{ width:100%; margin:6px auto 12px auto; font-size:18px; color:#333; font-weight:bold; border-bottom:#e5e9ef 1px solid; line-height:48px;}
.about_right .company_profile{ width:100%; margin:12px auto 28px auto; font-size:14px; color:#666; line-height:25px;}
.about_right .about_more{ width:142px;}
.about_right .about_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.about_right .about_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#da2620; border-radius:19px;}
.about_right .about_more a:hover{ text-decoration:none; background:#999;}

/*certificate*/
.certificate{ width:100%; margin:60px auto; background:#666; overflow:hidden; padding:46px 0 60px 0;}
.certificate .cer_zt{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.certificate .cer_name{ float:left; position:relative; z-index:2; font-size:30px; color:#fff; line-height:52px; padding:0 0 6px 0;}
.certificate .cer_name:before{ position:absolute; background:#fff; width:60px; height:2px; bottom:0; left:0; content:""; z-index:3;}
.certificate .cer_more{ float:right; width:142px; margin:20px 0 0 0;}
.certificate .cer_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.certificate .cer_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#da2620; background:#fff; border-radius:19px;}
.certificate .cer_more a:hover{ text-decoration:none; background:#ddd;}
.certificates{ width:100%; margin:0 auto;}
.certificates ul{ overflow:hidden;}
.certificates ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.certificates ul li img{ width:100%;}
.certificates ul li:last-child{ margin:0;}

/*news*/
.news{ margin:60px auto;}
.news .tab_title{ margin:0 auto 24px auto; width:100%; overflow:hidden; position:relative;}
.news .tab_title:before{ position:absolute; left:142px; width:2px; height:28px; background:#888; content:""; top:14px; z-index:999;}
.news .tab_title a{ float:right; width:142px; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#da2620; border-radius:19px; margin:14px 0 0 0;}
.news .tab_title i{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px; font-style:normal;}
.news .tab_title a:hover{ text-decoration:none; background:#999;}
.news .tab_title span{ font-size:30px; color:#333; line-height:52px; margin:0 46px 0 0; position:relative; padding:0 0 6px 0; cursor:pointer; z-index:998;}
.news .tab_title span.active:after{ position:absolute; left:0; bottom:0; width:60px; height:2px; background:#da2620; content:"";}
.news .tab_title span.active{ color:#da2620;}
.news_width{ width:100%; margin:0 auto;}
.news_width ul{ overflow:hidden;}
.news_width ul li{ float:left; width:31%; margin:0 3.5% 0 0;}
.news_width ul li:last-child{ margin:0;}
.news_width ul li a{ color:#666;}
.news_width ul li a:hover{ text-decoration:none; color:#da2620;}
.news_width .news_img{ width:100%; margin:0 auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_zti{ width:100%; margin:18px auto 10px auto; font-size:14px; line-height:24px;}
.news_width .news_zti em{ display:block; color:#333; font-size:16px; margin:0 0 8px 0;}
.news_width .news_time{ font-size:14px; color:#da2620; font-weight:bold; border-top:#e2e4e6 1px solid; line-height:24px; padding:6px 0 0 0;}
.news_faq{ width:100%; margin:0 auto;}
.news_faq dl{ float:left; width:22%; margin:0 4% 0 0;}
.news_faq dl:last-child{ margin:0;}
.news_faq dl dd{ font-size:14px; color:#333; line-height:25px; margin:0 0 12px 0;}
.news_faq dl dd i{ font-style:normal; background:#da2620; color:#fff; width:25px; text-align:center; display:inline-block; margin:0 8px 0 0;}
.news_faq dl dt{ font-size:14px; color:#666; line-height:25px;}
.news_faq dl dt i{ font-style:normal; background:#525252; color:#fff; width:25px; text-align:center; display:inline-block; margin:0 8px 0 0;}

/*witness*/
.witness{ width:100%; background:#666; margin:60px auto 296px auto; padding:46px 0 268px 0; position:relative;}
.witness .witness_kf{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.witness .witness_name{ float:left; position:relative; z-index:2; font-size:30px; color:#fff; line-height:52px; padding:0 0 6px 0;}
.witness .witness_name:before{ position:absolute; background:#fff; width:60px; height:2px; bottom:0; left:0; content:""; z-index:3;}
.witness .witness_more{ float:right; width:142px; margin:20px 0 0 0;}
.witness .witness_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.witness .witness_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#da2620; background:#fff; border-radius:19px;}
.witness .witness_more a:hover{ text-decoration:none; background:#ddd;}
.witness_width{ width:100%; margin:0 auto;}
.witness_width ul{ overflow:hidden;}
.witness_width ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.witness_width ul li img{ width:100%;}
.witness_width ul li:nth-child(5n){ margin:0 0 2% 0;}

.contact_us{ position:absolute; left:0; bottom:-228px; width:100%;}
.contact_us .contact_width{ background:#fff; box-shadow:0 0 20px #999; border-radius:15px;}
.contact_us .contact{ font-size:30px; line-height:52px; color:#da2620; text-align:center; position:relative; padding:52px 0 0 0;}
.contact_us .contact:before{ position:absolute; background:#da2620; width:60px; height:2px; bottom:0; left:50%; content:""; z-index:3; margin:0 0 0 -30px;}
.contact_us .contact_name{ font-size:14px; line-height:25px; color:#767676; text-align:center; margin:6px auto 32px auto;}
.messages{ width:84%; margin:0 auto 60px auto;}
.messages li{ margin:0 2% 2% 0; float:left; width:32%;}
.messages li:nth-child(3n){ margin:0 0 2% 0;}
.messages li.mess{ width:100%; margin:0; 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:0 0 0 2%; height:48px; font-size:14px; color:#666; line-height:46px; cue-after:none; background:#fff; border:#ddd 1px solid;}
.messages .messages-button{ width:226px; margin:40px auto 0 auto; line-height:56px; font-size:18px; color:#fff; text-align:center; background:#da2620; cursor:pointer; border-radius:28px;}

/*footer*/
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#666;}
.footer_w{ margin:42px auto;}
.footer_link{ float:left; width:30%; margin:0 3% 0 0;}
.footer_link .f_l_name{ font-size:16px; color:#fff; line-height:28px; font-weight:bold; margin:0 0 8px 0;}
.footer_link .f_l_links{ width:100%; margin:0 auto; overflow:hidden;}
.footer_link .f_l_links a{ float:left; width:50%; display:block; font-size:14px; color:#ddd; line-height:28px;}
.footer_link .f_l_links a:hover{ text-decoration:none; color:#fff;}
.footer_contact{ float:left; width:37%; margin:0 3% 0 0;}
.footer_contact .f_c_name{ font-size:16px; color:#fff; line-height:28px; font-weight:bold; margin:0 0 8px 0;}
.footer_contact .f_c_nrong{ font-size:14px; color:#ddd; line-height:28px;}
.footer_right{ float:right; width:27%;}
.footer_right ul{ overflow:hidden;}
.footer_right ul li{ float:left; width:47%; margin:0 6% 0 0;}
.footer_right ul li:last-child{ margin:0;}
.footer_right ul li img{ width:100%;}
.footer_right ul li span{ display:block; font-size:14px; color:#fff; text-align:center; line-height:24px; margin:6px 0 0 0;}

.foot_icp{ font-size:14px; color:#fff; line-height:24px; padding:18px 0; background:#434343;}
.foot_icp a{ color:#fff;}
.foot_icp a:hover{ color:#eee; text-decoration:none;}

/*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; font-size:14px; color:#888; line-height:30px;}
.lujing span{ color:#da2620;}

/*content*/
.content{ width:100%; margin:0 auto; overflow:hidden; border-top:#ececec 1px solid;}
.content_width{ margin:52px auto;}
.content_name{ font-size:24px; color:#333; line-height:36px; text-align:center; position:relative; padding:0 0 6px 0; margin:0 auto 30px auto;}
.content_name:after{ position:absolute; left:50%; bottom:0; margin:0 0 0 -24px; width:48px; height:1px; background:#da2620; content:"";}
.content_nav{ width:100%; text-align:center; margin:30px auto 32px auto;}
.content_nav li{ display:inline-block; font-size:14px; width:10%; margin:0 0.8%;}
.content_nav li a{ border:1px solid #ccc; color:#525252; line-height:36px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_nav li a:hover{ text-decoration:none; color:#da2620;}
.content_nav li a.current{ color:#fff; background:#da2620; border:1px solid #da2620;}

/*products*/
.product_w{ width:100%; margin:0 auto; overflow:hidden;}
.product_l{ float:left; width:18%;}
.product_l ul{ overflow:hidden;}
.product_l ul li{ margin:0 0 10px 0; position:relative;}
.product_l ul li:hover:after,.product_l ul li.hert:after{ position:absolute; left:0; top:26px; width:28px; height:1px; background:#da2620; content:"";}
.product_l ul li.hert a{ color:#da2620;}
.product_l ul li a{ display:block; font-size:16px; color:#333; line-height:28px;}
.product_l ul li a:hover{ text-decoration:none; color:#da2620;}
.product_l ul li dl{ margin:6px 0 6px 12px;}
.product_l ul li dl dd{ line-height:25px;}
.product_l ul li.hert dl dd a{ display:block; font-size:14px; color:#333;}
.product_l ul li.hert dl dd a:hover{ text-decoration:none; color:#da2620;}
.product_l ul li dl dd.hert a{ color:#da2620;}
.products{ float:right; width:80%; min-height:980px;}
.products ul{ overflow:hidden;}
.products ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.products ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.products ul li img{ width:100%;}
.products ul li p{ display:block; border:#eee 1px solid;}
.products ul li em{ font-size:16px; line-height:48px; border-bottom:#ccc 1px solid; height:48px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#333;}
.products ul li a:hover{ text-decoration:none; color:#da2620;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.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:#eee 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:#da2620; 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:#da2620; font-weight:bold; font-family:Arial, sans-serif;}

.productshow_name{ width:100%; margin:48px auto 22px auto; background:#f7f7f7; border:#eee 1px solid;}
.productshow_name p{ display:inline-block; background:#444; font-size:18px; color:#fff; line-height:40px; padding:0 18px;}
.productshow_xq{ font-size:14px; color:#333; line-height:25px;}
.productshow_xq img{ max-width:100%;}
.productshow_xq table{ width:100%; margin:0 auto; overflow:hidden; border:#ddd 1px solid;}
.productshow_xq table tr td{ font-size:14px line-height:20px; padding:8px; border:#ddd 1px solid; color:#333;}

.pro_xiangguan{ margin:48px auto 16px auto; overflow:hidden; background:#f4f4f4; line-height:42px; border-bottom:#eee 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#da251d; float:left; margin:14px 12px 0 16px;}
.pro_xgcp{ margin:16px auto 48px 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:#eee 1px solid; padding:2px; display:block;}
.pro_xgcp ul li:hover span{ border:#da251d 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:#666;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#da251d;}

.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:#da2620; z-index:99; visibility:inherit; margin:0 0 0 -60px;}
.messages_p{ width:100%; margin:0;}
.messages_p li{ float:left; width:32%; margin:0 2% 2% 0;}
.messages_p li:nth-child(3n){ margin:0 0 2% 0;}
.messages_p li.mess{ width:100%; float:none; margin:0;}
.messages_p .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_p .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_p .messages-button{ width:186px; margin:28px auto 0 auto; line-height:52px; font-size:18px; color:#fff; text-align:center; background:#da2620; cursor:pointer; border-radius:4px; text-transform:uppercase; font-family:Arial;}

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

/*news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news dl{ width:100%; margin:0 auto; overflow:hidden;}
.ny_news dl dd{ float:left; width:40%;}
.ny_news dl dd img{ width:100%;}
.ny_news dl dt{ float:right; width:57%; font-size:14px; color:#666; line-height:25px;}
.ny_news dl dt em{ display:block; font-size:16px; color:#333;}
.ny_news dl dt small{ display:block; font-size:14px; color:#888; margin:0 0 8px 0;}
.ny_news dl dt .n_more{ width:100%; margin:12px auto 0 auto; overflow:hidden;}
.ny_news dl dt .n_more a{ font-size:14px; color:#da2620; line-height:22px; display:block;}
.ny_news ul{ overflow:hidden; margin:16px auto 0 auto;}
.ny_news ul li{ overflow:hidden; border-bottom:#ccc 1px solid;}
.ny_news ul li a{ font-size:14px; color:#333; line-height:42px; display:block;}
.ny_news ul li a:hover{ color:#da2620; text-decoration:none;}
.ny_news ul li i{ width:3px; height:14px; background:#da2620; float:left; margin:14px 10px 0 0;}
.ny_news ul li span{ width:68%; float:left; height:42px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li font{ float:right; color:#999;}

.news_name_n{ width:100%; text-align:center; border-bottom:#d9d9d9 1px dashed; margin:0 auto 26px auto;}
.news_name_n strong{ font-size:18px; color:#525252; line-height:28px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#888; font-size:12px; line-height:20px; display:block;}
.news_xq{ width:100%; margin:0 auto; color:#666; font-size:14px; line-height:25px;}
.news_xq img{ max-width:100% !important;}
.p_next{ width:100%; margin:20px auto 0 auto; overflow:hidden; border:#eee 1px dashed; padding:10px 0;}
.p_next p{ display:block; padding:0 2%;}
.p_next a{ font-size:14px; line-height:30px; color:#525252;}
.p_next a:hover{ color:#da2620;}

.ny_faq{ width:100%; margin:20px 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:#da2620; 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;}

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

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

.down_width{ width:100%; margin:0 auto;}
.down_width ul{ overflow:hidden;}
.down_width ul.d_title li{ font-size:14px; color:#333; line-height:20px; padding:8px 0; border-bottom:#cdcdcd 2px solid;}
.down_width ul.xiangxi li{ font-size:14px; line-height:20px; color:#333; border-bottom:#e1e1e1 2px solid; padding:8px 0; height:40px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.down_width ul li.model{ width:30%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt{ width:35%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt2{ width:15%; float:left; text-align:center;}
.down_width ul li.pwm{ width:12%; float:left; text-align:center;}
.down_width ul li a{ font-size:14px; color:#da2620; display:block; line-height:20px;}
.down_width ul li a:hover{ color:#da2620; text-decoration:underline;}

/*contact_us*/
.contact_id{ width:100%; margin:0 auto; overflow:hidden;}
.contact_left{ float:left; width:50%; font-size:14px; color:#333; line-height:25px;}
.contact_right{ float:right; width:50%;}
.contact_right iframe{ width:100%; height:468px; padding:0; margin:0; float:left;}

/*sideBar*/
.sideBar{ position:fixed; z-index:99; left:0; bottom:4%; padding:20px 15px; font-size:14px; color:#fff; background:#da2620; transform:translate(0%, 0%); transition:all ease .4s; transition-delay:0.6s;}
.sideBar.close1{ transform:translate(-100%, 0%); transition:all ease .4s;}
.sideBar .sideOppen{ position:absolute; z-index:-1; left:0; top:0; display:inline-block; padding:15px 8px; font-size:14px; line-height:1em; font-weight:normal; color:#fff; background:#da2620; opacity:0; visibility:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; transition:all ease .4s;}
.sideBar.close1 .sideOppen{ display:block; left:100%; opacity:1; visibility:visible; transition-delay:0.4s;}
.sideBar a{ text-decoration:none;}
.sideBar a:hover{ text-decoration:none;}
a.sideClose{ position:absolute; right:0px; top:0px; padding:6px; line-height:14px; opacity:1; transition:all ease .4s;}
a.sideClose:hover{ text-decoration:none; opacity:0.6;}
a.sideClose span{ font-size:14px; line-height:inherit; color:#fff;}
a.sideClose span img{ width:16px; height:16px; margin:2px 0 0 0;}
.sideHead{ text-align:center;}
.sideHead strong{ display:block; font-size:18px; line-height:1.2em;}
.sideHead small{ display:block; font-size:12px; line-height:1em;}
.sideLink{ padding:15px 0;}
.sideLink a{ display:block; margin-bottom:6px; padding:0 12px; font-size:14px; line-height:30px; color:#333; background:rgba(255, 255, 255, 1); transition:all .4s;}
.sideLink li:last-child a{ margin-bottom:0px;}
.sideLink a:hover{ text-decoration:none; color:#da2620; background:rgba(255, 255, 255, 0.8);}
.sideLink a span{ display:inline-block; width:16px;}
.sideLink a span img{ width:100%; margin:6px 0 0 0;}
.sideContent{ line-height:1.2em;}
.sideContent img{ width:130px; margin-bottom:10px;}
.sideContent p{ margin-bottom:4px;}

.ad{ position:fixed; z-index:999; left:50%; top:50%; margin:-90px -200px; display:none; background:#da2620; border-radius:4px; box-shadow:0 0 30px rgba(0, 0, 0, 0.2); overflow:hidden;}
.ad-img{ float:left; width:180px; height:100%; padding:15px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.ad-img img{ width:160px !important; border-radius:4px;}
.ad-img span{ display:inline-block; margin-top:5px; color:#fff;}
.ad-content{ float:right; height:100%; padding:30px 30px 20px 20px; width:320px; min-height:140px; color:#fff;}
.ad-content h4{ margin:0 0 12px; font-size:18px; font-weight:bold;}
.ad-content a{ display:inline-block; margin-top:6px; padding:0 12px; font-size:14px; line-height:30px; color:#333; background:rgba(255, 255, 255, 1); border-radius:4px; transition:all .4s;}
.ad-content a:hover{ text-decoration:none; color:#da2620; background:rgba(255, 255, 255, 0.8);}
.ad-content a svg{ display:inline-block; margin-left:-2px; width:20px; height:20px; line-height:30px; vertical-align:middle;}
.ad-content p{ margin:0 0 5px;}
.ad .close-ad{ position:absolute; z-index:1; top:0px; right:0px; width:36px; height:36px; line-height:36px; font-size:18px; color:#fff; text-align:center; background:#da2620; transition:all .4s;}
.ad .close-ad:hover{ text-decoration:none; color:#da2620; background:#333;}
.ad .close-ad img{ width:16px; height:16px; margin:10px 0 0 0;}