@charset "utf-8";
@import url(//at.alicdn.com/t/font_1752514_ixejl0aet38.css);
@import url(font-awesome.min.css);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
body{font:14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",Arial,Helvetica,SimHei,"黑体",STXihei,"华文细黑",sans-serif;margin:0 auto;color:#333;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-casele:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
img{border:0}
::-moz-selection{background:#F2B90F;color:#fff;text-shadow:none}
::selection{background:#F2B90F;color:#fff;text-shadow:none}
select{outline:0}
select::-ms-expand{display:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color: #000;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none;color: #F2B90F}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.tc{text-align:center}
.tr{text-align:right}
.fl,.l{float:left;}
.fr,.r{float:right;}
.none{display:none}
ul,li{list-style: none;}
.inner{width:1320px;margin:0 auto;}
.row{position: relative;background: #fff;}
.lookmore{display:block;width:148px;height:40px;border:1px solid #b5b5b5;position:relative;overflow:hidden;color:#666;line-height:40px}
.lookmore .bg{width:0;height:100%;background:#DCC181}
.lookmore .txx{padding-left:25px;position:relative}
.lookmore .aw{width:10px;height:10px;background:url(../images/lm.png) no-repeat right center;position:absolute;top:15px;right:25px}
.aboutbox .lookmore{margin: 30px auto;}
.lookmore:hover{color:#fff;border-color:#DCC181}
.lookmore:hover .bg{width:100%}
.lookmore:hover .aw{background-position:left top}
.ismobile{display: none;}
.ispc{display: block;}
/********************************************/
.nav-bar{width:140px;height:100%;background:rgba(255,255,255,0.25);position:fixed;top:0;right:0;z-index:13;transition:all 0.5s}
.nav-bar .logo{position:absolute;top:50px;left:50%;margin-left:-50px;display:block;width:100px;height:40px;overflow:hidden}
.nav-bar .logo img{width:100%}
.nav-bar.active{background:rgba(255,255,255,0)}
.header .telbox{font-size: 15px;line-height: 1;position:absolute;right:5%;top:10px;color:#fff}
.header .telbox i{display: block;float: left;font-size: 50px;color: #BE392A;}
.header .telbox .fl{margin-left: 20px;}
.header .telbox .tels{font-size: 20px;margin-top: 10px;}
header.scroll .telbox {color:#000}

.operation-box a{display:block;cursor:pointer;margin-bottom: 15px;}
.operation-box a img{display: block;width: 45px} 
.operation-box{width:45px;height:234px;position:absolute;top:50%;left:50%;margin-left:-22.5px;margin-top:-117px}
.operation-box .nav-btn:hover span{background:#F2B90F}
.operation-box .nav-btn{margin-bottom: 0;}
.operation-box .food-menu{position:relative;width:45px;height:110px;font-size:18px;line-height:20px;padding:22px 10px 0;text-align:center;color:#fff;background:url(../images/about-icon.png) no-repeat center;-webkit-background-size: auto 100%;background-size: auto 100%;box-sizing:border-box;margin:22px auto 0;transform-origin:center 5px}
.operation-box .food-menu:hover {animation: rotate 1s;}
@keyframes rotate{0%{transform:rotate(0deg)}
10%{transform:rotate(15deg)}
30%{transform:rotate(-15deg)}
50%{transform:rotate(15deg)}
70%{transform:rotate(-15deg)}
80%{transform:rotate(0deg)}
}
.nav-btn{position:relative;width:45px;height:45px;margin:0 2px}
.nav-btn span{width:100%;height:3px;background:#222;position:absolute;overflow:hidden;left:0;transition:all 0.5s ease}
.nav-btn.close span{background:#fff !important}
.nav-btn.close:hover span{background:#F2B90F !important}
.nav-btn span.n1{top:8px}
.nav-btn span.n2{top:23px}
.nav-btn span.n3{top:37px}
.nav-btn.close span.n1{top:21px;transform:rotate(45deg)}
.nav-btn.close span.n2{opacity:0}
.nav-btn.close span.n3{top:21px;transform:rotate(-45deg)}

.blur{-webkit-filter:blur(50px);filter:blur(50px)}
.nav-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:12;display:flex;flex-direction:column;justify-content:center;color:#fff;display:none}
.nav-wrapper a{color:#fff;transition:all 0.4s}
.nav-wrapper h2 a:hover,.nav-wrapper li a:hover{color:#F2B90F}
.nav-wrapper h2{font-size:30px;color:#FFFFFF;text-align:center;margin-bottom:60px}
.nav-wrapper .block{text-align:center}
.nav-wrapper li{font-size:17px;margin-bottom:15px;position:relative}
.nav-wrapper li a{position:relative;display:inline-block;line-height:24px;padding-bottom:5px}
.nav-wrapper li a:after{content:'';display:block;width:0;height:1px;background:#F2B90F;overflow:hidden;position:absolute;left:0;bottom:0;transition:all 0.4s}
.nav-wrapper li:hover a:after{width:100%}
.nav-wrapper li:last-of-type{margin-bottom:0}
.nav-main{display:flex;flex-direction:row;justify-content:space-around}

.qrcode-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:12;color:#fff;display:none}
.qrcode-wrapper .block{position:static}
.qrcode-wrapper .close{position:absolute;right:42px;top:42px;cursor:pointer}
.qrcode-detail{position:absolute;top:50%;left:50%;width:314px;height:370px;margin:-180px 0 0 -157px;display:none}
.qrcode-wrapper .qrcode-detail img{width:100%;vertical-align:top}
.qrcode-detail p{margin-top:35px;font-size:20px;color:#FFF;text-align:center;line-height:20px}

.video-wrapper{width:100%;height:100%;overflow:hidden}
.video-wrapper video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:0%;left:0%;object-fit:fill}
.front-mask{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/heart.png) no-repeat center center;background-size:cover;transition:transform 0.4s ease-out;z-index:4}
.front-mask.show{transform:scale(1)}
.front-mask.hide{transform:scale(4);transition-duration:0.4s}
@keyframes showmask{from{transform:scale(2.5)}to{transform:scale(1)}}
.scroll-wheel{display:block;position:absolute;left:50%;margin-left:-13.5px;bottom:38px;width:21px;height:32px;opacity:0.5;filter:alpha(opacity=50);border:1px solid #FFFFFF;border-radius:20px;z-index:9;transition:all 0.75s;box-shadow:0 0 5px rgba(0,0,0,0.1),inset 0 0 5px rgba(0,0,0,0.1)}
.foodstory .scroll-wheel{display:none}
.scroll-wheel:before{content:'';display:block;width:1px;height:4px;position:absolute;border-radius:4px;top:10px;left:10px;animation:scroll-wheel 1.75s ease-in-out infinite;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.scroll-wheel:after{content:'';display:block;width:1px;height:34px;position:absolute;background:#fff;left:10px;top:40px}
.scroll-wheel:hover{opacity:1;filter:alpha(opacity=100)}
@-webkit-keyframes scroll-wheel{33.3%{top:15px;height:10px}100%{top:5px;height:4px}}
@keyframes scroll-wheel{33.3%{top:15px;height:10px}100%{top:10px;height:4px}}

#fullpage .section{background-size: cover;background-position: center;}
.about-box{position: relative;}
.about-box > *{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.about-left{background-color: #DCC181;width:50%;float: left;position: relative;z-index: 2;padding: 75px;color: #fff;}
.about-left .en{font-size: 16px;text-transform: uppercase;}
.about-left .cn{font-size: 40px;font-weight: bold;}
.about-left .line{width: 80px;height: 3px;background-color: #fff;margin-top: 10px;margin-bottom: 30px;}
.about-left .arow li {width: calc(33.33% - 1px);border-left: 1px solid #ffe095;float: left;text-align: center;border-top: 1px solid #ffe095;}
.about-left .arow li:nth-child(3),.about-left .arow li:nth-child(6){width: calc(33.33% - 2px);border-right: 1px solid #ffe095;}
.about-left .arow li:nth-child(4),.about-left .arow li:nth-child(5),.about-left .arow li:nth-child(6){border-bottom: 1px solid #ffe095}
.about-left .arow li a{color: #fff;display: block;padding: 30px 0;}
.about-left .arow li a:hover{background-color:#fff;color: #DCC181}
.about-left .arow li a i{font-size: 50px;line-height: 1}
.about-left .arow li a h2{font-size: 16px;margin-top: 10px;line-height: 1}
.about-left .arow li a p{font-size: 12px;width: 90%;margin: 8px auto 0;height: 42px;overflow: hidden;}
.about-right{background-color: rgba(0, 0, 0, 0.5);position: absolute;right: 0px;width: calc(50% + 90px);z-index: 1;color: #efefef;padding: 50px 50px;padding-left: 150px;top: 100px;}
.about-right h2{font-size: 30px;color: #DCC181;margin-bottom: 10px;}
.about-right .con{line-height: 30px;margin-top: 20px;}
.about-right .count,.aboutPbox .count{margin-top: 30px;}
.about-right .count li,.aboutPbox .count li{float: left;width: 33.33%;font-size: 16px;}
.about-right .count li .num,.aboutPbox .count li .num{font-size: 50px;line-height: 1;}
.about-right .count li p,.aboutPbox .count li p{margin-top: 5px;font-size: 14px;} 
.about-right .more,.href a{color: #fff;font-size: 16px;padding: 10px 30px;border-radius: 10px;background-color: #ea4b20;margin: 40px 0;display: inline-block;font-weight: bold;}
.about-right .more:hover,.href a:hover{background-color: #fff;color: #EA4B20}

#product{background-color: #ea4b20}
#product .fp-tableCell{overflow: hidden;}
.productBox .inner{position: relative;}
.productBox .hd{ }
.productBox .hd ul{text-align: center;margin: 40px 0 30px;}
.productBox .hd ul li{display:inline-block;padding:10px 40px;cursor:pointer;margin:0 5px;color:#DCC181;font-size:16px;text-align:center;background-image: url(../images/pronavbg.png);    background-size: 100% 100%;position: relative;}
.productBox .hd ul li.on,.productBox .hd ul li:hover{background-image: url(../images/pronavbg_h.png);color:#DB1414;font-weight:600;}
.productBox .hd ul li:last-child:before{background-image: url(../images/mgb.png);content: '';width: 168px;height: 100px;position: absolute;top: -29px;right: -168px;    background-size: 100% 100%;}
.productBox .bd .box{ padding:2rem 0;  zoom:1;background-position:top center;background-repeat: no-repeat;margin-right: -17px;}
.productBox .bd .box .fl{width: 530px;overflow: hidden;}
.productBox .bd .box .fl img{max-width: 100%;}
.productBox .bd .box .fr{width: 600px;float: left;}
.productBox .bd .box .fr h2{color:#595959;text-shadow:1px 1px 11px #d8d8d8;font-size:45px;font-weight:600;margin-top:30px;}
.productBox .bd .box .fr .con{font-size:16px;color:#595959;width:100%;line-height:2em;padding:15px 0;}
.productBox .bd .box .fr .gg{width:90%;border-top:1px solid;color:#595959;padding:20px 0;line-height:2em}
.productBox .bd .box .fr .gg p{margin-bottom: 5px}
.href a{padding: 0.5rem 4rem}

.big_pic{overflow:hidden;position:relative;}
.big_pic img{display: none;}
.big_pic .on{display: block;}
.small_pic{position:relative;left:1px;}
.small_pic img{width: 60px;margin-top: 0px;}
.small_pic .on{position:relative;z-index:1;
    box-shadow: 1px 1px 7px 0px #f88311;border: 2px solid #f88311;background-color: #fff}
.small_pic li{width:60px;height:60px;margin:0px 10px 0 0;float:left;border-radius: 50%;overflow: hidden;border: 2px solid transparent;text-align: center;}


.title{font-size: 40px;position: relative;text-align: center;color: #DCC181;padding-bottom: 1rem;margin-bottom: 1rem}
.title:before{content: '';position: absolute;left: 50%;bottom: 0px;width: 60px;margin-left: -30px;height: 2px;background-color: #DCC181}

.news-fous{width: 50%;position: relative;}
.sharele { position: relative; float: left; width: 50%; overflow: hidden; transition: opacity .8s linear,-webkit-transform 1s cubic-bezier(.075,.82,.165,1); transition: opacity .8s linear,transform 1s cubic-bezier(.075,.82,.165,1); transition: opacity .8s linear,transform 1s cubic-bezier(.075,.82,.165,1),-webkit-transform 1s cubic-bezier(.075,.82,.165,1); opacity: 0; transform: translate3d(100px,0,0); -webkit-transform: translate3d(100px,0,0); }
.newsle.show .sharele, .newsle.show .video-index { transform: none; -webkit-transform: none; opacity: 1; }
.sahrebg { line-height: 1; overflow: hidden; }
.sahrebg img { display: block; width: 100%; height: auto; line-height: 0; }
.newsle {  }
.shrebix { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #EAAD1A; filter: alpha(opacity=90); background: rgba(234, 173, 26, 0.9); }
.sharein { float: left; width: 100%; }
.sharetop { margin-bottom: 50px; text-align: center; }
.sharetop img { display: block; width: 100px; height: auto; line-height: 1;  margin: auto; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); visibility: hidden; }
.sharetop span { display: block; color: #fff; font-size: 14px; text-align: center; margin-top: 18px; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); }
.sharetext { text-align: center; width: 80%; margin: auto; margin-bottom: 65px; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; }
.sharetext span { display: inline-block; width: 476px; padding-left: 86px; padding-right: 86px; position: relative; margin: auto; color: #ffffff; font-size: 28px; line-height: 1.4;box-sizing: border-box;}
.sharetext span:before { content: ""; width: 45px; height: 42px; background: url(../images/symbol1.png) center no-repeat; position: absolute; left: 0; top: -26px; }
.sharetext span:after { content: ""; width: 45px; height: 42px; background: url(../images/symbol2.png) center no-repeat; position: absolute; right: 0; bottom: -2px; }
.shareli .slick-list { z-index: 4; position: relative; }
.shareli { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; }
.sharein { margin-top:10%; opacity: 1 !important; }
.sharebtn { text-align: center; opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; }
.sharebtn span { display: inline-block;  width: 150px; height: 50px; line-height: 50px; color: #646464; font-size: 14px; background: #fff; border-radius: 24px; cursor: pointer; text-align: center; margin-left: 18px; position: relative; overflow: hidden; }
.sharebtn span:first-child { margin-left: 0; }
.sharebtn span:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.sharebtn span:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
.sharein.slick-current .sharetop img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; transition: 0.68s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharetop span { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.68s 0.18s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharetext { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); visibility: visible; transition: 0.75s 0.28s cubic-bezier(.075,.82,.165,1); }
.sharein.slick-current .sharebtn { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 0.75s 0.4s cubic-bezier(.075,.82,.165,1); }
.shareli .slick-arrow, .actbtn, .diskbann .slick-arrow { display: block; padding: 0; margin: 0; border: 0; width: 40px; height: 60px; position: absolute; top: 50%; margin-top: -30px; text-indent: 99999px; overflow: hidden; outline: none; transition: 0.4s; z-index: 10; cursor: pointer; }
.shareli .slick-arrow.slick-prev, .actbtn.prev, .diskbann .slick-arrow.slick-prev { left: 0; background: url(../images/prev1.png) center no-repeat; }
.shareli .slick-arrow.slick-next, .actbtn.next, .diskbann .slick-arrow.slick-next { right: 0; background: url(../images/next1.png) center no-repeat; }
.shareli .slick-arrow.slick-prev:hover, .actbtn.prev:hover, .diskbann .slick-arrow.slick-prev:hover { background: url(../images/prev2.png) center no-repeat; }
.shareli .slick-arrow.slick-next:hover, .actbtn.next:hover, .diskbann .slick-arrow.slick-next:hover { background: url(../images/next2.png) center no-repeat; }

.shareli .slick-dots { width: 100%; position: absolute; left: 0; bottom: 27px; text-align: center; }
.shareli .slick-dots li { display: inline-block; margin-left: 27px; line-height: 1; position: relative; }
.shareli .slick-dots li:first-child { margin-left: 0; }
.shareli .slick-dots li button { padding: 0; margin: 0; line-height: 0; border: none; outline: none; width: 12px; height: 12px; text-indent: 9999px; overflow: hidden; background: #fff; border-radius: 50%; cursor: pointer; }
.shareli .slick-dots li:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background: #fff; position: absolute; left: 0; top: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transition: 0.42s; }
.shareli .slick-dots li.slick-active:before { visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }

.video-index { width: 50%; float: left; position: relative; transition: opacity .8s 0.3s linear,-webkit-transform 1s 0.3s cubic-bezier(.075,.82,.165,1); transition: opacity .8s 0.3s linear,transform 1s 0.3s cubic-bezier(.075,.82,.165,1); transition: opacity .8s 0.3s linear,transform 1s 0.3s cubic-bezier(.075,.82,.165,1),-webkit-transform 1s 0.3s cubic-bezier(.075,.82,.165,1); opacity: 0; transform: translate3d(100px,0,0); -webkit-transform: translate3d(100px,0,0); }
.video-index figure { display: block; line-height: 1; overflow: hidden; }
.video-index figure img { display: block; width: 100%; height: auto; line-height: 0; }
.shared { width: 100%; position: absolute; left: 0; bottom: 0; padding-top: 116px; height: 116px; background: url(../images/lne1.png) left top repeat; }
.shared span { display: block; color: #ffffff; font-size: 28px; margin-left: 44px; line-height: 1.2; }

.chinamaps .zongbu{top: 25%;left: 33%;}
.chinamaps .con{width:315px;padding:15px;text-align:left;position:absolute;background-color:#fff;box-shadow:0 2px 1px 0 rgba(0,0,0,0.2);z-index:60}
.chinamaps .con .map-title{font-size:16px;color:#DCC181;border-bottom:1px solid #dcdcdc;margin-bottom:8px}
.chinamaps .con p.address{padding-left:22px;background:url(../images/marker.png) no-repeat left 3px;margin-bottom:3px}
.chinamaps .con p.phone{background:url(../images/rtel.png) no-repeat left 3px;padding-left:22px}
.chinamaps .con::after{content:url(../images/down.png);position:absolute;left:50%;margin-left:-5px;bottom:-13px}
.chinamaps .zongbu::after{content:url(../images/down.png);position:absolute;left:47%;margin-left:-5px;bottom:-13px}
.chinamaps .right_fixed {position: absolute;right: 12%;bottom: 31%;text-align: left;z-index: 1;}
.chinamaps .right_fixed .t{font-size: 24px;}
.chinamaps .right_fixed a {border: 1px solid #333;line-height: 32px; display: inline-block;padding: 0 6%; border-radius: 18px; margin-top: 7%;}
.chinamaps .right_fixed p span {color: #ff002b;}
.chinamaps img{max-width: 100%;height: auto;}
.chinamaps{max-width: 1920px;margin: 0 auto;position: relative;}
.chinamaps .point-name {position: absolute;font-size: 16px;width: 130px;height: 130px;}
.chinamaps .text{position:absolute;top:51px;left:50px;width:66px;height:26px;border:1px solid #DCC181;border-radius:10px 10px;background:#FFF;text-align:center}
.redc{display:inline-block;width:11px;height:11px;background:#DCC181;border-radius:50% 50%;margin-right:3px}
.point-area .point-dot{background-color:#ffe095;border:0 solid rgba(255, 232, 177,.37)}
.chinamaps .keliyuan{top: 34%;left:38%;}
.chinamaps .keliyuan .text{width: 95px;background-color: #DCC181;color: #fff}
.chinamaps .jiangsu{top: 51%;left: 48%;}
.chinamaps .shanghai{top: 55%;left:50%;}
.chinamaps .zhejiang{top: 61%;left: 49%;}
.chinamaps .liaoning {top: 31%;left: 51%;}
.chinamaps .jilin {top: 24%;left: 52%;}
.chinamaps .heilongjiang {top: 14%;left: 52%;}
.chinamaps .heilongjiang .text{width: 80px;}
.point-area .point{position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;-webkit-border-radius:50%;-webkit-background-clip:padding-box;-moz-border-radius:50%;-moz-background-clip:padding;border-radius:50%;background-clip:padding-box;background:0 0}
.point-area .point-10{width:100%;height:100%}
.point-area .point-10:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 225ms infinite;-moz-animation:ripple 4.5s ease-out 225ms infinite;-o-animation:ripple 4.5s ease-out 225ms infinite;animation:ripple 4.5s ease-out 225ms infinite}
.point-area .point-20{width:100%;height:100%}
.point-area .point-20:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 450ms infinite;-moz-animation:ripple 4.5s ease-out 450ms infinite;-o-animation:ripple 4.5s ease-out 450ms infinite;animation:ripple 4.5s ease-out 450ms infinite}
.point-area .point-30{width:100%;height:100%}
.point-area .point-30:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 675ms infinite;-moz-animation:ripple 4.5s ease-out 675ms infinite;-o-animation:ripple 4.5s ease-out 675ms infinite;animation:ripple 4.5s ease-out 675ms infinite}
.point-area .point-40{width:100%;height:100%}
.point-area .point-40:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out .9s infinite;-moz-animation:ripple 4.5s ease-out .9s infinite;-o-animation:ripple 4.5s ease-out .9s infinite;animation:ripple 4.5s ease-out .9s infinite}
.point-area.point_shadow.point-80{width:100%;height:100%}
.point-area .point-50{width:100%;height:100%}
.point-area .point-50:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 1125ms infinite;-moz-animation:ripple 4.5s ease-out 1125ms infinite;-o-animation:ripple 4.5s ease-out 1125ms infinite;animation:ripple 4.5s ease-out 1125ms infinite}
.point-area .point-60{width:100%;height:100%}
.point-area .point-60:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 1.35s infinite;-moz-animation:ripple 4.5s ease-out 1.35s infinite;-o-animation:ripple 4.5s ease-out 1.35s infinite;animation:ripple 4.5s ease-out 1.35s infinite}
.point-area .point-70{width:100%;height:100%}
.point-area .point-70:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 1575ms infinite;-moz-animation:ripple 4.5s ease-out 1575ms infinite;-o-animation:ripple 4.5s ease-out 1575ms infinite;animation:ripple 4.5s ease-out 1575ms infinite}
.point-area .point-80{width:100%;height:100%}
.point-area .point-80:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 1.8s infinite;-moz-animation:ripple 4.5s ease-out 1.8s infinite;-o-animation:ripple 4.5s ease-out 1.8s infinite;animation:ripple 4.5s ease-out 1.8s infinite}
.point-area .point-90{width:100%;height:100%}
.point-area .point-90:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 2025ms infinite;-moz-animation:ripple 4.5s ease-out 2025ms infinite;-o-animation:ripple 4.5s ease-out 2025ms infinite;animation:ripple 4.5s ease-out 2025ms infinite}
.point-area .point-100{width:100%;height:100%}
.point-area .point-100:after{margin:auto;content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ffe095;opacity:0;-webkit-animation:ripple 4.5s ease-out 2.25s infinite;-moz-animation:ripple 4.5s ease-out 2.25s infinite;-o-animation:ripple 4.5s ease-out 2.25s infinite;animation:ripple 4.5s ease-out 2.25s infinite}
.point-area .point-shadow:after{-webkit-box-shadow:inset 0 0 5em rgba(255, 232, 177,.16);-moz-box-shadow:inset 0 0 5em rgba(255, 232, 177,.16);box-shadow:inset 0 0 5em rgba(255, 232, 177,.16)}
.point_area{text-align:center;position:relative;width:150px;height:150px;-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out}
@keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-webkit-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-moz-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}
@-o-keyframes ripple{0%{left:0;top:0;opacity:1;width:0;height:0}
100%{left:0;top:0;opacity:0;width:100%;height:100%}
}

.footer{width:100%;margin:0 auto 50px;padding-top:1rem;border-top:1px solid #eee}

.shop-icon { }
.shop-icon li { display: inline-block; width: 38px; height: 38px; margin-right: 6px; }
.shop-icon li a { display: block; width: 100%; height: 100%; }
.shop-icon li a img { transition: all 0.5s; }
.shop-icon li a:hover img { transform: scale(1.1); }
.footer ul.shop-icon { margin: 0 auto; text-align: center;display: inline-block; }
.footer ul.shop-icon li { width: 48px; height: 48px; margin-right: 20px; }
.footer ul.shop-icon li a img { width: 46px; height: 46px; }

.foot-top{position:relative;width:500px;height:60px;margin:2rem auto}
.icon-btns{display:inline-block;margin-top:5px;cursor:pointer}
.icon-btns i svg.icon{display:inline-block;width:50px;height:50px;text-align:center;line-height:50px}
.wechat-code{display:none;position:absolute;padding:10px;border-radius:5px;border:1px solid #e6e8ec;-webkit-box-shadow:0 2px 5px #e6e8ec;background:#fff;color:rgba(62,62,62,.8);font-size:14px;bottom:-25px;left:-100px;width:200px;text-align:center}
.wechat-code img{max-width: 100%;}
.wechat-code i{left:auto;right:-9px;bottom:26px;top:auto;transform:rotate(135deg)}
i.range{display:block;position:absolute;width:16px;height:16px;background:#fff;border-top:1px solid #e6e8ec;border-left:1px solid #e6e8ec;transform:rotate(136deg)}
.tel{display:inline-block;height:60px;padding-left:10px;border-left:1px solid rgba(51,51,51,.2);margin-left:15px}
.tel span{display:block}
.tel span.tel-con{font-size:30px;font-weight:700;color:#DCC181;line-height: 1}

.menu-bot{width:100%;margin:20px auto;text-align:center}
.menu-bot li{display:inline-block;position:relative;padding:30px}
.menu-bot li a{color:#475d50;font-size:20px}
.menu-bot li a:hover{color:#DCC181;font-weight:700}

.copyRight{text-align:center;font-size:14px;color:#333}

.header-overlay{height:50px;-webkit-transition:height .17s;-o-transition:height .17s;transition:height .17s}
.header{position:fixed;top:0;left:0;right:0;z-index:47;background:#fff;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.scroll .header{-webkit-box-shadow:0 0 3px #aaa;box-shadow:0 0 3px #aaa;}
.header:after{content:'';display:block;clear:both}
.header .container{width:1320px;max-width:none;padding:0;margin: 0 auto}
.header .logo{margin:10px 0 0;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.header .logo .i{margin-right:3px;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.header .header-nav,.header .online-order{display:none}
.header .menu-btn{position:relative;z-index:1;margin:20px 0;width:32px;height:20px;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.header .menu-btn .mb{position:absolute;width:100%;height:3px;background:#666}
.header .menu-btn .mb1{top:2px}
.header .menu-btn .mb2{bottom:2px}
.sidebar{overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:5777;background:#fff;-webkit-transition:all .17s,-webkit-transform .47s linear;transition:all .17s,-webkit-transform .47s linear;-o-transition:all .17s,transform .47s linear;transition:all .17s,transform .47s linear;transition:all .17s,transform .47s linear,-webkit-transform .47s linear;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.sidebar.show{-webkit-transform:none;-ms-transform:none;transform:none}
.sidebar.show .sidebar-container{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition-duration:.47s;-o-transition-duration:.47s;transition-duration:.47s}
.sidebar .sidebar-container{overflow:auto;position:absolute;top:0;left:0;padding:60px 0;width:100%;height:100%;-webkit-transition:all .57s linear;-o-transition:all .57s linear;transition:all .57s linear;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.sidebar .sn-menu{position:fixed;top:20px;right:30px;z-index:100;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.sidebar .menu-btn{position:relative;z-index:1;width:32px;height:30px;-webkit-transition-delay:.17s;-o-transition-delay:.17s;transition-delay:.17s}
.sidebar .menu-btn .mb{position:absolute;width:100%;height:3px;background:#666;-webkit-transition-delay:.17s;-o-transition-delay:.17s;transition-delay:.17s}
.sidebar .menu-btn .mb1{top:7px}
.sidebar .menu-btn .mb2{top:20px}
.sidebar .menu-btn.show{width:30px;-webkit-transition:all .37s 0s;-o-transition:all .37s 0s;transition:all .37s 0s}
.sidebar .menu-btn.show .mb{top:50%;margin-top:-1px;height:2px;-webkit-transition:all .37s 0s;-o-transition:all .37s 0s;transition:all .37s 0s}
.sidebar .menu-btn.show .mb1{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.sidebar .menu-btn.show .mb2{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.sidebar .sidebar-body{overflow:auto;position:relative;z-index:1;padding-bottom:40px;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.sidebar .nav-li{position:relative;z-index:1;padding:5px 0}
.sidebar .nav-li:before{visibility:hidden;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#DCC181;opacity:0;content:''}
.sidebar .nav-li.current:before{visibility:visible;opacity:1}
.sidebar .nav-li.current a{color:#DCC181}
.sidebar .nav-li a{display:block;padding:10px 0;font-size:18px;line-height:20px;text-align:center;color:#333;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.sidebar .nav-li a:active{color:#DCC181}
.sidebar .sidebar-foot{position:relative;z-index:3;padding-bottom:20px;background:#fff;-webkit-transition:all .17s;-o-transition:all .17s;transition:all .17s}
.sidebar .sidebar-tools{text-align:center}
.sidebar .sidebar-tools:after{content:'';display:block;clear:both}
.sidebar .st-list{display:inline-block;vertical-align:top}

.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 10%; top: 35%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 30px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family: "Humanst521 BT";}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}
.black-15{ background: rgba(0,0,0,0.15); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nav-sub{text-align: center;margin-top: 2rem;}
.nav-sub a{padding: 10px 20px;margin: 0px 5px;font-size: 14px;background: #aaa;color: #fff;}
.nav-sub a:hover,.nav-sub a.current-page{background: #DCC181;}

.por-info-page{padding:50px 0px}
.pagePadding3{padding:80px 0px}
.bgf5{background-color:#f5f5f5}
.por-info-box{padding:60px 70px;width:1060px;background-color:#fff;margin:0px auto}
.pageC img{max-width:100% !important;height:auto !important}
.pageC{overflow:hidden;color:#666}
.btnMore{background-color:#dfdfdf;width:210px;height:54px;display:block;line-height:54px;text-align:center;position:relative;z-index:1}
.btnMore:before{content:"";width:100%;height:100%;background-color:#DCC181;z-index:-1;position:absolute;left:0;bottom:0px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9}
.btnMore .txt{color:#666666;padding-right:30px;position:relative}
.btnMore .txt i{background:url(../images/btn_m1.png) no-repeat scroll right center;position:absolute;right:0;top:0;width:14px;height:100%;transition:.42s cubic-bezier(.4,0,.2,1)}
.btnMore:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9}
.btnMore:hover .txt{color:#fff}
.btnMore:hover .txt i{background-position:left center}
.surveyPbox .img{float:right;display:block;width:54%}
.surveyPbox .img img{width:100%;display:block}
.surveyPbox .con{width:37%;float:left;display:block}
.surveyPbox .c{overflow:hidden;margin-bottom:16%}
.iboxT{margin-bottom:60px}
.iboxT .zh{font-size:30px;color:#333333;line-height:1.5}
.iboxT .en{color:#666;font-family:arial,helvetica,sans-serif;text-transform:uppercase}

.main-pro-demo{ width: 1200px; margin: 0px auto;}
.main-pro-demo .slick-list{ overflow: hidden;}
.main-pro-demo .item{ position: relative; overflow: hidden; margin: 0px 18px;}
.main-pro-demo .img{ overflow: hidden; background-color: #dad9c6;}
.main-pro-demo .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.main-pro-demo .txt{ background-color: #f3f3f3; height: 62px; line-height: 62px; padding: 0px 3%; overflow: hidden; text-align: center; z-index: 1; position: relative;}
.main-pro-demo .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #DCC181; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.main-pro-demo .linkA{ z-index: 4;}
.main-pro-demo .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -62px;}
.main-pro-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #DCC181; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.main-pro-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.main-pro-demo .slick-arrow i { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.main-pro-demo .slick-prev { left: -60px; }
.main-pro-demo .slick-next { right: -60px; }
.main-pro-demo .slick-prev i { border-right: 6px solid #fff; }
.main-pro-demo .slick-next i { border-left: 6px solid #fff; }
.main-pro-demo .item:hover .img img {transform: scale(1.05);-webkit-transform: scale(1.05);}
.main-pro-demo .item:hover .txt{color:#fff}
.main-pro-demo .item:hover .txt:before{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;visibility:visible\9}
.linkA{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.baguetteBox-button:focus, .baguetteBox-button:hover{background-color: rgba(220, 193, 129, 0.9);}

#imageFlow{position:relative;width:1200px;height:550px;}
#imageFlow .diapo{position:absolute;left:-10000px;cursor:pointer;-ms-interpolation-mode:nearest-neighbor}
#imageFlow .link{border:dotted #fff 1px;margin-left:-1px;margin-bottom:-1px}
#imageFlow .bank{visibility:hidden}
#imageFlow .top{position:absolute;width:100%;height:40%;background:#181818}
#imageFlow .text{position:absolute;left:0;width:100%;bottom:16%;text-align:center;color:#fff;font-family:verdana,arial,Helvetica,sans-serif;z-index:1000}
#imageFlow .title{font-size:.9em;font-weight:700;display: none;}
#imageFlow .legend{font-size:.8em;color: #000;font-size: 16px;}
#imageFlow .scrollbar{position:absolute;left:10%;bottom:10%;width:80%;height:16px;z-index:1000}
#imageFlow .track{position:absolute;left:1%;width:98%;height:16px;filter:alpha(opacity=30);opacity:.3}
#imageFlow .arrow-left{position:absolute}
#imageFlow .arrow-right{position:absolute;right:0}
#imageFlow .bar{position:absolute;height:16px;left:25px}
#imageFlow canvas{display: none}

.about_fazhan{padding:60px 0 60px 0;width: 1200px;margin: 0 auto;}
.ajax_licheng .licheng_cell{position:relative}
.ajax_licheng .right_area{display:inline-block;width:44%;margin-top:80px}
.ajax_licheng .left_area{display:inline-block;width:44%;margin-top:30px}
.ajax_licheng{background:url(../images/licheng_zhou_03.jpg);background-repeat:repeat-y;background-position:center;position:relative}
.ajax_licheng .right_dian{position:absolute;right:50%;margin-right:-8px;top:125px;width:16px;height:16px;background:url(../images/licheng_dian.png)}
.ajax_licheng .left_dian{position:absolute;left:50%;margin-left:-8px;top:75px;width:16px;height:16px;background:url(../images/licheng_dian.png)}
.ajax_licheng .red_dian{background-position:-16px 0}
.licheng_cell{width:530px;background:#F6F6F6;position:absolute}
.licheng_cell.l:after{content:'';position:absolute;right:-32px;top:31px;border:18px solid;border-color:transparent transparent transparent #F6F6F6}
.licheng_cell.r:before{content:'';position:absolute;left:-32px;top:31px;border:18px solid;border-color:transparent #F6F6F6 transparent transparent}
.licheng_cell.l .licheng_area{padding:10px 40px 20px 40px}
.licheng_cell.r .licheng_area{padding:10px 40px 20px 40px}
.licheng_year{font-size:36px;color:#DCC181;line-height:2em}
.licheng_dec{font-size:15px;line-height:1.8em}
.licheng_cell.l{text-align:right}
.licheng_cell.r{text-align:left}
.licheng_cell:hover{background:#DCC181;color:#fff}

.ajax_licheng .red_dian{background-position:-16px 0}
.licheng_cell:hover .licheng_year{color:#fff}
.licheng_cell.r:hover:before{border-color:transparent #DCC181 transparent transparent}
.licheng_cell.l:after{content:'';position:absolute;right:-32px;top:31px;border:18px solid;border-color:transparent transparent transparent #F6F6F6}
.licheng_cell.l:hover:after{border-color:transparent transparent transparent #DCC181}

.news_cell{margin-top: 15px;}
.news_cell li{float:left;width:38%;margin-bottom:27px;margin:0 2% 0 0;background:#fff;border-bottom:1px solid#eeeeee;padding:4rem 5%;}
.news_cell li h1{font-weight:bold;float:left;width:88%;font-size: 20px;margin-top: 35px;}
.news_cell li h1 a{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.6;height:3.2em}
.news_cell li h1 a:hover{color:#fff;}
.news_cell li p{color:#999;width:100%;float:left;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:1.5;height:4.5em;}
.news_cell li p .mt_35{margin-top:10px}
.news_cell li:hover{background:url(../images/new_li_b.jpg) ;}
.news_cell li:hover a,.news_cell li:hover h1,.news_cell li:hover p,.news_cell li:hover span{color:#fff}
.news_cell li:hover .news_mm{background:url(../images/new_mm_on.png)no-repeat}
.news_cell li:nth-child(2n+0){margin-right:0}
.news_date{float:left;width:100%;text-align:left;line-height:16px;font-family:arial;color:#666}
.news_d_d{float:left;font-size: 24px;}
.news_d_y{float:left;margin-left:13px;padding-top:2px}
.news_mm{float:left;width:33px;height:22px;background:url(../images/new_mm.png)no-repeat;margin-top: 30px;}
.topnews{width: 100%;padding-bottom: 60px;background: url(../images/new_t_bac.jpg) repeat-x bottom;}
.topnews .scapic{width: 50%;float: left}
.topnews .con{float: right;width: 45%;padding-top: 130px;}
.topnews .con h3{font-size: 24px;font-weight: 400;line-height: 65px;}
.topnews .con .de{font-size: 14px;margin-top: 35px;}
.topnews .con .time{margin-top: 15px;line-height: 22px;}
.topnews .con .a{margin-top: 40px;}

.page_area{width:100%;padding-top:30px;padding-bottom:30px;text-align:center}
.page_area a.page_num{height:35px;padding:0 3px 6px;line-height:35px;margin:0 1.5%;position:relative;top:-19px}
a.page_on{color:#DCC181;border-bottom:2px solid #DCC181}
a.page_left{display:inline-block;width:50px;height:50px;background:url(../images/l_on.png) no-repeat}
a.page_l_end{background:url(../images/l_off.png) no-repeat}
a.page_right{display:inline-block;width:50px;height:50px;background:url(../images/r_on.png) no-repeat}
a.page_r_end{background:url(../images/r_off.png) no-repeat}

news-content{background-color: #fff;padding:1% 5% 5%;}
.news-content h2.tit{font-size:28px; font-weight:bold;}
.news-content .meta { color:#999;margin-top: 10px;}
.news-content .meta  span{padding:0 5px;}
.news-content .edit-cont{ padding:3% 0%; margin-top:2%; border-top:1px solid #eee; font-size:16px; color:#666; line-height:2;}
.news-content .bshare{margin-top: 10px;}

.previous{ padding:26px 0px 0; border-top:1px solid #dedede; position:relative; margin-top: 50px;}
.previous .previ{ display:block; width:130px; height:44px; text-align:center; line-height:44px; color:#333333; background-color: #dedede;}
.previous .prev{ float:left;}
.previous .next{ float:right;}
.backlist{ display:block; width:145px; height:44px; text-align:center; line-height:44px; color:#fff; background:#DCC181; position:absolute; left:50%; margin-left:-72px; top:26px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#DCC181; color:#fff;}

.contact-box{}
.page-title{width:100%;text-align:center}
.page-title p{font-size:26px;color:#333;line-height:40px}
.page-title .sub-title{font-weight:normal;color:rgba(62,62,62,.4);font-size:20px}
.contact-con{width:100%;margin:50px auto;overflow:hidden;text-align: center;}
.contact-tel{width:27%}
.contact-item{display:block;float:left;vertical-align:middle;text-align: left}
.contact-icon{display:inline-block;vertical-align:middle;width:75px;height:75px;}
.contact-text{display:inline-block;vertical-align:middle;margin-left:15px;line-height:30px;font-size:16px}
.contact-email{width:30%}
.contact-address{width:43%}
.contact-feedback{display:block;float:right;width:40%;}
.contact-map{display:block;float:left;width:55%;}

.inform-text > * {box-sizing: border-box;}
input,select,textarea{outline:none;font-family:"microsoft yahei","Arial";font-size: 14px;border-radius: 0;}
input:disabled{opacity: 1;color:#333;}
input[type="submit"],input[type="reset"],input[type="text"],input[type="password"],input[type="number"],input[type="button"],button,input[type="date"],textarea{-webkit-appearance: none;border: none;background: none;}
textarea{resize:none;height: 148px;width: 86%;margin-top: 10px;}
.inform-text .form-line{position: relative;}
.inform-text .form-line.textarea{height: 167px;}
.inform-text .form-line{width:100%;height:45px;border:1px solid #d7d7dc;margin:0 auto;margin-top:.45rem}
.inform-text .form-line p{display:block;width:9%;height:100%;float:left;line-height:45px;margin-left:2%;color:#afaeb3;}
.inform-text .form-line.verifycode p{width: 11%;}
.inform-text .form-line input{width:85%;height:42px;line-height:42px;border:none;background:none;color:#333;}
.inform-text h4 input{width:100%;height:50px;border:none;background-color:#DCC181;color:#fff;margin:0 auto;margin-top:1rem;border-radius:.03rem;font-size:16px;cursor: pointer;}
.inform-text .form-line.verifycode{position: relative;}
.inform-text .form-line.verifycode .randimg{position: absolute;right: 6px;top:6px;}
.inform-text .form-line:hover{ border: 1px solid  #DCC181}
.Validform_error{background: none}

.conceptList{ margin-left: -0.5%;}
.conceptList dd{ float: left; display: block; width: 24.5%; margin-left: 0.5%; background-color: #fff; transition:0.3s; -webkit-transition:0.3s; position: relative; z-index: 1;}
.conceptList dd:before{ content: "";  width:100%; height:4px; background:#DCC181; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.conceptList .item{ padding: 25px;}
.conceptList .t{ font-size: 16px; color: #333333; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 25px;}
.conceptList dd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background-color: #f1f0f0;}
.conceptList dd:hover .t{ color: #DCC181;}
.conceptList dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.join{}
.bgff{background-color: #fff}
.jobs{margin-top: 3rem;}
.jobs ul li{float:left;overflow:hidden;border:1px solid #dcdcdc;padding:5% 1% 9% 2.1%;box-sizing:border-box;width:23.7%;height:378px;margin-right:1.7%}
.jobs ul li:hover{background:#DBC07F}
.jobs ul li:hover,.jobs ul li:hover a{color:#fff}
.jobs ul li:nth-child(4n+0){margin-right:0}
.jobs ul li h1{font-size: 24px;margin-bottom: 20px;}
.jobs ul li span{float:left;width:25px;height:1px;background:#fff}
.jobs ul li,.jobs ul li a{color:#000}
.jobs ul li p{float:left;width:100%;line-height:35px}
.jobs ul li p .wt_d_d_x{font-style: normal;}
.jobs ul li a.send_to{float:left;display:none;width:100%;text-decoration:underline;margin-top: 45px;}
.jobs ul li a.send_to:hover{font-weight:bold}
.jobs ul li:hover a.send_to{display:block}

.join_d_t{color:#dbc07f;font-weight:bold;font-size: 30px;}
.join_tab{font-size: 16px;margin-top: 40px;}
.join_d_all table{border:1px solid #e5e5e5;width:100%;color:#666666}
.join_d_all table,.join_d_all table tr,.join_d_all table tr td{border:1px solid #e5e5e5}
.join_d_all table tr{width:100%;height:66px}
.join_d_all table td{width:20%;padding:0 3px 0;text-align:center}
.join_d_all table td i,.join_d_all table td q{width:100%;font-style: normal;}
.join_d_dl{margin-top: 50px;}
.join_d_dl dt{color:#44463f;font-weight:bold;border-bottom:1px solid #e5e5e5;padding-bottom:15px;font-size: 18px;}
.join_d_dl dd{line-height:31px;color:#666666;margin-top: 12px;}
.join_d_dl dd a{color:#333333}
.join_d_dl dd a:hover{text-decoration:underline}

ul.proPic li{height:auto;float:left;overflow:hidden;padding:15px 15px}
ul.proPic li{width:calc(33.333333% - 30px)}
ul.proPic li.hide{display:none}
ul.proPic li .proCon{box-shadow:1px 3px 10px #dfdfdf;padding:15px;position:relative}
ul.proPic li p{line-height:24px;background:#fafafa;text-align:center;margin:10px 0 0 0;padding:15px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
ul.proPic li .proCon .border_top{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_bottom{position:absolute;bottom:0;right:0}
ul.proPic li .proCon .border_left{position:absolute;top:0;left:0}
ul.proPic li .proCon .border_right{position:absolute;bottom:0;right:0}
ul.proPic li a .proCon .border_top,ul.proPic li a .proCon .border_bottom{height:1px;width:0;background:#DCC181;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li a .proCon .border_left,ul.proPic li a .proCon .border_right{height:0px;width:1px;background:#DCC181;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
ul.proPic li  a:hover .proCon .border_top,ul.proPic li  a:hover .proCon .border_bottom{width:100%}
ul.proPic li  a:hover .proCon .border_left,ul.proPic li  a:hover .proCon .border_right{height:100%}
ul.proPic li img{width:100%;height:auto}
ul.proPic li .Img{width:100%;height:auto;overflow:hidden;position:relative}
ul.proPic li a .Img img{-webkit-transform:translateZ(0)  scale(1);-moz-transform:translateZ(0)  scale(1);-ms-transform:translateZ(0)  scale(1);-o-transform:translateZ(0)  scale(1);transform:translateZ(0)  scale(1);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li a:hover .Img img{-webkit-transform:translateZ(0)  scale(1.05);-moz-transform:translateZ(0)  scale(1.05);-ms-transform:translateZ(0)  scale(1.05);-o-transform:translateZ(0)  scale(1.05);transform:translateZ(0)  scale(1.05);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s}
ul.proPic li .Img p{position:absolute;width:100%;padding:15px 0;margin:0;color:#FFF;line-height:24px;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
ul.proPic li a .Img p{width:100%;background:rgba(0,0,0,0.3);visibility:hidden;opacity:0;-webkit-transform:translate(0,100px);-moz-transform:translate(0,100px);transform:translate(0,100px);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
ul.proPic li a:hover .Img p{width:100%;visibility:visible;opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}

.aboutPbox{width: 754px;margin: 0 auto}
.aboutPbox .count li{border-right: 1px solid #cdcdcd;width: calc(33.333% - 1px);text-align: center;}
.aboutPbox .count li:last-child{border: 0}
.aboutPbox .count li .num{color: #DCC181;margin-right: 5px;}
.aboutPbox .pageC{text-align: left;    margin-top: 4rem;}
.pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding: 80px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify;}
.pagePadding2{ padding: 135px 0px;}
.aboutPbox-box{position: relative;}

.info-page_9{width: 1400px;padding:0;}

.custom-navigation{position:absolute;left:37px;bottom:35px;z-index:999;width:208px;height:60px;line-height:60px;overflow:hidden;color:#fff}
.custom-navigation a{border:1px solid #e60012;width:58px;height:58px;border-radius:100%;display:block;float:left}
.custom-navigation a.flex-next{margin-left:20px;background:url(../images/aboutright.png) center no-repeat}
.custom-navigation a.flex-prev{margin-right:20px;background:url(../images/aboutleft.png) center no-repeat}
.custom-navigation a.flex-next:hover{background:url(../images/aboutright.png) #fff center no-repeat}
.custom-navigation a.flex-prev:hover{background:url(../images/aboutleft.png) #fff center no-repeat}
.custom-navigation p.about_banner_num1:after{content:' / '}
.custom-navigation p{width:12px;margin:0;float:left}
#banner{overflow: hidden;}
.banner.flexslider ul {height: 100%;}
.banner{height: 100%;}
.banner li img{height: auto;display:block;width:100%}


.gotop{width: 50px;height: 50px;overflow: hidden;background-color: #cdcdcd;color: #000;position: fixed;bottom: 50px;right: 0px;text-align: center;}
.gotop i{font-size: 28px;display: block;}
.gotop:hover{background-color: #DCC181;color: #fff}

#section-footer .gotop{display: none;}

.fixedImg{background-repeat: no-repeat;background-size: cover;}

.pageNavBox { height: 40px; position: relative;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #fff;}   
.pagenav { width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 56px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 56px; line-height: 56px; -webkit-transition:height 0.3s; transition:height 0.3s; background-color: #FFFFFF; text-align: center;}
.cpnavbox a { text-align: center; color: #333333; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #e3001e; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; background-color: #DEC487; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }