@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
textarea{ font-family: Arial; }
body{ min-width: 1200px; font-size: 14px; color:#333;line-height:1.3; background:#fff; font: 14px/1.3  Arial,"Microsoft YaHei"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,input[type="submit"],.float_right li,.m_nav li,.img,.abo_hon_img .box img,li,.abo_pro_wrap li .text,
.news_vid li .img:before,.abo_net_bl li .num,.abo_his_more,.ser_qua_list li .text_p,.ser_qua_list li .shadow,
.join5_list .img img,.join8_list li span,.join8_list li h2,.join8_list li .text,.i_part_list li .text_p,
.j6_simg_slick .slick-slide font,.i_part_list li .text_p .btn{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.nav li{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.w{ width: 100%; }
.w50 img{ max-width: 49.5%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.header .baseWidth,.footer .baseWidth,.wpb40{ width: calc(100% - 80px); margin: 0 auto; }
.baseWidth{ width: 100%; margin: 0 auto; box-sizing: border-box; }
.w1200{ width: 1200px; margin: 0 auto; }
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.1);-moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.over{ overflow: hidden; }
.bg_white{ background: #fff; }
.bg_f6f6f6{ background: #f6f6f6; }
.bg_eee{ background: #eee; }
.bg_f4f4f4{ background: #f4f4f4; }
.bg_333{ background: #333; }
.bg_d31636{ background: #d31636; }

/*header*/
.header{ height: 119px; line-height: 119px; font-size: 0; }
.header .h_box{ line-height: 1; }
.hlinks{font-weight: bold; margin: 12px 0 17px; }
.hlinks,.hlinks a{ line-height: 22px; color: #333; font-size: 12px; }
.hlinks a{ display: inline-block; margin: 0 7px; }
.hlinks a:after { content: ""; display: block; height: 1px; background-color: #333; margin-top: -1px; width: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.hlinks a:last-child{ margin-right: 0; }
.hlinks a:hover:after{ width: 100%; }
.search_box{ display: inline-block; width: 190px; height: 26px; border-radius: 2px; overflow: hidden; border: 1px solid #000; }
.search_input{ float: left; width: 152px; height: 26px; line-height: 26px; font-size: 12px; color: #333; padding: 0 9px; box-sizing: border-box; border: none; }
.search_sub{ float: right; width: 36px; height: 26px; background: #fff url(../images/icon1.png) center no-repeat; border: none; cursor: pointer; }
.search_sub:hover{ opacity: .6; }
.nav li{ font-weight: bold; position: relative; line-height: 40px; float: left; padding: 0 30px; }
.nav li > a{ display: block; font-size: 14px; color: #222; background-repeat: no-repeat; background-position: center bottom; }
.nav li.on > a,.nav li:hover > a{ background-image: url(../images/icon2.png); }
.nav li:last-child{ padding-right: 0; }
.nav li dl{ font-size: 0; box-shadow: 2px 2px 2px rgba(0,0,0,.6); text-align: left; width: auto; max-width: 1000px; box-sizing: border-box; font-size: 0; display: none; position: absolute; left: 50%; top: 40px; line-height: 30px; z-index: 999; background: #333; }
.nav li dl.less4{ white-space: nowrap; }
.nav li dl.more4{ width: 1000px; }
.nav li dl dd{ vertical-align: top; display: inline-block; width: 250px; }
.nav li dl dd:hover{ background: #000; }
.nav li dl a{ display: block; padding: 0 15px; color: #fff; white-space: nowrap; }
.nav li dl a:hover{ color: #ffa200; }
.nav li dl span{ text-align: left; display: block; overflow: hidden; padding: 15px 0px; }
.nav li dl dd:last-child span{ border-bottom: none; }
.nav li dl span i{ font-size: 14px; display: block; line-height: 24px; width: 100%; color: #fff; }
.nav li dl span em{ width: 100%; display: block; font-size: 12px; color: #999; line-height: 20px; }
.nav li dl span .img{ margin-bottom: 5px; width: 100%; height: 0; padding-bottom: 66.6%; overflow: hidden; display: block; }
.nav li:last-child dl{ right: -20px; margin-left: 0!important; left: auto!important; }
.nav li:nth-child(6) dl{ right: -120px; margin-left: 0; left: auto; }
.nav li:nth-child(5) dl{ right: -235px; margin-left: 0; left: auto; }
.float_right{ display: none; width: 40px; position: fixed; right: 0; bottom: 10%; z-index: 999; }
.float_right li {background: rgba(0, 0, 0, 0.5);border-radius: 2px 0 0 2px;clear: both;display: block;float: right;height: 40px;line-height: 40px;margin-bottom: 1px;overflow: hidden;position: relative;right: -80px;width: 120px;}
.float_right li a{ color: #fff; }
.float_right li i {background-position: center center;background-repeat: no-repeat;background-size: 50% auto;display: inline-block;height: 40px;vertical-align: top;width: 40px;}
.float_right li i.icon1{ background-image: url(../images/icon9.png); }
.float_right li i.icon2{ background-image: url(../images/icon10.png); }
.float_right li i.icon3{ background-image: url(../images/icon11.png); }
.float_right li i.icon4{ background-image: url(../images/icon12.png); }
.float_right li i.icon5{ background-image: url(../images/icon91.png); }
.float_right li span{ width: 0; display: inline-block; }
.float_right li:hover{ background: #000; right: 0; }
.float_right li:hover span{ width: 80px; }
.header.small{ display: block!important; position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: rgba(255,255,255,.9); height: 55px; line-height: 55px; box-shadow: 0 2px 10px rgba(0,0,0,.1); }
.header.small .logo{ height: 30px; }
.header.small .hlinks,.header.small .search_box{ display: none; }
.header.small .nav li{ line-height: 55px; }
.header.small .nav li dl{ top: 55px; }

/*footer*/
.footer{ background: #212121; color: #fff; }
.footer .top{ padding: 15px 0 24px; border-bottom: 1px solid rgba(56,56,56,.8); }
.f_box{ margin-top: 42px; }
.f_box .text{ margin-left: 20px; }
.f_box .text span{ line-height: 22px; font-size: 14px; color: #999; }
.f_box .text p{ line-height: 30px; font-size: 24px; color: #fff; }
.fnav li{ line-height: 30px; width: 180px; padding-right: 10px; float: left; }
.fnav li > a{ color: rgba(204,204,204,.65); margin-bottom: 13px; display: block; }
.fnav li:last-child{ width: 90px; }
.fnav dd{ display: block; }
.fnav dd a{ font-size: 14px; color: #666; }
.fnav a:hover{ color: #fff; }
.footer .bot{ padding: 23px 0; line-height: 40px; font-size: 12px; color: #757575; }
.footer .bot .fl{ line-height: 20px; }
.footer .bot .flinks a{ color: #757575; padding: 0 8px; border-right: 1px solid #999; }
.footer .bot .flinks a:first-child{ padding-left: 0; }
.footer .bot .flinks a:last-child{ border-right: none; }
.footer .bot .flinks a:hover{ color: #fff; }
.fshare_box font{ vertical-align: middle; margin-top: 10px; }
.fshare_box a{ position: relative; width: 50px; height: 40px; display: inline-block; background-repeat: no-repeat; background-position: center; vertical-align: middle; }
.fshare_box a.weibo{ background-image: url(../images/icon6.png); }
.fshare_box a.weibo:hover{ background-image: url(../images/icon6on.png); }
.fshare_box a.wechat{ position: relative; background-image: url(../images/icon7.png); }
.fshare_box a.wechat:hover{ background-image: url(../images/icon7on.png); }
.fshare_box a.qqzone{ background-image: url(../images/icon8.png); }
.fshare_box a.qqzone:hover{ background-image: url(../images/icon8on.png); }
.fshare_box a:after{ content: ''; position: absolute; right: 0; top: 12px; vertical-align: middle; width: 1px; height: 16px; background: #303030; }
.fshare_box a:last-child:after{ display: none; }
.show_ewm{ display: none; position: absolute; bottom: 40px; right: 0; padding-bottom: 10px; z-index: 9999; }
.ewm_wrap{ width: 140px; text-align: center; padding: 10px; box-sizing: border-box; background: #fff; border: 1px solid #eee; box-shadow: 0 2px 5px rgba(0,0,0,.05); border-radius: 5px; overflow: hidden; }
.ewm_wrap img{ max-width: 90%; }
.ewm_wrap p{ font-size: 12px; color: #666; margin-top: 5px; line-height: 18px; }
.fshare_box a.wechat:hover .show_ewm{ display: block; }

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%; height: 100%; text-align: center; }
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block; height: 100%;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: inline-block; max-width: 100%; max-height: 100%; }
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.slick-dots{ height: 10px; line-height: 1; position: absolute; width: 100%; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 5px; cursor: pointer; width: 10px; height: 10px; overflow: hidden; background: #eee; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #000; }
.banner{ clear: both; height: 830px; overflow: hidden; position: relative;}
.banner .slick-arrow{background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 15px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner-wrap{ height: 830px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 830px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-dots li{ position: relative; width: 50px; margin: 0 5px; height: 2px; border-radius: 0; background: #fff!important; }
.banner .slick-dots li:after{ z-index: 1; content: ''; width: 0; position: absolute; left: 0; top: -2px; height: 2px; background: #000; transition: width 3s linear; -moz-transition: width 3s linear; -webkit-transition: width 3s linear; -o-transition: width 3s linear; }
.banner .slick-dots li button{ display: none; }
.banner .slick-dots li.on:after{ width: 100%; top: 0; }
.i_part{ padding-bottom: 86px; }
.i_part_tit{ padding: 42px 20px 38px; background: url(../images/bg1.jpg) center no-repeat; background-size: cover; text-align: center; }
.i_part_tit h2{ line-height: 46px; margin-bottom: 10px; font-weight: bold; font-size: 32px; color: #000; }
.i_part_tit .text{ font-size: 14px; color: #666; line-height: 28px; }
.i_part_list li{ box-shadow: 0 2px 10px rgba(0,0,0,.1); border-radius: 2px; overflow: hidden; float: left; margin-right: 3px; width: calc((100% - 7px) / 3); }
.i_part_list li:last-child{ margin-right: 0; }
.i_part_list li .img{ position: relative; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_part_list li .text{ font-size: 16px; width: 100%; background: rgba(255,255,255,.8); text-align: center; height: 80px; line-height: 42px; padding: 19px 6.2%; box-sizing: border-box; }
.i_part_list li .text_p{ background: 0; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; line-height: 26px; font-size: 14px; padding: 0 6.2%; box-sizing: border-box; }
.i_part_list li .text_p p{  -webkit-transform: translateZ(0); height: 104px; overflow: hidden; }
.i_part_list li .text_p .btn{ width: 100px; height: 30px; line-height: 30px; border-radius: 4px; border: 1px solid #fff; color: #fff; text-align: center; margin: 25px auto 0; font-size: 15px; }
.i_part_list li .text_p .btn:hover{ color: #000; background: #fff; }
/*.i_part_list li:hover{ -webkit-transform: translateY(-4px); transform: translateY(-4px); }*/
.i_part_list li:hover .text_p{ background: rgba(0,0,0,.6); opacity: 1; padding: 30px 6.2%; }

/*公共*/
.wbanner{ height: 426px; clear: both; background-size: cover; background-position: center center; }
.m_nav_wrap{ position: relative; height: 0; }
.m_nav{ position: absolute; top: -70px; width: 1220px; text-align: center; font-size: 0; }
.m_nav li{ font-size: 16px; margin-right: 20px; width: 224px; height: 70px; line-height: 68px; box-sizing: border-box; border-top: 2px solid rgba(246,246,246,.9); background: rgba(246,246,246,.9); text-align: center; display: inline-block; }
.m_nav li.on,.m_nav li:hover{ background: #fff; border-color: #000; }
.m_nav li a{ display: block; color: #333; }
.m_nav .slick-prev{ left: -40px; width: 40px; height: 70px; margin-top: -35px; background: #fff url(../images/left.png) center no-repeat; }
.m_nav .slick-next{ right: -20px; width: 40px; height: 70px; margin-top: -35px; background: #fff url(../images/right.png) center no-repeat; }
.abo_base{ padding: 40px 0; }
.abo_base .text{ font-size: 14px; color: #333; line-height: 30px; padding: 36px 40px 30px; }
.abo_base img,.m_pd_bot img{ max-width: 100%; height: auto!important; }
.abo_base table,.m_pd_bot table{ max-width: 100%!important; word-wrap: break-word; }
.abo_tit h2{ color: #999; font-size: 36px; font-weight: 100; font-family: '微软雅黑'; text-transform: uppercase; }
.abo_tit h3{ line-height: 46px; font-size: 36px; color: #000; }
.abo_tit h3 em{ font-size: 48px; vertical-align: middle; }
.path{ height: 60px; line-height: 60px; font-size: 14px; color: #999; }
.path font{ margin: 0 10px; }
.path a,.path em{ color: #999; }
.path a:hover,.path span{ color: #333; }
.pages{ font-size: 0; margin: 0 auto; }
.pages a,.pages span{ border-radius: 2px; text-align: center; background-color: #fff; color: #555; height: 40px; display: inline-block; margin: 0 5px 5px; font-size: 20px; min-width: 40px; box-sizing: border-box; line-height: 40px; padding: 0 5px; }
.pages .current{ display: inline-block; vertical-align: top; background-color: #000; color: #fff; }
.pages .prev,.pages .next{ font-size: 0; vertical-align: top; font-weight: normal; background-repeat: no-repeat; background-position: center; }
.pages .prev{ background-image: url(../images/icon15.png); }
.pages .next{ background-image: url(../images/icon16.png); }
.pages a:hover{ background-color: #000; color: #fff; }

/*搜索结果*/
.m_search{ padding: 0 0 50px; }
.sea_count{ padding: 28px 3.4%; border-bottom: 1px solid #eee; font-size: 18px; color: #666; }
.sea_count em{ color: #333; }
.sea_list{ padding: 0 3.4%; }
.sea_list li{ font-size: 0; padding: 22px 0; border-bottom: 1px dotted #ccc; }
.sea_list li .img{ overflow: hidden; position: relative; width: 100px;height: 100px; display: inline-block; vertical-align: middle; margin-right: 20px; }
.sea_list li .img span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.sea_list li .text{ display: inline-block; vertical-align: middle; width: calc(100% - 120px); }
.sea_list li .text.w{ width: 100%; }
.sea_list li h2{ line-height: 30px; font-size: 16px; color: #555; }
.sea_list li h2 em{ color: #000; margin-right: 5px; }
.sea_list li p{ margin: 16px 0 7px; font-size: 12px; color: #555; line-height: 24px; }
.sea_list li span{ font-size: 12px; color: #999; line-height: 30px; }
.sea_list li:hover h2{ color: #000; }
.m_search .pages{ padding: 40px 0; }

/*公司简介*/
.abo_pro_top{ margin: 65px 0 35px; }
.abo_pro_top .box{ position: relative; width: 20%; text-align: center; float: left; }
.abo_pro_top .box p{ font-size: 22px; color: #000; }
.abo_pro_top .box em{ font-size: 48px; } 
.abo_pro_top .box span{ font-size: 14px; color: #999; }
.abo_pro_top .box:after{ content: ''; position: absolute; right: 0; top: 16px; width: 1px; height: 60px; background: #eee; }
.abo_pro_top .box:last-child:after{ display: none; }
.abo_hon_img .box{ text-align: center; margin-bottom: 10px; background: #444; float: left; width: 250px; height: 220px; line-height: 220px; }
.abo_hon_img .left .box{ width: 420px; height: 450px; line-height: 450px; }
.abo_hon_img .right .top .box:last-child{ width: 510px; }
.abo_hon_img .right .box{ margin-left: 10px; }
.abo_hon_img .box img{ box-shadow: 0 10px 20px rgba(0,0,0,.1); display: inline-block; width: auto; height: auto; max-width: 77%; max-height: 73%; }
.abo_hon_img .box img:hover{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.abo_mission{ background: url(../images/bg2.png) center no-repeat; background-position: cover; }
.abo_mis_img{ margin-top: 18px; }
.abo_vis_img li{ margin-bottom: 20px; text-align: center; width: 380px; float: left; margin-right: 30px; }
.abo_vis_img li:last-child{ margin-right: 0; }
.abo_vis_img li .img{ box-shadow: 0 10px 20px rgba(0,0,0,.1); margin-bottom: 26px; border-radius: 3px; overflow: hidden; width: 380px; height: 240px; }
.abo_vis_img li .img:hover{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.abo_vis_img li p{ font-size: 14px; color: #fff; line-height: 20px; height: 40px; overflow: hidden; }
.abo_honor.bg_f6f6f6,.abo_vision.bg_f6f6f6{ background: #333; }
.abo_honor.bg_f6f6f6 .abo_tit h3,.abo_vision.bg_f6f6f6 .abo_tit h3{ color: #fff; }
.abo_honor.bg_f6f6f6 .text,.abo_vision.bg_f6f6f6 .text{ color: #fff; }

/*营销网络*/
.abo_net_top{ height: 100px; line-height: 100px; }
.abo_net_tl{ box-sizing: border-box; width: calc(100% - 750px); padding-left: 20px; background: url(../images/icon18.png) left center no-repeat; font-size: 14px; color: #999; }
.abo_net_tl span{ color: #000; }
.abo_net_tl em{ font-size: 18px; color: #000; }
.abo_net_tr{ text-align: right; font-size: 0; box-sizing: border-box; }
.abo_net_tr input{ vertical-align: middle; width: 240px; height: 40px; line-height: 38px; box-sizing: border-box; border-radius: 2px; border: 1px solid #ddd; padding: 0 20px; margin: 0 10px; }
.abo_net_tr input.abo_net_sub{ cursor: pointer; width: 100px; height: 40px; text-align: center; border: none; background: #000; color: #fff; }
.abo_net_bl{ box-sizing: border-box; width: 50%; height: 600px; overflow: auto; float: left; }
.abo_net_bl li{ cursor: pointer; padding: 25px 4.18%; border-bottom: 1px solid #e5e5e5; background: #f6f6f6; }
.abo_net_bl li .num{ vertical-align: middle; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; background: #fff; color: #555; border-radius: 50%; display: inline-block; }
.abo_net_bl li .text{ float: right; display: inline-block; vertical-align: middle; width: calc(100% - 60px); }
.abo_net_bl li .text h2{ font-size: 16px; color: #000; margin-bottom: 9px; }
.abo_net_bl li .text p{ font-size: 12px; color: #333; line-height: 20px; }
.abo_net_bl li.on,.abo_net_bl li:hover{ background: #eee; }
.abo_net_bl li.on .num,.abo_net_bl li:hover .num{ color: #fff; background: #000; }
.abo_net_br{ width: 50%; float: right; }
#allmap{ width: 100%; height: 600px; }
#allmap .BMap_bubble_content{ padding: 12px 15px 8px; }
#allmap .BMap_bubble_content .map_tit{ font-size: 16px; color: #000; margin-bottom: 20px; }
#allmap .BMap_bubble_content p{ color: #333; line-height: 35px; text-indent: 28px; }
#allmap .BMap_bubble_content p.map_add{ background: url(../images/icon20.png) left 9px no-repeat; }
#allmap .BMap_bubble_content p.map_phone{ background: url(../images/icon21.png) left 10px no-repeat; }

/*select*/
.sod_select{ border: 1px solid #ddd; background: #fff url(../images/icon19.png) 90% center no-repeat; border-radius: 2px; margin: 0 10px; display: inline-block; vertical-align: middle; position: relative; line-height: 1; width: 160px; box-sizing: border-box; padding: 12px 10px; color: #333; font-size: 14px; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; cursor: default;}
.sod_select.open{color: #999; } 
.book_form .sod_select.open{ border-radius: 4px 4px 0 0; } 
.join11_form .sod_select .sod_list,.act3_right .sod_select .sod_list{ width: 100%; left: 0; }
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;} 
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px;} 
.sod_select .sod_list{ max-height: 200px; overflow: auto; border: 1px solid #ddd; border-top: none; box-sizing: border-box; position: absolute; top: 100%; left: -1px; display: none; height: auto; width: calc(100% + 2px); background: #ffffff; border-top: none; color: #333; font-weight: 300; z-index: 1;}
.sod_select.open .sod_list{display: block;} 
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border: 1px solid #ddd; border-bottom: none; }
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; position: relative; padding: 10px 10px; list-style-type: none;}
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled{ background: inherit; color: #999; font-size: 10px; font-style: italic;} 
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #ececec; color: #333333;} 
.sod_select .sod_list .selected{ padding-right: 25px;} 
.sod_select .sod_list .selected:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);} /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ 
.sod_select.no_highlight .sod_list .selected{font-weight: 300;} 
.sod_select.no_highlight .sod_list .selected:before{display: none;} 
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}
.m_booking .sod_select{ background: #2b2b2b url(../images/icon19.png) 90% center no-repeat; color: #fff; }
.m_booking .sod_select .sod_list{ background: #2b2b2b; color: #fff; }
.m_booking .sod_select .sod_list .active{ background: #fff; }
.m_booking .book_form input{ background-color: #2b2b2b; color: #fff; }


/*品牌历程*/
.abo_his_honor{ padding-bottom: 0; overflow: hidden; }
.abo_his_hon{ margin: 0 auto; width: 94.5%;  }
.abo_his_hon li{ padding: 16px 20px 30px; box-sizing: border-box; text-align: center; background: #f6f6f6; width: 320px; height: 320px; margin: 50px 20px 40px; }
.abo_his_hon li .img{ margin-bottom: 15px; height: 240px; line-height: 240px; font-size: 0; }
.abo_his_hon li .img img{ max-height: 100%; max-width: 90%; width: auto; height: auto; display: inline-block; }
.abo_his_hon li p{ font-size: 12px; color: #777; line-height: 20px; }
.abo_his_hon li:hover{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); background: #fcfcfc; box-shadow: 0 5px 10px rgba(0,0,0,.05); }
.abo_his_hon .slick-prev{ left: -40px; width: 40px; height: 40px; background: url(../images/icon22.png) center no-repeat; }
.abo_his_hon .slick-prev:hover{ background: url(../images/icon22on.png) center no-repeat; }
.abo_his_hon .slick-next{ right: -40px; width: 40px; height: 40px; background: url(../images/icon23.png) center no-repeat; }
.abo_his_hon .slick-next:hover{ background: url(../images/icon23on.png) center no-repeat; }
.abo_history{ padding-bottom: 0; }
.abo_his_list{ padding-top: 50px; }
.abo_his_list ul{ position: relative; padding-bottom: 130px; }
.abo_his_list ul:before{ z-index: 0; content: ''; position: absolute; left: calc(50% - .5px); width: 1px; height: 100%; background: #e5e5e5; }
.abo_his_list li{ padding: 0 4.16%; box-sizing: border-box; position: relative; z-index: 1; background-image: url(../images/icon24.png); background-position: center 20px; background-repeat: no-repeat; }
.abo_his_list li .year{ width: 8%; font-size: 30px; color: #000; text-align: center; }
.abo_his_list li .info{ position: relative; box-shadow: 0 2px 4px rgba(0,0,0,.05); border-radius: 2px; width: 82.5%; box-sizing: border-box; padding: 26px 30px 86px; background: #fff; }
.abo_his_list li .info h2{ font-size: 18px; color: #000; margin-bottom: 22px; }
.abo_his_list li .info p{ font-size: 14px; color: #555; line-height: 24px; height: 72px; }
.abo_his_list li:nth-child(2n+1){ padding-right: 50%; }
.abo_his_list li:nth-child(2n+1) .year{ position: absolute; right: 50%; top: 0; }
.abo_his_list li:nth-child(2n+1) .info{ float: left; }
.abo_his_list li:nth-child(2n+1) .info:after{ content: ''; position: absolute; right: -9px; top: 22px; width: 9px; height: 18px; background: url(../images/icon26.png) center no-repeat; }
.abo_his_list li:nth-child(2n){ padding-left: 50%; }
.abo_his_list li:nth-child(2n) .year{ position: absolute; left: 50%; top: 0; }
.abo_his_list li:nth-child(2n) .info{ float: right; }
.abo_his_list li:nth-child(2n) .info:after{ content: ''; position: absolute; left: -9px; top: 22px; width: 9px; height: 18px; background: url(../images/icon27.png) center no-repeat; }
.abo_his_list li:hover{ background-image: url(../images/icon25.png); }
.abo_his_list li:hover .info{ background: #000; }
.abo_his_list li:hover .info *{ color: #fff; }
.abo_his_list li:nth-child(2n+1):hover .info:after{ background: url(../images/icon26on.png) center no-repeat; }
.abo_his_list li:nth-child(2n):hover .info:after{ background: url(../images/icon27on.png) center no-repeat; }
.abo_his_list li.on{ background: url(../images/icon25.png) center 20px no-repeat; }
.abo_his_more{ position: absolute; bottom: 40px; left: 50%; margin-left: -75px; text-align: center; cursor: pointer; background: #f6f6f6; font-size: 14px; color: #000; width: 150px; height: 50px; line-height: 48px; box-sizing: border-box; border: 1px solid #000; border-radius: 2px; }
.abo_his_more:hover{ background: #000; color: #fff; }

/*联系我们*/
.lxwm{width: 1100px; margin: 0 auto; padding: 40px 0 0 0;}
.lxwm .lxwm1 li{float: left; width: 350px; height: 214px; padding: 42px 0 0 0;}
.lxwm .lxwm1 li a{display: block; width: 100%; height: 100%;}
.lxwm .lxwm1 li span{display: block; width: 40px; height: 40px; margin: 0 auto 30px;}
.lxwm .lxwm1 li i{display: block; text-align: center; font-size: 26px; color: #000; margin-bottom: 16px;}
.lxwm .lxwm1 li p{text-align: center; width: 250px; font-size: 14px; color: #333; margin: 0 auto 6px;}
.lxwm .lxwm1 .i1{background-color: #ffebf2;}
.lxwm .lxwm1 .i1 span{background: url(../images/z8.png) no-repeat;}
.lxwm .lxwm1 .i2{background-color: #f4f4f4; margin: 0 25px;}
.lxwm .lxwm1 .i2 span{background: url(../images/z9.png) no-repeat;}
.lxwm .lxwm1 .i3{background-color: #e6f5f7;}
.lxwm .lxwm1 .i3 span{background: url(../images/z10.png) no-repeat;}
.lxwm .lxwm2{margin-top: 20px; height: 360px; background: url(../images/z11.jpg) no-repeat; margin-bottom: 104px; }
.map_mes{position: absolute;left: 0;top: 0; width: 1099px; height: 409px;z-index: 99999 ;background: url(../images/z11.png) no-repeat;}
.lxwm .lxwm2 h3{font-size: 22px; color: #fff;}
.lxwm .lxwm2 .line{width: 455px; height: 1px; background-color: #595958; margin: 8px 0;}
.lxwm .lxwm2 p{font-size: 14px; color: #e0e0e0; line-height: 36px;}
.lxwm .lxwm2 span{display: inline-block; width: 90px; padding-left: 30px;}
.lxwm .lxwm2 .p1{background: url(../images/z12.png) no-repeat left 6px;}
.lxwm .lxwm2 .p2{background: url(../images/z13.png) no-repeat left 6px;}
.lxwm .lxwm2 .p3{background: url(../images/z14.png) no-repeat left 6px;}
.lxwm .lxwm2 .p4{background: url(../images/z15.png) no-repeat left 6px;}
.lxwm .lxwm2 .p5{background: url(../images/z16.png) no-repeat left 6px;}
.lxwm .lxwm2 .p-wrap{background: url(../images/z17.png) no-repeat left 26px;}

/* 工程项目*/
.abo_pro_list{ text-align: center; padding: 30px 0 20px; }
.abo_pro_list li{ cursor: pointer; display: inline-block; margin: 0 10px 10px; width: 120px; height: 40px; box-sizing: border-box; line-height: 38px; border: 1px solid #ddd; border-radius: 2px; text-align: center; }
.abo_pro_list li.on,.abo_pro_list li:hover{ border-color: #000; background: #000; color: #fff; }
.abo_pro_wrap{ padding: 40px 0; min-height: 80px; }
.abo_pro_wrap li{ box-shadow: 0 2px 4px rgba(0,0,0,.05); border-radius: 3px; overflow: hidden; width: 30.53%; float: left; margin: 0 1.05% 40px; }
.abo_pro_wrap li .img{ position: relative; height: 0; padding-bottom: 86.6%; text-align: center; line-height: 240px; }
.abo_pro_wrap li .img span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.abo_pro_wrap li:first-child,.abo_pro_wrap li:nth-child(3n+1){ margin-left: 2.1%; }
.abo_pro_wrap li .text{ background: #fff url(../images/icon14.png) 92% center no-repeat; height: 80px; line-height: 80px; font-size: 16px; color: #333; padding: 0 18.5% 0 6.9%; box-sizing: border-box; }
.abo_pro_wrap li:hover .text{ background: #000 url(../images/icon14on.png) 92% center no-repeat; color: #fff; }

/*新闻中心*/
.news_list{ padding-top: 0; }
.news_list .news_info{ font-size: 16px; color: #000; padding: 20px 0; line-height: 40px; }
.news_list .news_info em{ color: #d80000; }
.news_list .shadow{ text-align: left; height: 50px; line-height: 50px; padding: 0 30px; font-size: 16px; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; background: rgba(0,0,0,.7); color: #fff; }
.news_list .news_text{ height: 140px; background: #fff; padding: 22px 30px; box-sizing: border-box; }
.news_list .text_p{ margin-bottom: 20px; color: #999; font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; }
.news_list .time{ display: block; line-height: 28px; color: #999; font-size: 14px; background: url(../images/icon14.png) right center no-repeat; }

/*新闻中心详情*/
.m_ndetail{ padding-bottom: 40px; }
.m_ntop{ border-bottom: 1px solid #eee; padding: 30px 20px; line-height: 40px; text-align: center; font-size: 24px; color: #333; }
.m_nmid{ padding: 10px 50px 35px; border-bottom: 1px solid #eee; }
.m_nmid .time{ padding: 12px; line-height: 26px; text-align: center; color: #999; font-size: 14px; }
.m_nmid .text{ padding-bottom: 50px; line-height: 36px; font-size: 16px; color: #333; }
.m_nmid .text a{ color: #000; text-decoration: underline; }
.m_nmid .tag{ background: url(../images/icon29.png) left center no-repeat; padding-left: 25px; color: #999; font-size: 14px; }
.m_nmid .tag a{ margin: 0 12px; }
.m_nbot{ padding: 10px 40px; line-height: 40px; font-size: 14px; color: #555; }
.m_nbot a{ color: #555; margin-left: 15px; }
.m_nbot a:hover{ color: #000; }
.m_nbleft{ width: 70%; }
.m_nbleft .prev{ padding-left: 20px; box-sizing: border-box; background: url(../images/icon30.png) left center no-repeat; }
.m_nbleft .next{ padding-left: 20px; box-sizing: border-box; background: url(../images/icon31.png) left center no-repeat; }
.m_nbright .share_btn{ margin-top: 20px; width: 40px; height: 40px; background: url(../images/icon28.png) center no-repeat; display: block; }

/*视频中心*/
.news_vid li{ cursor: pointer; }
.news_vid li .img{ position: relative; }
.news_vid li .img:before{ content: ''; z-index: 666; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .5; background: url(../images/icon17.png) center no-repeat; }
.news_vid li .img:after{ content: ''; z-index: 555; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.news_vid li:hover .img:before{ opacity: 1; }
.news_vid li .text{ height: 68px; line-height: 68px; }

/*人才招聘*/
.re_form{ font-size: 0; padding: 30px 0; }
.re_form .sod_select{ width: 180px; }
.re_form .sod_select:first-child{ margin-left: 0; }
.re_form input{ vertical-align: middle; width: 480px; height: 40px; line-height: 38px; box-sizing: border-box; border-radius: 2px; border: 1px solid #ddd; padding: 0 20px; margin: 0 10px; }
.re_form input.re_sub{ margin-right: 0; cursor: pointer; width: 100px; height: 40px; text-align: center; border: none; background: #000; color: #fff; }
.re_wrap{ padding-bottom: 55px; }
.join-main{ margin-bottom: 40px; }
.join-main .list-top{height: 60px; line-height: 60px; background: #777; font-size: 0; color: #fff;}
.join-main .td1,.join-main .td2,.join-main .td3,.join-main .td4{ padding: 0 5px; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.join-main .list-box{ background: #fff; }
.join-main .list-box ul{ width: 100%; }
.join-main .list-box li{ width: 100%; }
.join-main .list-box li .top{ background-image: url(../images/icon32.png); background-repeat: no-repeat; background-position: 96% center; cursor: pointer; font-size: 0; color: #333; line-height: 2; padding: 13px 0; border-bottom: 1px solid #f6f6f6;}
.join-main .td1, .join-main .td2, .join-main .td3, .join-main .td4{ font-size: 16px; }
.join-main .td1{ width: 340px; text-align: left; padding-left: 40px; }
.join-main .td2,.join-main .td3{ width: 300px; }
.join-main .td4{ width: 200px; }
.join-main .list-box li.on .top,.join-main .list-box li:hover .top{ border-color: #000; background-color: #000; color: #fff; }
.join-main .list-box li.on .top{ background-image: url(../images/icon32on.png); }
.join-main .list-box li .bot{position: relative; padding: 36px 40px 40px; background: #fcfcfc; display: none;}
.re_dinfo .box{ width: 50%; float: left; box-sizing: border-box; }
.re_dinfo > .box:first-child{ padding-right: 30px; }
.re_dinfo > .box:nth-child(2){ padding-left: 30px; }
.re_dinfo .box h3{ font-size: 18px; line-height: 28px; margin-bottom: 24px; }
.re_dinfo .text{ color: #333; line-height: 36px; }
.re_dinfo .re_dsub{ margin-top: 40px; width: 150px; height: 50px; text-align: center; border: 1px solid #000; border-radius: 3px; box-sizing: border-box; background: none; font-size: 16px; cursor: pointer; }
.re_dinfo .re_dsub:hover{ background: #000; color: #fff; }

/*品质服务*/
.ser_qua_list{ padding-top: 46px; }
.ser_qua_list li{ position: relative; border-radius: 3px; overflow: hidden; box-sizing: border-box; width: 17.7%; height: 420px; float: left; margin-left: 1.916%; }
.ser_qua_list li .shadow{ padding: 0 7.5%; border-radius: 3px; position: absolute; top: 20px; left: 20px; width: calc(100% - 40px); box-sizing: border-box; background: rgba(0,0,0,.8); color: #fff; }
.ser_qua_list li h2{ font-size: 16px; height: 60px; line-height: 60px; text-align: center; display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.ser_qua_list li .text_p{ position: relative; line-height: 36px; height: 0; overflow: hidden; }
.ser_qua_list li:hover .text_p:before{ content: ''; position: absolute; top: 9px; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: #888785; }
.ser_qua_list li:hover .shadow{ left: 0; width: 100%; top: 0; padding: 40px 14.7%; }
.ser_qua_list li:hover .text_p{ height: 252px; padding-top: 28px; }
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
.ser_ring{ text-align: center; background: url(../images/bg3.png) center no-repeat; background-size: cover; }
.ser_ring_list{ margin-top: 20px; }
.ser_ring_list li{ margin: 20px 0 0  1.916%; float: left; padding-top: 40px; box-sizing: border-box; background: #fff; width: 17.7%; height: 260px; }
.ser_ring_list li h2{ margin: 20px auto 8px; font-size: 24px; color: #000; }
.ser_ring_list li .img{ width: 100px; height: 100px; border-radius: 50%; margin: 0 auto; }
.ser_ring_list li .text_p{ font-size: 14px; color: #999; height: 40px; overflow: hidden; }
.ser_ring_list li:hover{ box-shadow: 0 2px 4px rgba(0,0,0,.1); }
.ser_ring_list li:hover .img img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }

/*品质服务详情*/
.ser_dtinfo .text_p{ padding: 14px 20px 0; font-size: 14px; color: #555; line-height: 22px; text-align: center; }
.ser_dblist{ padding-bottom: 10px; }
.ser_dblist li{ position: relative; min-height: 400px; background: #fff; margin-bottom: 40px; }
.ser_dblist li .img{ position: absolute; height: 100%; width: 800px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ser_dblist li:nth-child(2n+1) .img{ left: 0; }
.ser_dblist li:nth-child(2n) .img{ right: 0; }
.ser_dblist .text{ width: 400px; padding: 55px 50px 35px; box-sizing: border-box; }
.ser_dblist .text h2{ font-size: 30px; color: #000; margin-bottom: 40px; }
.ser_dblist .text .text_p{ font-size: 12px; color: #555; line-height: 30px; }
.ser_dblist li:nth-child(2n+1) .text{ float: right; }

/*预约量尺*/
.book_top{ padding: 50px 0; }
.book_top .box{ font-size: 0; float: left; width: 33.3%;  }
.book_top .box .img{ display: inline-block; vertical-align: middle; width: 120px; height: 120px; line-height: 120px; font-size: 0; text-align: center;  border-radius: 50%; }
.book_top .box .img img{ max-width: 100%; max-height: 100%; }
.book_top .text{ margin-left: 40px; width: calc(100% - 160px); display: inline-block; vertical-align: middle; }
.book_top .text h2{ font-size: 18px; color: #000; margin-bottom: 18px; }
.book_top .text .text_p{ font-size: 14px; color: #999; line-height: 20px; }
.book_top .box:hover img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.book_form{ width: 580px; margin: 0 auto; padding-top: 55px; font-size: 0; text-align: center; }
.book_form .item{ margin-bottom: 30px; }
.book_form textarea{ border: none; width: 100%; box-sizing: border-box; padding: 10px; border-radius: 4px; height: 80px; }
.book_form input{ max-width: 100%; background-repeat: no-repeat; background-position: 18px center; border-radius: 4px; padding: 0 20px 0 50px; box-sizing: border-box; width: 580px; height: 50px; line-height: 50px; border: none; background-color: #fff; }
.book_form input.name{ background-image: url(../images/icon46.png); }
.book_form input.phone{ background-image: url(../images/icon47.png); }
.book_form input.code{ background-image: url(../images/icon90.png); }
.book_form input.address{ background-image: url(../images/icon20.png); }
.book_form .sod_select{ width: 180px; border: none; border-radius: 4px; padding: 18px 10px; }
.book_form .select_box > div.d_ib:first-child .sod_select{ margin-left: 0; }
.book_form .select_box > div.d_ib:last-child .sod_select{ margin-right: 0; }
.book_form input.book_sub{ background: #2b2b2b; color: #fff; padding: 0; font-size: 16px; cursor: pointer; }
.book_form .tips{ text-align: center; color: #d80000; line-height: 20px; padding: 15px 0; font-size: 14px; }
.book_bot{ position: relative; padding: 60px 0 50px; }
.book_bot:before{ content: ''; position: absolute; left: 0; top: 110px; width: 100%; height: 1px; background: #eee; }
.book_bot .box{ float: left; text-align: center; position: relative; z-index: 1; width: calc(100% / 6); }
.book_bot .img{ margin: 0 auto 26px; width: 100px; height: 100px; line-height: 100px; background: #fff; border-radius: 50%; border: 1px solid #eee; }
.book_bot .img img{ max-width: 60%; max-height: 60%; }
.book_bot p{ font-size: 14px; color: #999; line-height: 20px; }
.book_bot .box:hover .img img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.book_form .code_box input{ width: 50%; float: left; }
.code_img{ overflow: hidden; background: #fff; border-radius: 4px; display: inline-block; margin-left: 10px; width: 25%; height: 50px; float: left; line-height: 50px; font-size: 0; text-align: center; box-sizing: border-box; }
.code_img img{ cursor: pointer; max-width: 100%; max-height: 100%; }

/*加盟留言*/
.resume{display:none; position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 999;}
.join_bg{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 999; }
.join_wrap{ padding: 34px 40px 0; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 3px; overflow: hidden; background: #fff; width: 580px; height: 440px; }
.join_wrap .close{ position: absolute; right: 18px; top: 18px; width: 40px; height: 40px; background: url(../images/icon54.png) center no-repeat; cursor: pointer; }
.join_wrap form{ width: auto; padding-top: 20px; }
.join_wrap h2.tit{ font-size: 30px; color: #333; }
.join_wrap input{ max-width: 100%; border: 1px solid #ddd; box-sizing: border-box; }
.join_wrap .code_img{ border: 1px solid #ddd; }
.join_wrap .sod_select{ width: 160px; margin: 0; border: 1px solid #ddd; }
.join_wrap .select_box > div.d_ib{ margin-right: 10px; }
.join_wrap .select_box > div.d_ib:last-child{ margin-right: 0; }
.join_wrap input.book_sub{ border: none; }
.join_wrap textarea{ max-width: 100%; border: 1px solid #ddd; box-sizing: border-box; }
.upload_box{ width: 120px; }
.upload_box:hover .upload_btn{ background: #2b2b2b; color: #fff; }
.upload_btn{ position: relative; width: 100%; height: 50px; font-size: 16px; text-align: center; line-height: 50px; border-radius: 4px; border: 1px solid #ddd; }
.upload_input{ cursor: pointer; opacity: 0; z-index: 999; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.resume .join_wrap{ height: 540px; }

/*产品中心*/
.pro_top{ padding: 40px 6.25%; box-sizing: border-box; width: 100%; min-height: 530px; }
.pro_top .text{ float: left; width: 43.2%; }
.pro_top .text h2{ margin-top: 50px; font-weight: 100; font-size: 48px; color: #000; }
.pro_top .text h3{ margin: 10px 0 40px; font-size: 30px; color: #ccc; font-weight: 100; font-family: '微软雅黑'; text-transform: uppercase; }
.pro_top .text .text_p{ font-size: 14px; color: #000; line-height: 36px; }
.pro_top .video_box{ float: right; width: 48%; display: inline-block; vertical-align: middle; height: 450px; border: 2px solid #eaeaea; position: relative; background: #000; }
.video_box video{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; display: block; }
.video_box i{ cursor: pointer; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); background-image: url(../images/icon55.png); background-position: center; background-repeat: no-repeat; z-index: 666; }
.m_pro_select{ position: relative; text-align: center; padding: 25px 0; }
.m_pro_select .sod_select{ width: 220px; padding: 18px 10px; }
.m_pro_select .path{ position: absolute; right: 40px; top: 20px; }

/*产品中心详情*/
.m_pdetail{ padding-bottom: 40px; }
.m_pd_top{ min-height: 560px; background: #fff; margin-bottom: 15px; }
.m_pdt_l{ width: 820px; height: 560px; overflow: hidden; }
.bimg_slick{ width: 820px; height: 458px; background: #fff; }
.simg_slick{ margin: 0 54px; padding: 21px 0; }
.simg_slick .slick-slide{ position: relative; margin: 0 6px; cursor: pointer; padding: 4px; width: 90px; height: 60px; box-sizing: border-box; border: 1px solid #eee; }
.simg_slick .slick-slide.on,.simg_slick .slick-slide:hover{ border-color: #000; }
.simg_slick .slick-slide img{ width: 80px; height: 50px; background-color: #f6f6f6; background-image: url(../images/loading.png); background-position: center; background-repeat: no-repeat; }
.simg_slick .slick-prev{ left: -54px; width: 40px; height: 60px; margin-top: -30px; background: url(../images/left.png) center no-repeat; }
.simg_slick .slick-prev:hover{ background: url(../images/left_on.png) center no-repeat; }
.simg_slick .slick-next{ right: -54px; width: 40px; height: 60px; margin-top: -30px; background: url(../images/right.png) center no-repeat; }
.simg_slick .slick-next:hover{ background: url(../images/right_on.png) center no-repeat; }
.m_pdt_r{ padding: 44px 40px 0; width: 380px; box-sizing: border-box; }
.m_pd_info h2{ font-size: 24px; color: #000; margin-bottom: 10px; }
.m_pd_info .tit{ line-height: 26px; margin-bottom: 10px; }
.m_pd_info .tit a{ margin: 0 8px; font-size: 14px; color: #000; }
.m_pd_info .text_p{ min-height: 120px; padding-bottom: 14px; font-size: 12px; color: #777; line-height: 24px; }
.m_pd_rec{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 13px 0 18px; margin-bottom: 10px; }
.m_pd_rec h2{ margin-bottom: 34px; font-size: 16px; color: #000; }
.rec_slick{ height: 88px; margin-top: 34px; }
.rec_slick .slick-slide{ position: relative; margin: 0 6px; cursor: pointer; }
.rec_slick .slick-slide .img{ padding: 4px; width: 90px; height: 60px; box-sizing: border-box; border: 1px solid #eee; }
.rec_slick .slick-slide.on .img,.rec_slick .slick-slide:hover .img{ border-color: #000; }
.rec_slick .slick-slide img{ width: 80px; height: 50px; background-color: #f6f6f6; background-image: url(../images/loading.png); background-position: center; background-repeat: no-repeat; }
.rec_slick .slick-slide p{ line-height: 28px; font-size: 12px; color: #555; }
.rec_slick .slick-slide.on p,.rec_slick .slick-slide:hover p{ color: #000; }
.rec_slick .slick-dots{ top: -49px; right: 0; width: auto; }
.m_pd_other,.m_pd_other a{ font-size: 14px; color: #000; }
.m_pd_other .pro_btn{ margin-top: 26px; width: 150px; height: 50px; line-height: 48px; border: 1px solid #000; color: #000; font-size: 16px; border-radius: 2px; display: block; text-align: center; }
.m_pd_other .pro_btn:hover{ background: #000; color: #fff; }
.m_pd_bot{ background: #fff; }
.m_pd_bot .title{ height: 60px; border-bottom: 1px solid #f6f6f6; box-sizing: border-box; text-align: center; }
.m_pd_bot .title span{ display: inline-block; font-size: 18px; background: #000; color: #fff; width: 200px; height: 60px; line-height: 60px; }
.m_pd_bot .details{ padding: 40px; text-align: center; }

/*橱柜加盟*/
.m_join .join_b{ padding: 40px 0; box-sizing: border-box; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.join1{ height: 600px; }
.join1 .logo_j{ position: absolute; display: block; width: 190px;max-width: 14%; height: 52px; background: url(../images/logo_j.png) center no-repeat; background-size: contain; left: 2%; top: 45px; }
.join1 .bkbtn_j{ position: absolute; left: 50%; margin-left: -100px; bottom: 125px; text-align: center; font-size: 18px; width: 200px; height: 60px; line-height: 60px; background: #ffa200; color: #fff; border-radius: 30px; }
.join_tit h2{ overflow: hidden; line-height: 50px; font-size: 36px; font-weight: bold; color: #000; }
.join_tit h2 span{ display: inline-block; position: relative; }
.join_tit h2 span:before{ content: ''; position: absolute; right: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line3.png); }
.join_tit h2 span:after{ content: ''; position: absolute; left: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line4.png); }
.join_tit h3{ font-size: 16px; line-height: 30px; color: rgba(0,0,0,.5); margin: 16px 0 14px; }
.join_tit .text_p{ margin: 0 8.4%; font-size: 14px; color: #000; line-height: 30px; min-height: 60px; }
.m_join .join2{ padding-top: 62px; height: 800px; }
.join2 .join_tit{ margin-bottom: 30px; }
.join2 .join_tit h2,.join11 .join_tit h2{ color: #fff; }
.join2 .join_tit h3{ color: rgba(255,255,255,.5); }
.join2 .join_tit h2 span:before,.join11 .join_tit h2 span:before{ content: ''; position: absolute; right: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line1.png); }
.join2 .join_tit h2 span:after,.join11 .join_tit h2 span:after{ content: ''; position: absolute; left: calc( 100% + 30px); width: 494px; height: 20px; top: 15px; background: url(../images/line2.png); }
.join2 .join_map{ width: 640px; margin-top: 30px; margin-left: 108px; }
.join2_list{ width: 170px; margin-right: 120px; }
.join2_list .box{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 22px 0 14px; }
.join2_list .bnum{ font-size: 48px; color: #fff; line-height: 50px; }
.join2_list .stxt{ font-size: 14px; color: rgba(255,255,255,.5); line-height: 22px; }
.join3_list ul{ margin-top: 40px; width: 1230px; margin-left: -15px; }
.join3_list .slick-slide{ width: 380px; margin: 0 15px; }
.join3_list .img{ width: 100%; height: 225px; }
.join3_list .text{ padding: 20px 20px 22px; background: #fff; text-align: left; }
.join3_list .text h2{ font-size: 14px; color: #000; margin-bottom: 16px; }
.join3_list .text .text_p{ font-size: 12px; color: #999; line-height: 22px; height: 66px; overflow: hidden; }
.join3_list .slick-prev{ left: -40px; width: 40px; height: 40px; background: url(../images/icon22.png) center no-repeat; }
.join3_list .slick-prev:hover{ background: url(../images/icon22on.png) center no-repeat; }
.join3_list .slick-next{ right: -40px; width: 40px; height: 40px; background: url(../images/icon23.png) center no-repeat; }
.join3_list .slick-next:hover{ background: url(../images/icon23on.png) center no-repeat; }
.join4_list ul{ margin-top: 40px; }
.join4_list li{ position: relative; margin-bottom: 20px; float: left; width: 285px; height: 260px; margin-right: 20px; }
.join4_list li:nth-child(1),.join4_list li:nth-child(2){ width: 590px; }
.join4_list li:nth-child(2),.join4_list li:nth-child(4n+2){ margin-right: 0; }
.join4_list li .shadow{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; height: 56px; line-height: 56px; color: #fff; text-align: center; background: rgba(0,0,0,.5); }
.join5_list{ margin-top: 48px; }
.join5_list ul{ width: 1220px; margin-left: -10px; }
.join5_list .slick-slide{ width: 285px; margin: 0 10px; }
.join5_list .img{ height: 300px; line-height: 300px; text-align: center; font-size: 0; background: #fff; }
.join5_list .img img{ box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.join5_list li:hover img{ -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.join5_list .text{ height: 60px; line-height: 60px; background: #f6f6f6; font-size: 14px; color: #000; padding: 0 20px; }
.join5_list .slick-prev{ left: -50px; width: 40px; height: 80px; margin-top: -40px; background: url(../images/icon60.png) center no-repeat; }
.join5_list .slick-next{ right: -50px; width: 40px; height: 80px; margin-top: -40px; background: url(../images/icon61.png) center no-repeat; }
.m_join .join6{ padding-top: 60px; }
.j6_bimg_slick{ margin-top: 28px; }
.j6_bimg_slick .box{ width: 100%; height: 480px; }
.j6_bimg_slick .text{ text-align: left; padding: 60px 30px; box-sizing: border-box; right: 40px; top: 40px; width: 380px; height: 400px; background: #fff; }
.j6_bimg_slick .text h2{ font-size: 24px; color: #000; margin-bottom: 16px; }
.j6_bimg_slick .text_p{ margin-bottom: 50px; height: 144px; overflow: hidden; font-size: 12px; color: #777; line-height: 24px; }
.join_more{ display: block; text-align: center; width: 120px; height: 40px; line-height: 40px; border-radius: 2px; background: #000; color: #fff; }
.j6_simg_slick{ padding: 20px 0; background: #fff; }
.j6_simg_slick ul{ margin: 0 40px; }
.j6_simg_slick .slick-slide{ cursor: pointer; margin: 0 15px; width: 110px; height: 80px; border: 1px solid #eee; padding: 4px; box-sizing: border-box; }
.j6_simg_slick .slick-slide.on,.j6_simg_slick .slick-slide:hover{ border-color: #000; }
.j6_simg_slick .slick-slide span{ display: block; width: 100px; height: 70px; line-height: 70px; }
.j6_simg_slick .slick-slide font{ display: inline-block; opacity: 0; width: 80px; height: 30px; line-height: 30px; }
.j6_simg_slick .slick-slide.on font{ opacity: 1; background: rgba(0,0,0,.8)!important; color: #fff!important; }
.j6_simg_slick .slick-slide:hover font{ opacity: 1; background: rgba(255,255,255,.9); color: #333; }
.j6_simg_slick .slick-prev{ left: -40px; width: 40px; height: 120px; margin-top: -60px; background: url(../images/icon62.png) center no-repeat; }
.j6_simg_slick .slick-next{ right: -40px; width: 40px; height: 120px; margin-top: -60px; background: url(../images/icon63.png) center no-repeat; }
.join7_con{ padding-top: 40px; }
.join8_list{ margin-top: 40px; }
.join8_list li{ padding: 30px 20px; box-sizing: border-box; position: relative; width: 240px; height: 280px; width: 20%; float: left; background: #000; }
.join8_list li span{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .4; }
.join8_list li h2{ margin-top: 60px; position: relative; z-index: 1; font-size: 20px; color: #fff; text-align: center; line-height: 30px; }
.join8_list li .line{ width: 20px; height: 1px; background: #fff; display: block; margin: 24px auto 20px; }
.join8_list li .text{ position: relative; z-index: 1; color: #fff; line-height: 30px; height: 0; overflow: hidden; }
.join8_list li:hover span{ opacity: .1; }
.join8_list li:hover h2{ margin-top: 0; }
.join8_list li:hover .text{ height: 150px; }
.join8_list li i{ position: absolute; left: 0; width: 100%; top: 130px; height: 110px; background-position: center; display: block; background-repeat: no-repeat; }
.m_join .join9{ padding-bottom: 90px; }
.join9_con{ margin-top: 80px; font-size: 0; text-align: center; }
.join9_con .box{ position: relative; width: calc(100% / 6); display: inline-block; vertical-align: top; }
.join9_con .box:after{ content: ''; position: absolute; left: 160px; top: 30px; width: 80px; height: 1px; background: rgba(0,0,0,.1); }
.join9_con .box:last-child:after{ display: none; }
.join9_con .img{ width: 60px; height: 60px; line-height: 60px; font-size: 0; margin: 0 auto 25px; }
.join9_con .img img{ max-width: 100%; max-height: 100%; }
.join9_con .box:hover img{ animation: swing 1s 0s linear normal; -webkit-animation: swing 1s 0s linear normal; }
.join9_con p{ font-size: 16px; color: #000; line-height: 24px; }
.join9_con p span{ font-size: 12px; }
.join10_list{ padding-bottom: 50px; margin-top: 106px; }
.join10_list ul{ width: 1213px; margin-left: -6.5px; }
.join10_list .slick-slide{ margin: 0 6.5px; width: 160px; }
.join10_list .zoom{ height: 80px; line-height: 78px; font-size: 0; box-sizing: border-box; border: 1px solid #ddd; }
.join10_list .zoom img{ width: auto; height: auto; }
.join10_list p{ margin-top: 10px; line-height: 20px; }
.join10_list .slick-prev{ left: -53.5px; width: 40px; height: 80px; margin-top: 0; top: 0; background: url(../images/icon80.png) center no-repeat; }
.join10_list .slick-prev:hover{ background: url(../images/icon80on.png) center no-repeat; }
.join10_list .slick-next{ right: -53.5px; width: 40px; height: 80px; margin-top: 0; top: 0; background: url(../images/icon81.png) center no-repeat; }
.join10_list .slick-next:hover{ background: url(../images/icon81on.png) center no-repeat; }
.join10_list .slick-slide:hover p{ color: #000; }
.join11_con{ padding-top: 45px; }
.join11_slick{ width: 740px; height: 290px; margin-top: 0; float: left; margin-left: 15px; border-radius: 4px; overflow: hidden; }
.join11_slick .slick-dots{ bottom: 10px; }
.join11_slick .slick-dots li.slick-active{ background: #d80000; }
.join11_form{ width: 380px; float: right; padding-top: 0; margin-right: 25px; }
.join11_form input.book_sub{ background: #d80000; }
.join11_form .select_box > div.d_ib{ width: calc((100% - 20px)/3); margin-right: 10px; }
.join11_form .select_box > div.d_ib:last-child{ margin-right: 0; }
.join11_form .select_box > div.d_ib .sod_select{ width: 100%; margin: 0; }

/*优惠专题*/
.act1{ height: 800px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.act2{ box-sizing: border-box; padding: 40px 0; height: 700px; background: url(../images/bg8.png) right 80px no-repeat; }
.act_title{ height: 60px; line-height: 60px; }
.act_title span{ position: relative; font-size: 48px; color: #d31636; font-weight: bold; }
.act_title span:before{ content: ''; position: absolute; right: calc(100% + 45px); width: 265px; height: 60px; background: url(../images/icon82.png) center no-repeat; }
.act_title span:after{ content: ''; position: absolute; left: calc(100% + 45px); width: 265px; height: 60px; background: url(../images/icon83.png) center no-repeat; }
.act2_p{ margin: 35px 0 65px; text-align: center; font-size: 18px; color: #181619; }
.act2_list li{ margin-right: 25px; float: left; padding: 68px 20px 20px; box-sizing: border-box; width: 220px; height: 440px; background: url(../images/icon87.png) top center no-repeat; color: #fff; }
.act2_list li:last-child{ margin-right: 0; }
.act2_list li h2{ text-align: center; font-size: 30px; margin-bottom: 14px; }
.act2_list li .text_p{ margin-bottom: 24px; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; }
.act2_list li .img{ margin: 0 auto; width: 150px; height: 150px; line-height: 150px; font-size: 0; }
.act2_list li .img img{ max-width: 100%; max-height: 100%; }
.act3{ padding: 40px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act3_left{ margin-top: 34px; }
.act3_left li{ overflow: hidden; margin-right: 1px; cursor: pointer; position: relative; float: left; width: 150px; }
.act3_left li .img{ width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act3_left li .text{ padding: 30px; background: #ccc; width: 300px; height: 160px; box-sizing: border-box; }
.act3_left li .text h2{ line-height: 32px; font-size: 18px; color: #555; margin-bottom: 10px; }
.act3_left li .text h2 font{ margin-right: 14px; }
.act3_left li .text h2 span{ display: block; color: #999; }
.act3_left li .text p{ font-size: 12px; color: #999; line-height: 20px; display: none; height: 40px; overflow: hidden; }
.act3_left li:after{ content: ''; position: absolute; left: 30px; bottom: 30px; width: 20px; height: 4px; background: #aaa; display: block; }
.act3_left li.on{ width: 300px; }
.act3_left li.on .text{ background: #fff; }
.act3_left li.on .text h2{ color: #000; }
.act3_left li.on .text h2 span{ display: inline-block; color: #ccc; }
.act3_left li.on .text p{ display: block; }
.act3_left li.on:after{ background: #c51533; }
.act3_right{ width: 568px; background: rgba(0,0,0,.3); padding: 25px 24px 5px; box-sizing: border-box; }
.act3_right h2{ font-size: 48px; font-weight: bold; color: #fff; text-align: left; margin-bottom: 28px; }
.act3_right .item{ margin-bottom: 20px; }
.act3_right input{ max-width: 100%; }
.act3_right .sod_select{ width: 160px; }
.act3_right input.book_sub{ background: #d31636; }
.act4{ padding: 40px 0; box-sizing: border-box; height: 800px; }
.act4_con{ margin-top: 60px; }
.act4_top{ width: 100%; height: 500px; }
.act4_top .box{ height: 500px; position: relative; display: none; opacity: .8; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act4_top .box:first-child{ display: block; opacity: 1; }
.act4_top .text{ padding: 40px; box-sizing: border-box; text-align: center; position: absolute; left: 50px; top: 50px; background: rgba(211,22,54,.95); width: 400px; height: 400px; box-sizing: border-box; color: #fff; }
.act4_top .text:before{ content: ''; position: absolute; left: 20px; top: 30px; width: 350px; height: 350px; box-sizing: border-box; border: 1px solid rgba(255,64,124,.6); }
.act4_top .text:after{ content: ''; position: absolute; left: 30px; top: 20px; width: 350px; height: 350px; box-sizing: border-box; border: 1px solid rgba(255,64,124,.6); }
.act4_top .text h2{ position: relative; z-index: 1; font-size: 36px; font-weight: bold; margin: 13px 0; }
.act4_top .text p{ position: relative; z-index: 1; font-size: 16px; }
.act4_top .text .price{ margin: 36px auto 14px; height: 60px; position: relative; z-index: 1; color: #ffff66; font-size: 30px; }
.act4_top .text .price i{ font-size: 40px; font-weight: 100; vertical-align: super; }
.act4_top .text .price em{ line-height: 60px; font-size: 72px; vertical-align: bottom; }
.act4_top .text .price font{ vertical-align: middle; display: inline-block; margin-left: 6px; }
.act4_top .buy_btn{ position: relative; z-index: 1; display: block; width: 160px; height: 40px; line-height: 40px; background: #fff; color: #d31636; font-size: 16px; margin: 40px auto 0; cursor: pointer; }
.act4_top .buy_btn:hover{ background: #ffff66; }
.act4_bot li{ border-right: 1px solid #f1f1f1; box-sizing: border-box; cursor: pointer; background: #fff; color: #000; float: left; font-size: 18px; height: 60px; line-height: 60px; width: calc(100% / 6); text-align: center; }
.act4_bot li:last-child{ border: none; }
.act4_bot li.on{ background: #000; color: #fff; border: none; }
.bg_d31636 .act_title span{ color: #fff; }
.act_title span em{ font-size: 72px; font-family: '华文细黑'; font-weight: bold; letter-spacing: -6px; margin-right: 6px; }
.bg_d31636 .act_title span:before{ background: url(../images/icon82on.png) center no-repeat; }
.bg_d31636 .act_title span:after{ background: url(../images/icon83on.png) center no-repeat; }
.act5{ padding: 40px 0; }
.act5_p{ font-size: 24px; color: #ffff00; text-align: center; margin: 30px auto 45px; }
.act5 .luck-unit{ color: #fff; width: 285px; height: 160px; float: left; background: #ac001d; margin-right: 20px; margin-bottom: 20px; }
.act5 .luck-unit4,.act5 .luck-unit5,.act5 .luck-unit6{ margin-right: 0; }
.act5 .luck-btn{ position: relative; box-shadow: 0 5px 10px rgba(0,0,0,.1); cursor: pointer; text-align: center; float: left; width: 590px; height: 160px; margin-right: 20px; background: url(../images/icon88.png) center no-repeat; background-size: cover; }
.act5 .luck-btn h2{ margin-top: 26px; font-size: 60px; color: #fff; }
.act5 .luck-btn h3{ line-height: 25px; font-size: 18px; text-transform: uppercase; color: rgba(0,0,0,.33); }
.act5 .luck-unit .box{ border: 1px solid rgba(255,255,255,.3); margin: 10px auto; width: 265px; height: 140px; text-align: center; line-height: 36px; font-size: 30px; }
.act5 .luck-unit .box p{ display: inline-block; vertical-align: middle; }
.act5 .luck-unit .box p em{ font-size: 48px; font-weight: 100; }
.act5 .luck-unit .box:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 1px; margin-top: -1px; }
.act5 .luck-unit.active{ background: #ffffce; color: #d31636; }
.act5 .luck-unit.active .box{ border: 1px solid rgba(211,22,54,.5); }
.act6{ padding: 40px 0; }
.act6 .act_title{ margin-bottom: 34px; }
.act6_p{ margin-bottom: 20px; padding-bottom: 36px; background: url(../images/icon89.png) center bottom no-repeat; font-size: 36px; color: #000; text-align: center; }
.act6_p em{ color: #d31636; }
.act7{ padding: 36px 0 30px; }
.act7_list .box{ margin-right: 10px; margin-bottom: 10px; width: 220px; height: 180px; float: left; background-repeat: no-repeat; background-position: center; background-size: cover; }
.act7_list .box:nth-child(4),.act7_list .box:nth-child(6){ width: 510px; }
.act7_list .box:nth-child(5){ width: 450px; }
.act7_list .box:nth-child(4),.act7_list .box:nth-child(7){ margin-right: 0; }
.act8{ padding: 40px 0; }
.act8_list .box{ width: 395px; height: 220px; margin-right: 10px; margin-bottom: 10px; float: left; }
.act8_list .box:nth-child(2){ width: 390px; position: relative; background: #d31636; color: #fff; text-align: center; }
.act8_list .box:nth-child(2):before{ content: ''; width: 1px; height: 100%; display: inline-block; vertical-align: middle; }
.act8_list .box:nth-child(2) h2{ font-size: 30px; font-weight: bold; margin-bottom: 7px; }
.act8_list .box:nth-child(2) h3{ font-size: 24px; }
.act8_list .box:nth-child(3),.act8_list .box:nth-child(5){ margin-right: 0; }
.act8_list .box:nth-child(4),.act8_list .box:nth-child(5){ width: 595px; height: 180px; }
.act9{ padding: 40px 0; text-align: center; }
.act9_img{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; padding: 50px 40px; box-sizing: border-box; font-size: 18px; color: #000; line-height: 36px; }
.act10{ padding: 40px 0; }
.act10_list .box{ float: left; width: 395px; height: 240px; margin-right: 10px; margin-bottom: 10px; } 
.act10_list .box:nth-child(3n+1){ margin-right: 0; }
.act10_list .box:nth-child(2n+1){ width: 390px; }
.act10_list .box:first-child{ width: 100%; }

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

.ser_qua_list li:hover .shadow{ padding: 40px 10%; }
}

@media screen and (max-width: 1600px){
.ser_qua_list li{ height: 380px; }
.ser_qua_list li:hover .shadow{ padding: 26px 10%; }
.ser_qua_list li:hover .text_p{ line-height: 30px; height: 240px; }
}

@media screen and (max-width: 1500px){
.m_pro_select{ padding-top: 0; }
.m_pro_select .path{ position: static; text-align: left; padding-left: 2.1%; }

}

@media screen and (max-width: 1460px){
.header .baseWidth, .footer .baseWidth, .wpb40,.baseWidth{ width: 94%; }
.banner,.banner-wrap,.banner-wrap .banner-bg{ height: 700px; }
.f_box img{ width: 150px; }
.fnav li{ width: 150px; }
.footer .top{ padding: 30px 0 35px; }
.footer .bot{ padding: 10px 0; }
.i_part{ padding-bottom: 60px; }
/*.i_part_list{ width: 94%; margin: 0 auto; }*/
.i_part_list li .zoom{ height: 250px; }
.i_part_list li .text{ padding: 15px 5%; height: 70px; line-height: 40px; }
.pro_top{ padding: 40px 3%; min-height: 0; }
.pro_top .text{ width: 48%; }
.pro_top .text h2{ margin-top: 20px; }
.pro_top .text h3{ margin: 10px 0 20px; }
.pro_top .video_box{ height: 362px; }
/*.abo_pro_wrap li .img{ height: 200px; }*/
.abo_pro_wrap li .text{ height: 60px; line-height: 60px; }
.ser_ring_list li{ padding-top: 30px; height: 220px; }
.ser_ring_list li .img{ width: 80px; height: 80px; }
.ser_qua_list li{ height: 320px; }
.ser_qua_list li:hover .text_p{ height: 180px; }
.ser_qua_list li .shadow{ padding: 0 5%; }
.ser_qua_list li h2{ font-size: 15px; height: 50px; line-height: 50px; }
.ser_qua_list li:hover .text_p{ font-size: 12px; line-height: 24px; height: 192px; padding-top: 26px; }
.abo_his_list li{ padding: 0 3%; }
.abo_his_list li .info{ width: 80%; }
.abo_his_list li .year{ width: 9%; font-size: 28px; }
.abo_his_list li .info h2{ margin-bottom: 10px; }
.book_top .box .img{ width: 100px; height: 100px; line-height: 100px; }
.news_list .news_text{ padding: 15px 5%; height: 120px; }
.news_list .text_p{ margin-bottom: 10px; }
.news_list .shadow{ padding: 0 5%; height: 40px; line-height: 40px; font-size: 13px; }
.abo_pro_wrap li .text{ font-size: 15px; }
.wbanner{ height: 380px; }
.m_nav{ top: -60px; }
.m_nav li{ height: 60px; line-height: 58px; }
.news_list .news_info{ padding: 10px 0; }
.abo_pro_wrap li .text{ padding: 0 14% 0 5%; background-size: 20px!important; background-position: 95% center!important; }
}

@media screen and (max-width: 1300px){
.join3_list .slick-prev{ width: 20px; left: -15px; }
.join3_list .slick-next{ width: 20px; right: -15px; }
.join5_list .slick-prev{ left: -10px; }
.join5_list .slick-next{ right: -10px; }
.join10_list .slick-prev{ width: 20px; left: -20px; }
.join10_list .slick-next{ width: 20px; right: -25px; }
}