@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:#666; 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:#666; text-decoration:none;}
a:hover{ color:#df1813; text-decoration:underline;}

.width_all{ width:1200px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ margin:0 auto;}
.head_top .logo{ float:left; width:51px; margin:50px 0 51px 0;}
.head_top .logo img{ width:100%;}
.head_top h1{ float:left; font-size:24px; color:#000; line-height:24px; margin:51px 22px;}
.head_top h1 span{ display:block; font-size:14px; font-family:Arial; line-height:16px; margin:10px 0 0 0;}
.head_top .company_jies{ float:left; margin:52px 0; padding:0 0 0 22px; border-left:#d1d1d1 1px solid; font-size:16px; color:#525252; line-height:18px;}
.head_top .company_jies span{ font-size:20px; color:#333; display:block; font-weight:bold; line-height:22px; margin:0 0 8px 0;}
.head_top .rexian{ float:right; margin:52px 42px 52px 0;}
.head_top .rexian dl dd{ float:left; width:41px; margin:4px 0;}
.head_top .rexian dl dd img{ width:100%;}
.head_top .rexian dl dt{ float:right; font-size:16px; color:#666; line-height:16px; border-left:#d1d1d1 1px solid; padding:0 0 0 18px; margin:0 0 0 18px;}
.head_top .rexian dl dt span{ font-size:30px; color:#333; line-height:24px; margin:8px 0 0 0; display:block; font-weight:bold; font-family:Arial;}

/*nav*/
.nav{ width:100%; margin:0 auto; background:url(../images/nav_bg.png) center no-repeat; line-height:68px;}
.navbar_nav{ width:100%; margin:0 auto;}
.navbar_nav li{ float:left; position:relative; text-align:center; width:14.2857%;}
.navbar_nav li.n_home{ text-align:left;}
.navbar_nav li i{ width:30px; float:left; height:26px; background:url(../images/home.png) center no-repeat; margin:21px 8px 21px 0;}
.navbar_nav li a{ text-decoration:none; display:block; color:#fff; font-size:16px; text-transform:uppercase;}
.navbar_nav li:hover a{ color:#fff;}
.navbar_nav li.dropdown{ display:inherit; position:relative;}
.navbar_nav li.dropdown .dropdown_menu{ z-index:99; display:none; position:absolute; top:68px; background:#1d1916; box-shadow:0 1px 3px 0 rgba(167,165,165,0.18); width:100%;}
.navbar_nav li.dropdown:nth-child(3) .dropdown_menu{ width:148%; margin:0 0 0 -24%;}
.navbar_nav li.dropdown .dropdown_menu a{ font-size:14px; color:#fff; padding:0 10px; line-height:36px; 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:#fff; background:#df1813;}

/*banner*/
.banner{ width:100%; margin:0 auto;}
.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:39px; height:8px; border-radius:4px; display:block; background:#f2f2f2; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#df1813;}
.flex-control-paging li a.flex-active{ background:#df1813; cursor:default;}	
.banner .flex-direction-nav a{ width:10%; 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 -8px;}
.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:68px auto 52px auto;}
.new_p_name{ font-size:40px; color:#df1813; line-height:52px; text-align:center; width:100%; margin:0 auto 48px auto;}
.new_p_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.new_product .new_p_left{ float:left; width:22%;}
.new_p_left .new_p_l_name{ background:#df1813; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.new_p_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#df1813 5px solid; padding:0 0 18px 0;}
.new_p_left ul li{ border-bottom:#eee 1px solid; overflow:hidden;}
.new_p_left ul li a{ font-size:16px; color:#525252; line-height:47px; padding:0 24px; overflow:hidden; display:block;}
.new_p_left ul li a p{ float:left; width:88%; height:47px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_left ul li a i{ float:right; width:12px; height:14px; margin:17px 0 16px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.new_p_left ul li a:hover{ text-decoration:none; color:#df1813;}

.new_product .new_p_right{ float:right; width:75%;}
.new_product .new_p_right ul{ overflow:hidden;}
.new_product .new_p_right ul li{ float:left; width:31%; margin:0 3.5% 3.5% 0;}
.new_product .new_p_right ul li:nth-child(3n){ margin:0 0 3.5% 0;}
.new_product .new_p_right ul li span{ display:block; border:#e0e0e0 1px solid;}
.new_product .new_p_right ul li img{ width:100%;}
.new_product .new_p_right ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_product .new_p_right ul li a{ color:#525252;}
.new_product .new_p_right ul li a:hover{ text-decoration:none; color:#df1813;}

/*why_us*/
.why_us{ width:100%; margin:52px auto 0 auto; overflow:hidden; background:#f1f1f1 url(../images/why_us_bg.jpg) center top no-repeat;}
.why_us_name{ font-size:40px; color:#df1813; line-height:52px; text-align:center; width:100%; margin:48px auto;}
.why_us_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.why_us_w{ width:100%; margin:88px auto; position:relative;}
.why_us_w div{ width:647px; margin:0 0 0 12%;}
.why_us_w div img{ width:100%;}
.why_us_w dl{ width:37%; position:absolute; right:18%; bottom:-11.5%; overflow:hidden;}
.why_us_w dl:nth-child(2n){ left:inherit; right:18%; top:-7%;}
.why_us_w dl:nth-child(3n){ left:inherit; right:0%; top:22%;}
.why_us_w dl:nth-child(4n){ left:inherit; right:0%; bottom:22%; top:inherit;}
.why_us_w dl dd{ float:left; background:#fff; width:24.5%; height:68px; border-radius:5px; border:#df1813 1px solid; display:flex; justify-content:center; align-items:center; flex-direction:column; font-size:24px; color:#df1813; line-height:30px; font-weight:bold; padding:0 1.5%; text-align:center;}
.why_us_w dl dt{ float:right; width:68%; display:flex; font-size:18px; color:#333; line-height:30px; justify-content:top; align-items:center; flex-direction:column;}

/*four_reasons*/
.four_reasons{ width:100%; margin:0 auto 52px auto; overflow:hidden; background:#df1813; position:relative;}
.four_s_left{ float:left; margin:24px 0; font-size:30px; color:#fff; line-height:42px;}
.four_s_left span{ display:block; font-weight:bold; font-size:24px; margin:0 0 8px 0; line-height:34px;}
.four_s_rexian{ float:right; font-size:16px; color:#fff; line-height:32px; margin:36px 0 24px 0; background:url(../images/center_rexian.png) top left no-repeat; padding:0 0 0 56px;}
.four_s_rexian span{ display:block; font-size:30px; font-family:Arial, sans-serif; font-weight:bold; margin:10px 0 0 0;}
.four_s_center{ position:absolute; bottom:30px; left:56%; width:168px;}
.four_s_center a{ font-size:24px; color:#333; background:#fff; display:block; line-height:52px; text-align:center;}
.four_s_center a:hover{ text-decoration:none; color:#df1813;}

/*about_us*/
.about_us{ margin:52px auto 30px auto;}
.about_us .about_name{ font-size:40px; color:#df1813; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.about_us .about_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.about_width{ width:100%; margin:0 auto; overflow:hidden;}
.about_width .about_right{ float:right; width:50%;}
.about_width .about_right img{ width:100%;}
.about_width .about_left{ float:left; width:45%;}
.about_width .about_l_name{ font-size:24px; color:#df1813; font-weight:bold; border-bottom:#c6c6c6 1px solid; line-height:42px;}
.about_width .company{ font-size:14px; color:#525252; line-height:28px; margin:16px 0 24px 0;}
.about_width .about_more{ width:144px; margin:0;}
.about_width .about_more a{ font-size:16px; color:#fff; line-height:40px; display:block; background:#df1813; border-radius:20px; text-align:center;}
.about_width .about_more a:hover{ text-decoration:none; background:#1d1916;}
.gongchang{ margin:30px auto 52px auto;}
.gongchang .gc_name{ width:100%; border-bottom:#c6c8c7 1px solid; margin:0 auto 26px auto; overflow:hidden;}
.gongchang .gc_name span{ font-size:24px; color:#df1813; font-weight:bold; line-height:42px;}
.gongchang .gc_name a{ float:right; font-size:14px; color:#666; line-height:42px;}
.gongchang .gc_name a:hover{ text-decoration:none; color:#df1813;}
.gongchang ul{ overflow:hidden;}
.gongchang ul li{ float:left; width:23.5%; margin:0 2% 0 0;}
.gongchang ul li:last-child{ margin:0;}
.gongchang ul li img{ width:100%;}
.gongchang ul li p{ border:#ddd 1px solid; padding:3px;}
.gongchang ul li em{ display:block; font-size:14px; color:#666; text-align:center; line-height:25px; margin:6px 0 0 0;}

/*hezuo*/
.hezuo_name{ width:100%; background:#df1813; margin:52px auto; display:flex; justify-content:center; align-items:center; padding:46px 0; position:relative;}
.hezuo_name:after{ content:""; position:absolute; width:0; height:0; bottom:-16px; left:50%; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #df1813; margin:0 0 0 -8px;}
.hezuo_name div{ color:#fff; font-size:40px; line-height:52px; font-weight:bold;}
.hezuo_name div:nth-child(2){ font-size:24px; color:#fff; line-height:42px; font-weight:normal; background:#1d1916; margin:0 0 0 34px; transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -moz-transform:skewX(-30deg); padding:0 2.5%;}
.hezuo{ margin:52px auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:18.4%; margin:0 2% 2% 0;}
.hezuo ul li:nth-child(5n){ margin:0 0 2% 0;}
.hezuo ul li img{ width:100%}
.hezuo ul li p{ border:#ddd 1px solid; display:block;}

/*news*/
.news{ width:100%; margin:52px auto; overflow:hidden; padding:52px 0 60px 0; border-bottom:#d8d8d8 1px solid; border-top:#d8d8d8 1px solid;}
.news_name{ font-size:40px; color:#df1813; line-height:52px; text-align:center; width:100%; margin:0 auto 42px auto;}
.news_name span{ display:block; color:#666; font-size:20px; line-height:32px; margin:6px 0 0 0;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width .news_left{ float:left; width:47.5%;}
.news_width .news_img{ width:100%; margin:0 auto 48px auto;}
.news_width .news_img img{ width:100%;}
.news_width .news_img a{ border:#ebebeb 1px solid; display:block;}
.news_width .news_zti{ width:100%; margin:0 auto;}
.news_width .news_zti dl{ overflow:hidden; position:relative;}
.news_width .news_zti dl:after{ position:absolute; left:20%; top:0; width:1px; height:100%; background:#ebebeb; content:"";}
.news_width .news_zti dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0;}
.news_width .news_zti dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_zti dl dt{ float:right; width:73%; font-size:14px; line-height:24px;}
.news_width .news_zti dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_zti dl a{ display:block;}
.news_width .news_right{ float:right; width:47.5%;}
.news_width .news_right dl{ border:#ebebeb 1px solid; margin:0 0 20px 0; padding:17px 0; overflow:hidden;}
.news_width .news_right dl:last-child{ margin:0;}
.news_width .news_right dl a{ display:block;}
.news_width .news_right dl dd{ float:left; width:20%; font-size:14px; color:#333; line-height:24px; text-align:center; padding:8px 0; border-right:#ebebeb 1px solid;}
.news_width .news_right dl dd span{ display:block; font-size:36px; line-height:42px; font-weight:bold;}
.news_width .news_right dl dt{ float:right; width:72%; font-size:14px; line-height:24px; margin:0 3% 0 0;}
.news_width .news_right dl dt em{ font-size:16px; height:24px; color:#333; margin:0 0 6px 0; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*links*/
.links{ margin:52px auto;}
.links .links_name{ width:100%; margin:0 auto; font-size:18px; color:#df1813; line-height:28px; font-weight:bold;}
.links .link{ width:100%; margin:14px auto 0 auto;}
.links .link ul{ overflow:hidden;}
.links .link ul li{ float:left; margin:0 16px 0 0;}
.links .link ul li a{ font-size:14px; color:#666; line-height:25px;}
.links .link ul li a:hover{ text-decoration:none; color:#df1813;}

/*footer*/
.footer_nav{ width:100%; background:#1d1916; text-align:center;}
.footer_nav a{ font-size:16px; color:#fff; line-height:55px; display:inline-block; vertical-align:top;}
.footer_nav a:hover{ text-decoration:none; color:#ccc;}
.footer_nav span{ margin:19px 30px; padding:0; width:1px; height:17px; display:inline-block; background:#999; vertical-align:top;}
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#5c5c5c; padding:48px 0 0 0;}
.footer .footer_weixin{ float:left; width:12.5%; margin:0 4% 0 0;}
.footer .footer_weixin ul{ overflow:hidden;}
.footer .footer_weixin ul li{ position:relative;}/* float:left; width:46%; margin:0 8% 0 0;*/
.footer .footer_weixin ul li div{ position:relative;}
.footer .footer_weixin ul li:after{ position:absolute; top:0; left:0; width:30px; height:3px; background:#df1813; content:"";}
.footer .footer_weixin ul li i:after{ position:absolute; top:0; right:0; width:30px; height:3px; background:#df1813; content:"";}
.footer .footer_weixin ul li:before{ position:absolute; top:0; left:0; width:3px; height:30px; background:#df1813; content:"";}
.footer .footer_weixin ul li i:before{ position:absolute; top:0; right:0; width:3px; height:30px; background:#df1813; content:"";}
.footer .footer_weixin ul li div:after{ position:absolute; bottom:-1px; left:-1px; width:30px; height:3px; background:#df1813; content:"";}
.footer .footer_weixin ul li div:before{ position:absolute; bottom:-1px; left:-1px; width:3px; height:30px; background:#df1813; content:"";}
.footer .footer_weixin ul li div p:after{ position:absolute; bottom:-1px; right:-1px; width:30px; height:3px; background:#df1813; content:"";}
.footer .footer_weixin ul li div p:before{ position:absolute; bottom:-1px; right:-1px; width:3px; height:30px; background:#df1813; content:"";}
.footer .footer_weixin ul li:last-child{ margin:0;}
.footer .footer_weixin ul li img{ width:84%; margin:8%;}
.footer .footer_weixin ul li em{ display:block; font-size:14px; color:#ccc; line-height:24px; text-align:center; margin:12px 0 0 0;}
.footer .footer_add{ float:left; width:79%; font-size:14px; color:#ccc; line-height:30px;}
.footer .footer_add a{ color:#ccc;}
.footer .footer_icp{ border-top:#777 1px solid; width:100%; margin:52px auto 0 auto; font-size:14px; color:#ccc; line-height:24px; text-align:center; padding:23px 0;}
.footer .footer_icp a{ color:#ccc;}

@media screen and (max-width:1200px) {

	.nav{ width:1200px;}
	.banner{ width:1200px;}
	.why_us{ width:1200px;}
	.four_reasons{ width:1200px;}
	.hezuo_name{ width:1200px;}
	.news{ width:1200px;}
	.footer_nav{ width:1200px;}
	.footer{ width:1200px;}
	.ny_banner{ width:1200px !important;}

}

/*ny_banner*/
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}
.lujing{ margin:26px auto 36px auto; font-size:14px; color:#888; line-height:30px; border-bottom:#ececec 1px solid;}
.lujing span{ color:#df1813;}

/*content*/
.content{ margin:36px auto 52px auto;}
.content .content_left{ float:left; width:22%;}
.content_left .content_l_name{ background:#df1813; font-size:24px; color:#fff; line-height:32px; padding:34px 0; text-align:center;}
.content_left ul{ border-left:#eee 1px solid; border-right:#eee 1px solid; border-bottom:#df1813 5px solid; padding:0 0 8px 0;}
.content_left ul li{ border-bottom:#eee 1px solid;}
.content_left ul li a{ font-size:16px; color:#525252; line-height:47px; padding:0 24px; overflow:hidden; display:block;}
.content_left ul li a p{ float:left; width:88%; height:47px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.content_left ul li i{ float:right; width:12px; height:14px; margin:17px 0 16px 0; background:url(../images/new_p_jtou.png) center no-repeat;}
.content_left ul li a:hover{ text-decoration:none; color:#df1813;}

.content .content_right{ float:right; width:75%;}
.content_right .content_r_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_right .content_r_name span{ float:left; background:#df1813; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}
.content_name{ background:linear-gradient(#fff, #dbdbdb); overflow:hidden; margin:0 0 26px 0;}
.content_name span{ float:left; background:#df1813; font-size:18px; color:#fff; line-height:50px; padding:0 22px;}

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

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

.partner{ width:100%; margin:0 auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:22.9%; margin:0 2.8% 2.8% 0;}
.partner ul li:nth-child(4n){ margin:0 0 2.8% 0;}
.partner ul li img{ width:100%}
.partner ul li p{ border:#ddd 1px solid; display:block;}

.join_us{ margin:0 auto 28px auto;}
.join_us ul{ background:#1d1916; overflow:hidden; border-bottom:#fff 1px solid;}
.join_us ul li{ line-height:25px; margin:5px 0; overflow:hidden;}
.join_us ul li span{ font-size:16px; color:#fff;}
.join_us dl{ overflow:hidden; border-bottom:#fff 1px solid;}
.join_us dl dt{ overflow:hidden; background:#f0f0f0;}
.join_us dl dt em{ float:left; font-size:16px; color:#333; font-weight:bold; line-height:36px; margin:0 0 0 2%;}
.join_us dl.cur dt{ background:#fff; border-bottom:#eee 1px solid;}
.join_us span{ float:left; width:20%; text-align:center; font-size:14px; color:#525252; line-height:25px; padding:6px 0;}
.join_us span a{ color:#df1813; display:block;}
.join_us span a:hover{ text-decoration:none;}
.join_us dl dd{ display:none; padding:2%; font-size:14px; color:#525252; line-height:25px;}
.join_us dl dd em{ display:block; color:#df1813; font-size:16px; line-height:28px; margin:0 0 16px 0;}
.join_fuli{ margin:28px auto 0 auto; font-size:14px; color:#525252; line-height:25px;}
.join_fuli em{ font-size:16px; color:#333; font-weight:bold; line-height:28px; display:block; margin:0 0 8px 0;}

/*products*/
.products{ width:100%; margin:0 auto;}
.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 span{ display:block; border:#e0e0e0 1px solid;}
.products ul li img{ width:100%;}
.products ul li em{ font-size:16px; line-height:50px; background:#f2f2f2; height:50px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#525252;}
.products ul li a:hover{ text-decoration:none; color:#df1813;}

.product_width{ width:100%; margin:0 auto; overflow:hidden;}
.product_width .product_l{ width:42%; float:left; border:#eee 1px solid;}
.product_width .product_l img{ width:100%;}
.product_width .product_r{ float:right; width:54%;}
.product_width .product_r .p_name_k{ font-size:22px; color:#df1813; line-height:28px;}
.product_width .product_r dl{ overflow:hidden; margin:10px 0 0 0;}
.product_width .product_r dl dd{ background:#eee; font-size:18px; line-height:42px; padding:0 0 0 16px; color:#df1813;}
.product_width .product_r dl dt{ font-size:14px; color:#525252; line-height:25px; margin:14px 0 0 0;}

.products_sming{ width:100%; margin:30px auto;}
.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:#1d1916; font-size:18px; color:#fff; line-height:30px; padding:6px 28px; display:inline-block;}
.productshow_quanbu{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; line-height:25px; color:#666;}

.pro_xiangguan{ margin:30px auto 12px auto; overflow:hidden; background:#f4f4f4; line-height:42px; border-bottom:#ddd 1px solid; font-size:16px; color:#333;}
.pro_xiangguan i{ width:4px; height:15px; background:#df1813; float:left; margin:14px 12px 0 16px;}
.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:#df1813 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:#df1813;}

/*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:12px; color:#666; line-height:22px;}
.ny_news dl dt em{ display:block; font-size:14px; color:#333;}
.ny_news dl dt small{ display:block; font-size:12px; 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:#df1813; 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:#df1813; text-decoration:none;}
.ny_news ul li i{ width:3px; height:14px; background:#df1813; 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:15px; color:#525252; line-height:25px; margin:0 0 5px 0; display:block;}
.news_name_n span{ color:#999; 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:#df1813;}

/*download*/
.download{ width:100%; margin:0 auto;}
.download ul{ overflow:hidden;}
.download ul.d_title li{ font-size:14px; color:#525252; font-weight:bold; line-height:28px; border-bottom:#cdcdcd 2px solid;}
.download ul.xiangxi li{ font-size:14px; line-height:28px; color:#333; border-bottom:#e1e1e1 2px solid; height:56px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.download ul li.model{ width:20%; float:left; justify-content:left !important; padding:0 2% 0 2%;}
.download ul li.prodt{ width:45%; float:left; justify-content:left !important; padding:0 2% 0 2%;}
.download ul li p{ display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.download ul li.prodt2{ width:15%; float:left; text-align:center;}
.download ul li.pwm{ width:12%; float:left; text-align:center;}
.download ul li a{ font-size:14px; color:#df1813; display:block; line-height:28px;}
.download ul li a:hover{ color:#df1813; text-decoration:underline;}

/*feedback*/
.feedback{ width:100%; margin:36px auto 0 auto;}
.feedback ul{ overflow:hidden;} 
.feedback ul li{ margin:0 2% 2% 0; float:left; width:49%;}
.feedback ul li:nth-child(2n){ margin:0 0 2% 0;}
.feedback ul li:last-child{ margin:0;}
.feedback ul li.c_width{ width:100%; float:none;}
.feedback .text-input{ width:96%; border:none; padding:12px 0 12px 4%; font-size:14px; color:#333; line-height:26px; background:#f2f2f2;}
.feedback .cont-input{ width:98%; padding:12px 0 12px 2%; height:218px; border:none; font-size:14px; color:#666; line-height:26px; background:#f2f2f2;}
.feedback .feedback_button{ width:168px; line-height:46px; font-size:16px; color:#fff; text-align:center; background:#df1813; cursor:pointer;}

/*contact_us*/
.contact_us{ width:100%; margin:36px auto 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;}