@charset "utf-8";
/****header****/
.header { width: 100%; height: 90px; position:relative; left:0; top:0; z-index:99; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.header .head{ width:1200px; height: 90px; margin:0 auto;}
.header .head .logo{ width:auto; height:48px; margin-top:21px;}
.header .head .lan{ background:url(../img/ioc1.png) no-repeat left center; padding-left:28px; height:30px; line-height:30px; margin-top:30px;}
.header .head .menu { width:auto; height:30px; margin-top:30px;}
.header .head .menu li { width: auto; position: relative; float: left; display: inline;}
.header .head .menu li a.xialaguang { display:inline-block; float: left; width: auto; height: 28px; line-height: 28px; margin:0 31px; padding-bottom:2px; background:url(../img/ln.png) no-repeat center bottom;}
.header .head .menu li a.xialaguang i{ width:11px; height:30px; display:block; float: right; background:url(../img/ioc7.png) no-repeat center; margin-left:5px;}
.header .head .menu li a.navhover, .header .head .menu li a.xialaguang:hover { cursor: pointer; color: #59815c; background:url(../img/ln.jpg) no-repeat center bottom; }
.header .head .menu li a.navhover i, .header .head .menu li a.xialaguang:hover i{ background:url(../img/ioc8.png) no-repeat center;}
.header .head .menu ul.children { display: none; position: absolute; top: 30px; left: 0; width: 100%; line-height: normal; z-index: 99; text-align:center; }
.header .head .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-bottom: 1px #7da27f solid; margin: 0; }
.header .head .menu ul.children li a { overflow: hidden; display: block; padding: 10px 15px; border-top: 1px #325435 solid; background: #59815c; color: #FFF; }
.header .head .menu ul.children li a:hover { color: #FFF; background: #325435; }
/*banner*/
.banner { width: 100%; overflow: hidden; margin-top:90px; position:relative; }
.banner .ban_bo{ width:100%; background:url(../img/ban.png) repeat-x center; height:144px; position:absolute; left:0; bottom:0; z-index:1;}
.banner .flexslider { position: relative; height: 768px; overflow: hidden; }
.banner .slides { position: relative; z-index: 0; }
.banner .slides li { height:768px; }
.banner .slides li a { width: 100%; display: block;}
.flex-control-nav { position: absolute; bottom:35px; z-index: 10; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 16px; height: 16px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 16px; height: 16px; line-height: 80px; overflow: hidden; background: url(../img/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; background: url(../img/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 40px; background: url(../img/next.png) center center no-repeat; }
/*abouts*/
.abouts{ height:940px; background-color:#eee9e3; padding-top:89px;}
.aboutsry{ width:824px; overflow:hidden; height:799px; position:relative;}
.aboutsry .about_top{ width:550px; overflow:hidden; padding-top:12px; padding-left:274px; position:relative; height:430px;}
.more{ width:166px; height:50px; background:url(../img/more.jpg) no-repeat; display:block; color:#FFF;}
.more span{ padding-left:34px; height:50px; line-height:50px;}
.more i{ width:14px; height:50px; background:url(../img/ioc5.png) no-repeat center; margin-right:34px;}
.more:hover{ background:url(../img/more_ed.jpg) no-repeat; color:#fff;}
.more:hover i{ background:url(../img/ioc6.png) no-repeat center;}
.aboutsry .about_top .mord{ position:absolute; left:274px; bottom:0;}
.aboutsry .ab_ys{ width:824px; overflow:hidden; background:#f2f2ef; margin-top:88px;}
.aboutsry .ab_ys dl{ width:33.3333%; overflow:hidden; float:left; padding:45px 0;}
.aboutsry .ab_ys dl dt{ width:56%; overflow:hidden; margin:0 auto;}
.aboutsry .ab_ys dl dt span{ display:block; padding-left:32px;}
.aboutsry .ab_ys dl dd{ width:80%; overflow:hidden; margin:0 auto;}
.aboutsry .ab_ys dl.ys2{ background:#d80001;}
.aboutsry .ab_ys dl.ys2 a{ color:#FFF;}
/*产品中心*/
.tita1{ background:url(../img/tit1.png) no-repeat center 44px;}
.cplb {
    background: url(../img/lb.png) repeat-x bottom;
    margin-bottom: 15px;
    padding-bottom: 33px;
}
.cplb li {
    width: auto;
    overflow: hidden;
    /* background: url(../img/ln.png) no-repeat center bottom; */
    padding-bottom: 20px;
    margin: 0 7px 7px;
    background: #d80001;
    padding: 0 20px;
    line-height: 39px;
    display: inline-block;
}
.cplb li a {
    color: #fff;
    font-size: 16px;
}
.cplb li:hover{ background:url(../img/lb.jpg) no-repeat center bottom;}
.cplb li:hover a{ color:#59815c;}
ul.cpmain {
    display: block;
    margin-top: 21px;
}
ul.cpmain li {
    width: 390px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
ul.cpmain {
    display: block;
    margin-top: 21px;
}
ul.cpmain li:nth-child(3n) {
    margin-right: 0;
}
ul.cpmain li .img img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
ul.cpmain li .txt h4 {
    font-size: 18px;
    font-weight: bold;
    color: #242424;
    text-align: center;
    line-height: 45px;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cpzs{ }
.wrapper { display: flex; width: 100%; max-width: 1200px; height: 800px; max-height: 743px; perspective: 643px; transform-style: preserve-3d; transition: opacity 150ms ease-in-out; }
.wrapper.loading { opacity: 0; }
.destination { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; transition: all 150ms ease-out; }
.destination .cpnr{ width:76%; background:url(../img/cy.png) repeat; padding:35px 0; position:absolute; left:12%; top:152px; z-index:1;}
.destination .mode{ position:absolute; left:0; bottom:100px; z-index:1;}
.destination img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; }
.destination::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 100ms ease-in; mix-blend-mode: multiply; opacity: 0; pointer-events: none; }
.destination.unfolded { flex: 8 1; }
.destination.unfolded.front { transform: translateZ(20px); }
.destination.unfolded.back { transform: translateZ(-20px); }
.destination.folded { flex: 1 8; }
.destination.folded .cpnr, .destination.folded .mode{ display: none; }
.destination.folded::after { opacity: 0.6; }
.destination.folded.right { transform: rotateY(-30deg) scaleX(1.16); }
.destination.folded.left { transform: rotateY(30deg) scaleX(1.16); }
/*招商加盟*/
.zsjm{ margin-top:0; height:854px;}
.zsjm .zsjm_ly{ width:550px; overflow:hidden; padding-top:60px;}
.zsjm .zsjm_ly .f55{ background:url(../img/ln.jpg) no-repeat 342px center;}
.zsjm .zsjm_ly .morex{ width:auto; overflow:hidden; padding-right:34px; background:url(../img/ioc9.png) no-repeat right center;}
.zsjm .dpys_ry{ width:600px; height:854px; position:relative;}
.zsjm .dpys_ry .tpf{ background:url(../img/titb.jpg) no-repeat left 85px; padding-left:75px; padding-top:69px;}
.zsjm .dpys_ry .dplj{ width:100%; overflow:hidden; position:absolute; left:0; bottom:78px;}
.zsjm .dpys_ry .dplj a {
    width: 331px;
    height: 50px;
    line-height: 50px;
    padding: 15px 25px;
    background: #d80001;
    display: block;
    text-align: center;
    margin-left: 103px;
    color: #fff;
}
/*search*/
.search{ width:795px; height:311px; background:url(../img/ser_bg.jpg) no-repeat;}
.search .sear_top{ width:100%; height:92px; padding-top:89px;}
.search .sear_top span{ display:block; padding-left:330px;}
.search .search_bo{ width: 616px; height:51px; margin-left:90px;}
.search .search_bo .sousuo1 { width: 437px; height: 51px; line-height: 51px; border: 0; background:none; float: left; text-indent:1em;}
.search .search_bo .sousuo { width: 169px; height: 51px; background:none; border: 0; float: right; text-align:center; line-height:51px;}
.rmcp{ width:362px; overflow:hidden;}
.rmcp .tpf{ width:100%; height:88px;}
.rmcp .rmcp_bo{ width:100%; overflow:hidden; background:url(../img/cplb.jpg) no-repeat center top;}
.rmcp .rmcp_bo p{ width:100%; height:40px; line-height:41px; margin-top:1px;}
.rmcp .rmcp_bo p a{ opacity: 0.6;}
.rmcp .rmcp_bo p a:hover{ opacity:1;}
/*news*/
.neti dd a{ padding-right:92px; background:url(../img/tita.jpg) no-repeat right center;}
.picScroll-left{ width:1200px; overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:380px; margin:0 10px; float:left; _display:inline; overflow:hidden;}
.picScroll-left .bd ul li .img_hi{ width:380px; height:280px; position:relative;}
.picScroll-left .bd ul li dl{ width:62px; overflow:hidden; position:absolute; left:28px; bottom:28px; z-index:1;}
.picScroll-left .bd ul li .tit1{ padding-left:15px; background:url(../img/ioc10.png) no-repeat left center;}
.picScroll-left .bd ul li:hover .img_hi img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.picScroll-left .bd ul li:hover .tit1{ background:url(../img/ioc11.png) no-repeat left center; color:#59815c;} 
.picScroll-left .hd{ width:auto; overflow:hidden; float:right; padding-top:20px;}
.picScroll-left .hd ul li{ float:left; width:42px; height:42px; overflow:hidden; margin-left:5px; cursor:pointer; background:none; font-size:20px; line-height:42px; text-align:center; padding:0 9px 9px 0;}
.picScroll-left .hd ul li.on{ background:url(../img/ny.png) no-repeat; color:#FFF; font-size:24px;}
/*foot*/
.footer{ height:483px; padding-top:292px;    margin-top: 60px;}
.footer .foot{ height:394px;}
.footer .foot .lxnr_l{ width:auto; overflow:hidden; padding-left:190px;}
.footer .foot .lxnr_l div{ height:52px; padding-top:11px;}
.footer .foot .lxnr_l div.lxb{ margin-top:31px; margin-bottom:36px;}
.footer .foot .lxnr_r {
    width: 30%;
    overflow: hidden;
    padding-top: 174px;
    margin-left: 29%;
}
img.fr.ewm {
    width: 140px;
    margin-top: 151px;
}
.footer .foot .lxnr_r a{ width:33.33%; display:block; float:left; margin-bottom:50px;}
.footer .copy{ height:66px; padding:38px 0 20px;}
/*内页*/
.banny{ position:relative;}
.banny .loc{ position:absolute; left:0; bottom:92px; z-index:1;}
.banny .loc .main{ position:relative; padding-left:26px; width:1174px; background:url(../img/ioc12.png) no-repeat left center;}
.titi{ background:url(../img/tit2.png) no-repeat center 50px;}
.sub_bo{ width: 100%; overflow:hidden; background:url(../img/bg.jpg) no-repeat center; padding:40px 0; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center;}
.sub_bo a{ width:auto; margin:0 70px; background:url(../img/lb.png) no-repeat center bottom; padding-bottom:16px; overflow:hidden; display:inline-block;}
.sub_bo a:hover, .sub_bo a.cur{ background:url(../img/lb.jpg) no-repeat center bottom; color:#59815c;}

.pljk_list a{ width:268px; border:1px #eee9e5 solid; text-align:center; float:left; display:block; height:57px; line-height:57px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin:20px 15px 0 15px;}
.pljk_list a:hover, .pljk_list a.cut{ background:#59815c; color:#fff; border:1px #59815c solid;}


/*cpzsList*/
.cpzsList{ width: 100%; overflow: hidden;}
.cpzsList li{ float: left; overflow: hidden; position: relative;}
.cpzsList li .txa{ position:absolute; left:0; bottom:24px; z-index:1;}
.cpzsList li .txa a{ color:#FFF; display:block;}
/*product-list*/
.product-list { width: 100%; overflow: hidden; }
.product-list li { float: left; overflow: hidden; position: relative; }
.product-list li a { display: block; }
.pl1 li { width: 48%; margin: 0 1% 20px 1%; }
.pla li { width: 31.33%; margin: 0 1% 20px 1%; }
.plb li { width: 23%; margin: 0 1% 20px 1%; }
.plc li { width: 18%; margin: 0 1% 20px 1%; }
.product-list li i { display: block; overflow: hidden; display: block; border: 1px #e3e3e3 solid; }
.product-list li i img { width: 100%; display: block; }
.product-list li figcaption { width: 100%; display: block; height: 55px; line-height: 55px; overflow: hidden; transition: 350ms; text-align: center; background-color: #f7f7f7; }
.product-box .product-down { float: left }
.product-list li mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(170,240,232,.2); background: #aaf0e8\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; z-index: 100; }
.product-list li mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30 }
.product-list li mark b:before { content: ""; width: 100%; height: 1px; background: #59815c; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px) }
.product-list li mark b:after { content: ""; width: 1px; height: 100%; background: #59815c; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px) }
.product-list li mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #59815c; border-right: 3px solid #59815c; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #59815c; border-bottom: 3px solid #59815c; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms }
.product-list li:hover i { border: 1px #59815c solid; }
.product-list li:hover mark { opacity: 1; transform: skewX(0); visibility: visible }
.product-list li:hover mark:before { height: 100%; transition: 330ms 200ms }
.product-list li:hover mark:after { width: 100%; transition: 330ms 200ms }
.product-list li:hover mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) }
.product-list li:hover mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0) }
.product-list li:hover figcaption { color: #FFF; background: #59815c; }
/**图片点击放大**/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
/*PageBar*/
.PageBar { clear: both; width: 80%; overflow: hidden; margin: 20px auto 10px auto; text-align: center; }
.PageButtons span, .PageButtons a { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-left: 5px; }
.PageButtons span { color: #ffffff; background-color: #59815c; border: 1px solid #59815c; }
.PageButtons a:hover { background: #59815c; color: #FFF; }
.PageInfo { width: 100%; overflow: hidden; padding-top: 10px; }
.disabled { display: none; }
/*新闻列表*/
.arList { width: 100%; overflow: hidden; }
.arList li { overflow: hidden; padding:20px; border: 1px solid #e2e2e2; background: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:20px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center;  -webkit-box-align: center; align-items: center; }
.arList li .newly_img{ width: 30%; overflow: hidden; position:relative;}
.arList li .newly_img dt{ width: 85%; overflow: hidden; padding-right:15%;}
.arList li .newly_img dd{ width:auto; overflow: hidden; background: #59815c; color: #FFF; padding:12px; position:absolute; right:0; bottom:0;}
.arList li .newly_txta{ width: 55%; overflow: hidden; margin:0 2% 0 3%;}
.time{ background:url(../img/time.png) no-repeat left center; padding-left:24px;}
.arList li .click{ background:url(../img/mouse.png) no-repeat left center; padding-left:20px;}
.arList li .moreny{ width:10%; overflow: hidden; background: #59815c; color: #FFF; padding:12px 0; text-align:center;}
.arList li .newly_time{ width: 10%; overflow: hidden; background:#f5f5f5; padding:20px 0;}
.arList li .newly_txtb{ width: 75%; overflow: hidden; margin:0 2% 0 3%;}
.arList li:hover{ border: 1px solid #59815c;}
.arList li:hover a.fb{ color:#59815c;}
.xqxx{ border-bottom:2px #d1d1d1 solid; overflow:hidden;}
.xqxx span{ padding:15px 25px; overflow:hidden; margin-right:2px; display:block; float:left;}

/*新闻内页*/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #eee solid; }
.news_tit p { color: #666; margin-top: 10px; }
.arKeywords { padding: 15px; overflow: hidden; background: #f7f7f7; margin-top: 20px; }
.arContent h2, .arContent h3, .arContent h4 { color: #59815c; margin: 10px 0; display: block;}
.arContent h2 { font-size: 22px; }
.arContent h3 { font-size: 20px; }
.arContent h4 { font-size: 18px; }
.arContent table { width: 100%; border-collapse : collapse; margin:5px auto; text-align: center; border: 0; table-layout: automatic; word-break: break-all; word-wrap: break-word; font-size:14px;}
.arContent table tr td { border: 1px #ccc solid; padding: 10px 20px; }
.arContent table tr:nth-of-type(odd) { background: #efefef; }
.arContent table tr:nth-of-type(even) { background: #fff; }
.arContent img{ width:auto; display:block; margin:5px auto; max-width:100%;}
/*photo*/
photo { display: block; width: 33.33%; overflow: hidden; float: left; margin-top: 20px; }
photo span { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
photo span img { width: 100%; }
photo p { width: 90%; overflow: hidden; display: block; margin: 0 auto; text-align: center; padding: 10px 0; height: 55px; line-height: normal; }
contenta, contentb, contentc { display: block; overflow: hidden; float: left; margin-top: 20px; line-height: 2; }
contenta p, contentb p, contentc p { width: 90%; overflow: hidden; display: block; margin: 0 auto; }
contenta img, contentb img, contentc img { width: 100%; }
.zs p { padding-left: 16px; }
.zs p:after{ content: ''; width: 4px; height: 4px; border-radius: 100%; background: #59815c;  position: absolute; left: 0; top: 50%; margin-top: -3px;}
contenta { width: 50%; }
contentb { width: 33.33%; }
contentc { width: 25%; }
ewm { width: 40%; overflow: hidden; display: block; margin: 20px 5% 0 5%; float: left; }
ewm span { width: 35%; overflow: hidden; display: block; float: left; }
ewm div { width: 60%; overflow: hidden; display: block; float: right; }

/*FastMove*/
.FastMove { margin: 30px 0 0 0; overflow: hidden; border: 1px solid #e5e5e5; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position:relative;box-sizing: border-box; -moz-box-sizing: border-box;}
.FastMove:after{ content: ''; width: 1px; height: 100%; background:#e5e5e5; position: absolute; left: 50%; top: 0;}
.FastMove div { width: 50%; padding: 20px 0; overflow: hidden; }
.FastMove div p { width: 90%; overflow: hidden; margin: 0 auto; display: block; }
.FastMove div:hover { background: #59815c; color: #FFF; }
.FastMove div:hover a { color: #FFF; }
.but_tit { width: 100%; overflow: hidden; background:#f5f5f5; height:50px;}
.but_tit span { width: auto; overflow: hidden; float: left; line-height:50px; height:50px; padding:0 25px;}

/*相关文章*/
.xgwz { width: 100%; overflow: hidden; padding-top: 20px; }
.xgwz li { width: 48%; overflow: hidden; border-bottom: 1px dashed #eeeeee; padding: 15px 0;}
.xgwz li .newm{ height: 24px; line-height: 24px; overflow: hidden;}
.xgwz li p { height:50px; }
.xgwz li:nth-of-type(odd) { float: left; }
.xgwz li:nth-of-type(even) { float: right; }
.xgwz li:hover .newm { color: #59815c; }


/*在线留言*/
.fla { width: 48%; overflow: hidden; float: left; }
.subforn { width: 48%;  overflow: hidden;}
.subforn .form-group { width: 100%; overflow: hidden; margin-bottom: 15px;}
.subforn .form-group span { display: block; float: left; }
.subforn .form-group .control-div { width: 98%; overflow: hidden; float: right; border: 1px #dadada solid; box-sizing: border-box; -moz-box-sizing: border-box; background:#fff; position:relative;}
.subforn .form-group .control-div label{ width:auto; padding:0 2%; float:left; height: 24px; line-height: 24px; border-right:1px #ccc solid; margin-top:9px;}
.subforn .form-group .control-div .form-control { width: 72%; float:left; height: 42px; line-height: 42px; border:0; background:#fff; margin-left:2%;}
.subforn .form-group .control-div label.area{ position:absolute; left:0; top:0; z-index:1; height:auto; line-height:normal;} 

.subforn .form-group .control-div .form-controlv { width: 100%; height: 108px; border:0; padding: 9px 0; text-indent:17%; box-sizing: border-box; -moz-box-sizing: border-box; }
.subforn .form-group .btn-info { width: 98%; height: 42px; line-height: 42px; text-align: center; background: #59815c; color: #FFF; border: 0; float: right;}
/*产品留言*/
.zxly { width: 100%; overflow: hidden; background:#f0f0f0; padding:30px 0;}
.zxly .subform { width: 93%; overflow: hidden; margin: 0 auto; }
.zxly .subform .form-groupfl { width: 48%; overflow: hidden;}
.zxly .subform .form-groupfl .liebiao{ width: 100%; height: 54px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:10px;}
.zxly .subform .form-groupfl .liebiao label{ width:23.6%; height:24px; line-height: 24px; border-right:1px #999999 solid; text-align:center; float:left; margin-top:15px;}
.zxly .subform .form-groupfl .liebiao .forma{ width: 71%; height: 54px; line-height: 54px; background: #fff; float:right; border: 0; font-size:16px;}
.zxly .subform .form-groupfl .liuy{ width: 100%; overflow: hidden; background: #fff; position:relative; margin-bottom:10px;}
.zxly .subform .form-groupfl .liuy label{ width:23.6%; overflow: hidden; border-right:1px #999999 solid; position:absolute; left:0; text-align:center; top:15px; z-index:1;}
.zxly .subform .form-groupfl .liuy .form-controlv{ width: 100%; height: 178px; border: 0; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; text-indent:26%; padding:15px 0; font-size:16px;}

.zxly .subform .btn-info { width: 100%; height: 54px; line-height: 54px; background: #59815c; border: 0; color: #FFF; text-align:center; font-size:16px;}
/*JobPost*/
.zylb{ width: 100%; overflow:hidden; padding:22px 0; border-bottom:1px #eee solid;}
.accordion{ width: 100%; overflow:hidden;}
.accordion li { width: 100%; overflow:hidden;}
.accordion li .link{ width: 100%; height:64px; line-height:64px; border-bottom:1px #eee solid; position:relative; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; transition: all 0.4s ease;} 
.zylb span, .accordion li .link span, .accordion li .link em{ width: 25%; overflow:hidden;}
.accordion li .link em{ height:32px; cursor:pointer; background:url(../img/fhn.png) no-repeat top center;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display:block; margin-top:16px; }
.accordion li.navhr em{ background-position: center -32px;} 
.accordion ul.child { width: 100%; display: none; background:#f8f8f8; padding:20px 0; }
.accordion .moren{ width:auto; overflow:hidden; padding: 10px 30px; border: 1px solid #59815c; display: block; float: left; color: #59815c; }
.accordion .moren:hover{ background: #59815c; color: #FFF; }

/*JobPost*/
.JobPost table tr td .inputs{ width: 100%; height: 43px; line-height: 43px; border: 1px #dadada solid; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; }
.JobPost table tr td .inputnr{ width: 100%; height: 60px; border: 1px #dadada solid; padding: 10px 0; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; }
.btnar, .btnbr{ width: 46%; height: 45px; line-height: 45px; text-align:center; border:0;}
.btnar{ background: #59815c; color: #FFF;}
.btnbr{ background: #e5e5e5; color: #59815c;}
/*Equipment*/
.equipment { width: 800px; height: 400px; margin: 20px auto; background-image: url(../img/equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 360px; height: 84px; }
.e_position { width: 100%; height: 84px; margin-left: 24px; padding-top: 53px; margin-right: 24px; }
.e_button { float: left; width: 360px; height: 84px; }
.e_button_1 { float: right; width: 360px; height: 84px; }
.e_position_1 { width: 100%; height: 84px; margin-left: 24px; margin-top: 103px; margin-right: 24px; }

/*Equipment*/

.equipment_form { width: 100%; overflow: hidden;}
.equipment_form span{ height: 34px; line-height: 34px;}
.equipment_form .red{ float:left;}
.yp1{ width: 60%; overflow: hidden; float:left;}
.yp4{ width: 24%; overflow: hidden; float:left; margin:0 0.5%;}
.yp5{ width: 19%; overflow: hidden; float:left; margin:0 0.5%;}
.yp6{ width: 15%; overflow: hidden; float:left; margin:0 0.5%;}
.yp7{ width: 13%; overflow: hidden; float:left; margin:0 0.5%;}
.yp8{ width: 10%; overflow: hidden; float:left; margin:0 0.5%;}
.yp9{ width: 8%; overflow: hidden; float:left; margin:0 0.5%;}
.equipment_form .pt20{ border-bottom:1px #e5e5e5 solid; padding-bottom:20px;}
.form1 { width: 95%; height: 34px; line-height: 34px; background: #FFF; border: 1px #ccc solid; margin-bottom:15px; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box; float:right;}
.lbdz .form1{ width: 98%; margin-right:0.5%;}
.form2 { width: 100%; height: 34px; line-height: 34px; background: #FFF; border: 1px #ccc solid; margin-bottom:15px; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box;}
.formv { width: 100%; height: 80px; padding:10px 0; background: #FFF; border: 1px #ccc solid; margin-bottom:15px; text-indent: 1em; box-sizing: border-box; -moz-box-sizing: border-box;}

/*站点 浮动返回顶部*/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */ opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; height: 343px; top: 120px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; font-size: 14px; }
.keifu_tab { width: 160px; }
.icon_keifu { top: 0px; width: 26px; height: 100px; float: left; background: url(../img/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; margin:0 auto; }
.keifu_head { width: 131px; height: 41px; background: url(../img/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(../img/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #59815c; border-right: 7px solid #59815c; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }

.keifu_con .li-qq { width:100%; height: 25px; padding-top: 2px; padding-bottom: 2px; display:block;}
.keifu_con .li-qq .icoTc img{ display:block; /*width:105px;*/ margin:0 auto;} 
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left:12px; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; padding-left:12px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; padding-left: 12px; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(../img/keifu.png); background-position: 0 -153px; }
.keifu .tion { padding-top: 5px; padding-bottom: 5px; }
.keifu .h145 { height: 145px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #59815c; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #59815c; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(../img/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; overflow:hidden; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 230px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; width:208px; height: 27px; line-height:27px; font-size: 12px; padding:0 10px;}
#SfMessBodyMid textarea { width:208px; height: 53px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding:10px; margin: 0px auto;}
#SfMessBodyMid .btn-info{ width: 100%; height: 27px; line-height: 27px; text-align: center; background: #59815c; color: #FFF; border: 0;}

#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(../img/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*nybanner*/
.bannerv { width: 100%; overflow: hidden; height: auto; margin: 0px auto; }
.bannerv .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.bannerv .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.bannerv .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.bannerv .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.bannerv .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.bannerv .owl-carousel .owl-item { float: left; }
.bannerv .owl-controls .owl-page, .bannerv .owl-controls .owl-buttons div { cursor: pointer; }
.bannerv .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* fix */
.bannerv .owl-carousel .owl-wrapper, .bannerv .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.bannerv #owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto; }
.bannerv #owl-demo .item { position: relative; display: block; }
.bannerv #owl-demo img { display: block; width: 100%; }
.bannerv #owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.bannerv #owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑", "黑体"; color: #fff; text-align: center; }
.bannerv .owl-pagination { position: absolute; left: 0; bottom: 25px; width: 100%; height: 15px; text-align: center; }
.bannerv .owl-page { display: inline-block; width: 15px; height: 15px; margin: 0 5px; background: #FFF; *display: inline;
*zoom: 1;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.bannerv .owl-pagination .active { background: #59815c; }
.bannerv .owl-buttons { display: none; }
.bannerv .owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px; }
@media screen and (max-width: 579px) {
.bannerv .owl-pagination { bottom: 0px; height: 15px; }
}
/*---------QVerify 弹出滑动css---------*/
#QVerify { position: fixed; justify-content: center; -ms-align-items: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 90%; height: 430px; max-height: 80%; border-radius: 17px; padding: 20px 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; line-height: 40px; color: #00a344; text-align: center; font-size: 22px; margin: 5px auto; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 200px; height: 200px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 30px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("../img/e1778b5877b7439aba93c0efa3f1b2c5.woff"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
 @media all and (max-width:500px) {
.QVerify { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 370px; max-width: 80%; height: 390px; max-height: 80%; border-radius: 17px; padding: 10px; background: white; touch-action: none; overflow: hidden; }
.QVerify .QVerify-title { width: 100%; height: auto; }
.QVerify .QVerify-title .QVerify-title-name { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #a4b0be; }
.QVerify .QVerify-title .QVerify-title-desc { width: 100%; height: auto; line-height: 25px; text-align: center; font-size: 18px; font-weight: bolder; }
.QVerify .QVerify-result { width: 100%; height: auto; min-height: 40px; line-height: 30px; color: #00a344; text-align: center; font-size: 20px; margin: 5px auto; line-height: 22px; font-weight: bolder; }
.QVerify .QVerify-verify { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; margin: 20px auto 10px; }
.QVerify .QVerify-verify .QVerify-verify-img { position: relative; width: 150px; height: 150px; border-radius: 50%; border: 1px solid rgba(0,163,68,0.3); overflow: hidden; }
.QVerify .QVerify-verify .QVerify-verify-img > img { width: 100%; height: 100%; -webkit-transform: rotate(65deg); -moz-transform: rotate(65deg); -ms-transform: rotate(65deg); -o-transform: rotate(65deg); transform: rotate(65deg); }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; }
.QVerify .QVerify-verify .QVerify-verify-img .QVerify-success img { height: 40%; margin: 30% auto; }
.QVerify .QVerify-verify .QVerify-verify-silder { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 60px; margin-top: 20px; background: white; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder { position: relative; width: 90%; height: 50px; background: #f3f9f1; border: 1px solid rgba(0,163,68,0.3); border-radius: 25px; }
.QVerify .QVerify-verify .QVerify-verify-silder .QVerify-silder .QVerify-silder-btn { position: absolute; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; cursor: pointer; background: url("../fonts/1b41052c229e4a17b044ff90ee4f0df5.woff"); background-size: 100%; background-repeat: no-repeat; background-position: center; }
} 
/*---------QVerify 弹出滑动css---------*/