@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,iframe{ margin:0; padding:0;}
body{ color:#525252; font-size:14px; font-family:Microsoft Yahei,Arial,"sans-serif";}
section,article,aside,header,footer,nav,dialog,figure,iframe{ 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,Arial,"sans-serif"; 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:#525252; text-decoration:none;}
a:hover{ color:#bf8839; 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{ background:#5ab8b8; width:100%; margin:0 auto; overflow:hidden; position:relative;}
.head_top:after{ position:absolute; left:0; bottom:1px; width:100%; height:1px; background:#fff; content:"";}
.head_top .welcome{ float:left; font-size:14px; color:#fff; line-height:38px;}
.head_top .cnen{ float:right;}
.head_top .cnen a{ border-left:#fff 1px solid; font-size:14px; color:#fff; line-height:38px; display:inline-block; padding:0 16px;}
.head_top .cnen a:hover{ text-decoration:none; color:#eee;}
.head_top .cnen a i{ float:left; width:18px; height:12px; background:url(../images/cn.jpg) center no-repeat; margin:13px 8px 0 0;}
.head_top .cnen a:last-child i{ background:url(../images/en.jpg) center no-repeat;}
.head_top .rexian{ float:right; font-size:14px; color:#fff; line-height:39px; margin:0 16px 0 0;}

.head_nav{ margin:0 auto; background:#fff;}
.head_nav h1{ float:left; width:110px; margin:18px 0;}
.head_nav h1 img{ width:100%;}
.head_nav .company_name{ float:left; font-size:25px; color:#333; line-height:28px; margin:34px 0 34px 12px; letter-spacing:0.9px;}
.head_nav .company_name span{ display:block; font-size:12px; color:#888; letter-spacing:0;}

/*nav*/
.header{ float:right; margin:26px 0 0 0;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav .m:after{ position:absolute; bottom:0; left:0; content:""; width:0; height:2px; background:#bf8839; transition:all .35s;}
.nav .m:hover:after{ width:100%;}
.nav a{ display:block; font-size:18px; color:#333; line-height:98px; padding:0 20px;}
.nav li:hover a, .nav li a.cutter{ color:#bf8839; text-decoration:none;}
.nav .sub{ width:168px; position:absolute; left:0; top:98px; background:rgba(191,136,57,.88); padding:18px 20px;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#eee; font-size:14px; line-height:32px; display:block; background:none; padding:0;}
.nav .sub li a:hover{ text-decoration:none; color:#fff;}

#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-top:30px;}
.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;}

.m_nav .cnen{ width:100%; margin:0 auto 10px auto;}
.m_nav .cnen ul{ overflow:hidden; padding:0 20px;}
.m_nav .cnen ul li{ float:left; margin:0 16px 0 0; overflow:hidden;}
.m_nav .cnen ul li a{ font-size:14px; color:#666; line-height:22px;}
.m_nav .cnen ul li span{ float:right;}
.m_nav .cnen ul li i{ float:left; width:18px; height:12px; background:url(../images/cn.jpg) center no-repeat; margin:5px 8px 0 0;}
.m_nav .cnen ul li:last-child i{ background:url(../images/en.jpg) center no-repeat;}

/*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 6px; display:inline-block; zoom:1;}
.flex-control-paging li a{ width:12px; height:12px; border-radius:50%; display:block; background:#fff; cursor:pointer; text-indent:-9999px;}
.flex-control-paging li a:hover{ background:#bf8839; }
.flex-control-paging li a.flex-active{ background:#bf8839; 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:-8px 0 0 -20px;}
.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 28px auto;}
.new_p_left{ float:left; width:21.8%; background:#5ab8b8;}
.new_p_left .new_p_biaoti{ color:#fff; font-size:24px; line-height:76px; position:relative; text-align:center;}
.new_p_left .new_p_biaoti:after{ position:absolute; left:50%; bottom:0; width:48px; height:1px; background:#fff; content:""; margin:0 0 0 -24px;}
.new_p_left ul{ width:84.5%; overflow:hidden; margin:20px auto;}
.new_p_left ul li{ line-height:42px; margin:0 0 8px 0;}
.new_p_left ul li:last-child{ margin:0;}
.new_p_left ul li a{ display:block; font-size:16px; color:#000; padding:0 0 0 16px; background:#fff;}
.new_p_left ul li a:hover{ text-decoration:none; background:#bf8839; color:#fff;}
.new_p_right{ float:right; width:73.4%;}
.new_p_right .new_p_zt{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.new_p_right .new_p_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.new_p_right .new_p_name:before{ position:absolute; background:#5ab8b8; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.new_p_right .new_p_more{ float:right; width:142px; margin:20px 0 0 0;}
.new_p_right .new_p_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.new_p_right .new_p_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#888; border-radius:3px;}
.new_p_right .new_p_more a:hover{ text-decoration:none; background:#bf8839;}
.new_p_right ul{ overflow:hidden;}
.new_p_right ul li{ float:left; width:31.2%; margin:0 3.2% 3.2% 0;}
.new_p_right ul li:nth-child(3n){ margin:0 0 3.2% 0;}
.new_p_right ul li img{ width:100%;}
.new_p_right ul li em{ text-align:center; font-size:14px; line-height:25px; margin:8px 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.new_p_right ul li a{ color:#333; display:block; border:#ccc 1px solid;}
.new_p_right ul li a:hover{ text-decoration:none; color:#bf8839;}

/*news*/
.news{ width:100%; background:#f2f2f2; margin:28px auto 60px auto; overflow:hidden; padding:42px 0 60px 0;}
.news .news_center{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.news .news_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.news .news_name:before{ position:absolute; background:#5ab8b8; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.news .news_more{ float:right; width:142px; margin:20px 0 0 0;}
.news .news_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.news .news_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#888; border-radius:3px;}
.news .news_more a:hover{ text-decoration:none; background:#bf8839;}
#marquee1{ margin:0 auto;}
.news_width{ width:100%; margin:0 auto; overflow:hidden;}
.news_width ul{ overflow:hidden;}
.news_width ul li{ float:left; width:268px; margin:0 28px 0 0;}
.news_width ul li a{ color:#666;}
.news_width ul li a:hover{ text-decoration:none; color:#5ab8b8;}
.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{ color:#333; font-size:16px; margin:0 0 8px 0; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_width .news_zti p{ height:72px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news_width .news_time{ font-size:14px; color:#5ab8b8; border-top:#e2e4e6 1px solid; line-height:24px; padding:6px 0 0 0;}

/*faq*/
.faq{ margin:60px auto;}
.faq .faq_center{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.faq .faq_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.faq .faq_name:before{ position:absolute; background:#5ab8b8; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.faq .faq_more{ float:right; width:142px; margin:20px 0 0 0;}
.faq .faq_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.faq .faq_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#888; border-radius:3px;}
.faq .faq_more a:hover{ text-decoration:none; background:#bf8839;}
#marquee2{ margin:0 auto;}
.faq_width{ width:100%; margin:0 auto; overflow:hidden;}
.faq_width ul{ overflow:hidden;}
.faq_width ul li{ float:left; width:268px; margin:0 28px 0 0; border-top:#e2e4e6 1px solid;}
.faq_width ul li a{ color:#666;}
.faq_width ul li a:hover{ text-decoration:none; color:#5ab8b8;}
.faq_width .faq_q{ margin:10px auto; font-size:16px; line-height:24px; color:#333; height:24px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.faq_width .faq_q i{ width:24px; height:24px; background:#bf8839; display:inline-block; font-size:14px; color:#fff; line-height:24px; text-align:center; font-style:normal; text-transform:uppercase; margin:0 12px 0 0;}
.faq_width .faq_a{ margin:10px auto; font-size:14px; line-height:24px; height:96px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.faq_width .faq_a i{ width:24px; height:24px; background:#5ab8b8; display:inline-block; font-size:14px; color:#fff; line-height:24px; text-align:center; font-style:normal; text-transform:uppercase; margin:0 12px 0 0;}
.faq_width .faq_time{ font-size:14px; color:#5ab8b8; border-top:#e2e4e6 1px solid; line-height:24px; padding:6px 0 0 0;}

/*fwlist*/
.fwlist{ width:100%; margin:52px auto; height:436px; overflow:hidden; background:#f2f2f2; padding:60px 0 24px 0;}
.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(90,184,184,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; -webkit-filter:grayscale(1); transition:all linear 0.5s;}
.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;}

/*youshi*/
.youshi{ margin:60px auto;}
.youshi_name{ font-size:30px; color:#333; line-height:42px; text-align:center; position:relative;}
.youshi_name:before{ position:absolute; background:#5ab8b8; width:60px; height:1px; bottom:32px; left:50%; content:""; z-index:3; margin:0 0 0 -30px;}
.youshi_name span{ color:#bf8839; margin:0 0 0 12px;}
.youshi_name p{ font-size:18px; line-height:28px; color:#888; margin:10px 0 0 0;}
.youshi_width{ width:100%; margin:36px auto; overflow:hidden;}
.youshi_width .youshi_left{ float:left; width:46.5%;}
.youshi_width .youshi_left dl{ overflow:hidden; margin:0 0 48px 0;}
.youshi_width .youshi_left dl:last-child{ margin:0;}
.youshi_width .youshi_left dl dd{ float:left; width:11.5%; font-size:26px; color:#333; border:#5ab8b8 3px solid; line-height:64px; position:relative; text-align:center;}
.youshi_width .youshi_left dl dd:before{ position:absolute; right:-3px; top:50%; margin:-15px 0 0 0; width:3px; height:30px; background:#fff; content:"";}
.youshi_width .youshi_left dl dd i{ width:2px; height:20px; background:#5ab8b8; float:left; margin:22px 0 0 12px;}
.youshi_width .youshi_left dl dt{ float:right; width:82%; font-size:14px; color:#525252; line-height:25px;}
.youshi_width .youshi_left dl dt em{ display:block; font-size:24px; color:#333; line-height:70px; position:relative; margin:0 0 16px 0;}
.youshi_width .youshi_left dl dt em:after{ position:absolute; width:48px; height:2px; left:0; bottom:0; content:""; background:#5ab8b8;}
.youshi_width .youshi_right{ float:right; width:44.666667%;}
.youshi_width .youshi_right img{ width:100%;}

.youshi_width2{ width:100%; margin:0 auto; overflow:hidden;}
.youshi_width2 .youshi_right{ float:right; width:46.5%;}
.youshi_width2 .youshi_right dl{ overflow:hidden; margin:0 0 48px 0;}
.youshi_width2 .youshi_right dl:last-child{ margin:0;}
.youshi_width2 .youshi_right dl dd{ float:left; width:11.5%; font-size:26px; color:#333; border:#5ab8b8 3px solid; line-height:64px; position:relative; text-align:center;}
.youshi_width2 .youshi_right dl dd:before{ position:absolute; right:-3px; top:50%; margin:-15px 0 0 0; width:3px; height:30px; background:#fff; content:"";}
.youshi_width2 .youshi_right dl dd i{ width:2px; height:20px; background:#5ab8b8; float:left; margin:22px 0 0 12px;}
.youshi_width2 .youshi_right dl dt{ float:right; width:82%; font-size:14px; color:#525252; line-height:25px;}
.youshi_width2 .youshi_right dl dt em{ display:block; font-size:24px; color:#333; line-height:70px; position:relative; margin:0 0 16px 0;}
.youshi_width2 .youshi_right dl dt em:after{ position:absolute; width:48px; height:2px; left:0; bottom:0; content:""; background:#5ab8b8;}
.youshi_width2 .youshi_left{ float:left; width:48.083%;}
.youshi_width2 .youshi_left img{ width:100%;}
.youshi_bottom{ width:100%; margin:60px auto; overflow:hidden;}
.youshi_bottom img{ width:100%;}

/*about_us*/
.about_us{ margin:60px auto;}
.about_us .about_name{ font-size:30px; color:#333; line-height:42px; text-align:center; position:relative;}
.about_us .about_name:before{ position:absolute; background:#5ab8b8; width:60px; height:1px; bottom:32px; left:50%; content:""; z-index:3; margin:0 0 0 -30px;}
.about_us .about_name span{ color:#bf8839; margin:0 0 0 12px;}
.about_us .about_name p{ font-size:18px; line-height:28px; color:#888; margin:10px 0 0 0;}
.about_width{ width:100%; margin:24px auto 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:#333; 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:38px; display:block; background:#888; border-radius:3px; text-align:center;}
.about_width .about_more a:hover{ text-decoration:none; background:#bf8839;}

/*guanggao*/
.guanggao{ width:100%; background:url(../images/gg_bj.jpg) center no-repeat; margin:0 auto; overflow:hidden;}
.guanggao .guanggao_left{ height:248px; float:left; display:table;}
.guanggao .guanggao_left_w{ display:table-cell; vertical-align:middle; color:#ce1720; text-align:center;}
.guanggao .guanggao_left_w .guanggao_left1{ font-size:34px; color:#000; text-shadow:0 2px 4px #ccc;}
.guanggao .guanggao_left_w .guanggao_left2{ font-size:24px; margin-top:6px; padding:8px 6px; background:#5ab8b8; color:#fff;}
.guanggao .guanggao_left_w .guanggao_left3{ font-size:15px; margin-top:6px; color:#ccc; text-shadow:0 2px 4px #ccc;}

.guanggao .guanggao_right{ height:248px; float:right; display:table;}
.guanggao .guanggao_right_w{ display:table-cell; vertical-align:middle;}
.guanggao .guanggao_right_w .guanggao_right1 a{ display:inline-block; font-size:20px; line-height:38px; padding:0 48px; background:#fff; border-radius:6px;}
.guanggao .guanggao_right_w .guanggao_right1 a:hover{ text-decoration:none;}
.guanggao .guanggao_right_w .guanggao_right2{ font-size:16px; margin:10px 0 6px 0; color:#333;}
.guanggao .guanggao_right_w .guanggao_right3{ font-size:32px; color:#ee1c23;}

/*client*/
.client{ margin:60px auto 38px auto;}
.client .client_center{ margin:0 auto 24px auto; width:100%; overflow:hidden;}
.client .client_name{ float:left; position:relative; z-index:2; font-size:24px; color:#333; line-height:52px; padding:0 0 6px 0;}
.client .client_name:before{ position:absolute; background:#5ab8b8; width:48px; height:1px; bottom:0; left:0; content:""; z-index:3;}
.client .client_more{ float:right; width:142px; margin:20px 0 0 0;}
.client .client_more span{ font-family:宋体; font-size:16px; margin:0 0 0 10px; line-height:37px;}
.client .client_more a{ display:block; text-align:center; line-height:38px; font-size:14px; color:#fff; background:#888; border-radius:3px;}
.client .client_more a:hover{ text-decoration:none; background:#bf8839;}
.client ul{ overflow:hidden;}
.client ul li{ float:left; width:15%; margin:0 2% 2% 0;}
.client ul li span{ display:block; border:#ddd 1px solid;}
.client ul li:nth-child(6n){ margin:0 0 2% 0;}
.client ul li img{ width:100%;}

/*links*/
.yl_link{ width:100%; margin:38px auto 20px auto; border-bottom:#cecece 1px solid;}
.link_name{ font-size:22px; color:#333; line-height:45px;}
.link_name span{ display:inline-block; position:relative;}
.link_name span:before{ position:absolute; left:0; bottom:-1px; content:""; width:50%; height:1px; background:#5ab8b8;}
.links{ margin:20px auto 38px auto; font-size:14px; color:#666; line-height:25px;}
.links a{ color:#666; margin:0 20px 0 0;}
.links a:hover{ text-decoration:none; color:#5ab8b8;}

/*footer*/
.footer_nav{ background:#eee; overflow:hidden;}
.footer_nav .f_nav_width{ margin:28px auto 36px auto;}
.footer_nav .f_nav_width .f_nav_left{ float:left; width:72%; overflow:hidden;}
.footer_nav .f_nav_width .f_nav_left dl{ float:left; width:25%;}
.footer_nav .f_nav_width .f_nav_left dl:nth-child(2){ width:50%;}
.footer_nav .f_nav_width .f_nav_left dl:nth-child(2) dt{ float:left; width:50%;}
.footer_nav .f_nav_width .f_nav_left dl dd{ margin:0 0 18px 0;}
.footer_nav .f_nav_width .f_nav_left dl dd a{ font-size:16px; line-height:22px; color:#333;}
.footer_nav .f_nav_width .f_nav_left dl dd a:hover{ text-decoration:none; color:#5ab8b8;}
.footer_nav .f_nav_width .f_nav_left dl dt{ line-height:24px;}
.footer_nav .f_nav_width .f_nav_left dl dt i{ width:2px; height:2px; background:#666; float:left; margin:11px 6px 11px 0;}
.footer_nav .f_nav_width .f_nav_left dl dt a{ font-size:14px; color:#666; display:block;}
.footer_nav .f_nav_width .footer_contact{ float:right; width:28%;}
.footer_nav .f_nav_width .footer_contact strong{ font-size:16px; color:#333; line-height:22px; margin:0 0 18px 0; display:block; font-weight:normal;}
.footer_nav .f_nav_width .footer_contact p{ font-size:14px; line-height:22px; color:#666; background:url(../images/add.png) left 2px no-repeat; padding:0 0 2px 28px; margin:0 0 8px 0;}
.footer_nav .f_nav_width .footer_contact p.c1{ background:url(../images/tel.png) left 2px no-repeat;}
.footer_nav .f_nav_width .footer_contact p.c2{ background:url(../images/fax.png) left 2px no-repeat;}
.footer{ background:#5ab8b8; overflow:hidden;}
.footer .footer_icp{ margin:12px auto; overflow:hidden; font-size:14px; color:#eee; line-height:22px;}
.footer .footer_icp a{ color:#eee;}
.footer .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:#5ab8b8;}

/*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 26px; background:#eee; color:#333;}
.ny_nav li a:hover{ text-decoration:none;}
.ny_nav li.on a{ color:#5ab8b8;}
.ny_nav li a:after{ content:""; position:absolute; z-index:2; width:0%; height:2px; top:0px; left:0%; background:#5ab8b8; transition-duration:.3s;}
.ny_nav li a:hover:after{ content:""; position:absolute; z-index:2; width:100%; height:2px; top:0px; left:0%; background:#5ab8b8; transition-duration:.3s;}
.ny_nav li.on a:after{ content:""; position:absolute; z-index:2; width:100%;}

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

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

.hezuo{ width:100%; margin:0 auto;}
.hezuo ul{ overflow:hidden;}
.hezuo ul li{ float:left; width:15%; margin:0 2% 2% 0;}
.hezuo ul li span{ display:block; border:#ddd 1px solid;}
.hezuo ul li:nth-child(6n){ margin:0 0 2% 0;}
.hezuo ul li img{ width:100%;}

/*products*/
.products{ width:100%; margin: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 img{ width:100%;}
.products ul li em{ text-align:center; font-size:14px; line-height:25px; margin:8px 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.products ul li a{ color:#333; display:block; border:#ccc 1px solid;}
.products ul li a:hover{ text-decoration:none; color:#bf8839;}

.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:#bf8839; 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:#bf8839;}
.product_width .product_r dl dt{ font-size:14px; color:#525252; line-height:25px; margin:14px 0 0 0;}

.p_yingy{ width:100%; margin:26px auto 0 auto; overflow:hidden;}
.p_yingy dl{ overflow:hidden;}
.p_yingy dl dd{ background:#eee; font-size:18px; line-height:42px; color:#000; padding:0 0 0 16px;}
.p_yingy dl dt{ font-size:14px; color:#525252; line-height:25px; margin:16px 0 0 0;}
.p_yingy dl dt img{ max-width:100%;}
.p_yingy dl dt table{ width:100%; margin:0 auto; border:0; border:#ddd 1px solid;}
.p_yingy dl dt table td{ font-size:14px; color:#525252; line-height:24px; border:#ddd 1px solid; padding:6px; text-align:center;}

.pro_xiangguan{ margin:26px auto 16px auto; overflow:hidden; background:#eee; line-height:42px; border-bottom:#ddd 1px solid; font-size:18px; color:#000;}
.pro_xiangguan i{ width:4px; height:18px; background:#bf8839; float:left; margin:12px 10px 0 8px;}
.pro_xgcp{ margin:16px 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:#bf8839 1px solid;}
.pro_xgcp ul li img{ width:100%;}
.pro_xgcp ul li em{ text-align:center; font-size:14px; line-height:25px; margin:3px 0 0 0; height:25px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.pro_xgcp ul li a{ color:#333;}
.pro_xgcp ul li a:hover{ text-decoration:none; color:#bf8839;}

/*ny_news*/
.ny_news{ width:100%; margin:0 auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:48%; margin:0 4% 4% 0; position:relative;}
.ny_news ul li:nth-child(2n){ margin:0 0 4% 0;}
.ny_news ul li a{ display:block; border:#ccc 1px solid; padding:14px;}
.ny_news ul li dl{ overflow:hidden; position:relative;}
.ny_news ul li dl dd{ float:left; width:45%;}
.ny_news ul li dl dd img{ width:100%;}
.ny_news ul li dl dt{ float:right; width:52%; font-size:14px; color:#666; line-height:22px;}
.ny_news ul li dl dt em{ font-size:20px; color:#333; margin:0 0 8px 0; height:44px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ny_news ul li:hover dl dt em{ color:#5ab8b8;}
.ny_news ul li dl dt p{ height:66px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.ny_news ul li dl dt div{ position:absolute; right:0; bottom:0; width:52%; overflow:hidden;}
.ny_news ul li dl dt div span{ float:left; font-size:14px; color:#666; line-height:25px;}
.ny_news ul li dl dt div img{ width:31px; height:9px; float:right; margin:8px 0;}

.news_bt{ font-size:22px; color:#333; line-height:36px; text-align:center; margin:0 0 26px 0;}
.news_bt p{ font-size:14px; color:#888;}
.news_js{ font-size:14px; color:#666; line-height:25px;}
.news_js img{ max-width:100%;}
.p_next{ margin:20px auto 0 auto; border:#eee 1px dotted; padding:6px 12px;}
.p_next dl{ overflow:hidden;}
.p_next dl dd{ float:left;}
.p_next dl dd i{ float:left; width:18px; height:11px; background:url(../images/news_l.png) center no-repeat; margin:10px 5px 0 0;}
.p_next dl dt{ float:right;}
.p_next dl dt i{ float:right; width:18px; height:11px; background:url(../images/news_r.png) center no-repeat; margin:10px 0 0 5px;}
.p_next a{ font-size:14px; line-height:30px; color:#666;}
.p_next a:hover{ color:#5ab8b8; text-decoration:none;}

.news_xg_name{ margin:16px auto; overflow:hidden; background:#eee; line-height:38px; border-bottom:#ddd 1px solid; font-size:16px; color:#000;}
.news_xg_name i{ width:4px; height:16px; background:#bf8839; float:left; margin:11px 10px 0 8px;}
.news_xg{ width:100%; margin:0 auto;}
.news_xg ul{ overflow:hidden;}
.news_xg ul li{ border-bottom:#ddd 1px dotted;}
.news_xg ul li a{ display:block; font-size:14px; line-height:30px;}
.news_xg ul li a:hover{ text-decoration:none;}

.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:#bf8839; 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:#5ab8b8; 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;}

/*download*/
.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:#bf8839; display:block; line-height:20px;}
.down_width ul li a:hover{ color:#bf8839; text-decoration:underline;}

/*contact_us*/
.contact_us{ 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;}