/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{margin: 0 auto; font-size: 12px; color: #585858; line-height: 1.5; font-style: normal; background: #f2f2f4;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
a, a:link, a:visited, a:hover, a:active{color: #565656;}
a:hover{color: #b58254;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{max-width: 100%; display: block; margin: 0 auto;}
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}

/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

.container{margin: 0 2.9%;}
ul.style li{float: left;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}

/* header */
.header{position: relative; height: 107px; background: #f2f2f4;}
.header .container{z-index: 1; margin: 0 5.7%;}
.header ul li{margin-left: 5%; width: 8%; text-align: center;}
.header ul li:first-child{margin-left: 0;}
.header ul li a{display: block; padding: 39px 0; width: 100%; color: #4f4f4f; font-size: 16px; line-height: 20px;}
.header ul li.spec{margin-left: 31%;}
.header .line{position: absolute; left: 0; bottom: 10px; width: 100%; height: 1px; background: #878787;}
.header .floatr{position: absolute; z-index: 2; bottom: 0; width: 110px; height: 5px; background: #b58254;  -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.logo{position: absolute; top: 20px; left: 50%; z-index: 10; width: 22%; height: 100%; margin-left: -11%; background: #f2f2f4 !important;}

/* footer */
.footer{position: relative; padding: 44px 0 25px; background: #f2f2f2; font-size: 14px; line-height: 26px; color: #565656;}
.footer .container{min-height: 165px; margin: 0 5.7%;}
.footer .left{position: absolute; left: 0; top: 0;}
.footer .left p{text-indent: 260px;}
.footer .left  img.pa{left: 0; top: 0;}
.more{position: relative; margin-top: 80px; width: 136px; line-height: 28px; border: 1px solid #bcbcbc; text-align: center;}
.more em{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #bcbcbc;}
.more span{position: relative; z-index: 1;}
.more:hover em{width: 100%;}
.footer .more:hover span{color: #fff;}
.footer .right{position: absolute; right: 0; top: 0; width: 132px;}
.footer .right p{margin-top: 10px; padding-left: 6px; letter-spacing: 6px;}
.footer .center{margin-left: 35%;}
.footer .center dl{float: left; margin-right: 12%;}
.footer .center dt{font-size: 14px; font-weight: bold; color: #363636;}
.footer .center dd a{padding: 5px 0; font-size: 12px; line-height: 22px;}
.copyright{margin-top: 20px; padding-top: 20px; border-top: 1px solid #e2e2e2; color: #a9a9a9; font-size: 12px;}
.copyright a{color: #a9a9a9;}
.copyright a:hover{color: #b58254;}
@media (max-width: 1700px){
.footer .center{margin-left: 38%;}
.footer .center dl{margin-right: 10%;}
}
@media (max-width: 1460px){
.footer .left p{text-indent: 240px;}
.footer .center{margin-left: 40%;}
.footer .center dl{margin-right: 8%;}
}
@media (max-width: 1380px){
.footer .left p{text-indent: 220px;}
.footer .center dl{margin-right: 7%;}
}

/* index */
.index-title{color: #b58254;}
.index-title h2{margin-right: -12px; margin-bottom: 20px; font-size: 16px; font-weight: normal; padding-left: 12px; letter-spacing: 12px;}
.index-title .line{display: inline-block; margin: 54px 0 41px; width: 16px; height: 2px; background: #ceac8d;}
.more-big{width: 215px; height: 215px; overflow: hidden; background: #fbfbfb; color: #b58254; font-size: 14px;}
.more-big a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden;}
.more-big .effect{	position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fdf6eb;content: '';
-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.more-big img{position: relative; z-index: 1; margin-top: 40px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.more-big p{position: relative; z-index: 1; margin-top: 20px; color: #b58254; -webkit-transition: all 0.3s; transition: all 0.3s;}
.more-big a:hover img{-webkit-transform: matrix(1,0,0,1,33,-17); transform: matrix(1,0,0,1,33,-17);}
.more-big a:hover p{-webkit-transform: matrix(1,0,0,1,-50,12); transform: matrix(1,0,0,1,-50,12);}
.more-big a:hover .effect{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,55%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,60deg) translate3d(0,55%,0);}
.index-about .container{position: relative; padding: 66px 0 105px;}
.index-about .imgbox{margin-left: 4%; width: 70.9%;}
.index-about .text{position: absolute; bottom: 55px; right: 0; padding: 110px 90px; width: 394px; background: #fff url(../images/index_pic1.png) no-repeat right bottom;}
.index-about .article{font-size: 14px; line-height: 35px; color: #585858;}
.index-about .more-big{left: 0; bottom: 74px;}
@media (max-width: 1500px){
.index-about .text{padding: 80px;}
}
@media (max-width: 1300px){
.index-about .text{padding: 60px; width: 294px;}
.index-about .article{height: 70px; overflow: hidden;}
}

.index-pro ul{margin-left: -15px; margin-right: -15px; padding: 15px 0;}
.index-pro ul li{position: relative; width: 33.3333333333%;}
.index-pro ul li .imgbox{margin: 15px; height: 812px; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.index-pro ul li .cover{position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; background: #000; opacity: .25; filter: alpha(opacity=25);
transform: scale(1,0); -webkit-transform: scale(1,0); transform-origin: 50% 0; -webkit-transform: 50% 0; transition: all 1s cubic-bezier(.23,1,.38,1); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1);}
.index-pro ul li .cover:before, .index-pro ul li .cover:after{position: absolute; z-index: 1; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: all .35s .3s; transition: all .35s .3s;}
.index-pro ul li .cover:before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.index-pro ul li .cover:after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
.index-pro ul li h3, .index-pro ul li a{opacity: 0; transform: matrix(1,0,0,1,0,-25); -webkit-transform: matrix(1,0,0,1,0,-25); transition: all 1s cubic-bezier(.23,1,.38,1) .2s; -webkit-transition: all 1s cubic-bezier(.23,1,.38,1) .2s;}
.index-pro ul li h3{position: absolute; left:  15px; right: 15px; top: 40%; padding-left: 18px; font-size: 28px; font-weight: normal; color: #fff; text-align: center; letter-spacing: 18px;}
.index-pro ul li h3 span{display: block; font-size: 20px;}
.index-pro ul li a{position: absolute; top: 50%; left: 50%; margin-left: -22px; display: block; width: 43px; height: 43px;}
.index-pro ul li:hover .imgbox{-webkit-box-shadow: 0 9px 21px rgba(0,0,0,.21); box-shadow: 0 9px 21px rgba(0,0,0,.21);}
.index-pro ul li:hover .cover{transform: scale(1); -webkit-transform: scale(1);}
.index-pro ul li:hover .cover:before, .index-pro ul li:hover .cover:after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.index-pro ul li:hover h3, .index-pro ul li:hover a{opacity: 1; transform: matrix(1,0,0,1,0,0); -webkit-transform: matrix(1,0,0,1,0,0);}
@media (max-width: 1500px){
.index-pro ul li .imgbox{height: 626px;}
.index-pro ul li h3{top: 37%;}
}
@media (max-width: 1380px){
.index-pro ul li .imgbox{height: 575px;}
}

.index-news{position: relative; padding: 37px 0 0; width: 55%;}
.index-news-pic{width: 86.82%;}
.index-news-date{padding-bottom: 30px; width: 27.386%; text-align: center; font-size: 14px; color: #0d0d0d;}
.index-news-date span.pr{padding-top: 30px;}
.index-news-date span.f70 span{position: absolute; top: 22px; right: -10px; width: 34px; height: 34px; background: #debe73; color: #fff; line-height: 34px; font-size: 16px;}
.index-news-date span.upper{position: relative; top: -1px; padding-left: 5px; color: #b49f6b; font-size: 12px;}
.index-news-article{top: -65px; width: 64%; background: #fff;}
.index-news-article .item{padding: 80px 65px 35px 155px; font-size: 14px; line-height: 25px; color: #585858;}
.index-news-article .item h3{margin-bottom: 15px; font-size: 20px;}
.index-news-article .item h3 a{color: #b49140;}

.index-shop{position: relative; padding: 37px 0; width: 36.985%;}
.index-shop .title{position: absolute; left: 0; top: 113px; font-size: 18px; color: #494949;}
.index-shop .title p{margin-top: 13px;}
.index-shop .article{margin-left: 52%; margin-bottom: 50px; margin-top: 103px; min-height: 100px; font-size: 14px; line-height: 30px; color: #585858;}

/* product */
.subtitle{padding: 70px 0 40px; -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s;}
.subtitle h2{margin-top: 20px; padding-left: 24px; font-size: 16px; font-weight: normal; color: #3e3e3e; letter-spacing: 24px;}
.product{margin: 0 11%;}
.product ul li{position: relative; margin-bottom: 18px; background: #fff; overflow: hidden;}
.product ul li .left{position: absolute; top: 32%; left: 12%; width: 8.152%;}
.product ul li .mid{margin: 0 auto; width: 32.338%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.product ul li .right{position: absolute; right: 5%; top: 38%; width: 17.292%; text-align: center;}
.product ul li .right div.fl, .product ul li .right div.fr{padding: 0 10%; width: 30%; font-size: 14px;}
.product ul li .right a{display: block; width: 100%; height: 100%;}
.product ul li .right div.fl a{color: #b58254;}
.product ul li .right div.fr a{color: #7a7a7a;}
.product ul li .right p{margin-top: 15px;}
.product ul li .right a:hover img{-webkit-animation: tada 1s; animation: tada 1s;}
@media (max-width: 1380px){
.product ul li .right{width: 17.642%;}
}

.product-list{margin: 0 12.087%; padding-bottom: 50px; font-size: 20px; line-height: 35px; color: #303030;}
.product-list .more{display: block; width: 155px; height: 35px; line-height: 35px; border: 0; color: #73461e; font-size: 14px; background-color: #e4bf65;}
.product-list .more img{position: relative; top: -1px; left: -10px; margin-right: 20px;}
.product-list .more em{background: #ba9b50;}
.product-list ul{margin-left: -15px; margin-right: -15px; margin-top: 15px; padding-bottom: 20px;}
.product-list ul li{position: relative; margin-top: 5px; width: 33.3333333333%; height: 664px; overflow: hidden;}
.product-list ul li a{display: block; width: 100%; height: 100%;}
.product-list ul li .imgbox{position: absolute; left: 15px; right: 15px; bottom: 15px; top: 15px; background-color: #fff; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 1s; transition: all 1s;}
.product-list ul li .border{display: block; background: #e4bf65; position: absolute;
-webkit-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition: all 600ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
}
.product-list ul li .top{ width: 0%; height: 2px;  top: 0; right: 0;}
.product-list ul li .bottom{ width: 0%; height: 2px; bottom: 0; left: 0;}
.product-list ul li .right{ width: 2px; height: 0%; bottom: 0; right: 0;}
.product-list ul li .left{ width: 2px; height: 0%; left: 0; top: 0;}
.product-list ul li .title{position: absolute; bottom: 0; right: 25%; left: 25%; padding: 0 10px; background: #e4bf65; color: #886309; font-size: 16px; line-height: 34px; text-align: center;
opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 1s cubic-bezier(.23,1,.38,1); transition: all 1s cubic-bezier(.23,1,.38,1);}
.product-list ul li:hover .title{opacity: 0; filter: 0; -webkit-transform: matrix(1,0,0,1,0,15); transform: matrix(1,0,0,1,0,15);}
.product-list ul li:hover .imgbox{-webkit-transition: matrix(1,0,0,1,0,-5); transform: matrix(1,0,0,1,0,-5);}
.product-list ul li:hover .imgbox .top, .product-list ul li:hover .imgbox .bottom{width: 100%;}
.product-list ul li:hover .imgbox .right, .product-list ul li:hover .imgbox .left{height: 100%;}
@media (max-width: 1700px){.product-list ul li{height: 587px;}}
@media (max-width: 1620px){.product-list ul li{height: 558px;}}
@media (max-width: 1460px){.product-list ul li{height: 503px;}}
@media (max-width: 1400px){.product-list ul li{height: 489px;}}
@media (max-width: 1300px){.product-list ul li{height: 448px;}}

.product-details .article{position: absolute; top: 37%; left: 15%; width: 22%; font-size: 12px; line-height: 28px; color: #8f8f8f;}
.product-details .article h1{margin-bottom: 15px; font-weight: normal; font-size: 24px; color: #3e3e3e;}
.product-details a.black{position: absolute; right: 55px; top: 40px;}
.product-details a.black:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}

.page {margin: 10px auto;}
.page a{display: inline-block; margin: 0 1px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid #dfdfdf; color: #6e6e6e; background: #fff;}
.page a:hover{color: #999; border: 1px solid #999;}
.page-m{position: relative; top: -1px; +display: inline !important;}
.page-m a{font-family: "Arail"; color: #a6a6a6;}
.page-m a.active{background: #999; color: #fff; border: 1px solid #999;}
.page input.txt{width: 32px; text-align: center; height: 25px; line-height: 25px; color: #6e6e6e; border: 1px solid #dfdfdf; +position: relative; +top: 5px;}
.page input.button{margin-left: 20px; width: 88px; height: 29px; background: #999; color: #fff; text-align: center; +position: relative; +top: 5px;}
.page input.button:hover{background: #666;}
.page-prev, .page-next{+display: inline !important; +margin: 0 4px;}

/* aside */
.aside{position: fixed; z-index: 10000; left: 10px; top: 215px; width: 215px; -webkit-transform: translateZ(0);}
@media (max-width: 1460px){.aside{width: 180px;}}
@media (max-width: 1300px){.aside{width: 150px;}}
.aside img{margin-left: 14px;}
.aside ul{margin-top: 5px; padding-top: 15px; border-top: 1px solid #dbdbdb;}
.aside ul li{position: relative; margin-bottom: 2px;}
.aside ul li a{letter-spacing: 6px; font-size: 14px; line-height: 44px; color: #646464; text-align: center; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.aside ul li a:hover{padding-left: 20px;}
.aside ul li.active a{background: #e4bf65; color: #fff; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.17); box-shadow: 0 0 15px rgba(0,0,0,.17);}
.homepage{margin: 0 15%;}
.content{min-height: 300px;}

.mall ul{padding-bottom: 20px;}
.mall li{width: 33.3333333333%;}
.mall li a{display: block; margin: 15px auto; width: 71.394%; height: 123px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.mall li a:hover{-webkit-transform: matrix(1,0,0,1,0,-10); transform: matrix(1,0,0,1,0,-10); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.1);}
@media (max-width: 1700px){.mall li a{height: 109px;}}
@media (max-width: 1460px){.mall li a{height: 93px;}}
@media (max-width: 1420px){.mall li a{height: 90px;}}
@media (max-width: 1420px){.mall li a{height: 83px;}}

.query{margin: 85px 0; width: 23%; height: 647px;}
.query h3{padding: 28px 50px 0 28px; color: #3e3e3e; font-size: 14px; font-weight: normal;}
.query-box .item{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0 !important;}
.query-box .item p.f14{color: #464646;}
.query-box .item p.f12{margin-top: 8px; margin-bottom: 18px; color: #9e9e9e;}
.map{margin: 85px 0; width: 76%; height: 647px;}
.map img{max-width: none !important;}
.anchorBL{display: none;}

.brand ul li{margin-top: 28px; color: #5c5c5c; overflow: hidden;} 
.brand ul li .imgbox img{width: 100%; opacity: 1; filter: alpha(opacity=100);} 
.brand ul li .imgbox a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background: #000;}
.brand ul li .imgbox a:before, .brand ul li .imgbox a:after{position: absolute; z-index: 1; top: 15px; right: 15px; bottom: 15px; left: 15px; display: block; content: ""; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.brand ul li .imgbox a:before{border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0,1); -webkit-transform: scale(0,1);}
.brand ul li .imgbox a:after{border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scale(1,0); -webkit-transform: scale(1,0);}
.brand ul li .imgbox a:hover img{opacity: .5; filter: alpha(opacity=50);}
.brand ul li .imgbox a:hover:before, .brand ul li .imgbox a:hover:after{opacity: 1; transform: scale(1); -webkit-transform: scale(1);}
.brand ul li .article{margin: 35px; font-size: 12px; color: #5c5c5c; line-height: 25px;} 
.brand ul li .article .date{color: #b6b6b6;}
.brand ul li .article h3{margin-top: 10px; margin-bottom: 25px; font-size: 22px; color: #b06f38; font-weight: normal;}
.brand ul li .article h3 a{color: #b06f38;}
.brand ul li .article h6{margin-bottom: 15px;}
.brand ul li.even .imgbox, .brand ul li.odd .text{float: left;}
.brand ul li.even .text, .brand ul li.odd .imgbox{float: right;}
.brand ul.padded li{margin-top: 0;}
.brand ul.padded li .article{margin: 20%;} 
.tabs{margin: 0 auto 12px; width: 300px;}
.tabs ul li{margin: 1px; width: 148px; height: 30px; line-height: 30px; text-align: center;}
.tabs ul li a{width: 100%; height: 100%; background: #fff; color: #161616;}
.tabs ul li.active a{background: #e4bf65;}
@media (max-width: 1460px){
.brand ul li .article{height: 240px;}
.brand ul.padded li .article{margin: 8% 20%;}
}
@media (max-width: 1420px){.brand ul li .article{height: 235px;}}
@media (max-width: 1380px){.brand ul li .article{height: 230px;}}
@media (max-width: 1300px){.brand ul li .article{height: 210px;}}

.news .article{font-size: 14px; line-height: 28px; color: #4e4e4e;}
.news-title{margin-bottom: 30px; padding-right: 180px; padding-bottom: 25px; color: #4e4e4e; border-bottom: 1px solid #c5c5c5;}
.news-title h1{font-size: 28px; font-weight: normal;}
.share{position: absolute; right: 0; top: 25px;}

.support{margin-top: 23px;}
.support >div{position: relative; margin-top: 17px;}
.support-title{position: absolute; top: 175px; left: 5%;}
.support-title h3{margin-bottom: 5px; font-size: 30px; font-weight: normal; color: #232323; letter-spacing: 2px;}
.support-title p{color: #7e7e7e; letter-spacing: 1px;}
.support ul{margin-top: 90px; margin-bottom: 110px; margin-right: 33px; width: 798px;}
.support ul li{margin-right: 19px; margin-top: 35px; padding-bottom: 15px; width: 247px; font-size: 16px; color: #232323;}
.support ul li img{margin-bottom: 15px; width: 247px; height: 130px;}
ul.instru{margin-top: 13px; margin-bottom: 60px;}
ul.instru li{margin-left: 1%; margin-right: 1%; width: 48%; font-size: 14px; line-height: 30px;}
ul.instru li h6{margin-bottom: 10px;}
@media (max-width: 1460px){
.support-title{position: static; margin-top: 50px; text-align: center;}
.support ul{float: none; margin: 0 auto 50px;}
}

.dynamic ul li{margin-top: 50px;}
.dynamic ul li a{display: block; margin: 0 auto; width: 88.733%; color: #333;}
.dynamic ul li .imgbox{background: #000;}
.dynamic ul li h6{margin-top: 10px;}
.dynamic span{position: absolute; background: #fff;}
.dynamic .border-top{top: 12%; left: 50%; width: 0; height: 1px;}
.dynamic .border-bottom{bottom: 12%; left: 50%; width: 0; height: 1px;}
.dynamic .border-right{bottom: 50%; right: 8%; height: 0; width: 1px;}
.dynamic .border-left{bottom: 50%; left: 8%; height: 0; width: 1px;}
.dynamic ul li a:hover .imgbox img{opacity: .5; filter: alpha(opacity=50);}
.dynamic ul li a:hover .border-top, .dynamic ul li a:hover .border-bottom{left: 5%; width: 90%;}
.dynamic ul li a:hover .border-right, .dynamic ul li a:hover .border-left{bottom: 6%; height: 88%;} 

.faq dl{margin-top: 2px; background: #fff;}
.faq dt{position: relative; padding: 14px 60px 14px 27px; color: #333; font-size: 16px;} 
.faq dt .btn{position: absolute; right: 27px; top: 12px; display: block; width: 27px; height: 27px; background: url(../images/add.png) no-repeat center center;}
.faq dt.down .btn{background-image: url(../images/minus.png);}
.faq dd .article{padding: 0 27px 27px; color: #909090; font-size: 14px;}

.applay{padding: 5% 10%;}
.applay >div{margin-right: -30px;}
.input-wrap{position: relative; margin-top: 22px;}
.input-wrap .required{padding: 10px 15px; width: 85%; background: #f3f3f3; line-height: 24px; height: 24px; font-size: 16px; color: #2d2d2d;}
.input-wrap .placeholder{position: absolute; top: 0; left:  15px; line-height: 44px; font-size: 16px; color: #2d2d2d;}
.input-wrap.spec .required{width: 95%; height: 285px;}
.submit{margin-top: 30px; width: 205px; height: 43px; font-size: 16px; color: #2d2d2d; background: #e4bf65;}
.submit:hover{background: #c49f44;}
@media (max-width: 1460px){
.input-wrap{margin-top: 15px;}
}

.contact .map{margin-bottom: 60px; width: 100%; height: 586px;}
.contact .left p.f24{margin-bottom: 10px; color: #4d4d4d;}
.contact .left p.f14{color: #5a5a5a;}
.contact .right{width: 400px;}
.contact .right li{position: relative; width: 50%; font-size: 16px; color: #3f3f3f; line-height: 36px;}
.contact .right li p{padding-left: 40px;}
.contact .right li em{position: absolute; top: 5px; left: 10px; display: block; width: 25px; height: 25px; background: url(../images/contact.png) no-repeat;}
.contact .right li .icon1{background-position: 0 0;}
.contact .right li .icon2{background-position: 0 -25px;}
.contact .right li .icon3{background-position: 0 -47px;}
.contact .right li .icon4{background-position: 0 -75px;}

.feedback{border-top: 1px solid #dcdcdc;}
.feedback .applay{padding: 43px 0;}
.feedback .input-wrap .required{width: 92%; background: #fff;}
.feedback .input-wrap.spec .required{width: 97%;}

.history{margin: 0 auto; width: 950px;}
.history >div{margin-top: 115px;}
.history .left{width: 240px; color: #dadada;}
.history .left p{font-family: "Arial"}
.history .left p.f12{margin-top: 15px; padding-left: 10px; margin-bottom: 10px; letter-spacing: 0.5px;}
.history .left p.f70{letter-spacing: 2px;}
.history .right{width: 705px;}
.history .right ul li{position: relative; padding: 18px 0; border-top: 1px solid #e0e0e0;}
.history .right ul li:first-child{border-top: 0;}
.history .right ul li p{padding-left: 147px; font-size: 14px; line-height: 24px; color: #525252;}
.history .right ul li >span.pa{position: absolute; left: 0; top: 21px; padding-left: 23px; padding-right: 12px; font-size: 16px; line-height: 16px; font-weight: bold; color: #b58254; border-right: 1px solid #b58254; background: url(../images/dot.png) no-repeat left center;}
.history .right ul li >span.pa span.cap{display: inline-block; width: 66px; letter-spacing: 0.5px;}

.recruit-hd{margin-top: 50px; margin-left: 8%; margin-bottom: 22px; font-size: 18px; color: #383838;}
.recruit-bd{margin-left: 8%; padding-left: 18%; padding-right: 8%; padding-top: 40px; padding-bottom: 40px; font-size: 12px; line-height: 28px; color: #383838;}
.recruit-ft{position: absolute; top: 0; left: 0; padding: 25px 30px 20px; width: 19%; background: #e4bf65; color: #6f571c;}
.recruit-ft p.color2{margin-bottom: 50%;}
@media (max-width: 1460px){
.recruit-hd, .recruit-bd{margin-left: 10%;}
}
@media (max-width: 1300px){
.recruit-hd, .recruit-bd{margin-left: 12%;}
}

.statement .block1{margin-top: 40px; margin-bottom: 150px; padding-top: 45px;}
.statement .block1 .article{padding: 12.5% 28.932% 16% 5%; width: 375px; background: #e4bf65; color: #3b3b3b; font-size: 14px; line-height: 28px;}
.statement .block1 .article h3{font-size: 28px; font-weight: normal; color: #2e2e2e;}
.statement .block1 .article small{margin-top: 5px; margin-bottom: 20px; color: #b58254; letter-spacing: 4px;}
.statement .block1 .imgbox{position: absolute; right: 0; top: 0; width: 62.232%;}
.statement .brand ul li{margin-top: 98px;}
.statement .brand ul li .imgbox{width: 52.999%;}
.statement .brand ul li .text{width: 47.001%;}
@media (max-width: 1620px){
.statement .block1 .article{padding-right: 28%; padding-bottom: 12%;}
.statement .block1 .imgbox{width: 58%;}
}
@media (max-width: 1460px){
.statement .block1 .article{padding-right: 25%; padding-bottom: 10%;}
.statement .block1 .imgbox{width: 55%;}
}
@media (max-width: 1300px){
.statement .block1 .imgbox{right: -5%;}
}

.about-wrap{margin: 0 auto; width: 1194px;}
.about{margin-top: 40px; background: url(../images/about_bg.jpg) repeat-y center center;}
.about .block1{padding-bottom: 50px;}
.about .block1 .spec{margin: 8% 0 5% 18%; width: 15.54%;}
.about .block1 .imgbox{position: absolute; right: -124px; top: 94px; width: 53.224%;}
.about .block2{padding-top: 50px; padding-bottom: 100px;}
.about .block2 .imgbox{margin-left: 5%; width: 43.765%;}
.about-bd{margin-top: 80px; margin-right: 134px; width: 410px; font-size: 14px; line-height: 25px; color: #414141;}
.about-bd h3{font-size: 24px; font-weight: normal; color: #414141;}
.about-bd small{margin-top: 10px; margin-bottom: 50px; color: #b0b0b0;}
.about-block3{z-index: 1; margin-left: 15%; margin-right: 120px; padding-top: 90px; padding-bottom: 50px; min-height: 700px; background: #e9e9e9;}
.about-block3 .about-bd{margin-left: 90px;}
.about-block3 .imgbox{right: -244px; top: -40px; width: 53.628%;}
.about-block3 .link{top: 70%; right: -152px; background: #e4bf65; color: #1d1d1d; font-size: 16px; width: 152px; height: 152px;}
.about-block3 .link img{margin-top: 40px; margin-bottom: 16px;}
.about-block3 .link p{padding-left: 4px; letter-spacing: 4px;}
@media (max-width: 1700px){
.about .block1 .spec{margin-left: 14.5%;}
.about .block2 .imgbox{margin-left: 0;}
.about-block3 .link{top: 68%;}
.about-block3{min-height: 600px;}
}
@media (max-width: 1460px){
.about-bd{margin-right: 80px;}
.about-block3 .link{top: 56%;}
}
@media (max-width: 1420px){
.about .block1 .spec{margin-left: 12%;}
}
@media (max-width: 1380px){
.about-block3 .link{top: 52%;}
}
@media (max-width: 1300px){
.about-bd{margin-top: 0; width: 360px;}
.about-block3 .link{top: 47%;}
}
/* channel */
.channel{margin: 55px 12px 75px; background: #fff; border: 1px solid #ebebeb;}
.channel .imgbox{padding: 90px 20px;}
.channel .article{padding: 70px 20px; color: #555; border-top: 1px solid #ebebeb; font-size: 14px;}
.channel .article h3{margin-bottom: 20px; font-size: 28px; font-weight: normal;}

/* team */
.team-pic{margin: 48px 8px;}
.team-pic .large_box{width: 100%; height: 798px; overflow: hidden;}
.team-pic .large_box ul li{height: 798px; line-height: 798px; overflow: hidden;}
.team-pic .large_box ul li img{display: inline;}
.team-pic .small_box{position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: rgba(0,0,0,.7);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b300000,endColorstr=#b3000000); zoom:1; overflow: hidden;}
:root .team-pic .small_box{filter: none\9;}
.team-pic .small_list{position: relative; margin: 13px auto 0; width: 1211px; height: 94px; overflow: hidden;}
.team-pic .small_list ul{margin: 0 auto; width: 100%; overflow:hidden;}
.team-pic .small_list ul li{position: relative; float: left; margin: 0 13px; width: 147px; height: 94px; overflow: hidden;}
.team-pic .small_list ul li img{margin-top: 7px; width: 133px; height: 80px;}
.team-pic .small_list ul li div{display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 7px solid #e4bf65;}
.team-pic .small_list ul li.on div{display: block;}
.team-pic .small_box .btn{position: absolute; z-index: 1; top: 50%; display: block; margin-top: -47px; width: 55px; height: 94px;}
.team-pic .small_box .left_btn{left: 0; background: url(../images/arrow_left.png) no-repeat center center;}
.team-pic .small_box .right_btn{right: 0; background: url(../images/arrow_right.png) no-repeat center center;}
@media (max-width: 1700px){
.team-pic .large_box{height: 703px;}
.team-pic .large_box ul li{height: 703px; line-height: 703px;}
.team-pic .small_list{width: 1038px;}
}
@media (max-width: 1620px){
.team-pic .large_box{height: 669px;}
.team-pic .large_box ul li{height: 669px; line-height: 669px;}
}
@media (max-width: 1460px){
.team-pic .large_box{height: 602px;}
.team-pic .large_box ul li{height: 602px; line-height: 602px;}
.team-pic .small_list{width: 865px;}
}
@media (max-width: 1420px){
.team-pic .large_box{height: 585px;}
.team-pic .large_box ul li{height: 585px; line-height: 585px;}
}
@media (max-width: 1380px){
.team-pic .large_box{height: 570px;}
.team-pic .large_box ul li{height: 570px; line-height: 570px;}
}
@media (max-width: 1300px){
.team-pic .large_box{height: 534px;}
.team-pic .large_box ul li{height: 534px; line-height: 534px;}
.team-pic .small_list{width: 692px;}
}
@media (max-width: 1299px){
.team-pic .large_box{height: 520px;}
.team-pic .large_box ul li{height: 520px; line-height: 520px;}
}

/* public style */
.bgcolor-white{background: #fff;}
.bgcolor-gray{background: #eee;}
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.pb50{padding-bottom: 50px;}


.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f28{font-size: 28px;}
.f58{font-size: 58px; line-height: 60px;}
.f70{font-size: 70px; line-height: 70px;}
.color1{color: #6f571c;}
.color2{color: #383838;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}

/* css3 style */
.trans-3{-webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;-moz-transition: all 0.3s;}
.trans-8{transition: all 0.5s; -webkit-transition: all 0.8s; -moz-transition: all 0.5s;}
.trans-12{transition: all 0.3s; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; }
.radius-half{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.shadow{ box-shadow: 11px 21px 49px rgba(0,0,0,.075); -webkit-box-shadow: 11px 21px 49px rgba(0,0,0,.075); -moz-box-shadow: 11px 21px 49px rgba(0,0,0,.075);}