@charset "utf-8";

/* 

 * Project Name:恒吉

 * Author:KomaChen

 * Date：2020-4-5

 */



@font-face{font-family:'pf_din_text_comp_proregular';src:url('pf_din_text_comp_proregular.ttf');}

@font-face {font-family:'pf_din_text_comp_proregular';src:url('PFDinTextCompPro-Regular.ttf');}

@font-face {font-family: 'Baiduan Number';src: url('baiduannumbernew.eot');	src: url('baiduannumbernew.eot?#iefix') format('embedded-opentype'),url('baiduannumbernew.woff') format('woff'),url('baiduannumbernew.ttf') format('truetype');font-weight: 300;font-style: normal;}



html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}

body { font: 14px/1.8 "Microsoft Yahei","SimHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option,pre { background: none; outline: 0; font-family: "SimHei"; padding: 0; margin: 0; }

pre {white-space: pre-wrap;word-wrap: break-word;}

input { outline: none; font-family: "Microsoft Yahei","SimHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #876235; color: #fff; text-shadow: none; }

::selection { background: #876235; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }

.fc { text-align: center; }

.fr { text-align: right; }

.l { float: left; display: inline-block; }

.r { float: right; display: inline-block; }

.vt { vertical-align: top; }

.vm { vertical-align: middle; }



/* .inner { margin: 0px auto; width: 1200px;}

.top a:link, .top a:visited { color: #333333;}

.top a:active,.top a:hover { color: #a0733e;}    */

/* .header{ height: 84px;}  */

/* .head-bg{ height: 84px;background: #fff;position: fixed;top: -84px; width: 100%;z-index: 999;} 

.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; }

.logo{ position: absolute; left: 3%; top: 0;}

.logo a{ display: block; height:57px; padding:14px 0px 14px;}

.logo img{ height: 100%; display: block;}

.logo img.img1{ display: block;}

.logo img.img2{ display: none;}

.nav{ float: right; display: block; padding: 22px 0px; line-height: 40px; font-size: 16px; font-family: "黑体","Microsoft JhengHei";}

.nav li{ float: left; display: block; margin: 0px 14px;}

.nav li a,.nav li a:link,.nav li a:visited {color: #fff;}

.nav li a:active,.nav li a:hover  { color: #a0733e;}   

.top a:active, .top a:hover

.nav li a.active{ color: #a0733e;}

.top-sider{ float: right; display: block; margin-left: 40px;}

.top-sider .serachItem,.top-sider .menuItem{ float: left; display: block;}

.serach-btn{ width: 100px; height: 84px; display: block;background: none;}

.serach-btn i{  width: 100%; height: 100%; display: block;}

.serach-btn .search1{background: url(../images/serach_bg.png) no-repeat scroll center center;display: none;}

.serach-btn .search2{background: url(../images/serach_bg2.png) no-repeat scroll center center; }

.menuItem{ width: 100px; height: 84px;}

.trans, .trans:hover { -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }

.menu-handler { width: 100px; height: 84px; background: none; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1020; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }

.menu-handler .burger { width: 21px; height: 3px; background-color: #ffffff; display: block; position: absolute; z-index: 5; top: 31px; left: 50%; margin: 0px 0px 0px -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }

.menu-handler .burger-2 { top: 40px; }

.menu-handler .burger-3 { top: 49px; }

.menu-handler.active .burger-1 { top: 40px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%; }

.menu-handler.active .burger-3 { top: 40px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.search-Ibox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #222; z-index: 1020; display: none;}

.search-Ibox .close{ background: url(../images/close_i1.png) no-repeat scroll center center; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}

.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.topsearch-form{ position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}

.topsearch-box{ padding: 0px 124px 0px 10px; position: relative;}

.topsearchtx{ width: 100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size: 50px; color: #555; background-color: transparent; text-align: center;}

.topsearchbtn{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; height: 100%; border: 0px none; background:url(../images/serach_bg2.png) no-repeat scroll center center #a0733e; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s;}

.topsearchbtn:hover{ background-color: #866135;} */



/*scroll bar*/

::-webkit-scrollbar {width:5px;height:5px}

::-webkit-scrollbar-button:vertical {display:none}

::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#f1f1f1}

::-webkit-scrollbar-thumb {border-radius:0;background-color:#a0733e;)}

::-webkit-scrollbar-thumb:vertical:hover {background-color:#a0733e;)}

::-webkit-scrollbar-thumb:vertical:active {background-color:#a0733e;)}



.inner{ width: 1200px; margin: 0px auto;}

.inner1{ width: 1200px; margin: 0px auto;}

.top a:link, .top a:visited { color: #fff;}

.top a:active,.top a:hover { color: #fff;}   

.top{ position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.25); z-index: 1000;}

.logo{ display: block; position: absolute; left:2%; top: 0;}

.logo a{ display: block; padding:15px 0px;}

.logo img{ height: 100%;}

.logo .img1{ display: block;}

.logo .img2{ display: none;}

.navbox{ display: block; margin:10px auto 0px; text-align: center; margin-left:200px;}

.nav li{ display: inline-block; *display: inline; *zoom: 1; position: relative; font-family:"Microsoft JhengHei"; font-weight: bold;}

.nav>li>a{ display: block; padding-bottom: 11px; position: relative; }

.nav>li>a:before{ content: ""; position: absolute; left: 50%; top: 50px; margin:-12px 0 0 -2.5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:5px solid #fff; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden\9;}

.nav .txt{ font-size: 17px; padding: 0px 25px; height: 42px; line-height: 42px; border: 1px solid transparent; position: relative; display: block;}

.nav a.active .txt{ color: #a0733e;}

.nav a:hover .txt,.nav a.hov .txt{ border-color:  rgb(255,255,255); border-color: rgba(255,255,255,0.5); }

.nav a:hover:before,.nav a.hov:before{ margin-top: 0; opacity: 1; visibility: visible\9;}

.nav .subnav{ position: absolute; left: 0; top: 95%; width: 100%; background-color: #ffffff; text-align: center;padding:0px 0px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); display: none;}

.nav .subnav:before{ content: ""; position: absolute; height: 0px; width: 90%; left: 5%; top: 5px; background-color: #f6cf53;}

.nav .subnav:after{ content: ""; position: absolute; height: 0px; width: 90%; left: 5%; bottom: 5px; background-color: #f6cf53;}

.nav .subnav a:link,.nav .subnav a:visited { color: #666666;}

.nav .subnav a:active,.nav .subnav a:hover { color: #876235;} 

.nav .subnav a{ display: block; padding: 12px 5%; border-top:#f1f1f1 1px solid; line-height: 1.5; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}

.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #f2f2f2;}

.nav .subnav a:hover:before{  transform: none; opacity: 1; visibility:visible;}

.languageBox{ position: absolute; right:2%; top:16px;}

.languageBox a{color: #777!important;font-size: 11px;}

.languageBox .item{ display: inline-block; float: left; font-size: 12px; text-align: center; margin-left:15px;}

.languageBox .item img{ width:33px; display: block;margin: 0 auto 2px auto;transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;}

.languageBox .item img:hover{opacity: 75%;}

.ibox-scoll{ animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}

.scoll-top{ background-color: #fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}

@-webkit-keyframes fadedown {

    from { -webkit-transform: translateY(-100%); opacity: 0; }

    to { -webkit-transform: translateY(0); opacity: 1; }

}

@keyframes fadedown {

    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }

}

.scoll-top .logo .img1{ display: none;}

.scoll-top .logo .img2{ display: block;}

.scoll-top.top a:link,.scoll-top.top a:visited { color: #333333;}

.scoll-top.top a:active,.scoll-top.top a:hover { color: #876235;} 

.scoll-top .nav a:hover .txt,.scoll-top .nav a.hov .txt{ border-color: #876235;}

.scoll-top .nav>li>a:before{ border-top: 5px solid #876235;}

.menu-handler{ width:64px; float:right; height: 54px; display:none; cursor: pointer;}

.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 28px; height: 3px; background-color: #876235;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}

.menu-handler span:after,

.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;

 background-color: #876235; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}

.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;

transition-property: bottom,transform;}

.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}

.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}

.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}

.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}



.ovh{ overflow: hidden;}



/* .cont{width: 100%; height:812px; background:url(../images/cont.jpg) no-repeat center top;} */





/* 绛夋瘮濉厖 */

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}

*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;

*height: auto;}

.rect-50{padding-bottom: 50%;}

.rect-5625{padding-bottom: 56.25%;}

.rect-60{padding-bottom: 60%;}

.rect-618{padding-bottom: 61.8%;}

.rect-70{padding-bottom: 70%;}

.rect-75{padding-bottom: 75%;}

.rect-80{padding-bottom: 80%;}

.rect-90{padding-bottom: 90%;}

.rect-100{padding-bottom: 100%;}



.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}

.black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}

.black-40{ background: url(../images/black_40.png) repeat; background: none rgba(0,0,0,0.4);}

.black-50{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}

.black-60{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6);}

.white-86{ background: url(../images/white_86.png) repeat; background: none rgba(255,255,255,0.86);}

.cs-50{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}

.siteMap-overlay{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1015; opacity: 0;  transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); -webkit-transition:0.65s cubic-bezier(0.550, 0.085, 0.000, 0.990); visibility: hidden;}

.siteMap-nav a:link, .siteMap-nav a:visited { color: #666;}

.siteMap-nav a:active,.siteMap-nav a:hover { color: #a0733e;}  

.siteMap-nav{ background-color: #fff; position: fixed; right: -770px; bottom: 0; top: 0px; z-index: 1015; padding: 0px 60px; color: #666666; overflow-x: hidden; overflow-y:scroll;  width: 640px; -webkit-overflow-scrolling: touch; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.siteMap-head{ border-bottom: 1px solid #cccccc; padding:45px 0px 20px; margin-bottom: 20px;}

.siteMap-head .en{ font-size: 48px; color: #a0733e; line-height: 1.2; font-family: "pf_din_text_comp_proregular";}

.siteMap-head .zh{ color: #333333; font-size: 15px; line-height: 1.2;}

.siteMap-body{ padding-bottom: 10px;}

.siteMap-list li{ margin-bottom: 20px;}

.siteMap-list a.sm-item{ font-weight: bold; color: #333;}

.siteMap-sub dd{ float: left; display: block; margin-right: 15px;}

.siteMap-sub dd:last-child{ margin-right: 0;}

.siteMap-sub-nav a{ margin: 0px 8px;}

.siteMap-foot{ padding: 40px 0px 45px; border-top: 1px solid #cccccc; }

.siteMap-foot .item{ padding-bottom: 18px; line-height: 1.5;}

.siteMap-foot .icon{ width: 40px; height: 40px; background-color: #a0733e; background-position: center center; background-repeat: no-repeat; border-radius: 50%; margin-right: 10px;}

.siteMap-foot .address{ background-image: url(../images/siteMap-f1.png);}

.siteMap-foot .phone{ background-image: url(../images/siteMap-f2.png);}

.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.menuOpen .siteMap-overlay{ opacity: 1; visibility: visible;}

.menuOpen .siteMap-nav{ right: -18px;}

.footBox{ background:url(../images/foot_bg.jpg) repeat #1f2019; padding: 72px 0px 66px; color: #fff;}

.iboxInner{ max-width: 1640px; margin: 0px auto; width: 86%;}

.iboxInner2{ max-width: 80%; margin: 0px auto; width: 86%;}

.iboxInnercp{ max-width: 1280px; margin: 0px auto; width:100%;}

.foot a:link, .foot a:visited { color: #fff;}

.foot a:active,.foot a:hover { color: #b18d61;} 

.foot .item1,.foot .item2{ float: left; display: block; width: 50%; position: relative;}

.footT{ color: #948778;}

.footT .addE{ font-size: 22px;}

.footC{ padding: 15px 0px 25px;}  

.footLink{ font-size: 12px; color: #fff; line-height: 2.8;}

.footLink .line{ padding: 0px 8px;}

.foot-link-nav{ float: left; display: block;}

/*.footLink a,.footLink .line{ float: left; display: block;}*/



.mapLink{ border: 1px solid #a0733e; padding: 0px 22px; margin-top:25px; float: left; display: block;}

.mapLink .txt{ background: url(../images/map_ico.png) no-repeat scroll left center; padding-left: 30px; color: #a0733e; transition: 300ms; -webkit-transition: 300ms; }

.mapLink:hover{ border-color: #fff;}

.mapLink:hover .txt{ color: #fff; background-image: url(../images/map_ico2.png);}



.oaLink{ border: 1px solid #a0733e; padding: 0px 22px; margin-top:25px; float: left; display: block;margin-left: 15px;}

.oaLink .txt{ background: url(../images/oa_ico.png) no-repeat scroll left center; padding-left: 30px; color: #a0733e; transition: 300ms; -webkit-transition: 300ms; }

.oaLink:hover{ border-color: #fff;}

.oaLink:hover .txt{ color: #fff; background-image: url(../images/oa_ico2.png);}

.text-center{text-align: center;}


.emailLink{ border: 1px solid #a0733e; padding: 0px 22px;margin-top:25px; margin-left: 15px; float: left; display: block;}

.emailLink .txt{ background: url(../images/email_ico.png) no-repeat scroll left center; padding-left: 30px; color: #a0733e; transition: 300ms; -webkit-transition: 300ms; }

.emailLink:hover{ border-color: #fff;}

.emailLink:hover .txt{ color: #fff; background-image: url(../images/email_ico2.png);}



.footB{ font-size: 12px; color: #666;}

.footB a:link{color: #666;}

.smlink{ margin-left: 16px;}

.ermBox{ width: 136px; float: right; display: block; margin:0px 50px 0px 22px;}

.ermBox .img img{ width: 100%; display: block; }

.ermBox .txt{ color: #ffffff; background-color: #a0733e; font-size: 11px; text-align: center; height: 34px; line-height: 34px; overflow: hidden; }

.blackTop{ background: url(../images/blackTop.png) no-repeat scroll center bottom; width: 24px; height: 98px; position: absolute; right: 0px; bottom: 0;}

.blackTop:hover{ bottom: 10px;}

.link-select-box a:link, .link-select-box a:visited { color: #fff;}

.link-select-box a:active,.link-select-box a:hover { color: #fff;}  

.link-select-box { background-color: #a0733e; font-family: arial, helvetica, sans-serif; width: 258px; height: 46px; position: relative; line-height: 46px; transition: 300ms; -webkit-transition: 300ms; color: #fff;  float: right; margin-top: 124px; }

.link-select-box .mt { padding: 0 58px 0 15px; position: relative; cursor: pointer; line-height: 46px; }

.link-select-box .mt .aw { width: 46px; position: absolute; top: 0; bottom: 0; right: 0px; background: url(../images/link_select_ico.png) no-repeat scroll center center; height: 100%; transition: 300ms; -webkit-transition: 300ms; }

.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 46px; display: none; }

.link-select-box:hover{ background-color: #876235;}

.link-select-box ul { background-color: #ac8d68; padding: 8px 0; overflow: hidden; }

.link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px;}

.link-select-box a:hover { background-color: #d0b493; }

.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

.pinner{ width: 80%; max-width: 1520px; margin: 0px auto;}

.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 .load-yy{ background: url(../images/bg_yy2.png)  repeat-x scroll left bottom; position: absolute; left: 0; width: 100%; height: 100%; bottom: 0;}

.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%; bottom: 12%; color: #fff; visibility: hidden;}

.pbanner-C .t{ font-size: 18px; margin-bottom: 8px;}

.pbanner-C .c{ font-size: 40px; line-height: 1.2; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei";}

.pbanner-C.inview { visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1; }

.pbanner-C article{ position: relative; float: left;}

.tlbg:after{ background-color: rgb(176,125,65); background-color: rgba(176,125,65,0.8); content: ""; width: 102%; height: 100%; position: absolute; top: 0px; left: -2%;transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;  z-index: 1; transform-origin:left top 0; -webkit-transform-origin:left top 0;}

.inview .tlbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}

.no-csstransitions .pbanner-C article:after{ background-color: transparent;}

.pageNavBox { height: 52px;}

.pageNavBox a:link, .pageNavBox a:visited { color: #fff;}

.pageNavBox a:active,.pageNavBox a:hover { color: #a0733e;}    

.pagenav { background-color: #a0733e; width: 100%;}

.pagenav.fixed{ position: fixed; left: 0; top: 52px; z-index: 1000;}

.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}

.cpnavbox { height: 52px; line-height: 50px; -webkit-transition:height 0.3s;  transition:height 0.3s;}

.cpnavbox a { height: 52px; text-align: center; color: #ffffff; display: inline-block; margin-left: -3px; padding: 0px 20px;  *display: inline; *zoom: 1; position: relative;}

.cpnavbox a:before{ content:""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}

.cpnavbox a:last-child:after{ content:""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}

.cpnavbox a:hover, .cpnavbox a.active { background-color: #fff; color: #a0733e; }

.cpnav { display: none; width: 100%; color: #fff; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; background-color: #a0733e; 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; }

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



.price-neiye .subnav{margin:0px auto 0px auto;padding:20px 0 0 0; /* height:90px;line-height: 90px;*/}

.price-neiye .subnav>.item{  color: #fff;border: 2px solid #4c3720; background: #4c3720;display: inline-block;

   /* width: 90px;  height: 32px;  line-height: 32px; */

    padding: 5px 15px; margin-right:8px;margin-bottom:8px;border-radius:25px;}

.price-neiye .subnav>.item.on,.price-neiye .subnav>.item:hover{  background: #fff; border: 2px solid #fff;color: #4c3720;}

/* Slider */

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }

.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }

.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }

.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #a0733e; }

#videobox_wrapper { height: 100%!important; }

.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }

.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }

.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }

.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }

.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }

.jwlogo, .jwclick { display: none!important; }

.jwdisplayIcon{ background:  none no-repeat!important;}

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/* Dots */

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }

.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

@-webkit-keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}



@keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }

}

/* pswp = photoswipe */

.pswp {

  display: none;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  overflow: hidden;

  -ms-touch-action: none;

  touch-action: none;

  z-index: 1500;

  -webkit-text-size-adjust: 100%;

  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */

  -webkit-backface-visibility: hidden;

  outline: none; }

  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }

  .pswp img { max-width: none; }



.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open { display: block; }

.pswp--zoom-allowed .pswp__img {

  /* autoprefixer: off */

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {cursor: -webkit-grab; cursor: -moz-grab;cursor: grab; }

.pswp--dragging .pswp__img {cursor: -webkit-grabbing; cursor: -moz-grabbing;cursor: grabbing; }

.pswp__bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background:url(../images/black_90.png) repeat;

  background:none rgba(0,0,0,0.9);

  opacity: 0;

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  will-change: opacity; }



.pswp__scroll-wrap {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden; }



.pswp__container,

.pswp__zoom-wrap {

  -ms-touch-action: none;

  touch-action: none;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0; }



/* Prevent selection and tap highlights */

.pswp__container,

.pswp__img {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

      user-select: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none; }



.pswp__zoom-wrap {

  position: absolute;

  width: 100%;

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  /* for open/close transition */

  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }



.pswp__bg {

  will-change: opacity;

  /* for open/close transition */

  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }



.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none;transition: none; }



.pswp__container,.pswp__zoom-wrap { -webkit-backface-visibility: hidden; }



.pswp__item {position: absolute;left: 0;right: 0; top: 0; bottom: 0;overflow: hidden; }

.pswp__img {position: absolute;width: auto;height: auto; top: 0; left: 0; }

.pswp__img--placeholder { -webkit-backface-visibility: hidden; }

.pswp__img--placeholder--blank {background: #222; }

.pswp--ie .pswp__img { width: 100% !important; height: auto !important;left: 0; top: 0; }

.pswp__error-msg {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  text-align: center;

  font-size: 14px;

  line-height: 16px;

  margin-top: -8px;

  color: #CCC; }

.pswp__error-msg a {color: #CCC;text-decoration: underline; }

.pswp__button {

  width: 44px;

  height: 44px;

  position: relative;

  background: none;

  cursor: pointer;

  overflow: visible;

  -webkit-appearance: none;

  display: block;

  border: 0;

  padding: 0;

  margin: 0;

  float: right;

  opacity: 0.75;

  -webkit-transition: opacity 0.2s;

          transition: opacity 0.2s;

  -webkit-box-shadow: none;

          box-shadow: none; }

.pswp__button:focus,.pswp__button:hover { opacity: 1; }

.pswp__button:active { outline: none;opacity: 0.9; }

.pswp__button::-moz-focus-inner { padding: 0;  border: 0; }



.pswp__ui--over-close .pswp__button--close { opacity: 1; }

.pswp__button{

  background: url(../images/default-skin.png) 0 0 no-repeat;

  background-size: 264px 88px;

  width: 44px;

  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {

  .pswp--svg .pswp__button, {background-image: url(../images/default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left{background: url(../images/i_banner_l.png) no-repeat scroll center center;}

  .pswp--svg .pswp__button--arrow--right{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}

  .pswp--svg .pswp__button--close{ color: #fff;}

 }

.pswp__button--close { background-position: 0 -44px;}

.pswp__button--share {background-position: -44px -44px; }

.pswp__button--fs { display: none; }

.pswp--supports-fs .pswp__button--fs { display: block; }

.pswp--fs .pswp__button--fs {background-position: -44px 0; }

.pswp__button--zoom {display: none;background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom { display: block; }

.pswp--zoomed-in .pswp__button--zoom {background-position: -132px 0; }

.pswp--touch .pswp__button--arrow--left,

.pswp--touch .pswp__button--arrow--right {visibility: hidden; }

.pswp__button--arrow--left,

.pswp__button--arrow--right { top: 50%; background: url(../images/img_l1.png) no-repeat scroll center center #FFF; margin-top: -23px;width: 44px;height: 44px; position: absolute; border: 1px solid #FFF; border-radius:25px;}

.pswp__button--arrow--left {left: 2%; }

.pswp__button--arrow--right { right: 2%; background-image: url(../images/img_r1.png);}

.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{ border-color: #a0733e; background-color: #a0733e;}

.pswp__counter,.pswp__share-modal { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }

.pswp__share-modal {

  display: block;

  background: rgba(0, 0, 0, 0.5);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  padding: 10px;

  position: absolute;

  z-index: 1600;

  opacity: 0;

  -webkit-transition: opacity 0.25s ease-out;

          transition: opacity 0.25s ease-out;

  -webkit-backface-visibility: hidden;

  will-change: opacity; }

.pswp__share-modal--hidden {display: none; }

.pswp__share-tooltip {

  z-index: 1620;

  position: absolute;

  background: #FFF;

  top: 56px;

  border-radius: 2px;

  display: block;

  width: auto;

  right: 44px;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);

          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);

  -webkit-transform: translateY(6px);

      -ms-transform: translateY(6px);

          transform: translateY(6px);

  -webkit-transition: -webkit-transform 0.25s;

          transition: transform 0.25s;

  -webkit-backface-visibility: hidden;

  will-change: transform; }

.pswp__share-tooltip a { display: block;  padding: 8px 12px; color: #000;text-decoration: none;font-size: 14px; line-height: 18px; }

.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }

.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in { opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.pswp--touch .pswp__share-tooltip a {padding: 16px 12px; }

a.pswp__share--facebook:before {

  content: '';

  display: block;

  width: 0;

  height: 0;

  position: absolute;

  top: -12px;

  right: 15px;

  border: 6px solid transparent;

  border-bottom-color: #FFF;

  -webkit-pointer-events: none;

  -moz-pointer-events: none;

  pointer-events: none; }

a.pswp__share--facebook:hover {background: #3E5C9A; color: #FFF; }

a.pswp__share--facebook:hover:before {border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {background: #55ACEE;color: #FFF; }

a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; }

a.pswp__share--download:hover {background: #DDD; }

.pswp__counter { float: left; height: 44px;  font-size: 13px;line-height: 44px;color: #FFF; opacity: 0.75;padding: 0 10px; }

.pswp__caption {position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }

.pswp__caption__center {text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff; }

.pswp__caption__center .xzy-zan{ float: right; display: block;}

.pswp__caption--empty {display: none; }

.pswp__caption--fake{ visibility: hidden;}

.pswp__preloader {width: 44px;height: 44px;position: absolute; top: 0;left: 50%; margin-left: -22px;opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity;direction: ltr; }

.pswp__preloader__icn {width: 20px; height: 20px;margin: 12px; }

.pswp__preloader--active {opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active { opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {background: none;opacity: 0.75; width: 14px;height: 14px;position: absolute;left: 15px;top: 15px;margin: 0; }

.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px;overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {-webkit-box-sizing: border-box;box-sizing: border-box;width: 14px;height: 14px;border: 2px solid #FFF;border-radius: 50%;border-left-color: transparent;border-bottom-color: transparent;position: absolute;top: 0;left: 0;background: none;margin: 0; }

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

  .pswp__preloader {position: relative;left: auto; top: auto;  margin: 0;float: right; } 

}

@-webkit-keyframes clockwise {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



@keyframes clockwise {

  0% {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg); } }



@-webkit-keyframes donut-rotate {

  0% {

    -webkit-transform: rotate(0);

            transform: rotate(0); }

  50% {

    -webkit-transform: rotate(-140deg);

            transform: rotate(-140deg); }

  100% {

    -webkit-transform: rotate(0);

            transform: rotate(0); } }



@keyframes donut-rotate {

  0% {-webkit-transform: rotate(0);transform: rotate(0); }

  50% { -webkit-transform: rotate(-140deg);transform: rotate(-140deg); }

  100% { -webkit-transform: rotate(0);transform: rotate(0); }

}

.pswp__ui {-webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }

.pswp__top-bar {position: absolute;left: 0; top: 0; height: 44px;width: 100%; }

.pswp__caption,

.pswp__top-bar,

.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right {

  -webkit-backface-visibility: hidden;

  will-change: opacity;

  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--has_mouse .pswp__button--arrow--left,

.pswp--has_mouse .pswp__button--arrow--right {visibility: visible; }

.pswp__top-bar,

.pswp__caption {background-color: rgba(0, 0, 0, 0.5); }

.pswp__ui--fit .pswp__top-bar,

.pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); }

.pswp__ui--idle .pswp__top-bar { opacity: 1; }

.pswp__ui--idle .pswp__button--arrow--left,

.pswp__ui--idle .pswp__button--arrow--right {opacity: 0; }

.pswp__ui--hidden .pswp__top-bar,

.pswp__ui--hidden .pswp__caption,

.pswp__ui--hidden .pswp__button--arrow--left,

.pswp__ui--hidden .pswp__button--arrow--right {opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */

.pswp__ui--one-slide .pswp__button--arrow--left,

.pswp__ui--one-slide .pswp__button--arrow--right,

.pswp__ui--one-slide .pswp__counter {display: none; }

.pswp__element--disabled {display: none !important; }

.pswp--minimal--dark .pswp__top-bar {background: none; }

#gallery2 .pswp__caption__center{ text-align: center; font-size: 18px;}

/*main style end*/

/*index style*/

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }

.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }

.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }

.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }

.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }

.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }

.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }

.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }

.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }

.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }

.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

.banner a:link, .banner a:visited { color: #fff;}

.banner a:active,.banner a:hover { color: #b07d41;}  

.banner { position: relative; overflow: hidden; }

.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }

.binbox{ position: absolute; left: 7%; bottom: 72px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.3); padding-left: 50px;}

.binbox .t{ color: #fff; font-size: 40px; line-height: 1.1; margin-bottom: 10px; overflow: hidden;  font-weight: bold;}

.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}

.binbox .con{ height: 160px; overflow: hidden;}

.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";text-transform:uppercase;font-size: 12px;}

.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #a0733e; height: 6px; overflow: hidden;}

.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 300px;}

.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}

.banner .slick-prev{ left: 7%; }

.banner .slick-next{ left: 7%; margin-left: 74px;}

.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}

.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}

.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(176,125,65,0.8);}

.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}

.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}

.banner-yy{ background: url(../images/bg_yy.png) repeat-x;background-size:100% 100%; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}

.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}

.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}

.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }

@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}

.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }

.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}

.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}

.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}

.banner .slick-dots li:last-child:before{ height: 50%;}

.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}

.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}

.banner .slick-dots li a:focus{ outline: none; }

.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }

.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}

.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -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; }

}

.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular";text-transform:uppercase;font-size: 12px; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}

.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}

.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}

.iboxT .zh{ color: #a0733e;}

.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}

.ibox dd{ float: left; display: block; width: 50%; position: relative;}

.ibox .img{ overflow: hidden; position: relative;}

.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}

.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}

.videoIbox a:link, .videoIbox a:visited { color: #fff;}

.videoIbox a:active,.videoIbox a:hover { color: #a0733e;}

.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px;}  

.videoIbox .vico{ background: url(../images/videoIco.png) no-repeat scroll center center; width: 55px; height: 55px; margin: 0px auto; display: block; cursor: pointer;}

.videoIbox .iboxT{ padding: 15px 0px;}

.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}

.videoIbox .moreBtn{ margin: 0px auto;}

.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}

.ibox dd:hover .img img{ -webkit-transform:scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}

.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}

.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}

.aboutIbox .t{ font-size: 18px; color: #a0733e; line-height: 1.5;}

.aboutIbox .by{ color: #a0733e; font-weight: bold; font-size: 30px; line-height: 1.3; }

.aboutIbox .i{ width: 500px;height:85px; overflow: hidden; margin: 4% 0px 8%;line-height: 1.8;}

.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #666666;}

.numList li:last-child{ margin-right: 0;}

.numList .num{ font-size: 60px; color: #733e1f; line-height: 1.1; font-family: 'Baiduan Number';}

.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: 0; background-image: url(../images/more_bg2.png);}

.aboutIbox .moreBtn:before{ background-image: url(../images/more_bg3.png);}

.aboutIbox a:link, .aboutIbox a:visited { color: #a0733e;}

.aboutIbox a:active,.aboutIbox a:hover { color: #000;}

.industryIbox{ position: relative; overflow: hidden; color: #fff;}

.industryIbox a:link, .industryIbox a:visited { color: #fff;}

.industryIbox a:active,.industryIbox a:hover { color: #a0733e;}

.industryIDemo{ position: relative; overflow: hidden;}

.industryIDemo .item{ position: relative; opacity: 1 !important;}

.industryIDemo .img{ position: relative; overflow: hidden;}

.industryIDemo .img img{ width: 100%; display: block;}

.industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.industryIDemo .con{ position: absolute; left: 7%; top: 20%; width: 820px;  transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}

.industryIDemo .t{ font-size: 24px; line-height: 1.5; color: #dcb379;}

.industryIDemo .by{ font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1.2; margin-top: 5px;}

.industryIDemo .txt{ color: #fff; margin-top: 28px; height: 50px; overflow: hidden;}

.industryIDemo .slick-active{ z-index:800 !important;}

.industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s;}

.industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; }

@-webkit-keyframes slideIn {

    0% { -webkit-transform: translateX(-100%); opacity: 1; }

    100% { -webkit-transform: translateX(0); opacity: 1; }

}

@keyframes slideIn {

    0% { transform: translateX(-100%); opacity: 1; }

    100% { transform: translateX(0); opacity: 1; }

}

@-webkit-keyframes imgIn {

    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }

    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }

}

@keyframes imgIn {

    0% { transform: translateX(100%); opacity: 1; }

    100% { transform: translateX(0); opacity: 1; }

}

.industryIDemo .slick-active .con { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; }





.industryINav{ position: absolute; left: 0; bottom: 0; width: 100%;}

.industryINav .item{ float: left; display: block; width: 33.33%; cursor: pointer;}

.industryINav .itemC{ border-left: 1px solid #fff; border-top: 1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); padding: 85px 50px 0px; height: 255px; text-align: center; position: relative; z-index: 1;}

.industryINav .itemC:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background: url(../images/cs_90.png) repeat; background:none rgba(160,115,62,0.9); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }

.industryINav .ico{ width: 60px; height: 60px; display: block; margin: 0px auto 15px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.industryINav .t{ font-size: 16px; line-height: 1.5; margin-bottom: 2px;}

.industryINav .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.2; margin-bottom: 8px;}

.industryINav .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 22px; transition:  0.3s; -webkit-transition:  0.3s;}

.industryINav .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden;}

.industryINav .moreBtn:hover .txt{ color: #000;}

.industryINav .moreBtn:before{ background-image: url(../images/more_bg3.png);}

.industryINav .slick-current .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.industryINav .slick-current .itemC:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }

@keyframes gelatine {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}

@-webkit-keyframes gelatine {

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

}

.industryINav .slick-current .addico{ opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.industryINav .slick-current .moreBtn{ opacity: 1; visibility: visible;}

.industryINav .itemC:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.industryINav .itemC:hover .addico{ transform: rotate(90deg); -webkit-transform: rotate(90deg);}

.bgf8{ background-color: #f8f8f8;}

.twoIbox{ position: relative; overflow: hidden; z-index: 1;}

.twoIbox .bgf8{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; z-index: -1;}

.newIbox{ background-color: #fff; float: left; display: block; width: 57.6%; padding-right: 4%; padding-top: 86px; height: 648px;}

.fashionIbox{ float: left; display: block; width: 34.4%; margin-left: 4%; padding-top: 86px; height: 648px;}

.twoIbox .iboxT a:link, .twoIbox .iboxT a:visited { color: #a0733e;}

.twoIbox .iboxT a:active,.twoIbox .iboxT a:hover { color: #000;}  

.twoIbox .iboxT .moreBtn{ float: right; background-image: url(../images/more_bg2.png); margin-top: 4px;}

.twoIbox .iboxT .moreBtn:before{ background-image: url(../images/more_bg3.png);}

.ilinkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}

.newIbox-first{ position: relative; overflow: hidden; margin: 40px 0px 25px; color: #909090;}

.newIbox-first .img{ float: left; display: block; margin-right: 30px; width: 230px; overflow: hidden; height: 136px; background-color: #000;}

.newIbox-first .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;}

.newIbox-first .time{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; font-size: 16px; color: #a0733e;}

.newIbox-first .line{ padding: 0px 10px;}

.newIbox-first .title{ margin: 10px 0px; color: #333333; font-size: 18px; line-height: 1.2; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.newIbox-first .txt{ height: 50px; overflow: hidden;}

.newIbox-first:hover .title{ color: #a0733e;}

.newIbox-first:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}

.newIbox-list{ border-top: 1px solid #e7e7e7; padding-top: 22px;}

.newIbox-list a:link, .newIbox-list a:visited { color: #7a7a7a;}

.newIbox-list a:active,.newIbox-list a:hover { color: #7a7a7a;}  

.newIbox-list li{ position: relative; z-index: 1;}

.newIbox-list li:before { content: ""; z-index: -1; position: absolute; left: -1%; top: 0px; width: 101%; height: 100%; background-color: #ececec; -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; }

.newIbox-list li:hover: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; }

.newIbox-list li a{ height: 36px; line-height: 36px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.newIbox-list .time{ color: #a0733e; font-size: 16px; padding-right: 10px; font-family: "pf_din_text_comp_proregular";}

.fashionIbox-list1{ padding-bottom: 35px;}

.fashionIbox-list li{ padding: 22px 0px 0;/* border-bottom: 1px solid #c9c9c9;*/}

.fashionIbox-list li:last-child{ border-bottom: 0px none;}

.fashionIbox-item{ position: relative; overflow: hidden; padding:0px 10px 0px 116px; height: 132px; transition:0.2s; -webkit-transition:0.2s; background-color: #ffffff;}

.fashionIbox-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; position: absolute; left: 0; top: 0;}

.fashionIbox-list1 .fashionIbox-item{ padding: 0px 10px 0px 206px;}

.fashionIbox-list1 .fashionIbox-item .img{ width: 182px;}

.fashionIbox-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 

.fashionIbox-item .t{ margin-top: 40px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}

.fashionIbox-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fashionIbox-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #d0b493; display: block; visibility: hidden; opacity: 0; margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}

.fashionIbox-item:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.fashionIbox-item:hover .t{ margin-top: 16px;} 

.fashionIbox-item:hover .btn{ opacity: 1; visibility: visible;} 

.fashionIbox-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}

.partnerIbox a:link, .partnerIbox a:visited { color: #fff;}

.partnerIbox a:active,.partnerIbox a:hover { color: #fff;}  

.partnerIbox{ background-color: #a0733e; padding: 52px 0px; color: #fff;}

.partnerIbox .iboxT .zh{ color: #fff;}

.partnerIbox .iboxT .en{ color: #e2c8aa;}



.partnerIbox2 a:link, .partnerIbox a:visited { color: #fff;}

.partnerIbox2 a:active,.partnerIbox a:hover { color: #fff;}  

.partnerIbox2{background-color: #a0733e; padding: 62px 0px; color: #fff;}

.partnerIbox2 .iboxT .zh{ color: #752d03;}

.partnerIbox2 .iboxT .en{color: #b5b4b3;font-size: 16px;line-height: 1.5; padding-left: 0; text-transform: uppercase;}

.partnerI-line2{overflow: hidden; line-height: 0; margin: 12px 0px 15px;}

.partnerIdemo2 .item{ margin: 0px 5px;}

.partnerIdemo2 .item a{ overflow: hidden; display: block; position: relative;color: #826440; background: #fff;; text-align: center;}

.partnerIdemo2 .item a div{padding:10px 0;}

.partnerIdemo2 .item img{ max-width: 100%; display: block; margin: 0px auto; -webkit-transition: 0.6s; transition: 0.6s;}

.partnerIdemo2 .slick-list {}

.partnerIdemo2 .slick-arrow{ width: 34px; height: 34px; top: -80px; z-index: 200; border-radius: 50%; border: 1px solid #3c1605;}

.partnerIdemo2 .slick-arrow i{  display: block; width: 100%; height: 100%; position: relative; z-index: 2;}

.partnerIdemo2 .slick-prev{ right: 55px;}

.partnerIdemo2 .slick-prev i{ background: url(../images/img_l1.png) no-repeat scroll center center;}

.partnerIdemo2 .slick-next{ right: 10px;}

.partnerIdemo2 .slick-next i{ background: url(../images/img_r1.png) no-repeat scroll center center;}

.partnerIdemo2 .item:hover img{  transform: scale(0.9); -webkit-transform: scale(0.9);}



.partnerI-line{ border-top: 1px solid #ac8d68; border-bottom: 1px solid #805f38; height: 0px; overflow: hidden; line-height: 0; margin: 12px 0px 38px;}

.partnerIdemo .item{ margin: 0px 5px;}

.partnerIdemo .item a{ display: block; position: relative; background: #fff; border-radius:20px; color: #826440; text-align: center; padding: 5px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.partnerIdemo .item img{ max-width: 100%; display: block; margin: 0px auto; -webkit-transition: 0.6s; transition: 0.6s;}

.partnerIdemo .slick-list { height: 60px;}

.partnerIdemo .slick-arrow{ width: 34px; height: 34px; top: -90px; z-index: 200; border-radius: 50%; border: 1px solid #3c1605;}

.partnerIdemo .slick-arrow i{  display: block; width: 100%; height: 100%; position: relative; z-index: 2;}

.partnerIdemo .slick-prev{ right: 55px;}

.partnerIdemo .slick-prev i{ background: url(../images/img_l1.png) no-repeat scroll center center;}

.partnerIdemo .slick-next{ right: 10px;}

.partnerIdemo .slick-next i{ background: url(../images/img_r1.png) no-repeat scroll center center;}

.partnerIdemo .item:hover img{  transform: scale(0.9); -webkit-transform: scale(0.9);}



.cpIdemo .item{ margin: 0px 0.5px; background: #fff; text-align: center; }

.cpIdemo .item a{ overflow: hidden; display: block; position: relative; background: #fff; color: #888; text-align: center; padding: 0px;background: #fff;-webkit-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-moz-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-o-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;;text-decoration:none;}

.cpIdemo .item a:hover{color: #fff; -webkit-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-moz-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-o-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;;text-decoration:none;}

.cpIdemo .item .cptxt{padding: 15px 0;}

.cpIdemo .item:hover{ background:#3e2f1e; color: #fff;-webkit-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-moz-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;-o-transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;transition:all 0.5s ease-out, color 0.4s ease-out, text-shadow 0.3s linear;;text-decoration:none;}

.cpIdemo .item img{ max-width: 100%; display: block; margin: 0px auto; -webkit-transition: 0.3s; transition: 0.3s;}

.cpIdemo .slick-list { }

.cpIdemo .slick-arrow{ width: 34px; height: 34px; top: -80px; z-index: 200; border-radius: 50%; border: 1px solid #3c1605;}

.cpIdemo .slick-arrow i{ display: block; width: 100%; height: 100%; position: relative; z-index: 2;}

.cpIdemo .slick-prev{ right: 45px;}

.cpIdemo .slick-prev i{ background: url(../images/img_l1.png) no-repeat scroll center center;}

.cpIdemo .slick-next{ right:0px;}

.cpIdemo .slick-next i{ background: url(../images/img_r1.png) no-repeat scroll center center;}

.cpIdemo .item:hover img{ -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.bgf1{background: #f1f1f1;}



.indexn .pt1n .input_text{width: 95%;height: 50px;line-height: 50px;font-size: 16px;color: #fff;padding-left: 5%;background-color: #71bf45;outline: 0;border: 0;}

.indexn .pt1n .input_text::-webkit-input-placeholder{color: #fff;}

.indexn .pt1n .input_text::-moz-input-placeholder{color: #fff;}

.indexn .pt1n .input_text::-ms-input-placeholder{color: #fff;}



.indexn .pt1_r{float: right;width: 50%;}

.indexn .pt1_r form{position: relative;margin-bottom: 20px;}

.indexn .pt1_r .input_text{width: 95%;height: 50px;line-height: 50px;font-size: 16px;color: #fff;padding-left: 5%;background-color: #71bf45;outline: 0;border: 0;}

.indexn .pt1_r .input_text::-webkit-input-placeholder{color: #fff;}

.indexn .pt1_r .input_text::-moz-input-placeholder{color: #fff;}

.indexn .pt1_r .input_text::-ms-input-placeholder{color: #fff;}



.indexn .pt1_rn form .pt1_sub{position: absolute;border: 0;outline: 0;right: 20px;font-size: 28px;font-weight: bold;top: 50%;background-color: transparent;color: #fff;margin: 0;margin-top: -18px;cursor: pointer;}

.indexn .pt1_rn .box_a a{float: left;border: 1px solid #3b5f7d;height: 28px;line-height: 28px;padding: 0 17px;color: #fff;margin-right: 10px;margin-bottom: 10px;}

.indexn .pt1_rn .box_a a:hover{border-color: #fff;color: #0491e9;background-color: #fff;}



/*index style end*/

/*about style*/

.speech-Pbox a:link, .speech-Pbox a:visited { color: #fff;}

.speech-Pbox a:active,.speech-Pbox a:hover { color: #fff;}  

.speech-Pbox{ background-position: left top; background-color: #362c2a; background-repeat: no-repeat; background-size: cover; color: #fff; position: relative;display: none;}

.speech-Pbox .pinner{ position: relative;}

.speech-Pbox .img,.speech-Pbox .con{ float: left; display: block; width: 50%;}

.speech-Pbox .img img{ width: 100%; display: block; max-width: 100%;}

.speech-Pbox .con{ position: absolute; right: 10%; top: 0%; height: 100%; text-align: right;}

.speech-Pbox .t{ font-size: 60px; line-height: 1.2; margin-bottom: 15px;}

.speech-Pbox .c{ font-size: 20px;}

.speech-Pbox .qm{ margin-top: 40px;}

.speech-Pbox .more{ background: url(../images/cs_50.png) repeat; background: rgba(160,115,62,0.5); position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 10px 0px 15px;}

.speech-Pbox .moreBtn{ margin: 0px auto;}

.surveyPCon a:link, .surveyPCon a:visited { color: #a0733e;}

.surveyPCon a:active,.surveyPCon a:hover { color: #000;}  

.surveyPCon{ padding: 120px 0px 135px;}

.survey-title{ margin-bottom: 35px;}

.survey-title .year{ font-size: 165px; font-family: "Baiduan Number"; text-transform: uppercase; color: #e8e8e8; line-height: 1;}

.survey-title .year span{ font-family: "pf_din_text_comp_proregular";}

.survey-title .zh{ color: #752d03; position: relative; margin-top: -50px; font-size: 30px; line-height: 1;}

.survey-c{ width: 545px; height: 175px; overflow: hidden; margin-bottom: 30px;line-height: 1.72;}

.moreBtn2{ background-image: url(../images/more_bg2.png);}

.moreBtn2 .txt{ color: #a0733e;}

.moreBtn2:before{ background-image: url(../images/more_bg3.png);}

.moreBtn2:hover .txt{ color: #000;}

.surveyPbox .pinner{ position: relative;}

.survey-plist{ position: absolute; right: 10%; bottom: 0; width: 40%; color: #fff;}

.survey-plist li{ display: block; float: left; width: 31.33%; text-align: center; padding: 40px 1%;}

.survey-plist .num{ font-size: 50px; line-height: 1; font-family: "Baiduan Number";}

.memorabiliaPbox a:link, .memorabiliaPbox a:visited { color: #fff;}

.memorabiliaPbox a:active,.memorabiliaPbox a:hover { color: #a0733e;}  

.memorabiliaPbox{ padding: 130px 0px 0px; color: #fff;}

.pboxT .t{ font-size: 24px; color: #c6a47b;}

.pboxT .by{ color: #fff; font-size: 36px;}

.memorabiliaDemo{ margin-top: 60px;  padding: 54px 0px 154px 14px; width: 800px; position: relative;}

.memorabiliaDemo .mouseIco{ left: 38px; margin-left: 0;}

.memorabiliaDemo .line{ width: 4px; height: 100%; position: absolute; left: 10px; top: 0; background-color: #c6a47b;}

.memorabiliaDemo .yd{ background: url(../images/memorabilia_d.png) no-repeat scroll center center; width: 25px; height: 25px; position: absolute; left: 0; top: 0;}

.memorabiliaBox{ height: 386px; overflow: hidden;  cursor:url(../images/mouse.png) 16 16, default;}

.memorabiliaBox .mCSB_scrollTools{ visibility: hidden !important;}

.memorabilia-list dd{ position: relative; padding:0px 0px 35px 104px;font-size: 16px;}

.memorabilia-list .year{ position: absolute; left: 0; padding-left: 27px; width: 84px;}

.memorabilia-list .year i{ width: 9px; height: 4px; background-color: #c6a47b; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 0px 2px 2px 0px;}

.structure-pbox{ position: relative; overflow: hidden;}

.structure-pbox .img{ float: right; display: block; width: 50%; overflow: hidden;}

.structure-pbox .img img{ width: 100%; display: block;}

.structure-pbox .con{ position: absolute; left: 10%; top: 0; width: 32%; height: 100%;}

.pboxT2 .zh{ font-size: 30px; color: #752d03; line-height: 1.2;}

.pboxT2 .en{ color: #b5b4b3; font-size: 18px; font-family: "pf_din_text_comp_proregular"; line-height: 1.5; text-transform: uppercase;}

.structure-pbox .txt{ height: 76px; overflow: hidden; margin: 8% 0px 9%;}

.honor-pbox-bg a:link, .honor-pbox-bg a:visited { color: #fff;}

.honor-pbox-bg a:active,.honor-pbox-bg a:hover { color: #a0733e;} 

.honor-pbox-bg{ padding: 130px 0px 85px; width: 785px; margin: 0px auto; text-align: center; color: #fff;}

.honor-pbox-bg .by{ margin: 15px 0px 25px;} 

.honor-pbox-bg .t{ font-size: 36px; line-height: 1.2; margin-bottom: 23px;}

.honor-pbox-bg .c{ margin-bottom: 70px;}

.magrinC{ margin: 0px auto;}

.responsibility-pbox{ padding: 140px 0px; color: #fff;}

.responsibility-pbox a:link, .responsibility-pbox a:visited { color: #fff;}

.responsibility-pbox a:active,.responsibility-pbox a:hover { color: #a0733e;}  

.responsibility-pbox-bg{ margin-left: 10%; width: 32%;}

.responsibility-pbox-bg .txt{ margin: 5% 0px 8%;}

.responsibility-pbox-bg .moreBtn:before{ background-image: url(../images/more_bg.png);}

.responsibility-pbox-bg .moreBtn:hover .txt{ color: #fff;}

.inner1000{ width: 1000px; margin: 0px auto;}

.pagePading,.pagePading1,.pagePading2{ padding: 60px 0px;}

.pagePading3{ padding:50px;}

.pageC a:link, .pageC a:visited { color: #a0733e;}

.pageC a:active,.pageC a:hover { color: #000;}  

.pageC img{ max-width: 100% !important; height: auto !important;}

.otherNav{ padding-top: 60px;}

.otherNav .moreBtn{ float: right; }

.structure-img{ border-top: 1px solid #c2c2c2; padding: 42px 0px 60px; margin-top: 30px; text-align: center;}

.structure-img img{ display: block; margin: 0px auto;}

.structure-list{ border-top: 1px solid #c2c2c2; margin-top: 42px;}

.structure-list dd{ padding: 42px 0px 25px; border-bottom: 1px solid #c2c2c2;}

.structure-list .t{ color: #a0733e; font-size: 24px; line-height: 1.4; margin-bottom: 4px;}

.openOdd{ width: 186px; height: 38px; line-height: 38px; text-align: center; color: #fff; background-color: #a0733e; display: block; margin: 50px auto 0;}

.openOdd:hover{ background-color: #666;}

.openOdd .txt{ color: #fff; background: url(../images/serach_bg3.png) no-repeat scroll left center; padding-left: 26px; font-style: inherit;}

.social-con{ margin: 30px 0px 50px; padding: 30px 0px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2;}

.social-txt{ height: 76px; overflow: hidden;}

.social-reading-btn{ background-color: #aca094; width: 162px; height: 34px; line-height: 34px; text-align: center; color: #fff; display: block; margin:-1px 0px 60px;}

.social-reading-btn .txt{ color: #fff; background: url(../images/reading-btn.png) no-repeat scroll right center; padding-right: 32px;}

.social-reading-btn:hover{ background-color: #a0733e;}

.social-reading-btn.on .txt{ background-image: url(../images/reading-btn2.png);}

.social-list a:link, .social-list a:visited { color: #666;}

.social-list a:active,.social-list a:hover { color: #a0733e;}  

.social-list{ padding-bottom: 10px;}

.social-list dd{ float: left; display: block; width: 48%; margin-left: 4%; position: relative; margin-bottom:20px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 20px; cursor: zoom-in;}

.social-list dd:nth-of-type(odd){ margin-left: 0;}

.social-list .img{ position: relative; overflow: hidden;}

.social-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.0); transition:0.6s; -webkit-transition:0.6s;}

.social-list .txt{ overflow: hidden; text-align: center; padding: 20px 5% 0px; line-height: 1.5; height: 25px;} 

.social-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.social-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}

.social-list dd:hover .txt{ color: #a0733e;}

.bgfafbfd{ background-color: #fafbfd;}

.pageC-zh{ font-size: 30px; color: #752d03; margin-bottom: 30px; line-height: 1.2;}

/*about style end*/

/*new style start*/

.dly_5 .pt2n .wrapn{position: relative;}

.dly_5 .pt2n .moreBtn{ position: absolute; right: 0; top: 12%; background-image: url(../images/more_bg2.png);}

.dly_5 .pt2n .moreBtn:before{ background-image: url(../images/more_bg3.png);}


.dly_6 .pt2n .wrapn{position: relative;}

.dly_6 .pt2n .moreBtn{ position: absolute; right: 0; top: 4%; background-image: url(../images/more_bg2.png);}

.dly_6 .pt2n .moreBtn:before{ background-image: url(../images/more_bg3.png);}



.newbg{ background:#eee;}

.news{ padding:86px 0 62px;}

.tnew{ background:#fff; padding:7px 0px;}

.tnew a{ display:block; float:left; height:37px; line-height:37px; padding: 0px 25px; margin: 0px 8px; color:#666666; font-size:14px; text-align:center;}

.tnew .l{ height:37px; line-height:37px; font-size: 12px; color: #ccc;}

.tnew a:hover,.tnew a.active{ color:#fff; background:#aca094;}

.newlist{ width:1254px; position:relative; left:-27px; margin-top:48px;}

.newlist li{ width:33.33333%; float:left; margin-bottom:70px;}

.newlist li a{ display:block; margin:0 27px;}

.newlist li figure{ display:block; line-height:1; overflow:hidden;}

.newlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.48s; -webkit-transition:0.48s; -moz-transition:0.48s; -o-transition:0.48s; transform:scale(1.07); -webkit-transform:scale(1.07); -moz-transform:scale(1.07);}

.newtext{ padding-top:15px; height:152px; position:relative;}

.newtext h3{ color:#7c6b5b; font-size:18px; line-height:1.2; margin-bottom:14px; font-weight:normal;}

.newtext p{ color:#999999; font-size:14px; height:50px; overflow:hidden;}

.nline{ padding-bottom:13px; border-bottom:1px solid #a39486; position:absolute; width:100%; left:0; bottom:0;}

.nline:before{ content:""; width:100%; height:1px; background:#000; position:absolute; left:0; bottom:-1px; 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;}

.nline time{ display:block; float:left; line-height:1; color:#a0733e; font-size:16px; font-family:"pf_din_text_comp_proregular";}

.nline i{ display:block; width:7px; height:15px; background:url(../images/narrow.png) center no-repeat; float:right; margin-top:2px; transition:0.22s; margin-right:5px;}

.newlist li:hover figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.newlist li:hover .nline:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.newlist li:hover .nline i{ margin-right:2px; transition:0.22s 0.2s;}



.writtens{ margin-top:30px; padding-top:18px; background:#fff; padding-bottom:18px;}

.writtens li{ position:relative; padding:46px 66px 0 58px;}

.writtens li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f3f2ee; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}

.writtenwr{ position:relative; padding-bottom:34px; border-bottom:1px solid #cccccc; transition:0.3s;}

.writtens li:last-child .writtenwr{ border-bottom:none;}

.writtenle{ float:left;}

.writtenle time{ display:block; color:#8e7f6f; font-size:24px; font-family:"pf_din_text_comp_proregular"; line-height:1; margin-bottom:14px;}

.writtenle span{ display:block; line-height:1; color:#8e7f6f; font-size:14px;}

.writtenfix{ width:88.28%; float:right;}

.writtenfix h3{ line-height:1.2; color:#333333; font-size:18px; font-weight:normal; margin-top:-3px; margin-bottom:16px;}

.writtenfix p{ color:#999999; font-size:14px;}

.writtens li:hover .writtenwr{ border-bottom-color:#f3f2ee; transition:0.3s 0.3s;}

.writtens li:hover:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}

/*.nview{ padding-bottom:30px}*/

.newview{ width:1000px; margin:auto; margin-top:-185px; padding-bottom:50px; background:#fff; position:relative; }

.newtitle{ padding:38px 60px 24px; border-bottom:2px solid #e2e2e2; position:relative;}

.newtitle h3{ color:#333333; font-size:30px; line-height:1.2; margin-bottom:18px; font-weight:normal;}

.newtitle time{ display:inline-block;color:#666666; font-size:12px; font-family:"Arial"; line-height:16px;}

.shared{ margin-top:10px;}

.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}

.more-fen-btn{ float: right; display: block; color: #fff; background-color: #a0733e; padding:4px 16px;}

.more-fen-btn:hover{ background-color: #999;}

.sharelist1{ margin-left:4px; float:left;}

.sharelist1 li{ float:left;}

.sharelist1 li a{ height:28px; display:block; position:relative;}

.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}

.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}

.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}

.sharelist1 li:last-child{ margin-right:0;}

.sharelist1 li a.icon-share1{ background:url(../images/weixin.png) center no-repeat;}

.sharelist1 li a.icon-share2{ background:url(../images/qq.png) center no-repeat;}

.sharelist1 li a.icon-share3{ background:url(../images/weib.png) center no-repeat;}

.sharelist1 li a.icon-share4{ background:url(../images/weibx.png) center no-repeat;}

.sharelist1 li:hover a{ opacity:0.7;}

.newv{ margin:27px 60px 54px; overflow: hidden;}

.newv a:link,.newv a:visited { color:#666666;}

.newv a:active,.newv a:hover { color:#a0733e;}

.newv p{ color:#666666; font-size:15px;}

.newv img{ max-width:100% !important;  height: auto !important;}

.previous{ padding-top:22px; border-top:1px solid #aaaaaa; position:relative; margin:0 56px;}

.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}

.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}

.previous .prev{ float:left;}

.previous .prev i{ background:url(../images/arrow1.png) center no-repeat; margin-right:16px;}

.previous .next{ float:right;}

.previous .next i{ background:url(../images/arrow2.png) center no-repeat; margin-left:16px;}

.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background:#a0733e; position:absolute; left:50%; margin-left:-72px; top:22px;}

.backlist:hover{ background:#1f1c1a; color:#ffffff;}

.previous .previ:hover{ background:#a0733e; border-color:#a0733e; color:#fff;}

.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}

.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}



.videoli{ margin-top:38px; margin-bottom:20px;}

.videoli li{ width:48.33333%; float:left; margin-bottom:40px; transition:0.43s;}

.videoli li:nth-child(2n+2){ float:right;}

.videoli li figure{ line-height:1; position:relative; overflow: hidden;}

.videoli li figure img{ width:100%;display: block; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}

.videoli li .videoIbox .vico{ position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-27px;}

.videotext{ background:#fff; padding:18px 30px 0; height:72px;}

.videotext p{ font-size:14px; transition:0.32s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.videspan{ padding:30px 12px; background:#fff;}

.videspan span{ display:block; text-align:center; color:#666666; font-size:18px; transition:0.38s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.videoli li:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}

.videoli li:hover .videotext p{ color:#a0733e;}

.videoli li:hover .videspan span{ color:#a0733e;}

.videoli li:hover figure img{ transform: initial; -webkit-transform: initial;}

/*new style end*/ 



/*culture style*/

.culturePage{ margin-top: 80px;}

.cultureTab{ color: #fff;}

.cultureTab a:link, .cultureTab a:visited { color: #fff;}

.cultureTab a:active,.cultureTab a:hover { color: #fff;}  

.cultureTab td{ width: 33.33%; padding: 40px 5% 50px; vertical-align: top;}

.cultureTab .ico{ float: left; display: block; margin-right: 10px;}

.cultureTab .zh{ display: block; font-size: 18px; padding-top: 25px; line-height: 1.2;}

.cultureTab .en{ font-family: "pf_din_text_comp_proregular";}

.cultureTab .t{ margin-bottom: 25px;}

.cultureTab .c p{ padding-left: 10px; position: relative;}

.cultureTab .c p:before{ content: ""; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #fff; display: block;}

.yiyuetwo-list{ padding: 30px 0px 10px;}

.yiyuetwo-list a:link, .yiyuetwo-list a:visited { color: #666;}

.yiyuetwo-list a:active,.yiyuetwo-list a:hover { color: #a0733e;}  

.yiyuetwo-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 30px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; padding-bottom: 15px; cursor: zoom-in;}

.yiyuetwo-list dd:nth-child(3n){ margin-right: 0;}

.yiyuetwo-list .img{ position: relative; overflow: hidden;}

.yiyuetwo-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}

.yiyuetwo-list .txt{ height: 42px; line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 0px;}

.yiyuetwo-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.yiyuetwo-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}

.yiyuetwo-list dd:hover .txt{ color: #a0733e;}

.listPage{ background-color: #fff; margin-top: 0px; padding:0px;}

.fashionlist{ position: relative;}

.fashionlist:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; background-color: #E1E1E1; width: 100%;}

.fashionlist li{ float: left; display: block; width: 50%; border-bottom: 1px solid #e1e1e1; position: relative; padding: 30px 0px;}

.fashionlist li:nth-child(odd):before{ content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #E1E1E1;}

.fashion-item{ margin:0px 0px 0px 68px; position: relative; padding: 0px 10px 0px 114px; height: 134px;}

.fashionlist li:nth-child(odd) .fashion-item{ margin:0px 68px 0px 0;}

.fashion-item .img{ overflow: hidden; background-color: #000000; width: 92px; height: 132px; border: 1px solid #cecece; position: absolute; left: 0; top: 0;}

.fashion-item .img img{ width: 100%; display: block; transition: 0.8s; -webkit-transition: 0.8s;} 

.fashionlist1 .fashion-item{ padding: 0px 10px 0px 202px;}

.fashionlist1 .fashion-item .img{ width: 182px;}

.fashion-item .t{ margin-top: 20px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:0.35s; -webkit-transition:0.35s;}

.fashion-item .time{ font-family: "pf_din_text_comp_proregular"; color: #999999; font-size: 16px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fashion-item .btn{ width: 110px; height: 22px; line-height: 22px; text-align: center; overflow: hidden; color: #fff; background-color: #999999; display: block;  margin-top: 15px; transition:0.35s; -webkit-transition:0.35s;}

.fashion-item:hover{ background-color: #f9fafc;}

.fashion-item:hover .btn{ background-color: #d0b493;}

.fashion-item:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06); opacity: 0.8; filter: alpha(opacity=80);}

.ca0733e{ color: #a0733e;}

.submissionImg{ float: right; display: block; margin-left: 5%; width: 30%;}

.submissionImg img{ width: 100%; display: block;}

.submissionCon{ float: left; display: block; width: 65%;}

.submissionBtn{ display: block; width: 190px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #a0733e; margin-top: 50px;}

.submissionBtn .txt{ color: #fff; background: url(../images/submission_ico.png) no-repeat scroll left center; padding-left: 30px; }

.submissionBtn:hover{ background-color: #666666;}

.open-box-close{ background: url(../images/close_i2.png) no-repeat scroll center center; width: 30px; height: 30px; background-size: 60% auto; display: block;  position: absolute; right: 40px; top: 30px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}

.open-box-close:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.bmBox{ width: 80%; max-width: 570px; background-color: #ffffff; padding: 30px 40px 58px;}

.open-content {margin: 0px auto; position: relative; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.open-show,.open-show body{ overflow-y: hidden;}

.open-show .open-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.open-show  .open-modal {opacity: 1;visibility: visible;}

.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;background: url(../images/black_50.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch;opacity: 0; display: none; }

.bmBox .t{ font-size:30px; background: url(../images/submission_ico2.png) no-repeat scroll left center; padding-left: 48px; color: #a0733e;}

.bmBox .line{ border-bottom: 1px solid #a0733e; border-top: 1px solid #a0733e; height: 2px; margin: 24px 0px 40px;}

.bmBox .list li{ float: left; display: block; width: 48%; margin-bottom: 16px;}

.bmBox .list li.item{ margin-right: 4%;}

.bmtxt{ border: 1px solid #d1d1d1; padding: 16px 5%; width: 90%;}

.bmBox input[type="text"]:focus, .bmBox textarea:focus { border-color: #a0733e; }

.scbox{ position: relative; overflow: hidden;}

.scbtnfile{ position: absolute; left: 0; top: 0; z-index: 10; filter: alpha(opacity=0); opacity: 0; height: 46px; line-height: 46px; width: 48%;}

.scbtn{ width: 48%; background-color: #a0733e; height: 46px; line-height: 46px; text-align: center; display: block; color: #fff; margin-bottom: 22px;}

.scbtn .txt{ background: url(../images/down.png) no-repeat scroll left center; padding-left: 42px; color: #fff;}

.scbtn:hover{ background-color: #666666;}

.yzmbox{ padding-right: 196px; position: relative; margin-bottom: 30px;}

.yzmbox .yzmLink{ position: absolute; right: 0; top: 0;}

.bmBtn{ height: 48px; line-height: 48px; text-align: center; display: block; color: #fff;  background-color: #a0733e; }

.bmBtn:hover{ background-color: #666666;}

/*culture style end*/

/*industry style*/

.ilogo{ margin-bottom: 32px;}

.ilogo img{ max-width: 70% !important; vertical-align: middle;}

.industry-erm{ padding-top: 30px;}

.industry-erm a:link, .industry-erm a:visited { color: #666;}

.industry-erm a:active,.industry-erm a:hover { color: #a0733e; text-decoration: underline;}  

.industry-erm .erm{ float: left; display: block; width: 96px; overflow: hidden; text-align: center; margin-right: 36px;}

.industry-erm .erm img{ display: block; width: 100%; margin-bottom: 0px;}

.industry-erm .link{ float: left; display: block; margin-top: 35px; line-height: 1.4;}

.industry-erm .link .ico{ width: 40px; height: 40px; float: left; display: block; margin-right: 16px; border: 1px solid #666; border-radius: 50%; background: url(../images/link_ico.png) no-repeat center center;}

.industry-erm .link span{ float: left; display: block;}

.industry-Page{ padding: 150px 0px 70px; text-align: center;}

.w795{ width: 795px; margin: 0px auto; overflow: hidden;}



.industry-Page .t{ font-size: 30px; color: #a0733e; line-height: 1.4; margin-bottom: 10px;}

.industry-Page .by{ font-weight: bold; font-size: 36px; color: #383838; line-height: 1.2; margin-bottom: 28px;}

.industry-Page .txt{ margin-bottom: 28px;}

.industry-Page .en{ color: #999999; font-size: 16px; font-family: "pf_din_text_comp_proregular"; margin-bottom: 50px;}

.industry-Page .en span{ position: relative; padding: 0px 10px;}

.industry-Page .en span:before,.industry-Page .en span:after{ content: ""; width: 128px; height: 1px; display: block; position: absolute; top: 50%; background-color: #a0a0a0;}

.industry-Page .en span:before{ left: 100%;}

.industry-Page .en span:after{ right: 100%;}

.pbot{ background: url(../images/pbot_1.png) no-repeat scroll center center; width: 71px; height:71px; display: block; margin: 0px auto; position: relative;}

.pbot i{ background: url(../images/pbot_ico1.png) no-repeat scroll center center; width: 12px; height: 16px; position: absolute; left: 50%; top: 20px; margin-left: -6px;-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;}

.industrys{ overflow:hidden; height: 790px;}

.industry-list a:link, .industry-list a:visited { color: #fff;}

.industry-list a:active,.industry-list a:hover { color: #fff;}  

.industry-list li{ width:33.33%; float:left; overflow:hidden; position:relative; transition:width 455ms;}

.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: 790px;}

.industry-list li figure img{ display:none; height:790px;}

.industry-list li .black-40{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.industry-item{ width: 330px; padding: 20px; height: 312px; position: absolute; left: 50%; top: 50%; margin: -176px 0px 0px -185px; text-align: center; z-index: 1;}

.industry-item:before{content: ""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;}

.industry-item p{ transition:  0.3s; -webkit-transition: 0.3s;}

.industry-item .ico{ width: 60px; height: 60px; display: block; margin: 70px auto 4px; position: relative; transition:  0.3s; -webkit-transition: 0.3s;}

.industry-item .ico i{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.industry-item .ico .i1{ display: block;}

.industry-item .ico .i2{ display: none;}

.industry-item .t{ font-size: 16px; line-height: 1.2; margin-bottom: 5px;}

.industry-item .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.1;}

.industry-item .by{ color: #666666; opacity: 0; visibility: hidden; line-height: 1.1;}

.industry-item .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 42px; transition:  0.3s; -webkit-transition: 0.3s;}

.industry-item .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden; background-image: url(../images/more_bg2.png);}

.industry-item .moreBtn .txt{ color: #A0723E;}



.industryListPage1{ position: relative;}

.pbot2{ background-image: url(../images/pbot_2.png); position: absolute; left: 50%; margin-left: -35px; bottom: -35px;}

.pbot2 i{ background-image: url(../images/pbot_ico2.png);}

.industry-one-l{ margin: 40px auto; width: 835px; border-left: 1px solid #E8E8E8;}

.industry-one-l li{ float: left; display: block; width: 24%; font-size: 12px; border-right: 1px solid #E8E8E8; text-align: center; padding: 18px 0px;}

.industry-one-l .num{ font-size: 58px; line-height: 1; font-family: "Baiduan Number"; color: #752d03;}

.blackBtn .txt{ background: url(../images/arrow3.png) no-repeat scroll left center; padding-left: 20px;}

.blackBtn:hover .txt{ background-image: url(../images/arrow5.png);}

.industryList-tbox .img{ float: left; display: block; width: 12%; text-align: center;}

.industryList-tbox .img p{ width: 80%;}

.industryList-tbox .ico img{ display: block; width: 90px; margin: 0px auto 15px;}

.industryList-tbox .t{ font-size: 24px; line-height: 1.4; color: #333333;}

.industryList-tbox .con{ float: right; display: block; width: 84%; border-left: 1px solid #cccdce; padding-left: 3%;}

.industryList-tdemo{ margin: 55px auto 0px;}

.industryList-tdemo .item{ float: left; position: relative; overflow: hidden;}

.industryList-tdemo .img{ overflow: hidden;}

.industryList-tdemo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}

.industryList-tdemo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.industryList-tdemo .txt{ position: absolute; left: 0; bottom: 0; padding: 10px 5%; width: 90%; text-align: center; color: #fff; line-height: 1.5;}

.industryList-tdemo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }

.industryList-tdemo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; }

.industryList-tdemo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; }

.industryList-tdemo .slick-prev:hover { background-position: right center; }

.industryList-tdemo .slick-next:hover { background-position: left center; }

.industryList-ibox{ margin-top:0px;}



.industry-list-one a:link, .industry-list-one a:visited { color: #333333;}

.industry-list-one a:active,.industry-list-one a:hover { color: #a0733e;}  

.industry-list-one a.item{ display: block;position: relative; overflow: hidden;}

.industry-list-one li{ background-color: #fff;}

.industry-list-one li .img{ width: 50%; display: block; position: relative; overflow: hidden;}

.industry-list-one li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}

.industry-list-one .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }

.industry-list-one .con{ color: #7f7e7e; width: 32%; height: 100%; position: absolute;  top: 0%;}

.industry-list-one .con .ico{ display: block; width: 90px; margin-bottom: 12px;}

.industry-list-one .con .zh{ font-size: 36px; line-height: 1.2; margin: 10px 0px 15px; color: #333333;}

.industry-list-one .con .c{ /*height: 88px;*/ overflow: hidden; margin-bottom: 40px; line-height: 28px;}

.industry-list-one .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}

.industry-list-one .moreBtn{ background-image: url(../images/more_bg2.png);}

.industry-list-one .moreBtn .txt{ color: #a0733e;}

.industry-list-one .oneItem .con{ left: 56%;}

.industry-list-one .oneItem .bor{ left: 50%;}

.industry-list-one .twoItem .img{ margin-left: 50%;}

.industry-list-one .twoItem .con{ left: 12%;}

.filler { position: absolute; display: block; background-color: #cca36e; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }

.industry-list-one .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; }

.industry-list-one .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; }

.industry-list-one .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; }

.industry-list-one .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; }



.industry-one-img dd{ float: left; display: block; position: relative; width: 46%; margin:22px 2%; cursor: zoom-in;}

.industry-one-img .img{ overflow: hidden; position: relative;}

.industry-one-img .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}

.industry-one-img .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px solid rgba(255,122,0,0.26); box-sizing: border-box; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}

.industry-one-img .txt{ height: 60px; line-height: 60px; padding-right: 35px; color: #666666; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.industry-one-img .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ccc;}

.industry-one-img .ico{ background: url(../images/arrow7.png) no-repeat; width: 13px; height: 10px; position: absolute; right: 8px; top: 50%; margin-top: -5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.industry-one-img .txt:before{ content:""; width:100%; height:1px; background:#A0723E; position:absolute; left:0; bottom:0px; 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; z-index: 2;}

.industry-one-img dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.industry-one-img dd:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}

.industry-one-img dd:hover .txt:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.industry-one-img dd:hover .txt{ color: #a0733e;}

.industry-one-img dd:hover .ico{ background-image: url(../images/arrow6.png); right: 0;}



.industryListPage2{ position: relative;}

.industryListPage2  .ilogo{ margin-bottom: 20px;}

.industryListPage2  .pageC-zh{ margin-bottom: 35px;}

.industryListPage2 .ipnav{ margin-top: 50px;}

.industryListPage2 .iptx{ margin-bottom: 20px;}

.industry-list-two a:link, .industry-list-two a:visited { color: #333;}

.industry-list-two a:active,.industry-list-two a:hover { color: #333;}  

.industry-list-two dd{ float: left; display: block; width: 15.66%; overflow: hidden; margin-right: 1%; text-align: center; background-color: #f4f4f4;}

.industry-list-two figure{ overflow: hidden;}

.industry-list-two figure img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition: 0.5s; -webkit-transition: 0.5s;}

.industry-list-two .item{ display: block; padding-bottom: 175px; position: relative;}

.industry-list-two .con{ height: 230px; position: absolute; left: 0; bottom: 0; margin-bottom: -55px; width: 90%; padding: 30px 5% 0px; height: 200px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}

.industry-list-two .ico{ width: 50px; height: 50px; position: relative; margin: 0px auto 8px; display: block;}

.industry-list-two .ico i{ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.industry-list-two .ico .i1{display: block;}

.industry-list-two .ico .i2{display: none;}

.industry-list-two .zh{ font-size: 16px; line-height: 1.5; color: #333;}

.industry-list-two .en{ font-family: "pf_din_text_comp_proregular"; line-height: 1.2; color: #999999; margin-bottom: 30px;}

.industry-list-two .moreBtn{ opacity: 0; visibility: hidden;}

.industry-list-two .moreBtn .txt{ color: #fff;}



.industry-two-ul li{ position: relative;}

.ilink-ico1,.ilink-ico2{ width: 48px; height: 48px; border-radius: 50%; float: left; display: block; background-color: #b2a89c;}

.ilink-ico1 i,.ilink-ico2 i{ width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.ilink-ico1{ margin-right: 12px; margin-top: 15px;}

.ilink-ico2{ position: relative;}

.ilink-ico2 .wx-box { position: absolute; z-index: 1; top: 50%; left: 140%; width: 120px; height: 120px; margin-top: -75px; padding: 15px; border: 1px solid #fff; border-radius: 15px; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.22); transform: scale(0); transform-origin: 0% 50%; transition: all .5s; }

.ilink-ico2 .wx-box img { width: 100%; display: block;}

.ilink-ico2 .wx-box:before { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }

.ilink-ico2 .wx-box:after { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }

.ilink-ico2 .black-30{ display: none;}

.ilink-ico2.act .wx-box { opacity: 1; visibility: visible; transform: none; }

.industry-link .moreBtn{ margin-top: 20px;}

.industry-info-t{ border-bottom: 1px solid #aaaaaa; padding-bottom: 28px;}

.industry-link2{ float: right; display: block;}

.industry-link2 .ilink-ico2 .wx-box { left: auto; right: 140%; transform-origin: 100% 50%; }

.industry-link2 .wx-box:before { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }

.industry-link2 .wx-box:after { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; }

.industry-link-img{ margin-left: -1%;}

.industry-link-img li{ float: left; display: block; width: 15.66%; margin:20px 0px 0px 1%;}

.industry-link-img figure{ border: 1px solid #cccccc; overflow: hidden;}

.industry-link-img figure img{ width: 100%; display: block;}

.industry-previous{ margin: 0;}

.industry-info-banner-box{ padding-top: 5%;}

.industry-info-banner{ position: relative; height: 584px;}

.industry-info-banner .item{ position: relative;}

.industry-info-banner .img{ position: relative; overflow: hidden;}

.industry-info-banner .img img{ width: 100%; display: block; height: 584px;}

.industry-info-banner .slick-active .img { -webkit-animation: imgIn 1s ; animation: imgIn 1s;}

.industry-info-banner .slick-active .img img { -webkit-animation: slideIn 1s; animation: slideIn 1s; }

.industry-info-banner .slick-arrow{ background:url(../images/fz_i2.png) repeat; width:69px; height: 69px; z-index: 105; top: 50%; margin-top: -35px;}

.industry-info-banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}

.industry-info-banner .slick-prev{ left: -100px; }

.industry-info-banner .slick-next{ right: -100px;}

.industry-info-banner .slick-prev i{ background: url(../images/fz_ici1.png) no-repeat scroll center center;}

.industry-info-banner .slick-next i{ background: url(../images/fz_ici12.png) no-repeat scroll center center;}

.f30{ font-size: 30px; line-height: 1.5;}

.industry-info-page{ margin-bottom: 80px;}



.industrytwo6-page{ border-bottom: 1px solid #cccccc; padding-bottom: 40px; margin-bottom: 40px;}

.ipageT{ font-size: 24px; margin-bottom: 24px; line-height: 1.5; color: #a0733e;}

.isaleItem-list dd{ margin-bottom: 28px; background-color: #fff; position: relative;transition:0.43s;}

.isaleItem-list a:link, .isaleItem-list a:visited { color: #666666;}

.isaleItem-list a:active,.isaleItem-list a:hover { color: #a0733e;}  

.isaleItem-list .img{ overflow: hidden; }

.isaleItem-list .img img{ width: 100%; display: block;  transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);}

.isaleItem-list .con{ padding: 22px 202px 22px 5%; position: relative;}

.isaleItem-list .con p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}

.isaleItem-list .con .t{ font-size: 24px; color: #666666;}

.isaleItem-list .con .c{ color: #666666;}

.isaleItem-list .moreBtn{ position: absolute; right: 5%; top: 40%;}

.isaleItem-list dd:hover .img img{transform: initial; -webkit-transform: initial;}

.isaleItem-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}

.add-list{ padding: 50px 0px 0px;}

.add-list a:link, .add-list a:visited { color: #666;}

.add-list a:active,.add-list a:hover { color: #a0733e;}  

.add-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 20px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; cursor: zoom-in;}

.add-list dd:nth-child(3n){ margin-right: 0;}

.add-list .img{ position: relative; overflow: hidden;}

.add-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}

.add-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.add-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}



/*industry style end*/

/*industrytwo2*/

.s_logo{ display:block; margin:0 auto; max-width:100%; }

.store-ctt{ background:#fff; }

.store-list .spicbox{ width:50%; float:left; }

.spicbox{ position:relative; }

.store-list .txts{ width:50%; float:left; }

.s-ti{ font-size:30px; line-height:1.4; color:#a0733e; }

.store-list .txts .pa{ padding:60px 60px 0 60px; }

.store-list .txts .s-ti{ margin-bottom:27px; line-height: 1.2;}

/*.tools a{ width:48px; height:48px; border-radius:100%; background:#b2a89c; display:block; float:left; margin-right:12px; background-repeat:no-repeat; background-position:center center; }

.tools .s1{ background-image:url(../images/rr_s_ico_1.png); }

.tools .s2{ background-image:url(../images/rr_s_ico_2.png); }

.tools a:hover{ background-color:#a0733e; }*/

.store-list .txts .tools{ margin-top:37px; }

.store-list .txts .freeTx{ max-height:250px; overflow:hidden;font-size: 16px;}

.spicslide .pic img{ transform:none; -webkit-transform:none; }

.spicslide .slick-arrow{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px; z-index:99;  }

.spicslide .slick-arrow i{ display:block; width:100%; height:100%; position:relative; }

.spicslide .slick-arrow:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:300ms; -webkit-transition:300ms; } 

.spicslide .slick-prev{ left:18px; }

.spicslide .slick-next{ right:18px; }

.spicslide .slick-prev i{ background:url(../images/rr_sp_prev.png) no-repeat center center; }

.spicslide .slick-next i{ background:url(../images/rr_sp_next.png) no-repeat center center; }

.spicslide .slick-arrow:hover:before{ background:#a0733e; }

.spicbox .shadow,.hotel-list .shadow{ position:absolute; left:0; right:0; bottom:0; background:url(../images/rr_shadow.png) no-repeat center top; height:99px; z-index:99; background-size:100% 99px; }

.spicbox .actnum{ text-align:center; position:absolute; left:0; right:0; bottom:12px; color:#fff; z-index:99; }

.store-list li{background: linear-gradient(to right, #fff 0%,#eee 100%);}

.store-list .item1 .spicbox,.store-list .item1 .txts{ float:left; }

.store-list .item2 .spicbox,.store-list .item2 .txts{ float:right; }

.brands-box{ padding:56px 75px 65px 65px; }

.brandsList li{ width:14.86%; margin-left:1.8%; margin-bottom:1.8%; float:left; }

.brandsList{ margin-left:-1.8%; }

.brandsList .pic img{ transform:none; -webkit-transform:none; }

.brandsList .pic{ border:1px solid #ccc; transition:300ms; -webkit-transition:300ms; }

.brandsList li:hover .pic{ border-color:#a0733e; }

.brands-box .s-ti{ margin-bottom:20px; }

.brandsList{ margin-top:40px; }

.store-ctt{ margin-top:50px; }

.spicslide .item{ position:relative; }

/*industrytwo2 end*/

/*industrytwo3*/

.b-ti .b-logo{ float:left; width:237px; max-width:100%; display:block; }

.b-ti .ti{ font-size:24px; color:#a0733e; float:left; line-height:49px; margin-left:35px; }

.b-ti .tools{ float:right; }

.b-ti .tools a{ margin-left:12px; margin-right:0; }

.build-box{ background:#fff; }

.b-ti .freeTx{ margin-top:27px; border-top:1px solid #ccc; padding-top:27px; }

.b-ti{ padding:57px 75px 46px 65px; }

.b-ti .b{ float:left; }

.spicbox2 .actnum{ right:8%; left:auto; }

.spicbox2 .nowti,.hotel-list .nowti{ position:absolute; left:8%; right:8%; bottom:12px; font-size:18px; color:#fff; z-index:99; text-align:center; }

/*industrytwo3 end*/

/*industrytwo4*/

.hnav a{ display:block; width:50%; float:left; color:#666; font-size:0; text-align:center; }

.hnav{ border:1px solid #958d85; }

.hnav .ico,.hnav .ti{ display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; }

.hnav .ico{ height:56px; width:40px; background-position:center top; background-repeat:no-repeat; margin-right:3px; }

.hnav .ti{ font-size:14px; line-height:56px; }

.hnav .h1 .ico{ background-image:url(../img/rr_h_ico_1.png); }

.hnav .h2 .ico{ background-image:url(../img/rr_h_ico_2.png); }

.hnav a:hover .ti,.hnav a.act .ti{ color:#fff; }

.hnav a:hover,.hnav a.act{ background:#958d85; }

.hnav a:hover .ico,.hnav a.act .ico{ background-position:center bottom; }

.hotel-list dd{ width:32.53%; margin-left:0.8%; margin-bottom:2.2%; float:left; position:relative; color:#fff;  cursor: zoom-in;}

.hotel-list a{ color:#fff; }

.hotel-list{ margin-left:-0.8%; margin-top:60px; }

.hotel-list .shadow{ height:75px; background-size:100% 75px; }

.hotel-list .nowti{ left:15px; right:15px; font-size:14px; bottom:10px; }

.hotel-ctt{ background:#fff; margin-top:27px; }

.f-logo{ display:block; max-width:100%; }

.spicbox2 .f-logo{ position:absolute; left:60px; top:50px; z-index:99; }

.b-ti2{ border-bottom:1px solid #ccc; padding:0; padding-bottom:20px; }

.f-tx{ margin-top:60px; }

.f-tx.mt{ margin-top:35px; }

/*industrytwo4 end*/

/*hr style*/

.hrti { text-align: center; }

.hrti .ch { font-size: 30px; color: #752d03; line-height: 1.4; }

.hrti .en { font-family: "pf_din_text_comp_proregular"; font-size: 18px; text-transform: uppercase; line-height: 1.1; color: #b5b4b3; margin-top: 6px; }

.ipnav { text-align: center; font-size: 0; padding: 18px 0; margin-top: 70px; }

.ipnav li { display: inline-block; *zoom: 1;

*display: inline;

vertical-align: middle; width: 88px; height: 88px; font-size: 16px; color: #fff; position: relative; margin: 0 32px; cursor: pointer; }

.ipnav p { position: relative; padding-top: 30px; }

.ipnav li:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: 300ms; -webkit-transition: 300ms; }

.ipnav .ip1:before, .ipnav .ip1 span { background: #a0733e; }

.ipnav .ip2:before, .ipnav .ip2 span { background: #c6a47e; }

.ipnav .ip3:before, .ipnav .ip3 span { background: #958d85; }

.ipnav .ip4:before, .ipnav .ip4 span { background: #b8b8b8; }

.ipnav .ip5:before, .ipnav .ip5 span { background: #999999; }

.ipnav li:after { content: ""; position: absolute; left: 0; right: 0; height: 4px; background: url(../images/rr_hr_aw.png) no-repeat center bottom; bottom: 6px; transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

.ipnav li span { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg) scale(1.2); -webkit-transform: rotate(45deg) scale(1.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }

.ipnav li:hover span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }

.ipnav li.act span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; }

.ipnav li.act:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

.iptx { width: 720px; max-width: 100%; text-align: center; margin: 40px auto 0 auto; line-height: 2; }

.iptx li { display: none; transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; visibility: hidden; transition: 700ms; -webkit-transition: 700ms; }

.iptx li.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }

.hr1 { padding: 95px 0 70px 0; }

.fixbg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }

.hrti.color-w .ch { color: #fff; }

.workSlide .wa { color: #666; background: #fff; display: block; margin: 0 13px; }

.pic { overflow: hidden; }

.pic > img ,.pic>a> img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.05); -webkit-transform: scale(1.05);}

.scapic:hover img { transform: initial; -webkit-transform: initial; }

.workSlide .wa .nowti { text-align: center; padding: 18px 10px; }

.workSlide .wa:hover .nowti { color: #a0733e; }

.workSlide .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 0ms; -webkit-transition: 0ms; }

.workSlide .slick-prev { background: url(../images/rr_w_prev.png) no-repeat left center; left: -44px; }

.workSlide .slick-next { background: url(../images/rr_w_next.png) no-repeat right center; right: -44px; }

.moreBtn3 { color: #fff; margin: 0 auto; }

.moreBtn3:before{ background-image: url(../images/more_bg.png);}

.moreBtn3:hover .txt{ color: #fff;}

.workSlide { margin: 64px auto 62px auto; }

.hr2 .fixbg { padding: 82px 0 124px 0; }

.workSlide .slick-prev:hover { background-position: right center; }

.workSlide .slick-next:hover { background-position: left center; }

.orIndro .t { font-size: 16px; font-weight: bold; }

.orIndro a { color: #a0733e; }

.orIndro .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }

.orIndro .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #a0733e; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }

.orIndro .email:hover:before { width: 0; right: 0; left: auto; }

.orIndro { position: relative; /*padding-right: 240px;*/ margin-top: 46px; }

.setEmail { display: block; width: 222px; height: 38px; line-height: 38px; text-align: center; background: #a0733e; color: #fff !important; }

.setEmail:hover { background: #999; }

.orIndro .setEmail { position: absolute; right: 0; bottom: 6px; }

.orTable { margin-top: 36px; }

.orTable table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; color: #333; }

.orTable table td { border: 1px solid #ccc; padding: 16px 28px; }

.orTable table th { background: #a0733e; text-align: left; color: #fff; font-weight: normal; padding: 10px 28px; }

.orTable table .r1 { width: 27.75%; }

.orTable table .r2 { width: 72.25%; }

.orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 45px; padding-right: 45px; }

.orTable table a { color: #a0733e; margin-right: 58px; position: relative; }

.orTable table a:before { content: ""; width: 0; bottom: 0; height: 1px; background: #a0733e; left: auto; right: 0; transition: 300ms; -webkit-transition: 300ms; position: absolute; }

.orTable table a:hover:before { width: 100%; right: auto; left: 0; }

.hrPaging { padding: 75px 0 95px 0; }

.nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hrList{ margin: 25px 0px 0px;}

.hrList .hspan{ text-align:center;cursor:pointer; width: 15%; display: block; float: left; height: 50px; line-height: 50px;}

.hrList .hspan2{ text-align:center;cursor:pointer; width: 17%; display: block; float: left; height: 50px; line-height: 50px;overflow: hidden;}

.hrList .hspan1{ text-align: left; padding-left: 5%; width: 15%;}

.hrList .hrdt{ background-color: #b1b1b1; color: #fff;}

.hrList dd{ margin-bottom: 3px; position: relative;}

.hrList .hrdt{ height: 50px; overflow: hidden;}

.hrList .hrT{ background-color: #f2f2f2; color:#666666;}

.hrList .hrT .hspan{ line-height: 50px; height: 50px;}

.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}

.hrList .ib i{ display:block; background-color:#999999;}

.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}

.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}

.hrList .hrB{ border: 1px solid #dcbfa2; display: none;}

.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}

.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#a0733e; color: #fff;}

.hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;}

.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}

.hrList .active .ib .ic2{ display: none;}

.hline { border-top: 1px solid #eeeeee; padding: 22px 0px 0; margin-top: 35px; }

.hline a:link, .hline a:visited { color: #a0733e; text-decoration: underline; }

.hline a:active, .hline a:hover { color: #212121; }

/*hr style end*/

/*wing style*/

.service-ul{ padding: 0px 0px 10px;}

.service-ul dd{ padding-bottom: 0;}

.service-ul .txt{ height: 64px; overflow: hidden; line-height: 64px; text-align: center; padding: 0px 5%; text-overflow: ellipsis; white-space: nowrap;}

.wingBox { padding: 48px 0 63px 0; }

.pbg { background: #f9fafc; }

.yyPageNav { padding: 8px 2%;   }

.yyPageNav a { float: left;border-radius: 2px; background: #f1f1f1; color:#8c847c; line-height: 25px; padding: 5px 15px; margin-left: -1px; position: relative; transition: background 300ms; -webkit-transition: background 300ms;margin-right: 5px;margin-bottom:5px;}

.yyPageNav a:before { content: ""; height: 14px; width: 0px; background: #ccc; position: absolute; top: 50%; margin-top: -7px; right: 0; transition: 300ms; -webkit-transition: 300ms; }

.yyPageNav a:last-child:before{ display: none;}

.yyPageNav a:hover{ background: #998d81; color: #fff;} 

.yyPageNav a.active { background: #998d81; color: #fff; }

 .yyPageNav a.active:before { background: #998d81; }

.mywingtx { background: #fff; margin-top: 17px; padding: 0 70px 58px 80px; }

.witi { line-height: 1.4; font-size: 30px; color: #a0733e; }

.freeTx { line-height: 2; }

.wingIntro .txts { float: left; width: 68%; }

.wingIntro .txts .freeTx { margin-top: 25px; }

.wingIntro .pic { width: 21.7%; float: right; margin-top: 22px; }

.serviceList li { width: 33.33%; float: left; height: 230px; overflow: hidden; color: #fff; text-align: center; }

.serviceList .sv1 { background: #b2926e; }

.serviceList .sv2 { background: #958d85; }

.serviceList .sv3 { background: #bab3ab; }

.serviceList .ico { width: 76px; height: 76px; border: 1px solid #fff; margin: 0 auto; border-radius: 100%; display: block; background-repeat: no-repeat; background-position: center center; margin-bottom: 11px; }

.serviceList .sv1 .ico { background-image: url(../images/rr_wing_ico_1.png); }

.serviceList .sv2 .ico { background-image: url(../images/rr_wing_ico_2.png); }

.serviceList .sv3 .ico { background-image: url(../images/rr_wing_ico_3.png); }

.serviceList .ti { font-size: 18px; line-height: 1.4; margin-bottom: 4px; }

.serviceList .pa { padding: 25px 40px 0 40px; }

.serviceList li:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.serviceList { margin-top: 45px; }

.wing1 { padding: 75px 0 0 0; }

.ccList .freeTx { margin-left: 40%; }

.ccList li { position: relative; }

.ccList .picbox { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; }

.ccList .picbox img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 90%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; }

.ccList .freeTx .ti { font-weight: bold; color: #a0733e; }

.ccList .freeTx { padding: 37px 30px 40px 30px; border-left: 1px solid #d2d2d2; }

.ccList li { border-bottom: 1px solid #d2d2d2; }

.ccList { border: 1px solid #d2d2d2; border-bottom: none; margin-top: 16px; }

.ccList .cc1 .picbox { background: #f9fafc; }

.ccList .cc2 .picbox { background: #faf5e8; }

.wing2 { padding: 60px 0 0 0; }

.msImg { display: block; width: 100%; margin-top: 32px; }

.wing3 { padding: 60px 0 0 0; }

.handleCard { display: block; width: 305px; height: 49px; line-height: 49px; color: #fff; margin: 55px auto 0 auto; background-color: #a0733e; text-align: center;}

.handleCard span { padding-left: 50px; color: #fff; background: url(../images/rr_hc_ico.png) no-repeat 0px center; display: inline-block;}

.handleCard:hover { background-color: #999; }

.msTelBox { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 66px; }

.msTelBox .tel { font-size: 16px; padding-left: 50px; position: relative; }

.msTelBox .tel:before { content: ""; position: absolute; width: 35px; height: 35px; left: 0; top: 50%; margin-top: -17px; background: url(../images/rr_tel.png) no-repeat center center; }

.msTelBox .tel a { color: #666; cursor: auto; }

.msTelBox .tel em { font-style: normal; font-size: 18px; color: #a0723e; margin-right: 12px; }

.msTelBox .tel span { margin: 0 15px; }

.maIntro { margin-top: 50px; }

.maList .scapic { display: block; width: 31.33%; margin-left: 2%; margin-bottom: 2.5%; float: left; color: #666; background: #fff; padding-bottom: 14px; }

.maList { margin: 63px 0 8px -2%; }

.maList .tx { line-height: 18px; height: 36px; text-align: center; margin-top: 14px; padding: 0 30px; overflow: hidden;}

.maList .scapic:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }

.maList .scapic:hover .tx { color: #a0733e; }

.paging { background: #aca094; padding: 10px 0; position: relative; text-align: center; }

.paging a { padding: 0px 6px; height: 22px; color: #fff; line-height: 22px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 6px; }

.paging a.act, .paging a:hover { background-color: #8d7e70; }

.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 60px; padding: 0; background-repeat: no-repeat; background-position: center center; }

.paging .prev { left: 0; background-image: url(../images/rr_pager_prev.png); }

.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }

.ombox { background: #fff; padding:56px 0 78px 70px; margin-top:20px; }

.ombox .ti{ font-size:24px; color:#a0733e; line-height:1.4; margin-bottom:17px; }

.omForm .s-input,.omForm .s-textarea{ font-size: 14px; display:block; line-height:24px; border:1px solid #d1d1d1; padding:15px 25px; color:#666; transition:300ms; -webkit-transition:300ms; }

.omForm .clearfix .s-input{ width:465px; float:left; margin-right:20px; }

.omForm .clearfix .s-input:last-child{ margin-right:0; }

.omForm .s-textarea{ width:1002px; height:96px; resize: none;}

.omForm li{ margin-bottom:15px; overflow:hidden; }

.omForm .ma{ width:180px; border:1px solid #d1d1d1; float:left; overflow:hidden; height:54px; }

.omForm .ma img{ display:block; width:100%; }

.subBtn{border: 0px none; width:132px; height:49px; line-height:49px; text-align:center; display:block; background:#a0733e; color:#fff; cursor:pointer; margin-top:20px; transition:300ms; -webkit-transition:300ms; }

.subBtn:hover{ background:#666; }

.omForm .s-input:focus,.omForm .s-textarea:focus{ border-color:#a0733e; }

.omForm{ margin-top:22px; }

.cta-banner{ position: relative; overflow: hidden;}

.cta-banner .load-img2{ position: absolute; display: block; width: 100%;}

.cta-banner .pinner{ width:1200px; left:50%; margin-left:-600px; bottom:53%; }

.ctabox{ background:#fff; position:relative; z-index:99; margin-top:-20%; }

.ctabox .pa{ padding:60px 100px 50px 100px; }

.ctaList .namebox{ width:100%; float:left; }

.ctaList .namebox>div{height: 520px;}

.ctaList .ti{ font-size:22px; color:#333; line-height:1.4; padding-right:20px; padding-bottom: 20px; }

.ctaList .ctas{ width:45%; float:left; padding-left:5%; padding-bottom: 5%;}

.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative; padding-left:40px; margin-bottom:11px; padding-right:20px; } 

.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }

.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }

.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }

.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }

.ctaList .ctas .c4:before{ background-image:url(../images/rr_cta_ico_5.png); }

.ctaList .ctas .c5:before{ background-image:url(../images/rr_cta_ico_4.png); }

.ctaList .ctas .c6:before{ background-image:url(../images/rr_cta_ico_6.png); }

.ctaList .ctas a:hover{ color:#a0733e; }

.ctaList .mabox{ width:18%; float:left; }

.ctaList .mabox .ma{ width:150px; text-align:center; line-height:1.4; max-width:100%; }

.ctaList .mabox .ma img{ display:block; width:100%; }

.ctaList li{ /*border-bottom:1px solid #ccc;*/ padding:50px 0 50px 0; }

.ctaList{ border-top:2px solid #333; }

.ctaArea{ padding-bottom:75px; }

.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.ctabox1 .pa1{ padding:60px 100px 0px 100px; }

.ctaList1 .namebox1{ width:33%; float:left; }

.ctaList1 .ti1{ font-size:17px; color:#333; line-height:1.4; padding-right:20px; padding-bottom: 15px;}

.ctaList1 .ctas1{ width:100%; float:left; }

.ctaList1 .ctas1 .citme1{ color:#666; line-height:25px; display:block; position:relative; padding-left:40px; margin-bottom:11px; padding-right:0px; } 

.ctaList1 .ctas1 .citme1:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }

.ctaList1 .ctas1 .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }

.ctaList1 .ctas1 .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }

.ctaList1 .ctas1 .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }

.ctaList1 .ctas1 .c4:before{ background-image:url(../images/rr_cta_ico_5.png); }

.ctaList1 .ctas1 .c5:before{ background-image:url(../images/rr_cta_ico_4.png); }

.ctaList1 .ctas1 .c6:before{ background-image:url(../images/rr_cta_ico_6.png); }

.ctaList1 .ctas a:hover{ color:#a0733e; }

.ctaList1 .mabox1{ width:18%; float:left; }

.ctaList1 .mabox1 .ma1{ width:150px; text-align:center; line-height:1.4; max-width:100%; }

.ctaList1 .mabox1 .ma1 img{ display:block; width:100%; }

.ctaList1 ul{}

.ctaList1 li{ border-bottom:1px solid #ccc; padding:4% 0%; width:50%; float: left;}

.ctaList1{ border-top:2px solid #333;    display: inline-block;}

.ctaArea1{ padding-bottom:75px; }

.ctaList1 .ctas1 a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }

.slxsd{padding: 20px 0;border-bottom: #ccc 1px solid;}



.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #a0733e; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.wingshowBox .open-box-close{ background: url(../images/close_i2.png) no-repeat scroll center center; width: 45px; height: 45px; display: block; position: absolute; right: 0px; top: 0px;}

.open-box .wingshowBox {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.open-box  .open-modal {opacity: 1;visibility: visible;}

.open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;opacity: 0;background: url(../images/black_50.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; display: none; }

.align-vertical{ height: 100%; width: 100%; position: relative; display: table;}

.vertical-inner{display:table-cell; vertical-align: middle;}

/*wing end*/

/*add join style*/

.recruitment-list{ padding: 45px 0px 0px;}

.recruitment-list a:link, .recruitment-list a:visited { color: #666666;}

.recruitment-list a:active,.recruitment-list a:hover { color: #a0733e;}  

.recruitment-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 25px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff;}

.recruitment-list dd:nth-child(3n){ margin-right: 0;}

.recruitment-list .img{ position: relative; overflow: hidden;}

.recruitment-list .img img{ width: 100%; display: block;  transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}

.recruitment-list .txt{ line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 20px; text-overflow: ellipsis; white-space: nowrap;}

.recruitment-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.recruitment-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);}

.recruitment-list dd:hover .txt{ color: #a0733e;}

.recruitment-info{ background-color: #f2f2f2; padding: 30px 55px;}

.recruitment-select-box{ margin-top: 35px;}

.recruitment-select{ float: left; display: block; width: 60%;}

select.mar-sel { padding: 10px 26px 10px 8px; line-height: 18px; vertical-align: middle; border: 1px solid #959595; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft JhengHei"; color: #666666; font-size: 14px; font-family: "Microsoft Yahei","SimHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; margin:0px 2% 25px 0px; width: 40%; border-radius: 0;}

select.mar-sel option { padding: 2px 2%; box-sizing: border-box; }

select.mar-sel:hover { color: #101010; }

.csstransitions select.mar-sel { background: url(../images/link_select_ico2.png) no-repeat scroll 95% center; }

.recruitment-serach{ float: right; display: block; width: 200px; padding:0 88px 0 0; position: relative;}

.recruitment-serach .txt{ width: 80%; padding: 10px 10%; border: 1px solid #959595; border-right: 0px none; height: 22px; line-height: 22px;}

.recruitment-serach .btn{ position: absolute; right: 0; top: 0; width: 88px; text-align: center; height: 100%; line-height: 42px; color: #fff; background-color: #a0733e;}

.recruitment-serach .btn:hover{ background-color: #733E1F;}

.recruitment-serach .txt:focus{ border-color: #a0733e;}

.recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;}

.recruitment-select-t .en{ margin-left: 10px; color: #b5b4b3; font-family: "pf_din_text_comp_proregular"; text-transform: uppercase;}

.join-box-btn{ padding-top: 30px;}

.join-box-btn .btn{ float: left; display: block; background-color: #a0733e; color: #fff; padding: 10px 40px; margin-right: 30px;}

.join-box-btn .btn .txt{ background: url(../images/join_i0.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}

.join-box-btn .btn1 .txt{ background-image: url(../images/join_i1.png);}

.join-box-btn .btn2 .txt{ background-image: url(../images/join_i2.png);}

.join-box-btn .btn3 { margin-right: 0;}

.join-box-btn .btn3 .txt{ background-image: url(../images/join_i3.png);}

.join-box-btn .btn:hover{ background-color: #3C1605;}

.join-page-bg{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}

.join-form{ width: 744px; background-color: #fff; border: 1px solid #cacaca; padding: 35px 80px 75px; margin: 0px auto;}

.join-form .t{ font-size: 30px; color: #a0733e; background: url(../images/join_bm.png) no-repeat scroll left top; padding-left: 70px; border-bottom: 1px solid #a0733e; padding-bottom: 24px; line-height: 1.4;}

.join-form .line{ border-bottom: 1px solid #a0733e; margin-top: 2px; margin-bottom: 35px;}

.jfitem{ background-color: #f1f1f1; padding: 14px 18px 14px 70px; position: relative;}

.jfitem-2{ padding-left: 108px;}

.jfitem .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}

.jfitem .name{ position: absolute; left: 16px; color: #666666; top: 26%;}

.jformlist dd{ margin-top: 18px; float: left; display: block; width: 47%; margin-right: 6%;}

.jformlist dd.jfitem-ddr{ margin-right: 0;}

.jformBox2-t{ font-weight: bold; font-size: 18px; color: #a0733e; padding-bottom: 12px; border-bottom: 3px solid #dfdfdf; margin: 36px 0px;}

.jformBox2 .jformlist dd{ margin-top: 0; margin-bottom: 5px;}

.jformBox2 .title{ padding: 8px 0px; line-height: 1.5;}

.jformlist2 dd{ margin-bottom: 5px;}

.jfitem-bg{ background-color: #f1f1f1; padding: 14px 18px;}

.jfitem-bg .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}

.jfitem-bg .jftext{  width: 100%; line-height: 1.8; height: 90px; resize: none; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;}

.bge8e7e7{ background-color: #e8e7e7;}

.add-jform-box{ padding: 22px 0px 35px;}

.add-jform-btn{ background: url(../images/jmore.png) no-repeat scroll left center; padding:4px 0px 4px 35px; display: inline-block;}

.add-jform-btn:hover { background-image: url(../images/jmore2.png);}

.add-jform-btn:hover .txt{ color: #3C1605;}

.jf-yzm-box{ position: relative; padding-right: 194px;}

.jf-yzm-box .yzmlink{ display: block; position: absolute; right: 0; top: 0; width: 182px; border: 1px solid #D1D1D1; display: block;}

.jf-yzm-box .yzmlink img{ width: 100%; display: block;}

.jf-yzm-box .yzmtxt{ padding: 17px 5%; border: 1px solid #D1D1D1; width: 90%;}

.jf-yzm-box .yzmtxt:focus{ border-color: #a0733e;}

.jformBtn{ display: block; width: 100%; padding: 14px 0px; margin-top: 22px; color: #fff; background-color: #a0733e; text-align: center; }

.jformBtn .txt{ color: #fff;}

.jformBtn:hover{ background-color: #3C1605;}

.jfitem-line{ margin: 25px 0px 20px; height: 1px; background-color: #dfdfdf;}

.campusImg{ margin-top: 40px; overflow: hidden;}

.campusImg img{ width: 100%; display: block;}

.campus-demo{ margin: 35px auto 0px; width: 1024px;}

.campus-demo .item{ float: left; position: relative; overflow: hidden; margin: 0px 12px; cursor: zoom-in;}

.campus-demo .img{ overflow: hidden;}

.campus-demo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;}

.campus-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}

.campus-demo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; }

.campus-demo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; }

.campus-demo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; }

.campus-demo .slick-prev:hover { background-position: right center; }

.campus-demo .slick-next:hover { background-position: left center; }

.campus-demo .slick-prev.slick-disabled:hover{ background-position: left center;}

.campus-demo .slick-next.slick-disabled:hover{ background-position: right center;}

.campusPage{ margin-top: 50px;}

.campusPage .t{ font-size: 28px; font-weight: normal; color: #333; line-height: 1.5; margin-bottom: 26px;}

.campusPage .t2{ font-size: 18px; color: #333; margin-bottom: 10px;}

.campusPage table{ border-collapse:inherit;  width: 100% !important; }

.campusPage table td,.campusPage table th{  padding: 12px 3% !important; margin: 0px 0px!important;}

.campusPage table tr:nth-of-type(even){ background-color: #f9f9f9;}

.campusBtn{  display: block; background-color: #a0733e; color: #fff; padding: 18px 0px; margin-top: 60px; text-align: center;}

.campusBtn .txt{ background: url(../images/join_i4.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;}

.campusBtn:hover{ background-color: #3C1605;}

.jfitem-line2{ border-bottom: 3px solid #dfdfdf; margin-bottom: 36px; height: 0px; overflow: hidden;}

/*add join style end*/

/*serach style*/

.serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 84px); min-height: -webkit-calc(100vh - 84px);  min-height: calc(100vh - 84px); }

.pbanner2 { position:relative;background-color:#bab3ab; padding: 45px 0px 65px;}

.serachT {font-size:18px;color:#fff;padding:0px 2%;}

.serach-banner-box {position:relative;z-index:1;color:#fff; }

.serach-banner-box ::-webkit-input-placeholder {color:#fff;　}

.serach-banner-box :-moz-placeholder {color:#fff;}

.serach-banner-box ::-moz-placeholder {color:#fff;}

.serach-banner-box :-ms-input-placeholder {color:#fff;}

.serach-banner-box .t {font-size:28px;padding-bottom:8px;}

.serach-banner {position:relative;width:448px;padding:16px 84px 16px 24px;background-color:#a0733e;height:24px;line-height:24px;}

.serach-banner .txt {border:0px none;height:24px;line-height:24px;padding:0px;margin:0px;width:100%;background-color:transparent;font-size:14px;color:#fff;font-family:"microsoft yahei";}

.serach-banner .btn {position:absolute;right:0px;top:0px;width:84px;height:100%;background-color:#a0733e;}

.serach-banner .btn i {width:26px;height:26px;background:url(../images/serach_bg2.png) no-repeat scroll center center;background-size:cover;display:block;margin:15px auto;}

.serach-banner .btn:hover {background-color:#866135;}

.serachList a:link,.serachList a:visited {color:#333;}

.serachList a:active,.serachList a:hover {color:#a0733e;}

.serachList {padding:15px 0px 40px;}

.serachList dd {background-color:#F2F2F2;margin-bottom:4px;color:#333; transition: 0.3s;}

.serachList a {display:block;padding:12px 2%;line-height:1.4;}

.serachList .w-search-txt {color:#B07D41; font-size:16px;}

.search-t .r .xg {font-family:arial;color:#F28E00;}

.serachList dd:hover{ background-color:#DEDEDE;}

/*serach style end*/





/* 首页新闻 */

.fwb{ font-weight: bold; }

.rel{ position:relative; }

/*工具*/

.fix { *zoom: 1; *clear: both;}

.fix:before, .fix:after { display: table; clear: both; content: '';}

.oh { overflow: hidden; *zoom: 1;}

.fl { float: left;}.fr { float: right;}

.dib { display: inline-block; *display: inline; *zoom: 1;}

.pr { position: relative;}

.tc { text-align: center;}.tr { text-align: center;}

.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.hide { display: none;}

.hidetext { font: 0/0 a; letter-spacing: -9px;}

.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}

.opc0 { opacity: 0 ; filter: alpha(opacity=0);}



/* 等比填充 */

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}

*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;}

*height: auto;}

.rect-50{padding-bottom: 50%;}

.rect-5625{padding-bottom: 56.25%;}

.rect-60{padding-bottom: 60%;}

.rect-618{padding-bottom: 61.8%;}

.rect-70{padding-bottom: 70%;}

.rect-75{padding-bottom: 75%;}

.rect-80{padding-bottom: 80%;}

.rect-90{padding-bottom: 90%;}

.rect-100{padding-bottom: 100%;}



/* 常量设置 */

.wrapn { width:1260px; margin-right:auto; margin-left:auto;padding-bottom: 60px;}

.mwrapn { max-width:1260px; margin-right:auto; margin-left:auto;}

/*对ie8设置最小宽度，防止页面错乱*/

/*for ie8*/

body{min-width:1200px; overflow-x:auto; margin: 0 auto;}

/*for ie9+*/

@media all and (min-width:0){

	body{min-width:0; overflow-x:hidden;}

}

body{font-size:15px; line-height:1.6; color:#555; background:#fff;}

a{color:inherit;}

a:hover { color:#a0733e;}

::-moz-selection {color:#fff; background:#a0733e; }

::selection {color:#fff; background:#a0733e; }

::-webkit-input-placeholder { color:#aaa; } 

.placeholder { color:#aaa;}



/* 网站样式 */



.indexn{background-color: #fff;}

.rect-65{padding-bottom: 65%;}

.indexn{padding-top: 0;padding-bottom: 0;}



.indexn .pt1n{}

.indexn .pt1n .tn{font-size: 34px;font-weight: bold;text-align: left;color: #3e2f1e;line-height: 1;padding-top: 60px;margin-bottom: 20px;}

.indexn .pt1n .pn{font-size: 14px;text-align: left;color: #888;margin-bottom: 45px;width: 85%;}



.indexn .pthn{ padding: 80px 0 50px 0;}

.indexn .pthn .tn{font-size: 34px;text-align: left;color: #3e2f1e;line-height: 1;padding-top: 60px;margin-bottom: 20px;}

.indexn .pthn .pn{font-size: 14px;text-align: left;color: #888;margin-bottom: 45px;}



.indexn .pt2n{}

.indexn .pt2n .tn{font-size: 34px;font-weight: bold;text-align: left;color: #3e2f1e;line-height: 1;padding-top: 60px;margin-bottom: 20px;}

.indexn .pt2n .pn{font-size: 14px;text-align: left;color: #888;margin-bottom: 45px;}

.indexn .pt2_l{width: 49%;float: left;background-color: #a0733e;color: #fff;}

.indexn .pt2_r{width: 49%;float: right;}

.indexn .pt2n .inner_boxn{padding: 28px 35px;color: #fff;display: block;}

.indexn .pt2n .inner_boxn .timen{font-size: 14px;line-height: 1;margin-bottom: 35px;}

.indexn .pt2n .inner_boxn .timen1{font-size: 14px;line-height: 1;margin-bottom: 35px; color: #777;}

.indexn .pt2n .inner_boxn .titn{font-size: 30px;line-height: 1.2;height: 2.4em;overflow: hidden;margin-bottom: 25px;}

.indexn .pt2n .inner_boxn .p2n{font-size: 14px;height:6.5em;overflow: hidden;}

.indexn .pt2n .inner_boxn .p2n1{font-size: 14px;height:6.3em;overflow: hidden;color: #777;line-height: 1.8;}

.indexn .pt2_r .top_ln{width: 49%;float: left;}

.indexn .pt2_r .top_rn{width: 49%;float: right;}

.indexn .pt2_r .time2{font-size: 14px;margin-bottom: 6px;}

.indexn .pt2_r .top_n{margin-bottom: 20px;}

.indexn .pt2_r .top_boxn{padding: 30px 20px;background-color: #201b15;color: #fff;transition: background .5s ease;-webkit-transition: background .5s ease;}

.indexn .pt2_r .top_boxn .t2{font-size: 20px;line-height: 1.5;}

.indexn .pt2_r .top_n a:hover .top_boxn{background-color: #a0733e;}

.indexn .pt2_r .inner_boxn{background-color: #e4e4e4;color: #1f1f1f;}

.indexn .pt2_r .inner_boxn .fontzccc{color: #fff;}

.indexn .pt2_r .inner_boxn:hover .titn{color: #a0733e;}



.indexn .pt3n{background-image:url(../images/kcx_imgbg.jpg);background-position: center center;overflow: hidden;background-attachment:fixed;}

.indexn .pt3n .tn{font-size: 34px;font-weight: bold;text-align: center;color: #fff;line-height: 1;padding-top:90px;padding-bottom:25px;}

.indexn .pt3n .pn{width:85%;margin: 0 auto;text-align: center;color:rgba(255,255,255,0.8);font-size:16px;line-height: 34px;}

.indexn .pt3n .pnm{padding:10px 0 20px 0;}



/* 20190821 zhangxr */

.widgets_xc_newslist_top_3{padding-top:20px;}

.indexn .pt2_l .inner_boxn .p2n{height:44px;}

.indexn .pt2_l .rect-50{padding-bottom:57%;}

.indexn .pt2n .inner_boxn .titn{height:1.2em;}

.index .pt2n .inner_boxn{padding:40px 35px;}



/*css组件设置*/

.form-control, .input-group-addon, .btn{border-radius:2px; }

.form-control:focus { border-color:#776037; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(236, 216, 150, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }

.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }



/*price*/

.price .pt1n .tn{color: #fff;}

.price .pt1n .pn{color: #DACBBC;}

.price{background:#a0733e url(../images/price.jpg) no-repeat center top;display: none;}

.price .wrapn{padding-bottom:65px; position: relative;}

.price-top{clear: both;}

.price-nav { position: absolute; right: 0; top: 8%; border-top: 2px solid #523C24; border-bottom: 2px solid #523C24;

}

.price-nav>ul>li{ list-style: none; float: left; width: 100px; height:45px; line-height:45px; text-align: center; background: rgba(80,60,36,0.4); color: #fff; position: relative; transition: cubic-bezier(0.215,.61,.355,1) .45s; cursor: pointer;}



.price-nav>ul>li.on,.price-nav>ul>li:hover{ background: #523C24;}

.price-nav>ul>li.on:after,.price-nav>ul>li:hover:after{ content: ""; width: 0; height: 0; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; border-left:10px solid transparent;

  border-right:10px solid transparent; border-top:10px solid #523C24;}



.price-subnav{width: 220px;margin-left: -50px; margin-top:8px; padding-top:10px;display: none;}

.price-subnav>.item{  color: #4c3720;border: 2px solid #4c3720;  border-radius: 40px;  width: 90px;  height: 32px;  line-height: 32px; padding: 5px 15px; margin-right: 10px;}

.price-subnav>.item.on,.price-subnav>.item:hover{  background: #fff; border: 2px solid #fff;}



.price-content{clear: both; height: 600px;}

.price-content:after{  content:"";  height:0; line-height:0;  display:block; visibility:hidden;  clear:both  }

.price-content .left{width:73%;float:left;padding:37px; box-sizing: border-box;position: relative;background: #fff;}

.price-content .left:after{ content: ""; width: 0; height: 0; position: absolute; top:8%; right: -10px; border-left:10px solid #ffffff; border-bottom:10px solid transparent; border-top:10px solid transparent;}

.price-content .left ul{clear: both;}

.price-content .left ul li{ list-style: none; float: left;width: 100%; height: 50px;line-height: 50px;text-align: center;overflow: hidden;}

.price-content .left ul li:first-child{background: #F1F1F1;border-bottom: 1px solid #D9D9D9;}

.price-content .left ul li div{float: left; width: 60%; overflow: hidden;}

.price-content .left ul li div.name{ width: 20%;}

.price-content .left ul li div.num{ width: 20%;}

.price-content .left .morebtn{width: 100%;display: block;background: #F1F1F1;height:45px;line-height:45px;text-align: center;margin-top: 20px; color: #888;}

.price-content .left .morebtn:hover{background: #a0733e;color: #fff;}



.slide-box{ height: 460px; overflow:hidden;}

.slide-box-inner{ height:3600px;}

.slide-content,.slide-copy{ float:left; height: 460px;width: 100%;overflow-y: scroll;box-sizing: border-box; padding-right:20px}

.slide-content::-webkit-scrollbar-corner, .slide-content::-webkit-scrollbar-track{background-color: #F1F1F1;}

.slide-content::-webkit-scrollbar-thumb{background: #a0723e}





.slide-content::-webkit-scrollbar{width:6px;}

.slide-content a,.slide-copy a{ display:block; text-align:center; line-height:35px; color:#000; text-decoration:none; float:left}

.price-content .right{background:rgba(93,73,33,0.5); width: 27%;height: 100%; min-height: 600px; float:right;padding:35px; box-sizing: border-box;color: #fff;max-height: 600px;overflow: auto;}

.price-content .right .date{ color: #fff;border:2px solid #fff; border-radius: 40px;padding: 2px 20px;display: inline-block;margin-bottom: 10px;font-size:18px;}

.price-content .right .text1{  border-bottom:1px solid rgba(255,255,255,0.15);  padding-bottom: 10px;}

.price-content .right .text2{  padding-top: 10px;}

.price-content .right .text1,.price-content .right .text2{ line-height: 28px; font-size: 14px;  color: #DACBBC;}

.price-content .more{display: none; background: #433220; width: 175px; height:40px; text-align: center; position: absolute; bottom: 0; right: 0; color: #fff; padding: 15.5px 0 0 0 ;}

.price-content .moreBtn{ margin: 0 auto;}

.neiye-top{margin-top:66px;}

.right-content{width: 100%;height: 520px;overflow-y: auto;}

.right-content::-webkit-scrollbar-corner, .right-content::-webkit-scrollbar-track{background-color: #694d26;}

.right-content::-webkit-scrollbar-thumb{background: #523c24}



.lh-culture-ul{margin:20px 0 0 -40px;}

.lh-culture-ul li{margin-bottom:30px; padding-left:30px;}

.lh-culture-ul li>div{background:#fff; box-shadow:0 0 20px rgba(17,66,44,.2); padding:35px 20px 20px;}

.lh-culture-ul li pre{line-height:26px; font-size:15px; color:#777777; text-align:center; margin:20px 0; height:55px; overflow:hidden;font-family: 'PingFangMedium';white-space: pre-wrap;word-wrap: break-word;}

.lh-culture-ul li .img{height:220px;background-position: center;background-repeat: no-repeat;background-size: cover;}



.l-grid-3>li{width:47%; float:left;}





/*news*/

.new-container{max-width: 1640px;margin: 0px auto;width: 80%; position:relative;}

.new-container1{max-width: 1640px;margin: 0px auto;position:relative;}

/*news*/

.companywr small{ display:block; color:#dfdfdf; font-size:30px; font-family:"MyriadPro-BoldCond"; margin-bottom:38px; line-height:1; margin-top:-24px;}

.new-boxs{ margin-top:60px; margin-bottom:60px;}

.newsli li{ width:25%; float:left; overflow:hidden; margin-bottom: 20px; transition:0.45s;}

.newsli li a{ display: block; margin: 0 10px; background:#eeeeee;}

.newsli li:nth-child(2n+2) a{ background:#eeeeee;}



.newsli li figure{ display:block; line-height:1; overflow:hidden; position:relative;}

.newsli li figure img{ display:block; max-width: 100%; max-height: 220px; height:auto; line-height:0; transition:1s;}

.newdowns{ padding:5%; position:relative;}

.newdowns span{ display:block; line-height:1.5; color:#000000; font-size:16px; font-weight:bold; height:52px; overflow:hidden; margin-bottom:10px;}

.newtime small{ display:block; height:18px; float:left; line-height:18px; text-align:center; color:#ffffff; font-family:"Arial"; text-transform:uppercase; background:#bfbfbf; float:left; margin-right:8px; transition:0.34s;padding: 5px 8px;}

.newtime time{ display:block; float:left; line-height:18px; color:#888888; font-family:"Arial";padding: 5px 8px;}

.newsli{ margin-bottom:30px; width: calc(100% + 20px); margin-left:-10px;}

.newsli li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}

.newsli li:hover a{ background:#dfdfdf;} 

.newsli li:hover .newdowns:before{ background:url(../images/arrow5.png) center no-repeat;}

.newsli li:hover .newtime small{ color:#fff; background:#a0733e;}

.pagelist{ text-align:center;}

.pagelist span,.pagelist a{ display:inline-block; min-width:72px; height:36px; text-align:center; line-height:36px; color:#646464; font-size:16px; font-family:"Arial"; vertical-align:middle;background: #eee;

margin-bottom: 5px;margin-left: 5px;}

.pagelist span{ background:#a0733e; color:#fff !important;} 

.pagelist a:hover{ color:#fff; background:#3e2f1e;}

.pagelist .Ahover {    background: #a0733e;color: #fff !important;}



.projectli1{ width:100%;}

.projectli1 li{ width:49%; float:left; margin-right:0;}

.projectli1 li:nth-child(2n+2){ float:right;}

.new-boxs .projectli1{ margin-bottom: 40px;}



.projectbox{ margin-top:96px; margin-bottom:96px;}

.projectli li{ margin-right:10px; margin-bottom:10px; cursor:pointer; position:relative;}

.projectli li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#ddb063; -webkit-transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1); transition:transform .48s cubic-bezier(.4,0,.2,1),-webkit-transform .48s cubic-bezier(.4,0,.2,1); transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9;}

.projectli li:after{ content:""; width:15px; height:19px; background:url(../images/arrow6.png) center no-repeat; position:absolute; right:42px; top:50%; margin-top:-10px; z-index:10; opacity:0; visibility:hidden; transition:0.34s;}

.projectwr{ border:1px solid #eeeeee; padding:20px 110px 20px 20px; position:relative; height:75px; transition:0.4s;}

.projectwr h3{ color:#000000; font-size:18px; line-height:1.4; font-weight:normal; overflow:hidden; transition:0.38s; top:0; max-height:52px; overflow:hidden;}

.projectwr em{ display:block; color:#969696; font-size:14px; line-height:1; font-style:normal; transition:0.36s; position:absolute;bottom:22px;}

.prodata{ position:absolute; right:19px; top:22px; padding-left:12px; width:55px; padding-top:23px; height:50px; background:#a0a0a0; transition:0.4s;}

.prodata b{ display:block; line-height:1; color:#fff; font-size:16px; font-family:"SourceSansPro-Regular","arial"; transition:0.34s;}

.prodata span{ display:block; line-height:1; color:#fff; font-size:14px; font-family:"SourceSansPro-Regular","arial"; transition:0.34s;}

.projectli li:hover{ border-color:#a0733e;}

.projectli li:hover .projectwr h3{ color:#a0733e;}

.projectli li:hover .projectwr em{ color:#a0733e;}

.projectli li:hover .prodata{ background:#a0733e;}

.projectli li:hover .prodata b,.projectli li:hover .prodata span{ color:#fff;}

.projectli li.now:before{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; visibility:visible\9;}

.projectli li.now .projectwr{ border-color:#a0733e;}

.projectli li.now:after{ opacity:1; visibility:visible; right:42px;}

.projectli li.now .prodata{ opacity:0; visibility:hidden;}

.projectli li.now .projectwr em{ opacity:1; visibility:hidden; transition:0s;}

.projectli li.now .projectwr h3{ position:absolute; left:40px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:88px; -ms-transform:translateY(-50%); color:#fff; transition:0.38s 0.1s; top:40% \9;}

.notice li{ width:49%; float:left; background:#eeeeee; padding:25px 0 25px; position:relative; cursor:pointer; margin-bottom:25px;}

.notice li:nth-child(2n+2){ float:right;}

.notice li:before{ content:""; width:100%; height:2px; background:#a0733e; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1); transition:transform .55s cubic-bezier(.4,0,.2,1),-webkit-transform .55s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}



.noticewr{ padding-left:25px; padding-right:155px; position:relative;}

.noticewr h3{ color:#333333; font-size:20px; font-weight:normal; line-height:1.4; margin-bottom:10px; height:56px; overflow:hidden;}

.noticed{ height:20px; margin-bottom:0px; overflow:hidden;}

.noticed p{ color:#888888; font-size:14px;}

.noticewr i{ display:inline-block; line-height:1; color:#888888; font-size:14px; font-style:normal;}

.noticewr .prodata{ width:72px; padding-top:8px; height:52px; right:34px; top:4px; background:#a0733e; transition: 0.45s;border-radius: 2px;}

.noticewr .prodata b{ font-size:28px; margin-bottom:1px;}

.noticewr .prodata span{ font-size:14px;}

.notice li:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.notice li:hover .noticewr .prodata{ background: #3e2f1e;}



.img-wrap .play,.img-wrap .stop{width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;}

.img-wrap .stop{display: none;}

.html-video-background video{width: 100%;}



.inner1640{max-width: 1640px;margin: 0px auto;width: 80%;position: relative;}

.bgsust{background: #f0f0f0;}

.bgpro{background: url(../images/foot_bg.jpg) repeat #1f2019;}

.bgprice{background: url(../images/bg_price.jpg) repeat #a1733f;}



.popnews{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; overflow:hidden; visibility:hidden; transition:0.54s;}

.popbgs{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transition:0.54s 0.4s;}

.popclose{ width:50px; height:50px; position:fixed; left:30px; top:50%; margin-top:-25px; background:url(../images/close.png) center no-repeat; background-size:cover; cursor:pointer; z-index:5; transition:all 0.42s; left:-50px;}

.popclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}

.poptext{ height:100%; position:absolute; width:calc(100% - 160px); left:100%; top:0; z-index:4; transition:0.58s;}

.popwrs{ background:#fff; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow:scroll\9;}

.popwrs::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}

.popwrs::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #379927;}

.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}



.popnewtext{ width:710px; margin:auto; padding-top:130px; padding-bottom:100px;}

.viewtitle{ margin-bottom:35px;border-bottom: #ddd 1px solid;padding-bottom: 35px;}

.viewtitle h2{ line-height:1.2; color:#010101; font-size:28px; font-weight:bold; margin-bottom:20px;}

.viewtitle time{ display:block; line-height:1; color:#646464;}

.viewdonw img{ max-width:100% !important; width:auto !important; height:auto !important;}

.viewdonw p{ color:#646464; font-size:16px !important; line-height:2; text-align:justify;}

.popnews.show{visibility:visible;}

.popnews.show .popbgs{ opacity:1; visibility:visible; transition:0.65s;}

.popnews.show .popclose{ left:30px; transition:0.4s 0.3s left,0.4s transform;}

.popnews.show .poptext{ left:80px; right:80px;}



.w630{ text-align: center; padding:20px 30px 50px; margin: 0px auto; font-size:18px; color: #8c857d;}

.page-line{ width: 30px; height: 4px; display: block; margin: 0px auto 16px; background-color: #4b4642;}

.page-bot{ background: url(../images/bot.png) no-repeat scroll center center; width: 21px; height: 13px; display: block; margin: 20px auto 0;-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(10px); -webkit-transform: translateY(10px); opacity: 0; }}

@-webkit-keyframes mouse-dot {from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0;}}

.w630 .pageC{ text-align: center;}

.w630 .pageC p{ text-indent: 2em;}.w90{ width: 90%; margin: 0px auto;}



	

/*price-neiye*/

.price-neiye {padding-top: 52px;}

.price-neiye .pt1n{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}



.price-neiye-nav {width: 25%;}

.price-neiye-nav>ul{height: 490px;}

.price-neiye-nav>ul>li{ list-style: none; width: 100%; box-sizing: border-box; height:58px; line-height:58px;margin-bottom: 1px; text-align: left;padding-left: 25px;padding-right: 13%;overflow: hidden; background: rgba(160,115,62,0.5);font-weight: bold; color: #E5D4C4; position: relative; transition: cubic-bezier(0.215,.61,.355,1) .45s; cursor: pointer;}

.price-neiye-nav>ul>li.on,.price-neiye-nav>ul>li:hover{ background: #fff;color: #a0733e;}

.price-neiye-nav>ul>li:after{ content: ""; width: 0; height: 0; position: absolute; top:50%;margin-top: -8px; right:25px; border-left:8px solid #ffffff; border-bottom:8px solid transparent; border-top:8px solid transparent;}

.price-neiye-nav>ul>li.on:after,.price-neiye-nav>ul>li:hover:after{border-left:8px solid #eeeeee;}



.price-neiye-subnav{width: 220px;margin-left: -50px; margin-top:8px; padding-top:10px;display: none;}

.price-neiye-subnav>.item{  color: #4c3720;border: 2px solid #4c3720;  border-radius: 40px;  width: 90px;  height: 32px;  line-height: 32px; padding: 5px 15px; margin-right: 10px;}

.price-neiye-subnav>.item.on,.price-neiye-subnav>.item:hover{  background: #fff; border: 2px solid #fff;}



.price-neiye-content{clear: both; height: 540px;width: 75%;visibility: hidden;transition: 0.54s;left: 100%;position: absolute;}

.price-neiye-content:after{  content:"";  height:0; line-height:0;  display:block; visibility:hidden;  clear:both  }

.price-neiye-content .left{width:66.66%;height: 540px;float:left;padding:25px; box-sizing: border-box;position: relative;background: #fff;}

.price-neiye-content .left ul{clear: both;}

.price-neiye-content .left ul li{ list-style: none; float: left;width: 100%; height: 50px;line-height: 50px;text-align: center;overflow: hidden;}

.price-neiye-content .left:after{border:0}

.price-neiye-content .left ul li:first-child{background: #F1F1F1;border-bottom: 1px solid #D9D9D9;}

.price-neiye-content .left ul li div{float: left; width: 60%; overflow: hidden;}

.price-neiye-content .left ul li div.name{ width: 20%;}

.price-neiye-content .left ul li div.num{ width: 20%;}

.price-neiye-content .left .morebtn{width: 100%;display: block;background: #F1F1F1;height:45px;line-height:45px;text-align: center;margin-top: 20px; color: #888;}

.price-neiye-content .left .morebtn:hover{background: #a0733e;color: #fff;}



.price-neiye-content.show{visibility: visible;left: 25%;}



.price-neiye .slide-box{ height: 500px; overflow:hidden;}

.price-neiye .slide-box-inner{ height:3600px;}

.price-neiye .slide-content,.price-neiye .slide-copy{ float:left; height: 526px;width: 100%;overflow-y: scroll;box-sizing: border-box; padding-right:20px}

.price-neiye .slide-content::-webkit-scrollbar-corner,.price-neiye  .slide-content::-webkit-scrollbar-track{background-color: #F1F1F1;}

.price-neiye slide-content::-webkit-scrollbar-thumb{background: #a39780}



.price-neiye .slide-content::-webkit-scrollbar{width:8px;}

.price-neiye .slide-content a,.slide-copy a{ display:block; text-align:center; line-height:35px; color:#000; text-decoration:none; float:left}

.price-neiye-content .right{background:rgba(93,73,33,0.8); width: 33.33%;height: 100%; height: 540px; float:right;padding:35px; box-sizing: border-box;color: #fff;}

.price-neiye-content .right .date{ color: #fff;border:2px solid #fff; border-radius: 40px;padding: 2px 20px;display: inline-block;margin-bottom: 10px;font-size:18px;}

.price-neiye-content .right .text1{  border-bottom:1px solid rgba(255,255,255,0.15);  padding-bottom: 10px;}

.price-neiye-content .right .text2{  padding-top: 10px;}

.price-neiye-content .right .text1,.price-neiye-content .right .text2{ line-height: 28px; font-size: 14px;  color: #DACBBC;}

.price-neiye-content .more{ background: #433220; width: 175px; height:40px; text-align: center; position: absolute; bottom: 0; right: 0; color: #fff; padding: 15.5px 0 0 0 ;}

.price-neiye-content .moreBtn{ margin: 0 auto;}



.price-neiye-pagelist{color: #fff;height: 50px;width: 100%;line-height: 50px;text-align: center;}

.price-neiye-pagelist a{margin:0px 5px 0 0px;}

.price-neiye-close{display: none; width:50px; height:50px; position: absolute; right:0; top:0;  background:url(../images/close.png) center no-repeat; background-size:cover; cursor:pointer; z-index:5; transition: 0.4s 0.3s left,0.4s transform;}

.price-neiye-close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}



.price-pagenav{position: absolute;width: 100%;}

.price-pagenav .pagenav{background: rgba(93,73,33,0.5);}

.price-pagenav .cpnavbox a:before{background-color: rgba(255,255,255,0.1);}

.price-pagenav .cpnavbox a:last-child:after{background-color: rgba(255,255,255,0.1);}



.price-neiye-content .right-content{height: 465px;}



.text-xs-center{text-align: center;}

.font-size-20{font-size: 20px;color:#fff;padding:20px 0;}

.vertical-align{vertical-align: middle;}



.m-foot-button{display: none;}

















/*login style end*/

.bgf0f4fb{ background-color: #f5f5f5;}

.perfectPage{ padding: 150px 0px 78px;}

.perfectBox{ border: 1px solid #d6d6d7; background-color: #fff; width: 572px; margin: 0px auto;}

.perfectBox dt{ padding: 26px 66px; text-align: center; background-color: #eeecec; color: #515151;}

.perfectBox dd{ padding: 32px 66px 62px;}

.perfectBox .h2{ font-size: 30px; font-weight: bold; color: #221814;}

.bge5e5e5{ background-color: #E5E5E5;}

.userTbox{ text-align: center; padding: 80px 0px 60px;}

.userTbox .img{ width: 120px; margin: 0px auto 6px;}

.userTbox .img img{ width:120px; height:120px; border-radius: 50%; display: block;}

.userTbox .c{ color: #fff; font-size: 18px;}

.puser-padding{ padding: 50px 0px; min-height: 380px;}

.shouchang-ico{ background: url(../images/book.png) no-repeat; width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; cursor: pointer;}

.shoucang-list a:link,.shoucang-list a:visited { color: #484848;}

.shoucang-list a:active,.shoucang-list a:hover { color: #7fbd2c;}

.shoucang-list ul{ margin-left: -1%;}

.shoucang-list li{ float: left; display: block; width: 32.33%; margin-left: 1%; margin-bottom: 2%;}

.shoucang-list .itemBox .c{ height: auto; padding: 15px 5% ;}

.shoucang-list .itemBox .c .t,.shoucang-list .itemBox .c .i{ font-size: 15px; margin-bottom: 0px;}

.shoucang-list .itemBox .c .t{ color: #828282; height: 18px; margin-bottom: 8px;}

.shoucang-list .itemBox .c .i{ font-weight: normal; height: 18px;}

.shoucang-list .itemBox .price{ font-size: 14px;}

.shoucang-list .itemBox .price i{ font-size: 12px;}

.userPageNav2{height: 50px; margin-top: 0px; text-align: center;}

.userPageNav2 .pagenav2 a{ height: 50px; margin: 0px 30px; line-height: 50px;}

.userPageNav2 .pagenav2 a.active{ border-bottom: 2px solid #7fbd2c;}

.shoucang-activity a:link,.shoucang-activity a:visited { color: #797979;}

.shoucang-activity a:active,.shoucang-activity a:hover { color: #7fbd2c;}

.shoucang-activity dd{ background-color: #fff; margin-bottom: 10px;}

.shoucang-activity a{ display: block; position: relative; padding: 22px 40px;}

.shoucang-activity .shouchang-ico{ background-image: url(../images/book2.png); right: 40px; top: 22px;}

.shoucang-activity .t{ font-size: 18px; font-weight: bold; color: #454545; width: 80%; line-height: 1.2; margin-bottom: 5px;}

.shoucang-activity .time{ font-size: 12px; color: #454545;}

.shoucang-activity .c{ font-size: 15px; margin-bottom: 18px;}

.shoucang-activity dd:hover{ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);}

.customBtbox{ padding: 180px 0px 60px; text-align: center;}

.customBtbox a:link,.customBtbox a:visited { color: #484848;}

.customBtbox a:active,.customBtbox a:hover { color: #7fbd2c;}

.customBtbox .t{ font-size: 26px; font-weight: bold; color: #515151;}

.customIbox .c{ color: #777777; font-size: 20px;}

.customiForm{ width: 438px; margin: 0px auto;}

.user-wrong-name{ background: url(../images/user_i8.png) no-repeat scroll 10px center; padding: 4px 0px 4px 42px; color: #000000; font-size: 12px;}

.customiForm-list li{ float: left; display: block; width: 50%;}

.start{ position: absolute; left: 15px; top: 12px; color: #868686; font-size: 15px; font-family: "Arial","SimHei";}

.start i{ font-style: initial;}

.mb12{ margin-bottom: 12px;}

.padding-20{ padding: 20px 0px;}

.helpBox .pageDbox-dl{ background-color: transparent; border-bottom: 1px solid #cfcfcf; padding-top: 0px;}

.helpBox .pageDbox-dl.active{ background-color: #fff;}

.helpBox .pageDbox-dl dt{ color: #535353;}

.helpBox .pageDbox-dl .joico .line2,.helpBox .pageDbox-dl .joico .line1{ background-color: #535353;}

.helpT{ font-size: 50px; font-weight: bold; text-align: center; color: #515151; padding: 50px 0px 70px; border-bottom: 1px solid #cfcfcf;}

.userPersonalr-dl{ width: 874px; padding: 0px 40px 0px 24px; background-color: #fff; margin: 0px auto;}

.userPersonalr-dl dd{ padding: 30px 0px; color: #8F8F8F; border-top: 1px solid #d7d7d8; position: relative;}

.userPersonalr-dl a:link,.userPersonalr-dl a:visited { color: #484848;}

.userPersonalr-dl a:active,.userPersonalr-dl a:hover { color: #7fbd2c;opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

.userPersonalr-dl .ut{ font-size: 16px; font-weight: bold; line-height: 1.4; margin-bottom: 5px; color: #494949; width: 80%;}

.userPersonalr-dl .uc{ color: #8f8f8f; width: 80%;padding: 5px;}

.userPersonalr-dl .first{ border-top: 0px none; color: #8f8f8f;line-height: 26px;}

.modifyBtn{ display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #a0733e; border-radius:30px; float: right; display: block; margin-top: 16px; margin-left: 5px;}

.modifyBtn span{ color: #fff;}

.uimg{ width: 58px; height: 58px; border-radius: 50%; vertical-align: middle; margin: 0px 15px;}

.userPersonalr-dl .modifyBtn{ position: absolute; right: 0px; top: 20px; margin-left: 0px;}

.modifyBox{ padding: 40px 50px 50px; width: 464px;}

.tcbox-t{ text-align: center; font-size: 22px; font-weight: bold; color: #776037; line-height: 1.2;}

.modifyBox .tcbox-t{ margin-bottom: 36px;}

.modifyName{ vertical-align: top; color: #4b4b4b; line-height: 44px;}

/* .modifyBox a:link,.modifyBox a:visited { color: #4b4b4b;} */

.modifyBox a:active,.modifyBox a:hover { color: #fff;}

.modifyBox a.user-btn5{ color: #a0733e;}

.modifyBox a.user-btn2,.modifyBox a.user-btn7{ color: #fff;}

.modifyBox .user-btn{ width: 30%; float: left; display: block; margin-right: 0px;}

.modifyBox .user-btn2{ width: 66%; float: left; display: block; margin-right: 4%;}

.modifyBox .user-btn7{ width: 100%; float: none; display: block;}

.fileBtn .img{ position: relative;width: 100%;}

.fileBtn{ overflow: hidden; position: relative; width: 56px; height: 56px;}

.fileBtn .file{ position: absolute; z-index: 0; opacity: 0; left: 0px; bottom: 0px; padding: 15px 0px;cursor: pointer;}

.signupBox{ width: 438px; padding: 50px 70px 60px; /*background-color: #fff; position: fixed; left: 50%; top: 50%; margin: -289px 0px 0px -248px;*/}

.md-content { background-color: #fff; margin: 0px auto; position: relative;-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.md-show,.md-show body{ overflow-y: hidden;}

.md-show .md-content {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}

.md-show  .md-modal {opacity: 1;visibility: visible;}

.md-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1000;opacity: 0;background: url(../images/black_75.png) repeat;background:none rgba(0,0,0,0.75);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; }

.align-vertical{ height: 100%; width: 100%; position: relative; display: table;}

.vertical-inner{display:table-cell; vertical-align: middle;}

.signup-ico{ background: url(../images/user_p1.png) no-repeat; width: 121px; height: 121px; display: block; margin: 0px auto 30px;}

.signup-ico2{ background-image: url(../images/user_p2.png);}

.signup-time{ color: #ff0000;}

.zw-info-box{ text-align: center; color: #c0c0c0; font-weight: bold; font-size: 18px; padding: 4% 0px; min-height: 300px;}

.zw-info-box span{ display: inline-block; padding: 15px 0px 15px 80px; background: url(../images/zw_ico.png) no-repeat scroll left center;}



.pageNavBox2 { height: 52px;}

.pageNavBox2 a:link, .pageNavBox2 a:visited { color: #fff;}

.pageNavBox2 a:active,.pageNavBox2 a:hover { color: #a0733e;}  



.pagenav2 { background-color: #a0733e; width: 100%;}

.pagenav2.fixed{ position: fixed; left: 0; top: 52px; z-index: 1000;}

.pagenav2.fixed .cpnavbox2{ height: 40px; line-height: 40px;}



.pagenav2.fixed .cpnavbox2{ height: 40px; line-height: 40px;}

.cpnavbox2 { height: 50px; line-height: 50px; -webkit-transition:height 0.3s;  transition:height 0.3s;}

.cpnavbox2 a { text-align: center; color: #ffffff; display: inline-block; padding: 0px 25px;  *display: inline; *zoom: 1; position: relative;}

.cpnavbox2 a:before{ content:""; position: absolute; left: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}

.cpnavbox2 a:last-child:after{ content:""; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; display: block; background-color: #b1844f;}

.cpnavbox2 a:hover, .cpnavbox2 a.active { background-color: #fff; color: #a0733e; }



/*user style end*/







.pusher-black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); display: none; z-index: 900;}

.border_r30{border-radius:30px;}

.red{ color: #ff0000;}

.bgf0f4fb{ background-color: #f5f5f5;}

.mb12{ margin-bottom: 12px;}

.padding-20{ padding: 20px 0px;}

.text_c{ text-align: center;}



.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}



/*scheduledTrip style*/





.tripPage a:link,.tripPage a:visited { color: #a48047;}

.tripPage a:active,.tripPage a:hover { color: #ff0000;}

.cgreen2{ color: #a48047;}

.c90{ color: #909090;}

.cfff{ color: #ffffff;}

.cred{ color: #ff0000;}

.tripPage{ color: #686868;}

.tripPageBox{ width: 924px; padding: 24px; background-color: #fff; box-shadow:3px 3px 32px rgba(0, 0, 0, 0.2); margin: 0px auto;}

.tripTbox{ margin-bottom: 40px; background: url(../vipimg/trip_t4.png) no-repeat scroll center center;font-family: "Arial","Microsoft JhengHei";}

.tripTbox span{ float: left; display: block; height: 46px; text-align: center; font-size: 18px; line-height: 46px; color: #ffffff; margin:0px -18px 0px 0px; width: 231px; position: relative;}

.tripTbox span.active{ font-weight: bold; background: url(../vipimg/trip_t3.png) no-repeat scroll right center;}
.tripTbox span.item2.active{margin:0px -31px 0px 0px;}
.tripTbox span.item3.active{margin:0px -19px 0px 0px;width: 240px;}

.tripTbox span.item4{ z-index: 4;width: 218px;}

.tripTbox span.item1{ z-index: 3;width: 261px;}

.tripTbox span.item2{ z-index: 2; width: 261px;}

.tripTbox span.item3{ z-index: 1; margin-right: 0px;}

.tripTbox span.item3.active{ background-position: left center;}

{ background: url(../vipimg/trip_t2.png) no-repeat scroll right center;}

.tripT{ background-color: #ececec; padding: 4px 12px; color: #000; font-size: 16px; font-family: "Arial","SimHei"; margin-bottom: 25px;}

.tripC{ margin-bottom: 40px; padding: 0px 10px;}

.paddinglr-10{ padding: 0px 10px;}

.tripClause{ font-size: 16px; color: #a48047; cursor:pointer; display: inline-block; line-height: 23px;}

.tripClause .ico{ border: 1px solid #c8c8c8; width: 20px; height: 20px; display: inline-block; float: left; display: block; margin-right: 12px;}

.tripClause.active .ico{ background: url(../vipimg/clause_i1.png) no-repeat scroll center center;}

.trip-price-box{ margin-top: 18px; border-top: 1px solid #e2e2e2; padding: 14px 0px 30px; font: 22px/1.4 "microsoft yahei"; color: #000000;}

.tripImg{ padding: 10px 0px 20px;}

.tripImg .img{ float: left; display: block; width: 134px; display: block;background-color: #000;}

.tripImg .img img{ width: 100%; display: block;}

.tripImg .con{ float: left; display: block; margin-left:10px; width: 730px;}

.tripImg .con .t{ font-size: 18px; color: #000; overflow: hidden;}

.tripImg .con .t a{ color: #000;}

.tripImg .con .t a:hover{ color: #a48047;}

.tripImg .con .c{ font-size: 15px; height: 54px; margin: 10px 0px; overflow: hidden;}

.tripFormList li{ float: left; display: block; width: 33.33%; margin-bottom: 20px;}

.tripFormList li .name{ float: left; display: block; padding: 0px 15px 0px 0px; font-size: 16px; line-height: 38px;}

.tripFormList .user-txt-box{ float: left; width: 210px;}

.tripFormList .start{ font-size: 14px; top: 6px; color: #b5b5b5;}

.trip-ts{ padding: 25px 0px 30px;}

.tripImg .img:hover img{opacity:0.8; filter:alpha(opacity=80);}

.triporederList li{ float: left; display: block; margin:0px 20px 20px 0px;}

.triporederList li .name{ float: left; display: block; padding: 0px 15px 0px 0px; font-size: 16px; line-height: 38px;}

.triporederList li .numble-box{ float: left; display: block;}

.numble-box .sele,.numble-box .adds{ float: left; display: block; width: 28px; height: 34px; cursor: pointer;}

.numble-box .sele{ background: url(../vipimg/sele.gif) no-repeat scroll center center;}

.numble-box .adds{ background: url(../vipimg/adds.gif) no-repeat scroll center center;}

.numble-box .sele:hover{ background-image: url(../vipimg/sele2.gif);}

.numble-box .adds:hover{ background-image: url(../vipimg/adds2.gif);}

.numble-box input{ border: 1px solid #ececec; height: 34px; line-height: 34px; text-align: center; width: 150px; float: left; display: block; margin: 0px 2px; font-size: 16px; font-family: "Arial","SimHei";}

.numble-box input:focus{ border:2px solid #a48047; height: 32px; line-height: 32px; width: 148px; color: #000000; box-shadow: 0px 0px 4px 0px rgba(131, 191, 43, 0.3);}

.w972{ width: 972px; margin: 0px auto;}

.trip-price3{ font-size: 18px; margin-bottom:25px; color: #fff; text-align: center;}

.mo{ margin: 0px auto;}

.tripPage a.trip-btn{ color: #fff;}

.trip-btn{ background-image: linear-gradient(45deg, #d41a1a, #d9e60c);font-size: 22px; color: #fff; width: 198px; height: 50px; line-height: 50px; text-align: center; display: block;font-family: "Arial","SimHei";}

.trip-btn:hover{ background-color: #d41a1a;}

.trip-price4{ font-size: 30px; font-weight: bold; padding: 0px 0px 8px; color: #fff;}

.f16{ font-size: 16px;}

#btnDetermine{ background-image: linear-gradient(45deg, #d41a1a, #d9e60c); font-size: 16px; display: block; width: 150px; height: 46px; line-height: 46px; text-align: center; color: #fff;font-family: "Arial","SimHei";margin: auto;}

#btnDetermine:hover{ background-color: #d41a1a;}

.corderT{ font-size: 17px; color: #777; margin-bottom: 18px;}

.confirmOrderBox{text-align: center;}

.confirmOrderBox>p{

  font-size: 24px;color: #a48047;

  margin: 20px 0;

}

.confirmOrderBox .btnDetermine{

  text-align: center;

  background: #a48047;

  border-radius: 30px;

  padding: 8px 25px;

  color: #ffffff;

  display: inline-block;

  font-family: "Arial","SimHei";

}

.confirmOrderBox .btnDetermine.gary{

  background: #5F4922;

}

.confirmOrderBox .btnDetermine:hover{opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

.confirmOrderBox .btnDetermine:link, .confirmOrderBox .btnDetermine:visited{

  color: #ffffff;

}

.confirmOrderBox .vipbtn{display: block;margin: 20px 0;}

.confirmOrderBox .vipbtn:hover{opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

.confirmOrderBox dd{ float: left; display: block;}

.confirmOrderBox .oneitem{ width: 60%;}

.confirmOrderBox .twoitem{ width: 35%; float: right;}

.corder-Bor{ border: 1px solid #dedede;}

.confirmOrderBox .oneitem .corder-Bor{ padding:45px 20px 30px 20px; font-size: 16px; min-height: 60px;}

.methodChekd{text-align: left;}

.methodChekd span{ cursor: pointer; text-align: center; display: block;}

.methodChekd i{ width: 18px; height: 18px; display: inline-block; float: left; margin-right: 12px; border:1px solid #d0d0d0; background-color: #d0d0d0; position: relative; top: 5px;}

.methodChekd input{ width: 18px; height: 18px; display: inline-block; float: left; margin-right: 12px; border:1px solid #d0d0d0; background-color: #d0d0d0; position: relative; top: 5px;}

.methodChekd .active i{ border-color: #a48047; background:url(../vipimg/fs.gif) no-repeat scroll center center;}

.methodChekd label{position: relative;font-size:18px;font-family: "Arial","SimHei";}

.methodChekd>div{margin-bottom: 15px;    width: 50%;
  float: left;}
  .methodChekd img{width:auto;height:50px}

.methodChekd input[type="radio"]+label::before 

{

  content: "\a0";  /*不换行空格*/

  display: inline-block;

  vertical-align: .2em;

  text-indent: .15em;

  line-height: .65;  /*行高不加单位，子元素将继承数字乘以自身字体尺寸而非父元素行高*/

  width: 18px;

  height: 18px;

  border: 1px solid #d0d0d0;

}

.btnDetermine2{ background-color: #523f1b;display: inline-block; margin-right: 15px; font-size: 16px; width: 150px; height: 46px; line-height: 46px; text-align: center; color: #fff;font-family: "Arial","SimHei";border-radius:25px;}
.btnDetermine2:hover{ background-color: #4B4B4B;color: #ffffff !important;}


.methodChekd input[type="radio"]:checked+label::before {

  border-color: #a48047;

}

.methodChekd input[type="radio"]:checked+label::after 

{

  content: "\a0";

  width: 10px;

  height: 10px;

  background: #B89B6E;

  position: absolute;

  left: 5px;

  top: 5px;

}

.methodChekd input 

{

  position: absolute;

  clip: rect(0, 0, 0, 0);

}

.methodChekd input[type="radio"]:disabled+label::before 

{

  background-color: gray;

  box-shadow: none;

  color: #555;

}

.confirmOrderBox .twoitem .corder-padding{ padding:15px;}

.confirmOrderBox .twoitem .t{ font-size: 20px; color: #000; line-height: 1.4; border-bottom: 1px solid #dedede;}

.tripPage .twoitem .t a{ color: #000;}

.tripPage .twoitem .t a:hover{ color: #a48047;}

.paymentPage{ padding: 70px 0px; color: #000;}

.patmentT{ font-size: 30px;}

.paymentBoxfc{ text-align: center; font-size: 18px; padding:30px 0px 50px;}

.paymentBox{ border: 1px solid #e4e4e4; width: 525px; margin: 0px auto; padding: 25px 30px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);}

/*scheduledTrip style end*/

/*consult style*/

.consultBox{ width: 560px; margin: 0px auto; border-radius: 5px;}

.consultBox .user-close{ background: url(../vipimg/closebtn.png) no-repeat scroll center center; left: 0px; top: 0px; right: auto; cursor: pointer;}

.consult-t{ background: url(../vipimg/jb.jpg) repeat-x scroll left bottom #a48047; padding: 55px 5%; font-weight: bold; font-size: 30px; text-align: center; color: #fff;}

.consultBox .user-close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.consultCon{ width: 320px; margin: 0px auto; padding: 38px 0px 48px; text-align: center;}

.consultCon .txt{ border:2px solid #a48047; padding: 11px 5%; width: 100%; box-sizing: border-box; color: #000000; box-shadow: 0px 0px 4px 0px rgba(131, 191, 43, 0.3); font-family: "Arial","SimHei";}

.consultCon .btn{ width: 100%; height: 46px; line-height: 46px; font-weight: bold; font-size: 20px; color: #fff; background-color: #a48047; display: block;}

.consultCon .btn:hover{ background-color: #4B4B4B;}

#carousel-index-generic{ min-height: 500px;}

#carousel-index-generic video{  width: 100%; height: auto; display: block;}

/*consult style end*/

/*uderOrder style*/

.order-list{ width: 972px; margin: 0px auto;}

.order-dt a:link,.order-dt a:visited { color: #776037;}

.order-dt a:active,.order-dt a:hover { color: #a48047;}

.order-dt{ background-color: #fff; padding: 28px 40px 0px; margin-bottom: 18px;}

.order-dc{ margin-bottom: 20px; position: relative; display: none;}

.order-arrow{ position: absolute; right: 46px; background: url(../vipimg/sj_bot.png) no-repeat; width: 39px; height: 22px; top: -14px;}

.order-dc-box{ background-color: #fff; padding: 24px; margin-bottom: 20px;}

.order-list .triporederList li .name{ line-height: 1.8;}

.oitem{ float: left; display: block;}

.oitem1{ width: 446px;}

.oitem2{ margin-left: 34px; width: 188px;color: #888;}

.oitem3{ margin-left: 34px; width: 188px;}

.oitem1 .img{ float: left; display: block; width: 80px;}

.oitem1 .img img{ width: 100%; display: block;}

.oitem1 .oitem-con{ float: left; display: block;width: 68%;color: #888;}

.oitem1 .oitem-con .t{ line-height: 1.5; margin-bottom: 12px;font-size: 16px; font-weight: bold;color: #776037;}

.oitem .o-price{ font-size: 20px; color: #000;}

.oitem .o-type{ color: #a48047; font-size: 20px;}

.o-num-box{ border-top: 1px solid #e9e9e9; margin-top: 25px; padding: 8px 0px; position: relative;color: #888;}

.o-num-box .order-more{ position: absolute; right: 0px; top: 8px; display: block; color: #888; cursor: pointer;}

.o-contact-item{ margin-right:18px; color: #686868;}

.o-zffs{ font-size: 15px; color: #686868;}

.order-closebtn{ background-color: #a0733e; width: 136px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 18px; display: block; margin: 0px auto;}

.o-type-box{ float: left; display: block; width: 85px;}

.is-order{ float: right; width: 100px; border-left: 1px solid #e9e9e9; margin-top: 2px; text-align: right;}

.is-order a{ display: block; width: 78px; margin:0 0 0 auto; text-align: center; line-height: 25px;}

.is-order a:first-child{ margin-bottom: 4px;}

.order-dt .is-order a.btnpayment{ background-color: #a48047; color: #fff;}

/*uderOrder style end*/

/*join style*/

.thisPage{ padding: 160px 0px 40px; font-family: "Arial","SimHei"; overflow: hidden; min-height: 480px;}

.thisT{ font: bold 46px/1.1 "microsoft yahei"; color: #000;}

.thisC{ color: #8a8a8a; font-size: 16px; padding: 10px 0px 25px;}

.thisBy{ color: #3d3d3d; font-size: 30px; font-family: "微软正黑体","Microsoft JhengHei","Microsoft Yahei","SimHei","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin-bottom: 25px;}

.joinEmail a:link,.joinEmail a:visited { color: #ff0000;}

.joinEmail a:active,.joinEmail a:hover { color: #000;}

.joinEmail{ color: #ff0000; font-size: 16px; padding: 0px 0px 35px;}

.joinList{ margin-left: -2%;}

.joinList li{ float: left; display: block; background-color: #fff; padding: 18px 2%; width: 44%; margin: 25px 0px 0px 2%; color: #868686; cursor: pointer;}

.joinList li .t{ font-size: 16px; color: #000; height: 32px; overflow: hidden; margin-bottom: 12px;}

.joinList li .c{ border-top: 1px solid #d0d0d0; padding-top: 12px; margin-bottom: 15px; height: 50px; overflow: hidden;}

.joinList li .time{ color: #b9b9b9;}

.joinList li:hover{ background-color: #b89c6e; color: #000;}

.joinList li:hover .t,.joinList li:hover .c,.joinList li:hover .time{ color: #fff;}

.joinList li:hover .c{ border-color: #fff;}

.linkList a:link,.linkList a:visited { color: #676767;}

.linkList a:active,.linkList a:hover { color: #a0733e;}

.linkList{ font-size: 18px;}

.linkList dd{ float: left; display: block; padding:25px 55px 25px 0px; border-bottom: 1px solid #d0d0d0; position: relative; top: -1px;}

/*join style end*/



input.user-txt{ border: 1px solid #eeecec; width: 100%; padding: 20px 44px 20px 12px; box-sizing: border-box; line-height: 20px; font-size: 14px; display: block; border-radius:0px; color: #3b3b3b; font-family: "SimHei";}

input.user-txt1{ border-radius: 3px 3px 0px 0px;}

input.user-txt2{ border-radius: 0px 0px 3px 3px; margin-top: -1px;}

input.user-txt3{ padding: 13px 15px; border-color: #e3e3e3; }

input.user-txt3:focus{ border-color: #a0733e; -moz-box-shadow:1px 0 2px #a0733e; -webkit-box-shadow:1px 0 2px #a0733e; box-shadow:1px 0 2px #a0733e;}

input.user-txt4{ border-left: 0px none;}

input.user-txt5{ padding: 12px 18px;}

input.user-txt5:focus{ border-color: #b89c6e;}

input.user-txt6{ width: 56%; float: left;}

input.user-txt7{ padding: 8px 15px;}

input.user-txt7:focus{ border-color: #b89c6e;}





/* 2021-4-6新增 */

.user-toggle{ position: relative;display: inline-block;font-size: 12px;float: left;font-family: "Arial","SimHei";}

.login-toggle{ padding:0px 15px 0px 15px;}

.toolBox .tel-toggle,.toolBox .login-toggle{ padding-top: 10px;}

.toolBox .tel{ line-height: 2; float: left;}

.toolBox .tel i{ background: url(../images/ico.png) no-repeat scroll -16px -14px; padding-left: 32px;}

.toolBox .line{ padding: 0px 15px;}

.user-nav{ display: none;position: absolute;right: -46px;top: 50px;background-color: #fff;border-top: 1px solid #d5d5d5;padding:8px 0px;width: 120px;font-size: 14px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.10);}

.user-nav .sj{ background: url(../images/sj_bot.png) no-repeat scroll center top; height: 7px; width: 15px; top: -7px; right: 54px; position: absolute;}

.user-nav a:link, .user-nav a:visited { color: #a4a4a4;}

.user-nav a:active,.user-nav a:hover { color: #2f3538;}

.user-nav a{ padding: 6px 35px; display: block;}

.user-nav a:hover{ padding: 6px 25px 6px 25px; background-color: #f2f2f2; color: #876235!important;}

.usernewBtn{ height: 78px; line-height: 78px; padding: 0px 15px; position: relative; color: #c1c1c1;}

.usernewBtn span{ background: url(../images/ico_news.png) no-repeat scroll right center;  padding-right: 32px;}

.user-i1{ background: url(../images/useri1.png) no-repeat; width: 17px; height: 17px; display: block; position: absolute; right: 10px; top: 40%;}

.usernameBtn{  color: #c1c1c1; display: block;text-align: center;width: 36px;overflow: hidden;height: 43px;}

.usernameBtn .name{  display: block;    height: 16px;
  overflow: hidden;}

.usernameBtn .user-t{ width: 20px; height: 20px; display: block; background-position: center center; border-radius: 50%;background-size: contain;margin: 0px auto 2px;}



.signin-toggle{ float: right; display: none; width: 50px; height:51px; border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee;}

.signin-icon{ display: block; width: 100%; padding: 12px 0px;}

.signin-icon i{ width: 30px; height: 30px; display: block; margin: 0px auto 0px; background: url(../vipimg/photo.png) no-repeat center center; background-size: 100%;border-radius: 50%; transform: scale(0.7); -webkit-transform: scale(0.7);}

.signin-icon i{ background-position:right center;}

.signin-icon.active{ background-color: #efefef;}





.login-box{margin: 0 auto;padding:50px 0 50px 0;width: 65%;position: relative;}

.login-box::after{display: table;content: " ";clear: both;}

.login-right,.login-left{float: left;box-shadow:3px 3px 32px rgba(0, 0, 0, 0.2);font-family: "Arial","SimHei";}

.login-ewm{width: 150px;height: 40px;line-height: 40px; position: absolute;right: 0;top: 0;background: #776037;text-align: center;color: #ffffff;}

.login-ewm:hover .img{display: block;}

.login-ewm .img{

  display: none;

  position: absolute;

  right: -360px;

  top: 0;

  width: 360px;

  height: 510px;

  background: #ffffff;

  box-shadow: 0 3px 8px 10px rgb(0 0 0 / 10%);

}

.login-ewm .img::after{

  content:"";

		position:absolute;

		top:10px;

		left:-10px;

		border-bottom:10px solid transparent;

		border-top:10px solid transparent;

		border-right:10px solid #ffffff;

}

/*登录框*/

.title_login{

  text-align: center;

  color: #776037;

  font-size: 25px;

  font-weight: bold;

  margin-bottom:35px;

  position: relative;font-family: "Arial","SimHei";

}



.title_login::after{

  display: table;

  content: " ";

  width: 28px;

  height: 4px;

  background-color: #776037;

  position: absolute;

  left: 51%;

  bottom: -8px;

  margin-left: -20px;

}

.met-member form {

  width: 400px;

  height: 430px;

  background-color: #F7F3F2;

  padding: 30px;

  box-sizing: border-box;

}

.form-group {

  position: relative;

  margin-bottom: 1rem;

  box-sizing: border-box;

}

.form-control {

  font-size: 1rem;

  font-family: "Arial","SimHei";

  display: block;

  width: 100%;

  padding: .429rem .929rem;

  color: #76838f;

  border: 1px solid #e4eaec;

  border-radius:0;

  background-color: #fff;

  background-image: none;

  -webkit-background-clip: padding-box;

  background-clip: padding-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  height: 2.573rem;

  -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;

  -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;

  transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;

  border-color: #dfdddb;

  -webkit-appearance: none;

  -moz-appearance: none

}

.form-group:before,.form-group:after {

  display: table;

  content: " "

}



.form-group:after {

  clear: both

}

.btn-login{

  border-radius: 0;

  font-weight: 400;

  display: inline-block;

  padding: .429rem 1rem;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-align: center;

  vertical-align: middle;

  white-space: nowrap;

  font-family: "Arial","SimHei";

  border: 1px solid transparent;

  border-radius:0rem;

  -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  -webkit-font-smoothing: subpixel-antialiased;

  font-size: 1.1rem;

  padding: 0.6rem 1.1rem;

  border-radius: 0rem;

  display: block;

  width: 100%;

  white-space: normal;

  color: #fff;

  border-color: #776037;

  background-color: #776037;

  webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;-webkit-transition: 0.3s; transition: 0.3s;

  margin-bottom: 20px;

}

.btn-login:hover{opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

.btn-login.btn-squared{

  border-color: #BEA175;

    background-color: #BEA175;

}

.login_link{

  color: #BEA175;

}

.m-t-20 {

  margin-top: 20px!important;

}

.m-b-15 {

  margin-bottom: 15px!important;

}

.text-xs-right {

  text-align: right!important;

}

.login-right{

  float: left;

  width: calc(100% - 400px);

  box-sizing: border-box;

  padding: 20px;

  background-color: #fff;

  height: 430px;

}

.login-right .content{ height: 410px; width: 100%; overflow-y: scroll; padding-right: 20px;background: #fff;}





.login-right2{ float: left; width: calc(100% ); box-sizing: border-box; padding: 20px; backgound-color: #fff;}

.login-right2 .content{ padding: 20px;background: #fff;}



.table-info {

    width: 100%;

    border-bottom: 1px solid #eee;

    border-left: 1px solid #eee;font-family: "Arial","SimHei";

}

.table-info tr {

    height: 66px;

}

.table-info tr td {

    text-align: center;

    border-top: 1px solid #eee;

    border-right: 1px solid #eee;

}

.table-info tr td strong {

    display: inline-block;

    font-style: normal;

    font-size: 20px;

    color: #ff8800;

}

.table-info tr td {   font-size: 14px;

    color: #4c4c4c;

}

.table-info tr:first-child {

    width: 166px;

    font-size: 14px;

    background: #fafafa;

}

.table-info tr:first-child td {

    color: #999;

}

.table-info tr td:first-child {

    background: #fafafa;

    font-size: 16px;

    text-align: center;

    }

.table-info tr td.huise {

    width: 230px;

    background: #fff;

    font-size: 14px;

    text-align: center !important;

    padding-left: 0px;

}

.module-marg-top .type-table tr td:first-child {

    width: 230px;

    background: #fafafa;

    font-size: 14px;

    text-align: center;

    padding-left: 0px;

}

.table-p {

    margin-top: 0px;

}

.table-nasttd {

    width: 234px;

}



.product-info-btn a { display: inline-block; padding:5px 15px;text-align: center;  line-height: 30px; font-size: 16px;color: #fff;background-image: linear-gradient(45deg, #d41a1a, #d9e60c);border-radius: 30px;}

.product-info-btn a:hover{ opacity:0.8;}





.login-right .cont{

  height10px;

  width: %;

  overflow-y: scroll;

  box-sizing: border-box;

  padding-right: 20px;

}

.login-left .vipbtn{

  text-align: center;

    width: 100%;

    display: block;

    margin-top: 5%;

}

.login-left .vipbtn img{width: 100%;}

.login-left .vipbtn img:hover{opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

/* 注册 */

.register-index{padding:50px 0;}





.form-register{

  margin: 0px auto;

  width: 500px;

  background-color:#fff;

  position: relative;

    padding: 30px 30px;

    box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.2);

}

.input-group {

  position: relative;

  display: table;

  width: 100%;

  border-collapse: separate



}



.input-group .form-control {

  position: relative;

  z-index: 2;

  float: left;

  width: 100%;

  margin-bottom: 0

}

.input-group-addon {

  font-size: 1rem;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 0;

  padding: .429rem .929rem;

  text-align: center;

  color: #76838f;

  border: 1px solid #e4eaec;

  border-right: 0px;

  border-radius:0;

  background-color: #f3f7f9;

}

.input-group-addon,.input-group-btn {

  width: 1%;

  vertical-align: middle;

  white-space: nowrap

}

.input-group i.fa {

  font-size: 18px;

  color: #aaa;

  width: 20px;

  text-align: center;

}

.input-group .form-control,.input-group-addon,.input-group-btn {

  display: table-cell

}

hr {

  overflow: visible;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  height: 0;

  margin: 1rem 0;

  border: 0;

  border-top: 1px solid #e4eaec;

}

.register-index .met-more{position:relative;margin-top: 30px!important;

  margin-bottom: 30px!important;}

.register-index .met-more span{position:absolute;left:50%;top:0;-webkit-transform: translateX(-50%);

    color: #b0ae7e;

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  background-color:#fff;

  height:30px;line-height:30px;padding-right: 10px!important;

  padding-left: 10px!important;}

.m-b-20 {

  margin-bottom: 20px!important;

}

.m-t-0 {

  margin-top: 0!important;

}

.font-size-24 {

  font-size: 24px!important;

}

.text-xs-center {

  text-align: center!important;

}

.user-code-img img {

  height: 31px !important;

}

.input-group .input-group-addon {

  border-radius: 0px;

}

.form-control+.input-group-addon:not(:first-child) {

  border-left: 0;

}

input.form-control, .met-member select.form-control {

  height: 43px !important;

}

.met-form-lable {

  line-height: 43px;

  text-align-last: justify;

  text-align: justify; 

}

.p-5, .p-a-5 {

  padding: 5px!important;

}

.m-t-10 {

  margin-top: 10px!important;

}



/*noPower*/

.btn-normal{

  border-radius: 0;

  font-size: 1rem;

  font-weight: 400;

  color: #fff;

  line-height: 1.571429;

  display: inline-block;

  padding: .429rem 1rem;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  text-align: center;

  font-family: "Arial","SimHei";

  vertical-align: middle;

  white-space: nowrap;

  border: 1px solid transparent;

  -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;

  -webkit-font-smoothing: subpixel-antialiased;

  font-size: 16px;

  padding: .715rem 1.286rem;

  display: block;

  width: 100%;

  white-space: normal;

  color: #fff;

  border-color: #776037;

  background-color: #776037;

  webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-bottom: 10px;-webkit-transition: 0.3s; transition: 0.3s;

}

.btn-normal:hover{opacity:0.8;-webkit-transition: 0.3s; transition: 0.3s;}

.noPowerBox{ padding:122px 0 70px 0;}



.noPower{

  width: 400px;

  max-width: 400px;

  padding:30px;

  box-sizing: border-box;

  background: #ffffff;

  text-align: center;

  margin: 0 auto;

  color: #868686;

  font-family: "Arial","SimHei";

  box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.2);



}

.noPower p{font-size: 18px;margin-top:10px;margin-bottom: 25px;}

.noPower img{}

.noPower>div{margin-bottom: 10px;}

.noPower a{color: #BEA175;border-bottom: solid 1px #BEA175;padding-bottom: 3px;}



/*忘记密码*/

.password{

  padding: 40px 30px 50px;

  width: 464px;

  box-sizing: border-box;

  background: #ffffff;

  text-align: center;

  margin: 0 auto;

  color: #868686;

  font-family: "Arial","SimHei";

  box-shadow: 3px 3px 32px rgba(0, 0, 0, 0.2);

}

.password .user-btn {

  width: 30%;

  float: left;

  display: block;

  margin-right: 0px;

}

.password .user-btn2{

    width: 66%;

    float: left;

    display: block;

    margin-right: 4%;

}





/*支付流程*/

.order-check label{

  display: block;

  width: 100%;

  box-sizing: border-box;

  padding: 15px 20px;

  margin: 10px 0;

  background: #F4F4F4;

  /* border: 1px solid #aaaaaa; */

  border-radius: 30px;

  color: #888;

  cursor: pointer;

  position: relative;

  line-height: 25px;

}

.order-check label .border{

  display: block;

  width: 100%;

  height: 100%;

  border: 1px solid #bbb;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 30px;

}



.order-check label input:checked+.border{

  border: 1px solid #776037;

}



.order-check label p{

  display: inline;

}

.order-check label input{

  width:25px;

	height:25px;

	background-color:#ffffff;

	border:solid 1px #bbbbbb;

	-webkit-border-radius:50%;

	border-radius:50%;

	font-size:0.8rem;

	margin:0 5px 0 0;

	padding:0;

	position:relative;

	display:inline-block;

	vertical-align:top;

	cursor:default;

	-webkit-appearance:none;

	-webkit-user-select:none;

	user-select:none;

	-webkit-transition:background-color ease 0.1s;

	transition:background-color ease 0.1s;

}

.order-check label input:checked {

  background: #776037;

 

}

.order-check label input:checked+div+p{

  color: #776037;font-weight: bold;

}

.order-check label input:checked+div+p+span{

  color: #776037;font-weight: bold;

}



.order-check label input:checked::after {

	content:'';

	top:5px;

	left:5px;

	position:absolute;

	background:transparent;

	border:#fff solid 2px;

	border-top:none;

	border-right:none;

	height:6px;

	width:10px;

	-moz-transform:rotate(-45deg);

	-ms-transform:rotate(-45deg);

	-webkit-transform:rotate(-45deg);

	transform:rotate(-45deg);

}



.order-check label span{

  float:right;

  margin-right: 20px;

}

.order-allcheck{

  display: block;

  width: 100%;

  box-sizing: border-box;

  padding: 15px 20px 15px 47px;

  margin: 10px 0;

  background: url(../vipimg/tag_2.png) no-repeat 20px center;

  cursor: pointer;

}

.order-allcheck.on{

  background: url(../vipimg/tag_3.png) no-repeat 20px center;

}

.order-allcheck.on .t2{display: inline;}

.order-allcheck img{

  width: 25px;

  height: 25px;

  vertical-align:middle;

}

.order-allcheck span{

  display: inline-block;

  line-height: 25px;

  vertical-align: middle;

  color: #A4A4A4;

}

.order-allcheck span.t2{

  color:#BEA175;

  display: none;

  

}

.btn_wx2{width:140px;padding:10px;}
.btn_zfb2{width:140px;padding:10px;}


/* 个人中心 */

.user-btn{ width: 100%; height: 56px;color: #ffffff; box-sizing: border-box; display: block; border: 1px solid #a0733e;background: #a0733e;  text-align: center;line-height: 56px; font-size: 16px;}

.user-btn:hover,a.user-btn:hover{ background-color: #858585; border-color: #858585; color: #ffffff;}

.user-close{ background: url(../images/rr-enterclose.png) no-repeat scroll center center; width: 50px; height: 50px; display: block; position: absolute; right: 5px; top: 5px; border-radius: 50%; cursor: pointer;}

.user-close:hover{ background-color: #4b4b4b;}

a.user-btn5{ width: 38%; float: right; display: block; padding: 13px 0px; line-height: 20px; border-radius:0px; border:1px solid #eeecec; text-align: center; color: #868686; font-size: 15px; background-color: #f8f8f8;}

a.user-btn5:hover{ color: #a0733e;}

.user-img-yzm{ float:right; display:block; width:30%; margin:8px 8% 0px 0;}

.user-img-yzm img{ width:100%; display:block;}

.mb20 { margin-bottom: 20px;}



.vip_hj1{background-image: linear-gradient(45deg, #d41a1a, #d9e60c); color: #fff; border-radius:20px; padding:3px 10px;box-shadow:2px 2px 5px rgba(140, 140, 10, 0.2);}