/*banner*/
.banner .item a{ display:block; height:53.75vw; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner img{ display:block; width:100%}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:30px; text-align:center}
.banner .slick-dots li{ display:inline-block; vertical-align:middle; width:16px; height:16px; border:2px solid #fff; margin:0 14px; border-radius:50%; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#fff}
.banner .slick-dots button{ display:none} 

.index01{ background:url(../images/index01bg.jpg) no-repeat center top; background-size:cover; }
.index01 li{ float:left; width:33.33%}
.index01 li a{ display:block; margin:0 23px;}
.index01 li .img{ overflow:hidden;margin-bottom:45px}
.index01 li .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.index01 li a:hover .img img{ transform:scale(1.1)}
.index01 li .txt{ text-align:center; line-height:1.1}
.index01 li .txt h3{ font-size:40px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px }
.index01 li .txt .p{ font-size:26px; color:#fff; letter-spacing:9px; padding-left:9px}

.indexabout{ margin-top:85px; padding-top:120px; color:#f2c78e; border-top:1px solid #89674c}
.indexabout a{ color:#f2c78e}
.indexabout .p{ float:left; width:50%; padding-left:50px; margin-bottom:30px}
.indexabout .p:before{ content:""; display:inline-block; vertical-align:middle; width:34px; height:34px; background:url(../images/ico-p.png) no-repeat center; background-size:auto 100%; margin-right:30px}
.indexabout .hd{ line-height:1.1; margin-bottom:45px}
.indexabout .hd h3{ font-size:46px; font-weight:normal;}

.index02{ background-color:#69462a; padding-top:70px; padding-bottom:35px}
.index02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index02 .item{ text-align:center; width:29%; border-right:1px solid #fff}
.index02 .item .center{ display:inline-block; position:relative; text-align:left; line-height:1.7; letter-spacing:5px; padding-left:55px; background-repeat:no-repeat; background-position:left 10px; background-size:auto 40px;}
.index02 .item .p span{ display:block}
.index02 .item .t{ font-size:30px}
.index02 .item .p{ font-size:23px;}
.index02 .item .p a{ font-size:23px; letter-spacing:0}
.index02 .item01 .center{ background-image:url(../images/ico-item01.png)}
.index02 .item02 .center{ background-image:url(../images/ico-item02.png)}
.index02 .item03 .center{ background-image:url(../images/ico-item03.png)}
.index02 .item02{ width:42%}
.index02 .item03{ border-right:none}

.lanmubox{background-color: #000}
.lanmubox .box{ min-height:50vh;background-color: #000;background-size:100%;padding:1px 0 }
.lanmubox .box.bg2{background-color: #000; background-size:100% }
.lanmubox .box.bg3{background-color: #000; background-size:100% }

.aboutbox{ padding-top:130px; padding-bottom:225px}
.aboutbox .title{ color: #ebd7c2; text-align:center; font-size:58px; font-weight:normal; line-height:1.1; margin-bottom:50px; letter-spacing:10px; padding-left:10px}
.aboutbox .title:after,.aboutbox .title:before{ content:""; display:inline-block; width:68px; height:4px; vertical-align:middle;  }
.aboutbox .p{ text-align:center; color:#cbab81; font-size:28.4px; font-family:"宋体"; font-weight:bold; letter-spacing:5px; padding-left:5px; margin-bottom:70px}
.aboutbox .video{ position:relative; height:800px; border:1px solid #89674c; margin-bottom:130px;}
.aboutbox .video video{ width:100%; height:100%; background-color:#000}
.aboutbox .video .fmian{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:url(../images/videobg.jpg) no-repeat center; background-size:cover; cursor:pointer;}
.aboutbox .video .ico-pay{ position:absolute; z-index:2; width:184px; height:184px; background:url(../images/ico-pay.png) no-repeat center; background-size:cover; left:50%; margin-left:-92px;top:50%; margin-top:-92px;}


.aboutconn{ padding-top:150px; border-top:1px solid #89674c}
.aboutconn .t{ font-size:58px; text-align:center; font-weight:normal; letter-spacing:5px; padding-left:5px; line-height:1.1; margin-bottom:35px}
.aboutconn .conn{ color:#b0946f; font-size:25px; letter-spacing:6px;}
.aboutconn .conn p{ text-indent:55px;}
.aboutconn .line{ width:620px; max-width:80%; margin:0 auto; margin-bottom:90px;background-image: linear-gradient(to right, rgba(176,149,112,0) ,#b09570, rgba(176,149,112,0)); height:5px}

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

.separate{ height:1px; background-color:#89674c; margin-top:60px; margin-bottom:90px}

.lanmuplo{ margin-bottom:90px;text-align:center;}
.lanmuplo h3{ text-align:center; line-height:1.1; font-size:52px; letter-spacing:10px; padding-left:10px; font-weight:700; display:inline-block; position:relative}
.lanmuplo h3:before{ content:""; display:block; width:88px; height:88px; background:url(../images/ico-a01.png) no-repeat center; background-size:100%; position:absolute;top:-44px; right:-36px}

.newslist .bd li{ float:left; width:50%; margin-bottom:115px;}
.newslist .bd li a{ display:block; margin:0 28px; text-align:center}
.newslist .bd li .img{ overflow:hidden; margin-bottom:5px}
.newslist .bd li .img img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.newslist .bd li a:hover .img img{ transform:scale(1.1)}
.newslist .bd li .txt h3{ font-size:25px; color:#b0946f; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist .bd li .txt .more .a{ display:inline-block; width:130px; line-height:28px; border:1px solid #fff; border-radius:26px; font-size:15px; color:#fff;}
.newslist .bd li a:hover .txt .more .a{ background-color:#fff; color:#333}

 
.productlist .jianjie{ text-align:center; font-size:25px; color:#b0946f; letter-spacing:3px; padding-left:3px; margin-bottom:100px}

.productlist .bd ul{ margin:0 -39px;}
.productlist .bd li{ float:left; width:50%; margin-bottom:78px;}
.productlist .bd li a{ display:block; margin:0 39px;}
.productlist .bd li .img{ overflow:hidden; margin-bottom:15px;}
.productlist .bd li .img img{ display:block; width:100%; border:1px solid #69462a; border-radius:20px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.productlist .bd li a:hover .img img{ transform:scale(1.1)}
.productlist .bd li .title{ text-align:center}
.productlist .bd li .title h3{ position:relative; display:inline-block; font-size:24px; font-weight:normal; color:#b0946f; padding:0 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width:100%}
.productlist .bd li .title h3:after,.productlist .bd li .title h3:before{ content:""; display:block; width:22px; height:22px; position:absolute; z-index:2; background:url(../images/ico-q.png) no-repeat center; background-size:100%;top:50%; margin-top:-11px;}
.productlist .bd li .title h3:after{ right:0;}
.productlist .bd li .title h3:before{left:0;}

.videobox{ padding-bottom:160px}
.productbox .separate{ margin-bottom:120px}

.videolist .bd ul{ margin:0 -42px;}
.videolist .bd li{ float:left; width:50%; margin-bottom:84px}
.videolist .bd li a{ display:block; margin:0 42px}
.videolist .bd li .img{ position:relative; overflow:hidden; border:1px solid #69462a; box-shadow:0 8px 16px rgba(0,0,0,.85)}
.videolist .bd li .img img{ width:100%; display:block;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.videolist .bd li a:hover .img img{ transform:scale(1.1)}
.videolist .bd li .pop{ position:absolute; z-index:2; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.5)}
.videolist .bd li .pop .ico-pay{ width:116px; height:116px; position:absolute; z-index:2; border-radius:50%; background:rgba(255,255,255,.3) url(../images/ico-pay02.png) no-repeat center; background-size:100%; left:50%;top:50%; margin-left:-58px; margin-top:-58px}

.partnershiplist li{ max-width:1200px; margin:0 auto; margin-bottom:100px}
.partnershiplist li a{ display:block; position:relative; }
.partnershiplist li .img{overflow:hidden}
.partnershiplist li img{ display:block; width:100%;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; }
.partnershiplist li a:hover .img img{ transform:scale(1.1)}
.partnershiplist li .png{ position:absolute; z-index:2;top:-58px; right:75px; width:222px;}
.partnershiplist li:nth-child(even) .png{ right:auto; left:75px;}

.contact01{ height:810px; background:#000 url(../images/n06.jpg) no-repeat center; background-size:cover}
.contact01 .weap{ text-align:right; padding-top:175px;}
.contact01 .bd{ display:inline-block;}
.contact01 .bd .title{ text-align:center; line-height:1.1; margin-bottom:80px}
.contact01 .bd .title h3{ font-size:52px; letter-spacing:10px; margin-bottom:20px}
.contact01 .bd .title .eng{ font-size:20px; color:#b0946f; letter-spacing:4px; text-transform:uppercase}
.contact01 .bd .ps{ text-align:left; color:#b0946f; font-size:35px; letter-spacing:4px}
.contact01 .bd .ps a{ color:#b0946f; font-size:35px}
.contact01 .bd .ps:before{ content:""; display:block; height:5px;background-image: linear-gradient(to right,rgba(119,100,75,1),rgba(119,100,75,0)); margin-right:40%; margin-bottom:20px}
.contact01 .bd .ps:after{ content:""; display:block; height:5px;background-image: linear-gradient(to right,rgba(119,100,75,0),rgba(119,100,75,1)); margin-left:40%; margin-top:20px}

.contact02{ padding:120px 0; overflow:hidden}
.contact02 ul{ margin:0 -40px;}
.contact02 li{ float:left; width:25%; text-align:center}
.contact02 li .a{ margin:0 40px;}
.contact02 li .img{ margin-bottom:25px}
.contact02 li .img img{ display:block; width:100%}
.contact02 li .txt{ line-height:1.1}
.contact02 li .txt h3{ font-size:14px; color:#b0946f; font-weight:normal}
.contact02 li .txt .p{ font-size:12px; color:#b0946f; transform:scale(.75); margin-top:3px }

.path{ font-size:18px; margin-bottom:20px; color:#f2c78e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.path a{ font-size:18px; color:#f2c78e; margin:0 10px}
.productpage .imgs{ float:left; width:37.8% }
.productpage .imgs img{ width:100%; display:block}
.productpage .txt{ float:right; width:58%}
.productpage .txt h1.title{ font-size:26px; font-weight:normal; color:#f2c78e; margin-bottom:25px; line-height:1.4}
.productpage .txt li{ float:left; width:50%; color:#b0946f; font-size:20px; margin-bottom:10px}

.productpagebox{ padding-bottom:180px}
.productpageconn{ margin-top:50px}
.productpageconn .hd{ border-bottom:1px solid rgba(204,204,204,.3); padding-bottom:10px; margin-bottom:50px;}
.productpageconn .conn{color: #b0946f; font-size: 25px;letter-spacing: 6px; overflow:hidden}
.productpageconn .conn a{color: #b0946f;font-size: 25px;}	
.productpageconn .conn img{ max-width:100%; height:auto !important}
@media(max-width:1680px){ 
.banner .slick-dots{ bottom:10px}
.banner .slick-dots li{ width:12px; height:12px; margin:0 10px}

.index01 li .txt h3{ font-size:26px}
.index01 li .txt .p{ font-size:16px;    letter-spacing: 7px;padding-left: 7px;}
.index01{ padding-top:20px; padding-bottom:0px}
.indexabout .hd h3{ font-size:30px} 
.indexabout{ margin-top:60px}
.indexabout .p:before{ width:28px; height:28px}

.index02{ padding-top:56px; padding-bottom:27px}
.index02 .item .center{ background-size:auto 32px; padding-left:44px}
.index02 .item .t{ font-size:24px}
.index02 .item .p{ font-size:18px}
.index02 .item .p a{ font-size:18px}

.aboutbox{ padding-top:104px; padding-bottom:180px}
.aboutbox .title{ font-size:46px; margin-bottom:40px}
.aboutbox .title:after, .aboutbox .title:before{ width:54px; height:3px}
.aboutbox .p{ font-size:22px; margin-bottom:56px}

.aboutconn{ padding-top:120px}
.aboutconn .t{ font-size:46px; margin-bottom:28px}
.aboutconn .line{ width:496px; margin-bottom:72px; height:4px}
.aboutconn .conn{ font-size:20px}
.separate{ margin-top:48px; margin-bottom:56px;}
.lanmuplo h3{ font-size:41px}
.lanmuplo{ margin-bottom:72px}
.newslist .bd li a{ margin:0 62px;}
.newslist .bd li .txt h3{ font-size:20px}
.newslist .bd li .txt .more .a{ width:104px; font-size:12px}
.newslist .bd li{ margin-bottom:92px}
.productbox .separate{ margin-bottom:96px}
.productlist .jianjie{ font-size:20px; margin-bottom:80px}
.productlist .bd li a{ margin:0 32px}
.productlist .bd ul{ margin:0 -32px}
.productlist .bd li{ margin-bottom:62px}
.productlist .bd li .title h3{ font-size:19px; padding:0 38px;}
.productlist .bd li .title h3:after, .productlist .bd li .title h3:before{ width:17.6px; height:17.6px; margin-top:-8.5px}

.videolist .bd li{ margin-bottom:67px;}
.videolist .bd li a{ margin:0 33px;}
.videolist .bd ul{ margin:0 -33px;}
.videolist .bd li .pop .ico-pay{ width:92px; height:92px; margin-top:-46px;}
.videobox{ padding-bottom:128px;}
.partnershiplist li .png{ width:177px;top:-46px}

.contact01{ height:640px}
.contact01 .bd .title h3{ font-size:41px}
.contact01 .bd .title .eng{ font-size:16px}
.contact01 .bd .title{ margin-bottom:64px}
.contact01 .bd .ps{ font-size:28px}
.contact01 .bd .ps a{ font-size:28px}
.contact01 .weap{ padding-top:140px}
.contact02 li .a{ margin:0 32px}
.contact02 ul{ margin:0 -32px;}
.contact02{ padding:96px 0}
.productpageconn .conn{ font-size:20px;}
.productpageconn .conn a{ font-size:20px}
.productpage .txt h1.title{ font-size:24px}
.productpage .txt li{ font-size:16px}
} 
 

@media(max-width:1320px){
.aboutbox .video{ height:60.6vw; margin-bottom:0px} 
.aboutbox .video .ico-pay{ width:14vw; height:14vw; margin-left:-7vw; margin-top:-7vw}

}
 
@media(max-width:766px){
.banner .item{ font-size:0}
.banner .item a{ height:63.6vw}
.banner .slick-dots li{ width:10px; height:10px; margin:0 5px} 
.banner .slick-dots{ bottom:0;}
.index01 li{   width:50%; margin-bottom:10px}
.index01{ padding-top:0px; padding-bottom:10px}
.index01 li .img{ margin-bottom:20px}
.index01 li a{ margin:0 5px}
.index01 li .txt h3{ font-size:22px; margin-bottom:10px}
.index01 li .txt .p{ font-size:14px;letter-spacing: 5px;
    padding-left: 5px;}
.indexabout{ margin-top:30px; padding-top:60px}	
.indexabout .hd h3{ font-size:24px}
.indexabout .p{ padding-left:0}
.indexabout .p:before{ margin-right:20px}
.indexabout .hd{ margin-bottom:30px}
.indexabout .p:before{ width:24px; height:24px}

.index02{ padding-top:30px; padding-bottom:15px}
.index02 .item .t{ font-size:20px}
.index02 .item .p{ font-size:16px}
.index02 .weap{ display:block}
.index02 .item .p a{ font-size:16px}
.index02 .item{ width:100%; border-right:none; text-align:left; margin-bottom:15px}
.index02 .item .center{ letter-spacing: 3.5px;    background-size: auto 26px;}

.aboutbox{ padding-top:0px; padding-bottom:0px}
.aboutbox .title{ font-size:28px; margin-bottom:20px;    letter-spacing: 5px;padding-left: 5px;}
.aboutbox .title:after, .aboutbox .title:before{ width:40px; height:2px;}
.aboutbox .p{ font-size:16px; margin-bottom:30px}
.aboutbox .video{ margin-bottom:30px}
.aboutconn{ padding-top:40px}
.aboutconn .t{ font-size:24px;letter-spacing:0px;padding-left: 0px;}
.aboutconn .line{ height:2px}
.aboutconn .t{ margin-bottom:15px;}
.aboutconn .line{ margin-bottom:20px}
.aboutconn .conn{ font-size:16px;    letter-spacing: 2px; text-align:justify}
.aboutconn .conn a{ font-size:16px;}	
.aboutconn .conn p{ text-indent:36px}
.separate{ margin-top:30px; margin-bottom:40px}
.lanmuplo h3{ font-size:24px}
.lanmuplo{ margin-bottom:30px}

.newsbox{ padding-bottom:40px}
.newslist .bd li{ width:50%}
.newslist .bd ul{ margin:0 -10px}
.newslist .bd li a{ margin:0 10px;}
.newslist .bd li{ margin-bottom:20px}
.newslist .bd li .txt h3{ font-size:18px; margin-bottom:5px}
.newslist .bd li .txt .more{ line-height:1.1}
.productbox .separate{ margin-bottom:40px}
.productlist .jianjie{ font-size:16px; margin-bottom:30px}
.productlist .bd li{ width:100%}
.productlist .bd li a{ margin:0 5px}
.productlist .bd li{ margin-bottom:20px}
.productlist .bd ul{ margin:0 -5px;}
.productlist .bd li .title h3{ font-size:16px}
.videolist .bd li{ margin-bottom:20px}
.videolist .bd ul{ margin:0 -10px}
.videolist .bd li a{ margin:0 10px}
.videolist .bd li .pop .ico-pay{ width:40px; height:40px; margin-left:-20px; margin-top:-20px}
.videobox{ padding-bottom:40px}
.partnershiplist li .png{ width:21%}
.partnershiplist li .png{ right:9vw}
.partnershiplist li:nth-child(even) .png{ left:9vw}
.partnershiplist li{ margin-bottom:70px}
.partnershiplist .bd{ padding-top:20px}

.contact01{ height:auto}
.contact01 .weap{ padding:40px 10px; text-align:center}
.contact01 .bd .title h3{ font-size:24px; margin-bottom:5px}
.contact01 .bd .title .eng{ font-size:14px}
.contact01 .bd .title{ margin-bottom:30px}
.contact01 .bd .ps{ font-size:18px;    letter-spacing: 2.5px;}
.contact01 .bd .ps a{ font-size:18px}
.contact01 .bd .ps:before{ height:3px;}
.contact01 .bd .ps:after{ height:3px}

.contact02{ padding:30px 0}
.contact02 li{ width:50%; margin-bottom:20px}
.contact02 ul{ margin:0 -10px}
.contact02 li .a{ margin:0 10px}

.path{ font-size:15px; display:none}
.path a{ font-size:15px; margin:0 5px;}
.productpage .imgs{ float:none; width:auto; margin-bottom:30px}
.productpage .txt{ float:none; width:auto}
.productpageconn .hd{ margin-bottom:20px}
.productpageconn .conn{ font-size:18px}
.productpageconn .conn a{ font-size:18px}
.productpage .txt h1.title{ font-size:22px; margin-bottom:10px}
.productpage .txt li{ margin-bottom:5px}
.productpageconn{ margin-top:30px}
}