/*@font-face { */

/*	font-family:Arapey-Regular; */

/*	src: url(font/Arapey-Regular.otf); */

/*}*/



body{ font-size:12px; line-height: 1; position: relative;color: #666; overflow-x: hidden;width:expression(document.body.clientWidth <= 1300? "1300px": "auto"); min-width:1200px;font-family:"\5FAE\8F6F\96C5\9ED1"; }

a{ text-decoration:none; transition:all 0.3s}

a:hover{ text-decoration:none;}

input,button,textarea{outline: none;font-family:"\5FAE\8F6F\96C5\9ED1";   }

input:-ms-input-placeholder {   color: #666;}

input::-webkit-input-placeholder {   color: #666}

.wrap{max-width: 1200px;width: 100%; margin: 0 auto; position: relative;}

/* *::-webkit-scrollbar {

	width: 3px;

	background-color: #F9E7E7;

}

*::-webkit-scrollbar-thumb {

	background-color: #C51012;

	border-radius: 8px;

    width: 1px;

} */

.bgf5{background: #f5f5f5;}

.bgfff{background: #fff;}

.bgcoffee{background: #B49167;}

.bd{border: 1px solid #ddd;}

.bde{border: 1px solid #dedede;}

.col222{color: #222;}

.col444{color: #444;}

.col4a{color: #4a4a4a;}

.coffee{color: #B49167;}

.hei{color: #414757;}

.Arapey{font-family:"\5FAE\8F6F\96C5\9ED1"; }

.f66{font-size: 66px;}

.lh70{line-height: 70px;}



.link106{width: 106px;height: 36px;background: #414757;}

.link106b{width: 106px;height: 36px;background: #B49167;}

.link116b{width: 106px;height: 40px;background: #B49167;}

.link154b{width: 154px;height: 40px;background: #B49167;}

.link210b{width:210px;height: 46px;background: #B49167;}

.link165b{width:165px;height: 42px;background: #B49167;}

.link210f{width:210px;height: 46px;background: #fff;}

.link100{width:210px;height: 42px;background: #414757;}

.link100c{width:210px;height: 42px;border:1px solid #414757;box-sizing: border-box;}

.btn198{background: #B49167;border: none;width:198px;height:40px;  cursor: pointer;}



.zctop{height: 100px;}

.zcbox{background: url(../images/img1.png) no-repeat center center;background-size: cover;padding: 98px 0 230px;box-sizing: border-box; min-height: calc(100vh - 150px);}

.zcm{background: #fff;border-radius: 10px;width: 562px;margin: 0 auto;box-sizing: border-box;padding: 60px 105px 55px;}

.zct li{border-bottom: 1px solid #ddd; text-align: center;width: 50%;color: #000;font-size: 16px; position: relative; line-height: 45px; cursor: pointer;}

.zct li::after{width: 100%;height: 4px;content: '';display: inline-block;background: #000; position: absolute;left: 0;bottom: 0; opacity: 0;}

.zct li.now::after{opacity: 1;}

.zcb{display: none;}

.zc_input{border: 1px solid #ddd;box-sizing: border-box;width: 100%;height: 48px;padding: 0 18px;color: #666;font-size: 14px;}

.zc_btn{background: #B49167;border: none;width: 100%;height:50px; color: #fff; cursor: pointer;}

.zclink{width: 162px;height: 48px;box-sizing: border-box;border: 1px solid #ddd;}

.icon1a{background: url(../images/icon1a.png) no-repeat left center;}

.icon1b{background: url(../images/icon1b.png) no-repeat left center;}



.footer{line-height: 50px;background: #000;font-size: 14px; color: #818181;}

.footer a{color: #818181;}

.footer a:hover{color: #fff;}

.footerl{margin-right: 140px;}



.hyt{background: #fff;border-bottom: 1px solid #dedede;}

.hywrap{min-height: calc(100vh - 176px);box-sizing: border-box;}

.icon6{background: url(../images/icon6.png) no-repeat left center;}

.hyl{background: #fff;width: 275px;box-sizing: border-box;padding: 34px 0 0 35px;}

.hyl li{padding-bottom: 5px;}

.hyl li a{padding-left: 26px; line-height: 35px; color: #222;font-size: 14px;}

.hyl li a:hover,.hyl li.now a{color: #B49167;}

.icon2{background: url(../images/icon2a.png) no-repeat 2px center;}

.hyl li.now .icon2,.hyl li:hover .icon2{background: url(../images/icon2b.png) no-repeat 2px center;}

.icon3{background: url(../images/icon3a.png) no-repeat 2px center; background-size: 14px auto;}

.hyl li.now .icon3,.hyl li:hover .icon3{background: url(../images/icon3b.png) no-repeat 2px center;background-size: 14px auto;}

.icon4{background: url(../images/icon4a.png) no-repeat 2px center;}

.hyl li.now .icon4,.hyl li:hover .icon4{background: url(../images/icon4b.png) no-repeat 2px center;}

.icon5{background: url(../images/icon5a.png) no-repeat 2px center;}

.hyl li.now .icon5,.hyl li:hover .icon5{background: url(../images/icon5b.png) no-repeat 2px center;}

.hyr{width: 890px;}

.title{position: relative;}

.title::after{content: '';display: inline-block;width: 100%;height: 1px;background: #dedede; position: absolute;right: 0;top: 50%;}

.title span{position: relative;background: #fff;padding-right: 30px; z-index: 5;}

.w455{width: 455px;}

.w338{width: 338px;}

.xp_input{border: 1px solid #DEDEDE;box-sizing: border-box;width: 100%;height: 38px;padding: 0 10px;color: #666;font-size: 14px;}

.xp_input:-ms-input-placeholder {   color: #757575;}

.xp_input::-webkit-input-placeholder {   color: #757575}

.xp_text{border: 1px solid #DEDEDE;box-sizing: border-box;width: 100%;height: 260px;padding: 10px;color: #666;font-size: 14px; line-height: 24px;}

.xptyzm{box-sizing: border-box;padding: 2px;}

.xptyzm .xp_input{border: none;}

.xp_btn{background: #B49167;border: none;width: 100%;height:46px; color: #fff; cursor: pointer;}

.sqlink{background: #414757;width: 132px;height: 34px; color: #fff;text-align: center;font-size: 14px;}

.xpr li{padding: 30px 0;border-bottom: 1px solid #dedede;}

.xpr li:nth-child(1){padding-top: 0;}

.xpr li img{width: 66px;height: 108px;}

.xprr{width: calc(100% - 78px);}

.icon7{background: url(../images/icon7.png) no-repeat left center;}

.xprrtxt{width: calc(100% - 50px);}

.xpbgt{border: 1px solid #ECECEC;background: #f9f9f9;}

.xpbgt td{line-height: 34px;color: #666;font-size: 14px;}

.xpbgb li{margin-bottom: 12px;border: 1px solid #ECECEC;padding: 25px 0;}

.xpbgb1{width: 102px; text-align: center;}

.xpbgb1 img{max-width: 66px;max-height: 108px;}

.xpbgb2{padding: 0 5px 0 18px;box-sizing: border-box;width: 270px;}

.xpbgb3{width: 224px;box-sizing: border-box;padding: 0 5px;}

.xpbgb4{width: 154px;box-sizing: border-box;padding: 0 5px;}

.xpbgb5{width: 85px;box-sizing: border-box;padding: 0 5px;}

.xplink{background: #B49167;width: 116px;height: 36px; color: #fff;}

.znxx li{border-bottom: 1px solid #dedede;padding: 30px 0;}

.xgmm{padding: 65px 180px 60px 195px;}

.xgmmtxt{width: 115px;}

.xg_input{border: 1px solid #DEDEDE;box-sizing: border-box;width: calc(100% - 135px);height: 38px;padding: 0 10px;color: #666;font-size: 14px;}

.xg_btn{background: #414757;border: none;width: 177px;height:46px; color: #fff; cursor: pointer;}

/**shangjia**/

.header{padding: 18px 0; position: relative; z-index: 101;}

.headerm{max-width: 1380px; margin: 0 auto;}

.ssbox{border: 1px solid #CDCDCD;border-radius: 4px;width: 660px;box-sizing: border-box;height: 40px; position: relative;}

.ssl{min-width: 80px; position: relative;background: #F3F3F3;border-radius: 4px 0 0 4px; text-align: center;border-right: 1px solid #CDCDCD;box-sizing: border-box;}

.ssltxt{color: #555;padding-right: 18px; line-height: 38px;background: url(../images/icon8.png) no-repeat right center; cursor: pointer;white-space:nowrap;padding-left:10px}

.sslb{min-width: 81px;box-sizing: border-box;padding:5px 5px 10px;background: #F3F3F3; position: absolute;left: -1px; top: 37px;border: 1px solid #CDCDCD;border-radius: 0 0 4px 4px;border-top: none;display: none;white-space:nowrap}

.sslb p{text-align: center; line-height: 25px;cursor: pointer;}

.sslb p:hover{color: #B49167;}



.ss_btn{width: 50px;height: 40px;background: url(../images/icon10.png) no-repeat center center #B49167;border-radius: 0 4px 4px 0; position: absolute;top: -1px;right: -1px;border: none; cursor: pointer;}

.ss_input{width: calc(100% - 200px);border: none;font-size: 14px; color: #666; line-height: 38px;box-sizing: border-box;padding: 0 10px;}



.icon9a{background: url(../images/icon9a.png) no-repeat left center;}

.icon9b{background: url(../images/icon9b.png) no-repeat left center;}



.sjheader{padding: 30px 0 22px;border-bottom: 1px solid #dedede;}

.sjnav a{color: #222;font-size: 14px; line-height: 30px; position: relative;padding: 0 5px;margin: 0 30px;}

.sjnav a::after{content: '';display: inline-block;width: 0;height: 2px;background: #000; position: absolute;left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s; opacity: 0;}

.sjnav a:hover::after,.sjnav a.now::after{width: 100%; opacity: 1;}

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

.pic .swiper-slide{text-align: center;}

.pic .swiper-slide img{vertical-align: top;max-width: 100%;}

.picm{position: absolute;width: 100%;height: 100%; left: 0;top: 0; z-index: 10; text-align: center;}

.link210{width: 210px;height: 46px;background: #B49167; }

.picb{width: 100%; position: absolute;left: 0;bottom: 30px;z-index: 10;}

.picb .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;margin: 0 6px; opacity: 1;}

.picb .swiper-pagination-bullet-active{background: #B49167;}

.picc .swiper-pagination-bullet{width: 10px;height: 10px;background: #BFBFBF;margin: 0 6px; opacity: 1;}

.picc .swiper-pagination-bullet-active{background: #B49167;}

.ls5{letter-spacing:5px;}

.f52{font-size:52px !important;}

.lieb li{width: 276px;margin: 0 32px 32px 0;background: #f5f5f5;}

.lieb li:nth-child(4n){margin-right: 0;}

.liebt{width: 276px;height: 446px;}

.liebt img{max-width: 276px;max-height: 446px;}

.liebb{padding: 30px 15px 0 15px;box-sizing: border-box;height: 194px; position: relative;}

.liebb h2 span{color: #414757; transition: all 0.3s;width: 100%;}

.lieb li:hover h2 span{color: #B49167; text-decoration: underline;}

.liebbb{width: calc(100% - 30px);height: 44px;background: #B49167; position: absolute;left: 50%; transform: translateX(-50%);bottom: 0; transition: all 0.3s; opacity: 0;}

.lieb li:hover .liebbb{opacity: 1;bottom: 20px;}

.img7{background: url(../images/img7.jpg) no-repeat center center;background-size: cover;padding: 110px 0;}

.img6{width: 534px;height: 400px; position: relative;}

.img6 img{vertical-align: top; position: relative; z-index: 2;}

.img6::before{content: '';display: inline-block;width: 100%;height: 100%;background: #000; opacity: 0.28; position: absolute; left: 0; top: 0; z-index: 3;}

.img6 span{width: 100px;height: 58px;background: url(../images/icon11.png) no-repeat center center; position: absolute; z-index: 4; cursor: pointer; left: 50%;top: 50%; transform: translate(-50%,-50%);}

.video{position: absolute;width: 100%;height: 100%; left: 0; top: 0; z-index: 1; object-fit: fill;}

.img6.show .video{ z-index: 4;}

.img7r{width: 596px; color: #fff;font-size: 16px; line-height: 28px;}

.img8{width: 600px;height: 400px;background: url(../images/img8.png) no-repeat center center;box-sizing: border-box;padding: 54px 0 0 43px;position: relative;}

.img8::before{content: '';display: inline-block;width: 100%;height: 100%; position: absolute;left: 0;top: 0;background: #000; opacity: 0.5; z-index: 1;}

.img8m{width: 100%; position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 54px 45px 0;}

.img8m li{width: 50%;}

.img8r{width: 600px;box-sizing: border-box;padding: 0 155px 0 55px;}

.img30{width: 1200px;height: 675px;}



.img8_input{border: 1px solid #C4C6CF;box-sizing: border-box;width: 100%;height: 40px;padding: 0 14px;color: #666;font-size: 14px;}

.img8_input:-ms-input-placeholder {   color: #999;}

.img8_input::-webkit-input-placeholder {   color: #999}

.ssl2{width: 178px; position: relative;box-sizing: border-box;border: 1px solid #C4C6CF;padding: 0 10px 0 14px;}

.ssltxt2{color: #000;padding-right: 18px; line-height: 38px;background: url(../images/icon12.png) no-repeat right center; cursor: pointer;border: none;box-sizing: border-box;width: 100%;}

.sslb2{min-width: 179px;box-sizing: border-box;padding:5px 5px 10px;background: #fff; position: absolute;left: -1px; top: 37px;border: 1px solid #C4C6CF;border-radius: 0 0 4px 4px;border-top: none;display: none;}

.sslb2 p{ line-height: 30px;cursor: pointer; padding-left: 14px;font-size: 14px;}

.sslb2 p:hover{color: #B49167;}



.newsbox{padding: 120px 0 110px;}

.news li{width: calc((100% - 50px)/3);margin: 0 25px 0 0;}

.news li:nth-child(3n){margin-right: 0;}

.newst{width: 100%;height: 235px;}

.newst img{max-width: 382px;max-height: 235px;}

.newsb{padding: 30px 10px 25px 20px; position: relative;}

.ndetail{background: url(../images/icon13.png) no-repeat right 10px center;padding-right: 85px; color: #B49167;font-size: 14px; line-height: 15px; position: absolute;left: 10px; bottom: 30px; transition: all 0.3s; opacity: 0;}

.news li:hover .ndetail{left: 20px; opacity: 1;background: url(../images/icon13.png) no-repeat right center;}



.navlk a{border: 1px solid #A0A0A0;width: 192px;height: 46px;box-sizing: border-box;color: #222;font-size: 16px;}

.navlk a:hover,.navlk a.now{color: #fff;background: #B49167;border: 1px solid #B49167;}

.news2 li{margin-bottom: 40px;}



.page ul{border: 1px solid #D5D9D9;display: inline-block;}

.page li{display: inline-block;}

.page a,.page span{box-sizing: border-box;border: 1px solid rgba(0,0,0,0);min-width: 46px;height: 46px;text-align: center; line-height: 44px;font-size: 14px; color: #000;}

.page a:hover,.page a.now{border: 1px solid #B49167;}

.page a.prev{background: url(../images/icon14a.png) no-repeat 14px center;padding: 0 14px 0 27px;}

.page a.next{background: url(../images/icon14b.png) no-repeat right 14px center;padding: 0 27px 0 14px;}





.sjcpl{width: 275px;background: #fff;box-sizing: border-box;padding: 35px;}

.sjcpl li{margin-bottom: 5px;}

.sjcpl li a{color: #222;font-size: 14px; line-height: 40px;box-sizing: border-box;padding-right: 25px; transition: all 0s;}

.sjcpl li:hover a,.sjcpl li.now a{background: url(../images/icon15.png) no-repeat right center; color: #B49167;}

.w892{width: 892px;}

.icon16{background: url(../images/icon16.png) no-repeat right center;}

.lieb2 li{background: #fff; transition: all 0.3s;}

.lieb2 li:hover{	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}

.lieb2 li:hover h2 span{color: #414757;text-decoration: none;}

.lieb2 li .liebb{height: auto;padding: 30px 15px 35px 15px;box-sizing: border-box;width: 100%;}

.lieb2 li:nth-child(4n){margin-right: 32px;}

.lieb2 li:nth-child(3n){margin-right: 0;}



.w530{width: 530px;}

.w560{width: 560px;}

.lxt li p{color: #222;font-size: 16px; line-height: 26px;padding: 15px 0;}

.lxt li:nth-child(1){width: 150px;}

.lxt li:nth-child(3){width: 245px;}

.lxt li:nth-child(2){width: 595px; position: relative;box-sizing: border-box;padding: 0 10px 0 55px;}

.lxt li:nth-child(2)::before,.lxt li:nth-child(2)::after{content: '';display: inline-block;width: 1px;height: 180px; position: absolute;top: 50%; transform: translateY(-50%);background: #bfbfbf;}

.lxt li:nth-child(2)::before{left: 0;}

.lxt li:nth-child(2)::after{right: 0;}



.lyzx{border: 1px solid #ededed;padding: 40px 45px 50px 40px;}

.lyzxl{width: 895px;border-right: 1px solid #ededed;padding-right: 55px;box-sizing: border-box;}

.lyzxr{width: 160px;}
.lyzxr img{max-width:160px}

.ly_input{width: 398px;border: none;background: #f9f9f9;height: 50px;box-sizing: border-box;padding: 0 15px;font-size: 18px; color: #333;}

.ly_input:-ms-input-placeholder {   color: #999;}

.ly_input::-webkit-input-placeholder {   color: #999}

.ly_text{border: none;background: #f9f9f9;padding: 10px 15px; line-height: 30px; color: #333;font-size: 18px;height: 150px;width: 100%;box-sizing: border-box;}

.btn100{background: #414757;border: none;width:100%;height:50px;  cursor: pointer;}

.btn100b{background: #B49167;border: none;width:100%;height:50px;  cursor: pointer;}



.syheader{ position: relative;border-bottom: 1px solid #ddd; z-index: 100;}

.navlink{color: #000;font-size: 14px; line-height: 40px; position: relative;}

.navlink::before{content: '';display: inline-block;width: 100%;height: 2px;background: #B49167; opacity: 0; position: absolute;left: 0; bottom: 0;}

.navlink:hover{color: #B49167;}

.leib{position: relative; cursor: pointer;}

.leibt{color: #000;font-size: 14px; line-height: 40px;position: relative; transition: all 0.3s;}

.leibt::before{content: '';display: inline-block;width: 56px;height: 2px;background: #B49167; opacity: 0; position: absolute;left:50%; transform: translateX(-50%); bottom: 0;transition: all 0.3s;}

.leib:hover .leibt{color: #B49167;}

.leib:hover .leibt::before{opacity: 1;}

.leibb{width: 280px;background: #fff; position: absolute;left: -28px;top: 100%;	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.08);display: none;}

.leibb li{border-bottom: 1px solid #e3e3e3;padding: 15px 25px 15px 23px;}

.leibb li:last-child{border: none;}

.leibb li h2{line-height: 35px;background: url(../images/icon29a.png) no-repeat right center;color: #222;font-size: 18px;}

.leibbs{padding: 5px 10px 20px 23px;display: none;}

.leibbs p a{color: #3D3D3D;font-size: 14px; line-height: 34px;}

.leibbs p a:hover{color: #B49167;}

.leibb li.open h2{background: url(../images/icon29b.png) no-repeat right center;}

.leibb li.open .leibbs{display: block;}

.leib:hover .leibb{display: block;}



.synavbox{position: relative;}

.synavbg{background: #fff; position: fixed;left: 0;top: 219px;height: calc(100vh - 219px);width: 100%; z-index: 1;display: none;}

.synav{padding-left:60px; position: relative; z-index: 2;}

.synav ul li{margin-left: 18px; cursor: pointer;}

.synav ul li.now .navlink{color: #B49167;}

.synav ul li.now .navlink::before{opacity: 1;}

.navtxt,.navtxt2{background: url(../images/icon17a.png) no-repeat right center;color: #000;font-size: 14px;padding-right: 18px;line-height: 40px; position: relative;}

.navtxt::before,.navtxt2::before{content: '';display: inline-block;width: 100%;height: 2px;background: #B49167; opacity: 0; position: absolute;left: 0; bottom: 0;}

.synav ul li.now .navtxt::before,.synav ul li.now .navtxt2::before{opacity: 1;}

.tcnav{width: 1200px;background: #fff;position: absolute;left: 50%; transform: translateX(-50%);top: 100%;border-top: 1px solid #ddd;padding: 10px 0;display: none;}
.tcnav:before{content:'';display:inline-block;width:120vw;height:100%; position:absolute;left:50%;transform:translateX(-50%);top:0;background:#fff}
.synav ul li.hassub:hover .tcnav{display:block}

.tcnav ul{position: relative; z-index: 1;}

.tcnav li{width: calc((100% - 100px)/5);padding: 20px 0 0;margin: 0 25px 0 0!important;}
.tcnav li a{width:100%}

.tcnav li:nth-child(5n){margin-right: 0!important;}

.tcnav li h2{color: #414757;white-space: pre-line;height: 20px;}

.tcnav li img{width: 100%;height: 356px;vertical-align: top;}

.tcnav li:hover h2{color: #B49167;}

.icon18{width: 20px;height: 20px;background: url(../images/icon18.png) no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 10px; z-index: 20;}

.synav ul li:hover .navtxt,.synav ul li.now .navtxt,.synav ul li:hover .navtxt2,.synav ul li.now .navtxt2{color: #B49167;}

.synav ul li.act .navtxt{color: #B49167;background: url(../images/icon17b.png) no-repeat right center;}

.xwnav{	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.08);width: 187px;position: absolute;left: -18px;top: 100%;box-sizing: border-box;padding: 20px;background: #fff;display: none;}

.xwnav p a{color: #222;font-size: 14px; line-height: 40px;}

.xwnav p a:hover{color: #B49167;}

.synav ul li:hover .xwnav{display: block;}



.yarn li{width: calc((100% - 72px)/3);margin: 0 36px 50px 0; position: relative; overflow: hidden;}

.yarn li:nth-child(3n){margin-right: 0;}

.yarn li img{vertical-align: top;width: 376px;height: 610px; position: relative; z-index: 1;}

.yarn li::before{background: url(../images/icon20.png) no-repeat center bottom;width: 100%;height: 100%; position: absolute;left: 0;bottom: 0; z-index: 2;content: '';display: inline-block;}

.yarnb{position: absolute;left: 0;bottom: -76px;box-sizing: border-box;padding:0 25px 33px;width: 100%;z-index: 3; transition: all 0.3s;}

.yarn li a{width: 100%;background: #B49167;height: 46px;box-sizing: border-box;padding: 0 28px 0 25px;opacity: 0;}

.yarn li a span{background: url(../images/icon19.png) no-repeat right center; color: #fff; padding-right: 10px;font-size: 14px;box-sizing: border-box;width: 100%; text-transform: uppercase; letter-spacing: 2px; }

.yarn li:hover .yarnb{bottom: 0;}

.yarn li:hover a{opacity: 1;}



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

.pic1200 .swiper-slide{text-align: center;}

.pic1200 .swiper-slide img{vertical-align: top;max-width: 100%;}

.picm2{position: absolute;width: 100%;height: 100%; left: 0;top: 0; z-index: 10;box-sizing: border-box;padding: 0 60px 70px; }

.swl{width: 586px;height: 694px; overflow: hidden; position: relative;}

.swl .swiper-slide{text-align: center;}

.swl .swiper-slide img{vertical-align: top;max-width: 100%;}

.swm{width: 286px;}

.swmm{position: relative; cursor: pointer;}

.swmm1{height: 290px;}

.swmm1 img{width: 286px;height: 290px; position: relative; z-index: 1;}

.swmm2{height: 386px;}

.swmm2 img{width: 286px;height:386px; position: relative; z-index: 1;}

.swmt{background: #B49167; position: absolute;left: 0;top: 0; z-index: 2;width: 100%;height: 100%; opacity: 0; transition: all 0.3s;}

.swmt a{position: absolute;right: 25px; bottom: 20px;background: url(../images/icon19.png) no-repeat right;}

.swmm:hover .swmt{opacity: 1;}



.mer li{width: calc((100% - 60px)/3);background: #fff;margin: 0 30px 0 0;}

.mer li:nth-child(3n){margin-right: 0;}

.mert{width: 100%;height: 200px;}

.mert img{max-width: 380px;max-height: 200px;}

.merb{padding: 35px 25px 0;box-sizing: border-box;height: 295px;}

.merb h2{color: #414757; transition: all 0.3s;}

.merbb{width: 100%;height: 105px;}

.merbb img{max-width: 330px;max-height: 105px;}

.mer li:hover{	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);}

.mer li:hover h2{color:#B49167;}

.mer2 li{margin-bottom: 30px;}



.like{overflow: hidden;}

.w580{width: 580px;}

.title2{background: #eee;height: 50px;}

.yzhbl{width: 284px;background: #f5f5f5;}

.yzhbl:hover h2 span,.like .swiper-slide:hover h2 span{color: #B49167; text-decoration: underline;}

.yzhbl:hover .liebbb,.like .swiper-slide:hover .liebbb{opacity: 1;bottom: 20px;}

.yzhbl .liebt{width: 284px;height: 460px;}

.yzhbl .liebt img{max-width: 284px;max-height: 460px;}

.yzhbl .liebb{height: 200px;}

.yzhbr{width: 281px;}

.yzhbr li{width: calc((100% - 15px)/2); margin: 0 15px 14px 0;background: #f5f5f5;}

.yzhbr li:nth-child(2n){margin-right: 0;}

.yzhbr .liebt{width: 133px;height: 216px;}

.yzhbr .liebt img{max-width: 133px;max-height: 216px;}

.yzhbr .liebb{padding: 10px 10px 0 10px;box-sizing: border-box;height: 106px; position: relative;}

.yzhbr li:hover h2 span{color: #B49167; text-decoration: underline;}

.yzhbr .liebbb{width: calc(100% - 20px);height: 24px;}

.yzhbr li:hover .liebbb{opacity: 1;bottom: 10px;}



.sbanner{position: relative; text-align: center;}

.sbanner img{position: relative; z-index: 1;vertical-align: top; max-width: 100%;}

.sbannerm{width: 1200px;height: 100%; position: absolute;left: 50%; top: 0; z-index: 2; transform: translateX(-50%);}

.about{padding: 247px 0 125px;}

.aboutt{padding-left: 605px; padding-right: 20px; position: relative;}

.abouttpic{width: 590px;height: 590px; position: absolute;left: -186px;top: -105px;}

.aboutt h2{position: relative;}

.aboutt h2 b{position: relative; z-index: 2;}

.aboutt h2 span{position: absolute;z-index: 1;font-weight: bold;color: #000;font-size: 160px; opacity: 0.12;line-height: 130px; left: -180px;top: -55px;}

.fzlc{padding: 485px 20px 0 0;}

.fzlcr{width: 572px; position: relative;}

.fzlcr h2{border-bottom: 1px solid #f5f5f5; position: relative; z-index: 2;}

.fzlcr div{position: relative; z-index: 2;}

.fzlcr::before{content: '';display: inline-block;width: 8px;height: 173px;background: url(../images/icon21.png) no-repeat center center; position: absolute;left: -34px;top: -302px;}

.fzlcr::after{content: '';display: inline-block;width: 706px;height: 706px;background: url(../images/icon22.png) no-repeat center center; position: absolute; z-index: 1;left: 43px;top: -375px;}

.qyyj{background: url(../images/img29.jpg) no-repeat center center;background-size: cover;height: 780px;padding: 115px 0 0;box-sizing: border-box;}

.lxwmt{background: #f5f5f5;height: 222px;box-sizing: border-box;padding: 0 45px;}

.lxwmt li{width: calc((100% - 40px)/3);background: #fff;height: 156px;box-sizing: border-box;}

.lxwmm{padding: 70px 0 75px;}

.lxwmm li{width: calc(100%/3); text-align: center;}



.w800{width: 800px;}

.w290{width: 290px;}

.txt{background: #f5f5f5;padding: 0 9px; line-height: 24px;}

.col59{color: #595959;}

.xwxqt{border-bottom: 1px solid #f0f0f0;}

.xwxqm{color: #000;font-size: 16px; line-height: 32px;padding: 45px 0 ;}

.xwxqm img{max-width: 100%;}

.col26{color: #262626;}

.zjxw li{margin-bottom: 40px;}

.zjxw li img{width: 290px;height: 180px;vertical-align: top;}

.zjxw li h2{color: #414757;}

.zjxw li:hover h2{color: #B49167;}



.w930{width: 930px;}

.cppic{width: 404px;}

.cppicl{width: 52px;height: 554px; position: relative; overflow: hidden;}

.cppiclm{overflow: hidden;width: 52px;height: 554px;}

.cppiclm .swiper-slide{position: relative; cursor: pointer;}

.cppiclm .swiper-slide::after{content: '';display: inline-block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #B49167; position: absolute;left: 0; top: 0; z-index: 1; opacity: 0;}

.cppiclm .swiper-slide img{max-width: 52px;max-height: 84px;}

.cppiclm .swiper-slide-thumb-active::after{opacity: 1;}

.icon27{width: 52px;height: 12px; position: absolute;left: 0;z-index: 10; cursor: pointer;}

.icon27a{background: url(../images/icon27a.png) no-repeat center center rgba(0,0,0,0.2); top: 0;}

.icon27b{background: url(../images/icon27b.png) no-repeat center center rgba(0,0,0,0.2);bottom: 0;}

.cppicr{width: 342px;}

.cppicrt{position: relative;overflow: hidden;height: 554px;}

.cppicrt img{max-width: 342px;max-height: 554px;}

.iconsc{width: 28px;height: 28px;border-radius: 50%; position: absolute; z-index: 10;cursor: pointer;background: url(../images/icon3a.png) no-repeat center center #fff;background-size: 16px auto;top: 10px;right: 10px;}

.iconsc.ok{background: url(../images/icon3b.png) no-repeat center center #fff;background-size: 16px auto;}

.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.icon25{background: url(../images/icon25.png) no-repeat left center!important;padding-left: 22px!important;}

.icon26{background: url(../images/icon26.png) no-repeat left center;}

.cppicxq{width: 497px;}

.cppicxqb{border-top: 1px solid #ddd;}

.cppicxqb li{padding-left: 18px; position: relative;}

.cppicxqb li::before{content: '';display: inline-block;background: #414757;width: 4px;height: 4px;border-radius: 50%; position: absolute;left: 0;top: 10px;}

.txt2{background: #f5f5f5;padding: 0 7px;height: 18px;}

.cppicxqr{width: 245px;box-sizing: border-box;border: 1px solid #D5D9D9;padding: 20px;}

.w890{width: 890px;}

.sk li{width: 108px;height: 175px;background: #f5f5f5;margin: 0 22px 24px 0;}

.sk li span,.sk li a{width: 100%;height: 133px; background-size: cover!important;}

.sk li p{color: #414757;font-size: 14px; line-height: 42px; text-align: center;}

.xqnr{color: #414757;font-size: 14px; line-height: 30px;}

.xqnr img{max-width: 100%;}

.tktj li{background: #fff; margin-right: 51px;}

.tktj li:nth-child(3){margin-right: 0;}



/****/

.xpc{position: relative;padding: 40px 0 120px;}

.xpc::before{content: '';display: inline-block;width: 50%;height: 100%; position: absolute;right: 0; top: 0; z-index: 1;background: #f5f5f5;}

.xpcm{ z-index: 10;}

.xpcl{width: 550px;}

.xpcr{width: 558px;padding: 13px 0 0;}

.xpcr .xpr{border-bottom: none;border-top: 1px solid #dedede;}

.xpcr .xpr li:nth-child(1){padding: 30px 0;}



.yzhbox{width: calc((100% - 40px)/2); margin: 0 40px 20px 0;}
.yzhbox:nth-child(2n){margin-right: 0;}

#imgbox-loading {position: absolute;top: 0;left: 0;background: url('../images/imgbox-spinner.gif') center center no-repeat;cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;height: 100%;vertical-align: top;}
.imgbox-close {position: absolute;top: -15px;right: -15px;height: 30px;width: 30px;background: url('../images/imgbox-close.png') top left no-repeat;
cursor: pointer;outline: none;}
.imgbox-title {padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;height: 20px;}
.imgbox-bg-n {left: 0;top: -20px;width: 100%;background: url(../images/imgbox-bg-n.png) repeat-x;}
.imgbox-bg-ne {right: -20px;top: -20px;background: url(../images/imgbox-bg-ne.png) no-repeat;}
.imgbox-bg-e {right: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-e.png) repeat-y;}
.imgbox-bg-se {right: -20px;bottom: -20px;background: url(../images/imgbox-bg-se.png) no-repeat;}
.imgbox-bg-s {left: 0;bottom: -20px;width: 100%;background: url(../images/imgbox-bg-s.png) repeat-x;}
.imgbox-bg-sw {left: -20px;bottom: -20px;background: url(../images/imgbox-bg-sw.png) no-repeat;}
.imgbox-bg-w {left: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-w.png) repeat-y;}
.imgbox-bg-nw {left: -20px;top: -20px;background: url(../images/imgbox-bg-nw.png) no-repeat;}

/****/
.sxsk{border-top: 1px solid #ddd;}
.icon30a{background: url(../images/icon30a.png) no-repeat center center;cursor: pointer;width: 20px;height: 20px;}
.icon30b{background: url(../images/icon30b.png) no-repeat center center;cursor: pointer;width: 20px;height: 20px;}
.sxskm{overflow: hidden;}
.sxskm li{width: calc((100% - 20px)/3); margin: 0 10px 10px 0; transition: all 0.3s;}
.sxskmt{height: 54px;width: 100%;background-size: cover!important;}
.sxskmb{padding: 10px 5px; color: #969696;font-size: 12px; line-height: 20px;transition: all 0.3s;}
.sxskm li:hover{	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.09);}
.sxskm li:hover .sxskmb{color: #414757;}
.sxskm li:nth-child(3n){margin-right: 0;}
.sxskb{ position: relative;background: #f0f0f0;}
.sxskb .swiper-pagination-progressbar-fill{background: #aeaeae;}

/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:1px solid #000;
    width:120px;
    height:120px;
	
    cursor:move;
    z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
    border:1px solid #ccc;
    width:250px!important;
    height:250px!important;
   
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border:none;
    box-shadow:none;
}

/* CSS for captions */
.cloudzoom-caption {
    display:none;   /* CSS captions should be hidden initially */
    text-align: left;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    padding:10px;
    font-family: sans-serif;
    font-size:11px;
}

/* A blank image */


/* The animated ajax loading image */
.cloudzoom-ajax-loader {
  
    width:32px;
    height:32px;
}
/*****/
.w930{width: 930px;}
.sekt{position: relative;padding: 0 45px;}
.sektm{position: relative;overflow: hidden;padding: 0 0 23px;}
.sektm .swiper-slide{transition: all 0.3s; cursor: pointer;}
.sektm .swiper-slide:hover,.sektm .swiper-slide.now{    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.09);}
.sektmt{height: 54px;}
.sektmt img{max-width: 160px;max-height: 54px;}
.sektmb{height: 80px;box-sizing: border-box;padding: 5px 5px 0; color: #969696; line-height: 20px; transition: all 0.3s;box-sizing: border-box;}
.sektbtn{width: 30px;height: 134px; position: absolute;top: 0; cursor: pointer;outline: none;}
.sektbtnl{background: url(../images/icon30a.png) no-repeat center center #e5e5e5; left: 0;}
.sektbtnr{background: url(../images/icon30b.png) no-repeat center center #e5e5e5;right: 0;}
.sektb{background: #F0F0F0;height: 3px;width: calc(100% - 90px);}
.sektb .swiper-pagination-progressbar-fill{background: #AEAEAE;}
.sekb{display: none;margin: 0 auto;width: 404px;}
@media screen and (max-width:1536px){



}



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



} 



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



} 

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

.fzlc{ overflow:hidden}

}