@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:微软雅黑;}
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% 微软雅黑; 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:#70ad47; text-decoration:underline;}
.width_all{ max-width:1410px; margin:0 auto;}
.width_all:after{ display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}

/*head_top*/
.head_top{ width:100%; position:fixed; top:0; left:0; margin:0 auto; background:url(../images/head_top.jpg) center no-repeat; z-index:99; box-shadow:0 2px 2px #eee;}
.head_top .logo{ float:left; width:137px; margin:26px auto;}
.head_top .logo img{ width:100%;}
.head_top .cnen{ float:right; font-size:16px; color:#525252; line-height:28px; margin:30px 0 30px 30px; text-transform:uppercase;}
.head_top .cnen a{ color:#000; display:inline-block;}
.head_top .cnen a i{ width:20px; height:20px; float:left; background:url(../images/china.png) center no-repeat; background-size:20px 20px; margin:4px 4px 4px 0;}
.head_top .cnen a:last-child i{ background:url(../images/usa.png) center no-repeat; background-size:20px 20px;}
.head_top .cnen a:hover,.head_top .cnen a.actve{ color:#70ad47; text-decoration:none;}
.head_top .cnen span{ margin:0 8px 0;}
.head_top h1{ float:left; font-size:16px; color:#333; font-weight:bold; line-height:16px; margin:26px 0 26px 16px; letter-spacing:1.65px;}
.head_top h1 p{ margin:4px 0 0 0; letter-spacing:0;}

/*nav*/
.header{ float:right;}
.nav{ font-size:0px;}
.nav .m{ position:relative; display:inline-block; z-index:10;}
.nav .m:after{ width:1px; height:12px; background:#d8d8d8; position:absolute; top:38px; right:0; content:"";}
.nav a{ display:block; font-size:16px; color:#000; line-height:88px; padding:0 26px;}
.nav li:hover a, .nav li a.cutter{ color:#70ad47; text-decoration:none;}
.nav .sub{ width:188px; position:absolute; left:0; top:88px; background:#fff; box-shadow:0 2px 2px #eee;}
.nav .sub li{ text-align:left;}
.nav .sub li a{ color:#333; font-size:14px; line-height:36px; display:block; background:none; padding:0 16px;}
.nav .sub li a:hover{ text-decoration:none; background:#70ad47; 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 .cnen{ padding:0 20px;}
.m_nav .cnen a{ color:#000;}
.m_nav .cnen a:hover,.m_nav .cnen a.actve{ color:#70ad47; text-decoration:none;}
.m_nav .cnen span{ margin:0 8px 0;}
.m_nav .ul{ margin:8px 0 0 0;}
.m_nav .ul li{ padding:0 20px; border-bottom:1px solid #f5f5f5; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity:0;}
.m_nav.open .ul li{	opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
.m_nav .ul li:nth-child(1){ -webkit-transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){ -webkit-transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){ -webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){ -webkit-transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){ -webkit-transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){ -webkit-transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){ -webkit-transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(8){ -webkit-transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms; transition:all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{ display:block; text-decoration:none; color:#333; font-size:16px; height:42px; line-height:42px; width:100%; text-transform:uppercase;}
.m_nav .ul li .dropdown_menu{ display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu{ display:block;}
.m_nav .ul li .dropdown_menu a{	display:block; height:36px; line-height:36px; font-size:14px; color:#525252; text-transform:capitalize; padding:0 14px; box-sizing:border-box; border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{ border:none;}

/*banner*/
.banner{ width:100%; margin:0 auto; overflow:hidden; height:100vh; background:url(../images/home.jpg) center no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.banner_width{ width:1410px; margin:0 auto;}
.banner_right{ float:left;}
.banner_name{ margin:0 0 18px 0; font-size:60px; color:#fff; line-height:76px; text-align:center; text-shadow:0 0 3px #333;}
.banner_company{ font-size:30px; color:#fff; line-height:42px; text-align:center; text-shadow:0 0 2px #333;}

/*about_us*/
.about_us{ width:100%; margin:0 auto; overflow:hidden; height:100vh; background:url(../images/about_us.jpg) center no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.about_name{ width:100%; margin:168px auto 0 auto; position:relative; font-size:36px; color:#fff; line-height:57px; text-align:center;}
.about_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; left:35%; content:"";}
.about_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; right:35%; content:"";}
.about{ width:100%; margin:3% auto; font-size:20px; color:#fff; line-height:32px; text-align:center; text-shadow:0 0 20px #000;}
.about_more{ width:100%; margin:0 auto; overflow:hidden; text-align:center; line-height:36px; text-shadow:0 0 3px #333;}
.about_more a{ color:#fff; font-size:18px;}
.about_more a:hover{ text-decoration:none;}

/*channeng*/
.channeng{ width:100%; margin:60px auto; overflow:hidden; background:#fff url(../images/channeng.png) bottom center no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.channeng_name{ width:100%; margin:88px auto 0 auto; position:relative; font-size:36px; color:#70ad47; line-height:57px; text-align:center;}
.channeng_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; left:35%; content:"";}
.channeng_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; right:35%; content:"";}
.channeng_width{ width:100%; margin:4% auto; overflow:hidden;}
.channeng_width dl{ float:left; width:25%; overflow:hidden; text-align:center; position:relative;}
.channeng_width dl:before{ content:""; width:1px; height:100%; background:#ccc; position:absolute; top:0; right:0;}
.channeng_width dl:nth-child(4):before{ display:none;}
.channeng_width dl dd{ color:#70ad47; font-size:42px; font-weight:bold; line-height:60px;}
.channeng_width dl dd .channeng_up{ font-size:20px; vertical-align:top; font-weight:normal; line-height:30px; margin:0 0 0 4px;}
.channeng_width dl dt{ font-size:16px; color:#666; line-height:28px;}
#chejian{ width:100%; margin:4% auto; overflow:hidden;}
#chejian #in_chejian{ float:left; width:5200%;}
#chejian #in_chejian #chejian1{ float:left;}
#chejian #in_chejian #chejian2{ float:left;}
#chejian ul{ overflow:hidden;} 
#chejian ul li{ float:left; margin:0 12px; width:258px;}
#chejian ul li img{ width:100%;}
.channeng_more{ width:452px; margin:0 auto; overflow:hidden; text-align:center; background:#70ad47;}
.channeng_more a{ color:#fff; font-size:20px; line-height:52px;}
.channeng_more a:hover{ text-decoration:none;}

/*quality*/
.quality{ width:100%; margin:0 auto; overflow:hidden; height:100vh; background:url(../images/quality.jpg) center no-repeat; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.q_c_name{ width:100%; margin:88px auto 0 auto; position:relative; font-size:36px; color:#70ad47; line-height:57px; text-align:center;}
.q_c_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; left:35%; content:"";}
.q_c_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; right:35%; content:"";}
.quality_jies{ width:100%; margin:4% auto; font-size:22px; color:#333; line-height:40px; text-align:center; text-shadow:0 0 3px #fff;}
.q_c_more{ width:100%; margin:0 auto; overflow:hidden; text-align:center; line-height:36px;}
.q_c_more a{ color:#666; font-size:20px;}
.q_c_more a:hover{ text-decoration:none; color:#70ad47;}

/*new_product*/
.new_product{ width:100%; margin:0 auto; overflow:hidden; height:100vh; background:#6b6b6b; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; z-index:1;}
.new_product:before{ width:100%; height:49%; background:#4c4c4c; top:0; left:0; content:""; position:absolute;}
.new_p_name{ width:100%; margin:88px auto 0 auto; position:relative; font-size:36px; color:#fff; line-height:57px; text-align:center;}
.new_p_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; left:35%; content:"";}
.new_p_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; right:35%; content:"";}
.new_product .new_p_tab{ margin:30px 0; overflow: hidden; text-align:center;}
.new_product .new_p_tab li{ position:relative; width:7%; margin:0 1%; display:inline-block; cursor:pointer;}
.new_product .new_p_tab li img{ width:100%; border-radius:50%;}
.new_product .new_p_tab li p{ position:absolute; left:0; bottom:0; width:100%; height:auto; line-height:30px; font-size:14px; color:#fff;}
.new_product .new_p_tab li:hover, .new_product .new_p_tab li.hout{ background:#70ad47;}
.new_product_width{ width:1410px; margin:0 auto; overflow:hidden;}
.new_p_left{ float:left; width:30%; text-align:center;}
.new_p_left img{ max-width:100%;}
.new_p_right{ float:right; width:60%;}
.new_p_right .new_p_zhuti{ width:100%; margin:0 auto; overflow:hidden; font-size:20px; color:#fff; line-height:30px; font-weight:bold;}
.new_p_right .new_p_fanwei{ width:100%; margin:4px auto 10px auto; overflow:hidden; font-size:16px; color:#eee; line-height:26px;}
.new_p_right .new_p_texing{ width:100%; margin:6px auto 4px auto; overflow:hidden; font-size:14px; color:#fff; line-height:25px; font-weight:bold;}
.new_p_right .new_p_profile{ width:100%; margin:0 auto; overflow:hidden; font-size:14px; color:#fff; line-height:24px; height:144px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.new_p_right .new_p_more{ width:36%; margin:12px 0 0 0;}
.new_p_right .new_p_more a{ border:#70ad47 1px solid; display:block; border-radius:17px; background:#fff; line-height:32px; text-align:center; color:#70ad47; font-weight:bold; transition:all .5s;}
.new_p_right .new_p_more a:hover{ text-decoration:none; background:#70ad47; color:#fff;}

/*applicable*/
.applicable{ width:100%; margin:0 auto; overflow:hidden; height:100vh; background:#f2f2f2; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.applicable_name{ width:100%; margin:88px auto 46px auto; position:relative; font-size:36px; color:#70ad47; line-height:57px; text-align:center;}
.applicable_name:before{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; left:35%; content:"";}
.applicable_name:after{ position:absolute; background:#a6a6a6; width:6%; height:1px; top:28px; right:35%; content:"";}
.applicable_width{ width:100%; margin:0 auto; overflow:hidden;}
.applicable_width dl{ float:left; width:32%; margin:0 2% 2% 0; overflow:hidden;}
.applicable_width dl:nth-child(3n){ margin:0 0 2% 0;}
.applicable_width dl a{ display:block; color:#666; overflow:hidden;}
.applicable_width dl a:hover{ text-decoration:none; color:#70ad47;}
.applicable_width dl dd{ float:left; width:50%;}
.applicable_width dl dd img{ width:100%;}
.applicable_width dl dt{ float:right; width:45%;}
.applicable_width dl dt div{ font-size:18px; color:#70ad47; line-height:28px; overflow:hidden; height:28px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.applicable_width dl dt em{ display:block; font-size:15px; color:#333; line-height:25px; font-weight:bold; margin:8px 0 3px 0;}
.applicable_width dl dt p{ font-size:14px; line-height:25px; overflow:hidden; height:50px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.applicable_more{ width:452px; margin:18px auto 0 auto; overflow:hidden; text-align:center; background:#70ad47;}
.applicable_more a{ color:#fff; font-size:20px; line-height:52px;}
.applicable_more a:hover{ text-decoration:none;}

/*footer*/
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{ height:auto !important;}
.footer_jd{ width:100%; margin:0 auto; overflow:hidden;}
.footer{ width:100%; margin:0 auto; overflow:hidden; background:#5e5e5e; padding:36px 0 48px 0;}
.foot_l{ float:left; width:85%; border-right:#fff 1px dashed;}
.foot_l dl{ float:left; width:14%;}
.foot_l dl:nth-child(2){ width:18%;}
.foot_l dl:nth-child(3){ width:15%;}
.foot_l dl:nth-child(5){ width:35%;}
.foot_l dl dd{ font-size:16px; color:#fff; line-height:28px; margin:0 0 10px 0; position:relative; padding:0 0 6px 0;}
.foot_l dl dd:after{ position:absolute; left:0; bottom:0; width:28px; height:1px; background:#888; content:"";}
.foot_l dl dt{ line-height:28px; font-size:14px; color:#fff;}
.foot_l dl dt a{ font-size:14px; color:#fff; display:block; transition:all .3s;}
.foot_l dl dt a:hover{ color:#fff;}
.foot_r{ float:right; width:11%; text-align:center; font-size:14px; color:#fff;}
.foot_r img{ width:100%;}
.foot_r span{ display:block; padding:2px; background:#fff; position:relative; margin:0 0 15px 0;}
.foot_r span:after{ content:""; position:absolute; width:0; height:0; bottom:-8px; left:50%; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff;}
.footer_icp{ width:100%; margin:0 auto; overflow:hidden; background:#3f3f3f; font-size:14px; color:#b8b8b8; line-height:25px; padding:14px 0; text-align:center;}
.footer_icp a{ color:#b8b8b8;}
.footer_icp a:hover{ text-decoration:none;}

/*products*/
.product_name{ font-size:30px; color:#333; line-height:36px; margin:48px auto 28px auto; text-align:center; position:relative; padding:0 0 15px 0;}
.product_name:after{ content:""; position:absolute; bottom:0; left:50%; width:60px; height:2px; background:#70ad47; z-index:99; visibility:inherit; margin:0 0 0 -30px;}
.product_search{ width:100%; margin:0 auto;}
.product_search .product_s_name{ background:#70ad47; font-size:18px; color:#fff; line-height:26px; padding:10px 0 10px 16px; font-weight:bold;}
.product_search ul{ overflow:hidden; margin:0;}
.product_search ul li{ border:#dfdfdf 1px solid; border-top:none; overflow:hidden; background:#f0f0f0; position:relative;}
.product_search .product_s_left{ position:absolute; left:0; top:0; height:100%; width:10%; font-size:14px; color:#333; font-weight:bold; line-height:25px; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.product_search .product_s_right{ float:right; width:88%; background:#fff; font-size:14px; color:#333; line-height:32px; padding:10px 1%; font-family:Arial;}
.product_search .product_s_right a{ padding:0 1%; line-height:32px; display:inline-block; margin:0 0.5%;}
.product_search .product_s_right a.curr{ background:#70ad47; color:#fff;}
.product_search .product_s_right a:hover{ color:#70ad47; text-decoration:none;}
.product_search .product_s_right a:hover.curr{ color:#fff;}
.products{ width:100%; margin:28px auto 60px auto; font-size:14px; color:#333; line-height:24px; background:#fff; font-family:Arial;}
.products .product_h{ background:#70ad47; font-weight:bold; color:#fff; border-bottom:1px solid #ccc;}
.products .product_h span{ padding:1% !important; min-height:24px !important;}
.products .product_h span, .products .ul li span{ float:left; overflow:hidden; padding:10px 1%; position:relative; display:flex; justify-content:center; align-items:center;}
.products .product_h span:before, .products .ul li span:before{ position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc; content:"";}
.products .product_h span:last-child:before, .products .ul li span:last-child:before{ display:none;}
.products .ul li{ display:block; border-bottom:1px solid #ccc;}
.products .ul:nth-child(2n-1){ background:#f2f2f2;}
.products .ul li a{ color:#333; display:block; overflow:hidden;}
.products .ul li a:hover{ text-decoration:none; color:#70ad47;}
.products .pro1{ width:8%;}
.products .pro1 img{ float:left; width:23px; height:24px; margin:0 8px 0 0;}
.products .pro2{ width:18%;}
.products .pro3{ width:10%;}
.products .pro4{ width:15%;}
.products .pro5{ width:15%;}
.products .pro6{ width:10%;}
.products .pro7{ width:10%;}

/*content*/
.content{ width:100%; margin:88px auto 0 auto; overflow:hidden; position:relative; z-index:9;}
.ny_banner{ width:100%; margin:0 auto; overflow:hidden;}
.ny_banner img{ width:100%;}

/*lujing*/
.lujing{ width:100%; position:absolute; top:0; left:0; margin:0 auto; background:rgba(255,255,255,.8); z-index:98; box-shadow:0 2px 5px #ddd; transition:0.35s;}
.lujing .lj_left{ float:left; font-size:14px; color:#333; line-height:30px; margin:14px 0;}
.lujing .lj_left span{ margin:0 8px; float:left; font-family:Arial;}
.lujing .lj_left a{ color:#333; float:left;}
.lujing .lj_left a:hover{ color:#70ad47; text-decoration:none;}
.lujing .ny_nav{ float:right; margin:14px 0;}
.lujing .ny_nav ul{ overflow:hidden;}
.lujing .ny_nav ul li{ float:left; margin:0 0 0 26px; font-size:14px; line-height:30px;}
.lujing .ny_nav ul li a{ color:#333;}
.lujing .ny_nav ul li a:hover{ color:#70ad47; text-decoration:none;}
.movefix{ position:fixed; width:100%; left:0; background:rgba(255,255,255,1);}

/*application*/
.application{ margin:60px auto;}
.application ul{ overflow:hidden;}
.application ul li{ float:left; width:23.5%; margin:10px 2% 2% 0; position:relative; background:#f8f8f8;}
.application ul li:nth-child(4n){ margin:10px 0 2% 0;}
.application ul li:hover{ background:#e6e9eb;}
.application ul li .appli_img{ width:100%; margin:0 auto; overflow:hidden;}
.application ul li .appli_img img{ width:100%;}
.application ul li a{ display:block; color:#fff;}
.application ul li:hover a{ text-decoration:none;}
.application ul li .appli_sz{ position:absolute; top:-10px; right:10px; background:#70ad47; font-size:18px; color:#fff; line-height:42px; width:42px; text-align:center;}
.application ul li .appli_jies{ margin:0 auto; width:100%; color:#333; line-height:26px; position:relative;}
.application ul li .appli_jies em{ width:88%; margin:12px auto; font-size:16px; color:#333; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.application ul li .appli_jies p{ width:88%; margin:12px auto 38px auto; height:52px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.application ul li .appli_more{ width:130px; position:absolute; bottom:-18px; left:50%; margin:0 0 0 -65px; background:#ddd; text-align:center; color:#424242; border-radius:18px; font-size:14px; line-height:36px;}
.application ul li .appli_more i{ font-family:宋体; font-style:normal; font-size:14px; font-weight:bold;}
.application ul li:hover .appli_more{ background:#70ad47; color:#fff;}

/*partner*/
.partner{ margin:60px auto;}
.partner ul{ overflow:hidden;}
.partner ul li{ float:left; width:15%; margin:0 2% 2% 0;}
.partner ul li:nth-child(6n){ margin:0 0 2% 0;}
.partner ul li a{ display:block;/* border:#ddd 1px solid;*/}
.partner ul li a:hover{ text-decoration:none;}
.partner ul li img{ width:100%;}
.partner ul li em{ display:block; font-size:14px; line-height:36px; text-align:center; height:36px; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*company_profile*/
.brand_jieshao{ margin:60px auto;}
.brand_jieshao .brand_l{ float:left; width:40%;}
.brand_jieshao .brand_l ul{ overflow:hidden;}
.brand_jieshao .brand_l ul li{ width:100%; margin:0 0 10px 0;}
.brand_jieshao .brand_l ul li:last-child{ margin:0;}
.brand_jieshao .brand_l ul li img{ width:100%;}
.brand_jieshao .brand_yanse{ float:right; width:54%; font-size:16px; color:#333; line-height:28px;}
.brand_jieshao .brand_yanse em{ display:block; border-bottom:#eee 1px solid; font-size:32px; color:#333; font-weight:bold; line-height:60px; margin:0 0 20px 0;}

.shijian{ margin:60px auto;}
.shijian dl{ width:45%; position:relative; overflow:hidden; border-bottom:#eee 1px solid; padding:0 0 0 55%;}
.shijian dl:nth-child(2n){ padding:0 55% 0 0;}
.shijian dl:before{ position:absolute; top:0; left:50%; background:#eee; height:100%; width:2px; content:""; margin:0 0 0 -1px;}
.shijian dl i:before{ position:absolute; left:50%; top:12px; background:#fff; border:#70ad47 4px solid; content:""; width:10px; height:10px; border-radius:50%; margin:0 0 0 -9px; z-index:2;}
.shijian dl i:after{ position:absolute; left:50%; top:20px; background:#70ad47; width:3%; height:2px; content:""; z-index:1;}
.shijian dl:nth-child(2n) i:before{ left:inherit; right:50%; margin:0 -9px 0 0;}
.shijian dl:nth-child(2n) i:after{ left:inherit; right:50%;}
.shijian dl dd{ width:100%; font-size:18px; color:#70ad47; line-height:42px; overflow:hidden;}
.shijian dl:nth-child(2n) dd{ text-align:right;}
.shijian dl:nth-child(2n) dt{ text-align:right;}
.shijian dl dt{ position:relative; overflow:hidden; margin:0 0 8px 0; font-size:14px; color:#525252; line-height:24px;}

.certification{ margin:48px auto 48px auto;}
.certification ul{}
.certification ul li{ width:23.5%; float:left; margin:0 2% 2% 0; position:relative;}
.certification ul li:nth-child(4n){ margin:0 0 2% 0;}
.certification ul li img{ width:100%;}
.certification 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;}
.certification ul li a{ color:#333; border:#ccc 1px solid; padding:1%; display:block; transition:all .3s;}
.certification ul li a:hover{ text-decoration:none; box-shadow:0 5px 15px #e2e2e2; transform:translateY(-5px); color:#70ad47;}

.ny_news{ margin:60px auto;}
.ny_news ul{ overflow:hidden;}
.ny_news ul li{ float:left; width:47%; margin:0 6% 0 0; position:relative; border-bottom:#ccc 1px solid; padding:2% 0;}
.ny_news ul li:nth-child(2n){ margin:0 0 0 0;}
.ny_news ul li:before{ position:absolute; left:13%; top:0; height:0; width:2px; content:""; background:#70ad47; transition:all .35s;}
.ny_news ul li:hover:before{ height:100%;}
.ny_news ul li a{ display:block; color:#333;}
.ny_news ul li a:hover{ text-decoration:none; color:#70ad47;}
.ny_news ul li .news_shuzi{ float:left; width:11%; font-size:30px; color:#333; line-height:48px; font-family:Arial;}
.ny_news ul li .news_jieshao{ float:right; width:85%;}
.ny_news ul li .news_mingcheng{ font-size:16px; font-weight:bold; color:#222; line-height:28px; height:28px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.ny_news ul li .news_time{ margin:0 0 6px 0; font-size:14px; color:#525252; line-height:25px;}
.ny_news ul li .news_profiles{ font-size:14px; line-height:25px; height:50px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_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:#333; 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:#333; 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:#333;}
.p_next a:hover{ color:#70ad47;}

.contact_us{ margin:60px auto;}
.contact{ width:100%; margin:0 auto;}
.contact ul{ overflow:hidden;}
.contact ul li{ float:left; width:45%; margin:0 2% 2% 0; background:#f6f6f6; padding:1.5% 2%; font-size:14px; color:#333; line-height:28px; min-height:188px;}
.contact ul li:nth-child(2n){ margin:0 0 2% 0;}
.messages{ width:100%; margin:36px auto; overflow:hidden;}
.messages .mes_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0;}
.messages ul{ overflow:hidden;}
.messages ul li{ float:left; width:49%; margin:0 2% 1.2% 0;}
.messages ul li:nth-child(2n){ margin:0 0 1.2% 0;}
.messages ul li:nth-child(5){ float:none; width:100%; margin:0 0 1.2% 0; overflow:hidden;}
.messages ul li:last-child{ margin:0;}
.messages .text-input{ width:96.8%; padding:0 0 0 3%; border:#ddd 1px solid; height:48px; font-size:14px; color:#333; line-height:48px;}
.messages .cont-input{ width:98.4%; padding:11px 0 0 1.5%; border:#ddd 1px solid; height:136px; font-size:14px; color:#333; line-height:25px;}
.messages .messages-button{ width:160px; line-height:50px; font-size:16px; color:#fff; text-align:center; background:#70ad47; cursor:pointer; text-transform:uppercase;}
.contact_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact_map .contact_m_name{ font-size:18px; color:#000; line-height:30px; margin:0 0 16px 0; text-align:center;}
.contact_map .kfm_map{ width:100%; margin:0 auto; overflow:hidden;}
.contact_map .kfm_map iframe{ width:100%; height:468px; padding:0; margin:0; float:left;}