body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1430px;}
.logo{ padding-top: 44px; padding-right: 46px;}
.header{ position: relative; z-index: 10000; }
.header .container-t{ position: relative; }
.logo-txt{ position: absolute; right: 15px; bottom: 15px; }
.nav-left-box{  }
.nav-left{ font-size: 30px; color: #000; z-index: 10000; font-weight: bold; padding-left: 44px; background: url(../images/lind.png) left center no-repeat; position: relative; }
.nav-left:hover:before{ display: block; content: ""; position: absolute; left: 0; top: 100%; right: 0; height: 60px; }
.nav-list li{ float: left; font-size: 23px; margin-top: 15px; color: #000; font-weight: bold; margin-left: 34px; }/*44*/
.phone{ font-size: 20px; color: #ae8064; font-weight: bold; margin-left: 80px; margin-top: 25px; }
.banner{ overflow:hidden; }
.menupro{display:none}
.bannerM{display:none}
.erji {
    display: none;
    background: #fff;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 50px;
    height: 350px;
    z-index: 50;
    font-weight: normal;
}
.erji1 {
    height: 350px;
}
.erji1 dl {
    float: left;
    padding: 0 30px;
    border-right: 1px solid #eeeeee;
    width: 25%;
}
.erji1 dl.cur{ width: 50%; }
.erji1 dl.cur dt {
    float: left;
    width: 318px;
}
.erji1 dl dd{ width: 291px; }
.erji1 dt em{ display: block; font-size: 24px;color:#333;margin-bottom: 24px;height: 31px;}
.erji1 dt em img{ display: inline-block;width:31px;height: 27px; margin-right: 12px;vertical-align: -3px;}
.erji1 dt i img{ display:block;width: 239px;height: 134px; }
.erji1 dt span{ display: block;font-size: 14px;color: #666666;line-height: 14px;padding-top: 32px; }
.erji1 dd{ display: none; }
.erji1 dl:nth-child(2) dt em>img,.erji1 dl:nth-child(3) dt em>img{ display: inline-block;width:26px;height: 26px; margin-right: 12px;vertical-align: -5px; }
.erji1 dl.cur dt{ float: left;width:318px; }
.erji1 dl.cur dt i>img{ display:block;width: 318px;height: 179px; }
.erji1 dl.cur dt span{ display: none; }
.erji1 dl.cur dd{ float: left;margin-left:30px;border-left:1px solid #eeeeee;margin-top: 55px;  display: block;width:291px;}
.erji1 dl.cur dd li a{ display: block;font-size: 14px;line-height: 14px;margin-bottom: 20px; padding-left: 20px;box-sizing: border-box;float:left;width:92px;}
.erji1 dl.cur dd li:last-child a{ margin-bottom: 0; }
.erji1 dl.cur dd li.cur a,.erji1 dd li a:hover{ color:#b28665; }
i,em{ font-style: normal; }
.erji1 dl:last-child{ border:none!important; }
.nav-down {
    height: 0; transition: 0.3s all; overflow:hidden;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 100%;
    z-index: 10;

    background: rgba(255,255,255,0.8);
}
.nav-list li{ padding-bottom: 30px; }
.nav-list li a{ padding-bottom: 20px; }

.nav-list li:hover .nav-down{height: 109px;}
.nav-list li a.active,.nav-list li a:hover{ color: #b28665;    background: url(../images/nav_line.png) no-repeat center bottom;
 }
 .nav-down a{ background: none!important; }



.get_more{width:100%;margin:0 auto; text-align:center;display:block;clear:both}









.banner{ overflow:hidden; margin:0; }
.back-box{ padding:105px 0; background: #f7f3ef; }
.link-list li{ float: left; width: 16.666%; padding:0 15px; }
.link-list-box{ background: #fff; transition: 0.3s all; border-radius: 6px; padding-top: 45px; height: 175px;/*220*/ display: block; box-shadow: 0 0 10px rgba(76,92,221,0.2); }
.link-list{ margin:0 -15px; }
.link-list-tt{ font-size: 24px; font-weight: bold; margin-top: 10px; }
.link-list-icon{ overflow:hidden; height: 53px; position: relative; }
.link-list-icon img{ position: absolute; left: 50%; transition: 0.3s all; margin-left: -26px; top: 0; }

.link-list-icon img.hover{ display: inline-block; top: 100%; }
.link-list-box:hover{ background: #b28665; }
.link-list-box:hover .link-list-tt{ color: #fff; }
.link-list-box:hover .link-list-icon img{ top: -100%; }
.link-list-box:hover .link-list-icon img.hover{ top: 0; }
.case-lg{ height: 743px; position: relative; overflow:hidden; }
.case-left{ position: absolute; left: 0; width: 100%; padding-top: 265px; transition: 0.5s all; top: 0; bottom: 0;}
.logo-case{  }
.case-tt{ font-size: 30px; color: #fff; font-weight: bold; margin-top: 15px; }
.case-lind{ width: 84px; border-top: solid 1px #fff; margin:20px auto; }
.case-tt-sm{ font-size: 16px; color: #fff; margin-bottom: 15px; }
.case-p p{ color: #fff; line-height: 30px; }
.case-p{ height: 90px; overflow:hidden; padding:0 20px; }
.case-more span{ display: inline-block; color: #b28665; background: #fff; padding:0 5px; margin-top: 20px; }
.case-lg-list li{ float: left; width: 20%; position: relative; height: 743px; border-right: solid 1px #fff; }
.case-lg-list li.active{ background: rgba(176,130,102,0.9);  }
.case-tabs{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.case-lg-list{ position: relative; z-index: 1000; }
.tab-content{ position: relative; height: 743px; }
.tab-content .tab-pane{ display: block; position: absolute; height: 743px; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.case-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.1,1.1); transition: 1.2s all; }
.active .case-img{ transform: scale(1,1); }
.case-bottom{ transform: translate(0,50px); opacity: 0; transition: 0.5s all; }
.active .case-tt-sm,.active .case-lind{ display: none; }
.active .case-bottom{transform: translate(0,20px); opacity: 1;}
.active .case-left{ padding-top: 220px; }
.case-ul li{ float: left; width: 33.333333%; padding:0 40px; margin:140px 0; }
.case-ul{ margin:0 -40px; }
.case-box-img a{ display: block; position: relative; padding-top: 130%; overflow:hidden; }
.case-box-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.case-box{ background: #fff; }
.case-list-tt a{ font-size: 16px; color: #b58565; font-weight: bold; }
.case-list-p{ margin-top: 5px; }

.case-box{ box-shadow: 0 0 15px rgba(0,0,0,0.4); position: relative; overflow:hidden; }
.case-back{ background: #f7f3ef; }
.case-box:after {
    content: '';
    cursor: pointer;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
}
.case-box:hover:after {
    left: 100%;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}
.case-ul_pic li{ float: left; width: 33.333333%; padding:0 40px; margin:140px 0; }
.case-ul_pic{ margin:0 -40px; }
.case-box-bottom_pic{ padding:20px 15px; }
.case-box-img_pic a{ display: block; position: relative; padding-top: 100%; overflow:hidden; }
.case-box-img_pic a img{ position: absolute; left: 0; top: 0; width: 100%; /*height: 100%;*/ }

.video-back{ height: 700px; padding-top: 320px; }
.video-tt{ font-size: 50px; color: #fff; font-weight: bold; text-shadow: 5px 5px #333; }
.play{ margin-top:70px;  }
.video-tabs-box{ background: #fff; padding-top: 70px; height: 250px; box-shadow: 0 0 15px rgba(0,0,0,0.1); position: relative; z-index: 10; margin-top: -120px; }
.icon-video{ height: 50px; }
.video-t{ font-size: 16px; color: #000; }
.video-txt{ font-size: 13px; color: #000; opacity: 0.3; text-transform:uppercase; margin-top: 5px; }
.video-tabs li{ float: left; width: 20%; }
.news-box{ background: #f7f3ef; margin-top: 90px; padding:60px 45px; }
.news-tt{ font-size: 16px; color: #a37150; }
.news-p{ line-height: 25px; max-height: 75px; overflow:hidden; margin-top: 5px; }
.news-title a{ font-size: 13px; color: #2b2b2b; }
.news-title{ margin-top: 40px; }
.news-p-b{ font-size: 12px; color: #7f7f7f; line-height: 20px; max-height: 60px; overflow:hidden; }
.news-a{ display: inline-block; font-size: 13px; margin-top: 20px; background: #a37150; color: #fff; width: 76px; height: 24px; text-align: center; line-height: 24px; }
.news-list li{ float: left; width: 50%; padding:0 15px; }
.news-list{ margin:0 -15px; }
.news-list-tt a{ font-size: 13px; color: #2b2b2b; }
.news-list-tt{ margin-top: 35px; }
.news-list-img a{ display: block; position: relative; padding-top: 73%; }
.news-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.bottom{ height: 830px; margin-top: 110px; background: url(../images/bottom.png) center top no-repeat; background-size: cover; padding-top: 580px; }
.bottom-tt{ font-size: 24px; color: #fff; font-weight: bold; }
.bottom-p{ font-size: 16px; color: #fff; margin-top: 20px; margin-top: 20px; }
.bottom-a{ color: #fff; font-size: 13px; margin-top: 50px; width: 72px; height: 32px; line-height: 30px; text-align: center; border:solid 1px #fff; display: inline-block; }
.bottom-a:hover{ color: #a37150; border:solid 1px #a37150; }
.bottom-right{ margin-left: 500px; padding:0 30px; }
.bottom-right img{ margin:0 auto; width: 163px; }
.bottom-right .slick-prev{ width: 42px; height: 42px; background: url(../images/left.png) center no-repeat; margin-top: -21px; }
.bottom-right .slick-next{ width: 42px; height: 42px; background: url(../images/right.png) center no-repeat; margin-top: -21px; }
.slick-prev:before,.slick-next:before{ display: none; }
.form-control{ height: 26px; border-radius: 0; color: #fff; box-shadow: none; background: none; border-color: #fff; }
.form-box{ position: relative; padding-left: 55px; margin-bottom: 15px; }
.form-left{ position: absolute; left: 0; top: 0; line-height: 26px; font-size: 16px; color: #fff; }
.footer{ background: #a37150; padding-top: 60px; }
.form-control-lg{ height: 94px!important; }
.btn-form{ font-size: 16px; border-radius: 0; box-shadow: none; border:none; background: #fff; color: #a37150; margin-top: 15px; padding:3px 20px; }
.phone-txt{ font-size: 32px; color: #fff; margin-top: 65px; }
.phone-txt img{ display: inline-block; margin-bottom: 25px; }
.img-ewm img{ width: 120px; margin:0 10px; }
.ewm-txt{ font-size: 18px; color: #fff; margin-top: 30px; }
.img-ewm{ margin-top: 40px; }
.footer-center{ padding-top: 40px; position: relative; }
.footer-center:before{ display: block; content: ""; position: absolute; left: 40px; top: 0; height: 335px; border-right: solid 2px #b78660; }
.footer-center:after{ display: block; content: ""; position: absolute; right: 25px; top: 0; height: 335px; border-right: solid 2px #b78660; }
.footer-b{ font-size: 18px; color: #fff; border-top: solid 2px #b78660; padding:35px 0; margin-top: 55px; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #333; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.logo-case img{ margin:0 auto; }
.modal-body{ padding:50px; border-radius: 0; }
.modal-dialog{ width: 900px; border-radius: 0; position: absolute; transform: translate(0,-50%)!important; top: 50%; left: 50%; margin-left: -450px; }
.close-a{ position: absolute; right: 15px; top: 15px; z-index: 1000; }


.play .tab-content,.play .tab-pane{ height: auto; }
.hover-c{ transition: 0.5s all; }
.hover-c:hover{
    transform: translate(10px,0);
}
/*************案例展示**********/
.al-title{ font-size: 24px; color: #a37150; line-height: 45px; margin:100px 0 70px 0; }
.al-title span{ font-size: 20px; color: #5c5c5c; }
.al-back{ background: #f7f3ef; }
.al-ul li{ width: 50%; padding:0 20px; margin-bottom: 40px; float: left; }
.al-ul{ margin:0 -20px; }
.al-ul-bottom{ background: #fff; padding:40px 25px; }
.al-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.al-img a{ display: block; position: relative; padding-top: 75%; }
.al-ul-sm img{ width: 65px; height: 55px; }
.al-ul-title a{ font-size: 18px; color: #b58565; font-weight: bold; }
.al-ul-p{ font-size: 16px; color: #666; margin-top: 5px; }
.al-ul-right{ margin-left: 80px; }
.al-ul-box{ box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.al-more{ display: block; font-size: 18px; color: #fff; font-weight: bold; background: #a37150; height: 86px; line-height: 86px; margin:130px 0 170px 0; }
/*************产品中心***************/
.cp-back{ background: #f7f3ef; padding-top: 50px; }
.cp-list li{ float: left; width: 20%; margin-bottom: 60px; }
.cp-list-tt{ font-size: 24px; color: #5e5e5e; font-weight: bold; margin:10px 0 5px 0; }
.cp-list-b{ font-size: 20px; color: #000; opacity: 0.3; }
.cp-ul-img{ width: 70%;}
.cp-ul-img a{ display: block; height: 475px; }
.cp-ul li{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-bottom: 40px; }
.cp-ul-right{ width: 30%; padding-top: 70px; }
.cp-ul-tt span{ font-size: 24px; display: inline-block; color: #333; font-weight: bold; padding:5px 10px; border-bottom: solid 2px #c19575;  }
.cp-ewm{ margin:30px 0; }
.cp-ewm img{ width: 180px; }
.cp-more{ display: inline-block; width: 180px; font-size: 20px; color: #fff; height: 28px; background: #c19575; line-height: 28px; }
.cp-ul li:nth-child(even) .cp-ul-img{ float: right!important; }
.cp-lind{ width: 136px; height: 2px; background: #c19575; margin-bottom: 20px; }
.cp-ul-right-x{ padding-left: 40px; padding-right: 40px; padding-top: 40px; }
.cp-dian{ font-size: 20px; color: #c19575; background: url(../images/dian.png) left center no-repeat; padding-left: 25px; }
.cp-txt{ font-size: 18px; color: #2e2e2e; margin:10px 0; padding-left: 25px; }
.xq-a a{ display: block; font-size: 20px; color: #fff; line-height: 34px; background: #c19575; margin-top: 30px; }
.phone-txt-b{ height: 53px; margin-top: 25px; background: url(../images/phone-sm.png) left center no-repeat; padding-left: 70px; font-size: 20px; color: #2e2e2e; }
.title-lind{ border-bottom: solid 2px #c19575; padding-bottom: 10px; margin-top: 50px; margin-bottom: 90px; }
.xq-box p{ margin-bottom: 110px; }
/****************服务支持****************/
.fw-back{ background: #f5f5f5; }
.fw-title{ font-size: 24px; color: #a37150; margin-top: 145px; margin-bottom: 100px; }
.fw-img{width: 50%; }
.fw-img-c{  height: 420px; }
.fw-list li{ background: #fff; }
.fw-right{ width: 50%; position: relative; height: 420px; }
.fw-right-sm{ width: 80%; position: absolute; left: 10%; top: 50%; transform: translate(0,-50%); }
.fw-right-tt span{ display: inline-block; font-size: 30px; color: #a37150; border-bottom: solid 2px #a37150; width: 185px; padding-bottom: 5px; }
.fw-right-p{ color: #4c4c4c; text-align: justify; line-height: 25px; margin-top: 15px; }
.fw-list li:nth-child(even) .fw-img{ float: right!important; }
.fw-tt-sm{ font-size: 24px; color: #a37150; margin:90px 0 30px 0; }
.fw-ul li{ height: 165px; }
.fw-date{ font-size: 20px; color: #747474; width: 120px; text-align: center; line-height: 30px; padding-top: 50px;}
.fw-date span{ font-size: 65px;}
.fw-right-c{ margin-left: 120px; padding-top: 50px; }
.fw-right-tt-b{ border-bottom: solid 1px #333; padding-bottom: 5px; }
.fw-right-tt-b a{ font-size: 18px; color: #333; }
.fw-right-txt{ color: #747474; line-height: 25px; height: 50px; overflow:hidden; text-align: justify; margin-top: 5px; padding-right: 25px; }
.fw-ul li:hover{  background: #a37150; }
.fw-ul li:hover .fw-date,.fw-ul li:hover .fw-right-tt-b a,.fw-ul li:hover .fw-right-txt{ color: #fff; }
.fw-ul li:hover .fw-right-tt-b{ border-color: #fff; }
.fw-more{ display: inline-block; width: 150px; height: 40px; background: #a37150; line-height: 40px; color: #fff; margin:75px auto; }
/************关于我们*************/
.about-back{ background: #f7f3ef; padding-top: 110px; padding-bottom: 200px; }
.about-img img{ width: 488px; height: 360px; } 
.about-right{ margin-left: 540px; }
.abouut-right-tt{ font-size: 26px; margin-top: 15px; color: #1a1a1a; border-left: solid 7px #c69e80; padding-left: 12px; line-height: 36px; text-transform:uppercase; }
.about-p p{ font-size: 14px; color: #5d5d5d; text-align: justify; text-indent: 2em; line-height: 33px; }
.about-p{ margin-top: 40px; }
.about-p{ font-size: 16px; color: #535353; margin-top: 10px; }
.about-img-ul{ margin-top: 60px; margin-left: -4px; margin-right: -4px; }
.about-img-ul li{ float: left; width: 25%; padding:0 4px; }
.about-img-ul li img{ width: 100%; }
/*2021-11-9*/
.about-img-ul2{ margin-top: 60px;margin-bottom: 60px; margin-left: -4px; margin-right: -4px; }
.about-img-ul2 li{ float: left; width: 33.33%; padding:0 4px; }
.about-img-ul2 li img{ width: 100%;padding:2px;border:solid 1px #cccccc }
.ab4{margin: 60px auto;text-align:center; }
.about-p{ font-size: 16px; color: #535353; margin-top: 10px; }
.zs-title{ font-size: 24px; color: #a37150; margin:130px 0 70px 0; }
.zititle{font-size: 18px; color: #a37150; margin:30px 0 30px 0;text-align:center;font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;}
.slick-zs .slick-slide img{ transform: scale(0.8,0.8); transition: 0.3s all; }
.slick-zs .slick-current img{ transform: scale(1,1); }
.yc-box{ overflow:hidden; }
.slick-zs{ margin:0 -20px; }
.slick-zs .slick-prev{ width: 42px; height: 42px; left: 20px; background: url(../images/left.png) center no-repeat; margin-top: -21px; }
.slick-zs .slick-next{ width: 42px; height: 42px; right: 20px; background: url(../images/right.png) center no-repeat; margin-top: -21px; }
.zs-bottom{ margin:0 100px; }
.zs-bottom .slick-prev{ width: 42px; height: 42px; left: -100px; background: url(../images/left.png) center no-repeat; margin-top: -21px; }
.zs-bottom .slick-next{ width: 42px; height: 42px; right: -100px; background: url(../images/right.png) center no-repeat; margin-top: -21px; }
.zs-bottom a span{ color: #878787; margin-top: 20px; display: block; }
.qj-p p{ margin:0; line-height: 40px; color: #878787; }
.zs-title-sm{ margin:100px 0 50px 0; }
.img-b{ margin-top: 60px; }
.zs-bottom a{ display: block; padding:0 10px; }
.article-title{ font-size: 24px; color: #4e4e4e; font-weight: bold;border-bottom:solid 1px #cccccc;padding-bottom:10px }
.article-sm{ color: #909090; margin: 15px 0; }
.article-sm span{ padding-left: 30px; }
.article-p{  margin-bottom: 65px;font-size: 16px;  }
.article-p p{ font-size: 16px; color: #313131; text-align: justify; line-height: 35px; margin-bottom: 45px; }
/******************联系我们****************/
.lx-title{ font-size: 30px; color: #a37150; margin:15px 0 125px 0; }
.contact-list li{ float: left; width: 25%; padding:0 18px; margin-bottom: 50px; }
.contact-list{ margin:0 -18px; }
.contact-list-box{ background: #a37150; height: 295px; position: relative; padding-top: 110px; padding-left: 30px; padding-right: 30px; }
.contact-list-tt{ font-size: 24px; color: #fff; font-weight: bold; }
.contact-list-p{ font-size: 16px; color: #fff; line-height: 35px; margin-top: 10px; }
.contact-img{ position: absolute; left: 0; right: 0; top: -80px; }
.zc-back{ padding:250px 0; background: url(../images/zc-back.png) center no-repeat; background-size: cover; }
 .jmzc_con {
        width: 1400px;
        height: 422px;
        background: rgba(255, 255, 255, 1);
        margin-top: 39px;
    }
    
    .jmzc_con li {
        float: left;
        width: 25%;
        height: 211px;
        border: 1px solid #f4f4f4;
        box-sizing: border-box;
        margin-left: -1px;
        margin-top: -1px
    }
    
    .jmzc_con li img {
        display: block;
        margin: 33px auto 0;
        width: 78px;
        height: 78px;
    }
    
    .jmzc_con li em {
        display: block;
        font-size: 18px;
        line-height: 18px;
        color: #333;
        margin-top: 20px;
        text-align: center;
    }
    
    .jmzc_con li span {
        display: block;
        font-size: 14px;
        line-height: 14px;
        color: #999;
        margin-top: 15px;
        text-align: center;
    }
    
    .jmzc_con li p {
        display: none;
    }
    
    .jmzc_con li.cur p {
        display: block;
        width: auto;
        height: 226px;
        background: rgba(255, 255, 255, 1);
        margin-top: -8px;
        margin-left: -5px;
        margin-right: -5px;
        position: relative;
        z-index: 20;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        padding: 0 28px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 24px;
        color: #666666;
        text-align: center;
        border-bottom: 3px solid #b28665;
    }
    
    .jmzc_con li.cur img,
    .jmzc_con li.cur em,
    .jmzc_con li.cur span {
        display: none;
    }
    
    .jmzc_con li i {
        position: relative;
        font-size: 20px;
        font-weight: bold;
        color: rgba(178, 134, 102, 1);
        line-height: 20px;
        text-align: center;
        padding-top: 58px;
        display: block;
        margin-bottom: 38px;
    }
    
    .jmzc_con li i:after {
        position: absolute;
        left: 50%;
        top: 96px;
        width: 40px;
        height: 2px;
        background: rgba(178, 134, 102, 1);
        margin-left: -20px;
        ;
        content: "";
    }
    
    .jmlc {
        padding-top: 80px;
    }
    
    .jmlc_con {
        margin-top: 58px;
    }
    
    .jmlc_con ul {
        border-left: 1px solid #d2d2d2;
        box-sizing: border-box;
    }
    
    .jmlc_con li {
        float: left;
        width: 199px;
        height: 163px;
        border-right: 1px solid #d2d2d2;
        box-sizing: border-box;
        transition: all 0.5s;
    }
    
    .jmlc_con li em {
        display: block;
        width: 54px;
        height: 54px;
        overflow: hidden;
        margin: 28px auto 0;
    }
    
    .jmlc_con li img {
        width: 54px;
        height: 54px;
        display: block;
        transition: all 0.5s;
    }
    
    .jmlc_con li.cur em img:nth-child(1) {
        margin-top: -54px;
    }
    
    .jmlc_con li span {
        display: block;
        font-size: 16px;
        line-height: 18px;
        color: #333;
        margin-top: 16px;
        text-align: center;
    }
    
    .jmlc_con li i {
        display: block;
        font-size: 14px;
        line-height: 14px;
        color: #aaaaaa;
        margin-top: 8px;
        text-align: center;
        font-family: Arial;
        text-transform: uppercase;
    }
    
    .jmlc_con li.cur {
        background: rgba(178, 134, 102, 1);
        border-radius: 10px;
        border-right: 0;
    }
    
    .jmlc_con li.cur span {
        color: #fff;
    }
    
    .jmlc_con li.cur i {
        color: #c5a691;
    }
.lc-title{ font-size: 30px; color: #a37150; margin-top: 175px; margin-bottom: 120px; }    
.lc-ul li{ float: left; width: 16.666666%; padding:0 10px; margin-bottom: 35px; font-size: 22px; font-weight: bold; color: #a1a1a1; }
.lc-ul{ margin:0 -10px; }
.lx-title-sm{ margin:20px 0 70px 0; }
.lc-ul li img{ margin-bottom: 30px; }
.map img{ width: 100%; }
.map-ul li{ float: left; width: 33.333333%; padding:0 30px; margin-top: 70px; }
.map-ul{ margin:0 -30px; }
.map-ul-box{ background: #a37150; height: 365px; padding-top: 60px; }
.map-icon{ height: 105px; }
.map-tt{ font-size: 25px; color: #fff; }
.map-txt{ font-size: 22px; color: #fff; line-height: 45px; margin-top: 15px; }
.lc-ul li img{ height: 140px; }
/***********新闻中心************/
.new_ul{
	margin:0 -20px;
  height:auto;
  overflow:hidden;
}
.new_ul li{
padding:0 20px;
  float:left;
  width: 33.333333%;
  margin-bottom: 50px;

}

.new_ul li a{

    display: block;
    position: relative;
    overflow: hidden;
}
.new_ul li .newpic{
  width: 100%;
    padding-bottom: 75.3%;
    height: 0;
    overflow: hidden;
}
.new_ul li .newpic img{
  width:100%;
}
.phbox {
    display: none !important;
}
.news_mes{
  padding-top: 5.4%;
    height: 90px;
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 1000;
    padding-bottom: 8.2%;
    zoom: 1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.news_p1 {
  margin-left: 15px;
  margin-right: 15px;
    font-size: 17px;
    color: #fff;
    line-height: 20px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.news_p2 {
  margin-left: 15px;
  margin-right: 15px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.news_yy {
    background: #a37150;
    position: absolute;
    top: 65px;
    bottom: 0;
    width: 100%;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
        transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    opacity: 0;
    filter: alpha(opacity=0);
    zoom: 1;
}
.news_hide {
    position: absolute;
    top: 0;
    margin-top: 73.3%;
    left: 0;
    width: 100%;
    padding-bottom: 8.2%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}
.news_hide_top {
    height: 90px;
    padding-top: 10px;
    padding-bottom: 8.2%;
    margin-top: -80px;
    background: #a37150; background: rgba(163,113,80,0.8);
}
.news_p3 {
    font-size: 12px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #fff;
    margin-top: 20px;
}
.news_add {
    width: 36px;
    height: 36px;
    margin: 7% auto;
}
.new_ul li a:hover .news_hide{
  padding-right: 10px;
    padding-left: 10px;
    margin-top: 0;
    top: 65px;
}
.new_ul li a:hover .news_hide_top{
  padding-top: 10%;
  margin-top: 0;
  height: auto;
}
.new_ul li a:hover .news_yy{
  transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

.new_ul li a:hover .news_p2{
  color:#fff;
}
.new_ul li a:hover .news_p1{
  color:#fff;
}
.new_ul li a:hover .news_p3{
  margin-left: 15px;
  margin-right: 15px;
  color:#fff;
  font-size: 15px;
  margin-top: 10px;
}
.phnew h2{font-size: 15px;margin: 0 0 10px 0;color:  #baa173;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;margin-left: 10px;margin-right: 10px;}
.phnew .date{
  font-size: 14px;
  color: #333;
  margin-left: 10px;margin-right: 10px;
  margin-bottom: 15px;
}
.phnew .news_d{
  font-size: 13px;
  margin-bottom: 15px;
  color: #333;
}


.newpic{ margin:0; position: relative; padding-bottom: 90%; }
.newpic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


.news-tabs,.news-tabs a{ font-size: 24px; color: #a37150; }
.news-tabs a{ margin:0 5px; display: inline-block; }
.news-tabs{ margin:70px 0; }
.news-back{ background: #f7f3ef; }
.news-more{ margin-top: 20px; }
/****************专卖店*************/
.zm-back{ padding:250px 0; background: url(../images/zm-back.png) center no-repeat; background-size: cover; overflow:hidden; }
.zmd a img{ border:solid 10px #fff; }
.zmd-ul li{ margin:30px 0; }
.zmd-ul{ padding: 60px 0; }


/*********下拉菜单*******/
.cp-down{ position: absolute; height: 0; transition: 0.3s all; overflow:hidden; left: 0; top: 100%; right: 0; background: rgba(255,255,255,0.9);   }
.cp-down-ul li{ float: left; margin-right: 30px; }
.cp-down-ul li a{ font-size: 12px; color: #aaa; }
.cp-down-ul li a span{ font-size: 14px; color: #333; display: inline-block; padding-top: 3px; }
.nav-left-box:hover .cp-down{ height: 109px; padding-top: 20px; }
.nav-down .cp-down-ul li{ float: none; margin:0; padding:0 35px; display: inline-block; padding-top: 20px; }
.contact-list-box:hover{ background: #999; }
.lc-ul li:nth-child(1){ animation-delay: 0.6s; }
.lc-ul li:nth-child(2){ animation-delay: 0.5s; }
.lc-ul li:nth-child(3){ animation-delay: 0.4s; }
.lc-ul li:nth-child(4){ animation-delay: 0.3s; }
.lc-ul li:nth-child(5){ animation-delay: 0.2s; }
.lc-ul li:nth-child(6){ animation-delay: 0.1s; }
.lc-ul li:nth-child(7){ animation-delay: 0.6s; }
.lc-ul li:nth-child(8){ animation-delay: 0.5s; }
.lc-ul li:nth-child(9){ animation-delay: 0.4s; }
.lc-ul li:nth-child(10){ animation-delay: 0.3s; }
.lc-ul li:nth-child(11){ animation-delay: 0.2s; }
.lc-ul li:nth-child(12){ animation-delay: 0.1s; }
.video-tabs li.active,.cp-list li:hover,.contact-list-box:hover .contact-img{   animation:container 1s; /*动画的名称*/
}
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}
.nav-down span{ display: block!important; }
.cp-ul-img{ overflow:hidden; }
.cp-ul-img a{ transition: 0.5s all; }
.cp-ul li:hover .cp-ul-img a{ transform: scale(1.1,1.1); }
.cp-ul li:hover{ background: #c19576; }
.cp-ul li:hover .cp-ul-tt span{ color: #fff; border-color: #fff; }
.cp-ul li:hover .cp-more{ background: #fff; color: #c19576; }
.fw-img{ overflow:hidden; }
.fw-img-c{ transition: 0.5s all; }
.fw-list li:hover .fw-img-c{ transform: scale(1.2,1.2); }
.cp-ul-xq li:hover{ background: #fff; }
.al-more:hover{ color: #fff; }
.cp-down-ul li a:hover span{ color: #b28665!important; }

@media( max-width: 1479px){
	.menupro{display:none}
	.bannerM{display:none}
	.container{ width: 1230px; }
	.erji1 dl.cur dd{ width: 191px; }
	.bottom-left{ width: 350px; }
	.bottom-right{ margin-left: 400px; }
	.img-ewm img{ width: 110px; }
	.logo-lg img{ width: 400px; }
	.jmzc_con{ width: 1200px; }
}
@media( max-width: 1279px){
	.menupro{display:none}
	.bannerM{display:none}
	.jmzc_con{ width: 940px; }
	.container{ width: 970px; }
	.nav-left-box,.logo-txt{ display: none; }
	.logo{ padding-right: 0; }
	.bottom-right img{ width: 100px; }
	.img-ewm img{ width: 80px; }
	.logo-lg img{ width: 300px; }
	.cp-list-tt{ font-size: 18px; }
	.cp-list-b{ font-size: 14px; }
	.cp-ul-right-x{ padding:20px!important; }
	.cp-ul-xq .cp-ul-img{ width: 100%; }
	.cp-ul-xq .cp-ul-img a{ height: auto; padding-top: 60%; }
	.cp-ul-right-x{ width: 100%; }
	.about-img{ width: 100%; text-align: center; float: none!important; }
	.about-right{ margin-left: 0; margin-top: 30px; }
	.slick-zs{ margin:0 -30px; }
	.slick-zs .slick-next{ right:30px; }
	.slick-zs .slick-prev{ left: 30px; }
	.map-txt{ font-size: 20px; line-height: 35px; }
	.map-ul-box{ height: 300px; padding-top: 30px; }
	.new_ul li{ width: 50%; }
	}
@media( max-width: 991px){
	.menupro{display:none}
	.bannerM{display:none}
	.jmzc_con{ width: 720px; height: auto; }
	.container{ width: 750px; }
	.nav-list li{ margin-left: 35px; }
	.phone{ margin-left: 0; }
	.header-r{ width: 100%; }
	.case-tt{ font-size: 24px; }
	.case-p p{ font-size: 12px; line-height: 20px;  }
	.case-p{ height: 60px; padding:0 10px; }
	.bottom-left{ width: 100%; float: none!important; }
	.bottom-right{ margin:50px 0 0 0; }
	.bottom{ padding:100px 0; height: auto; }
	.img-ewm img{ width: 55px; }
	.logo-lg img{ width: 200px; }
	.phone-txt img{ width: 50px; margin-bottom: 10px; }
	.phone-txt{ font-size: 24px; }
	.ewm-txt{ font-size: 14px; }
	.footer-b{ font-size: 14px; padding:20px 0; }
	.modal-dialog{ width: 90%; margin:0 5%; left: 0;}
	.modal-body{ padding:50px 20px 20px 20px; }
	.title-lind{ margin:20px 0; }
	.xq-box p{ margin-bottom: 15px; }
	.xq-a a{ margin-top: 15px; }
	.contact-list li{ width: 50%; margin-bottom:120px; }
	.lx-title-sm{ margin-top: 0; }
	.jmzc_con li{ width: 50%; }
	.zc-back{ padding:30px 0; height: auto; }
	.lc-ul li img{ height: 100px; }
	.new_ul li a:hover .news_hide{ top: 25px; }

}
@media( max-width: 768px){
.banner{display:none}
.menupro{display:block}
.bannerM{display:block}
	.container{ width: 100%; }
	.header{ height: 50px; }
	.logo{ text-align: left; height: 50px; padding-top: 0; line-height: 50px; }
	.logo img{ height: 30px; }
	.nav-list{ position: absolute; display: none; left: 0; top: 100%; box-shadow: 1px 2px 3px #ddd; width: 100%; background: #fff; border-top: solid 1px #ddd; }
	.nav-list li{ float: none; position: relative; width: 100%; margin:0; padding:0; }
	.nav-list li a{ display: block; font-size: 16px; font-weight: normal; padding:0 15px; line-height: 40px; }
	.nav-list li a.active, .nav-list li a:hover{ background: none; }
	.menu-button{ display: block; }
	  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
	  .nav-click.active{ transform: rotate(180deg); }
	  .nav-down{ height: auto; overflow:visible; transition: 0s all; position: static!important; display: none; }
	  .nav-list li:hover .nav-down{height: auto;}
	  .nav-down a{ display: block; text-align: left; padding-left: 40px!important; margin:0; }
	  .nav-down a i{ line-height: 40px; }
	  .phone{ position: absolute; right: 60px; top: 0; height: 50px; line-height: 50px; margin:0; }
	  .back-box{ padding:20px 0 5px 0; }
	  .link-list li{ width: 33.333333%; margin-bottom: 15px; }
	  .link-list-tt{ font-size: 16px; }
	  .link-list-box{ height: auto; padding:20px 0; }
	  .case-ul li{ padding:0 7.5px; margin:20px 0; }
	  .case-ul{ margin:0 -7.5px; }
	  .case-box-bottom{ padding:10px; }
	  .video-tt{ font-size: 24px; text-shadow: 2px 2px #333; }
	  .video-back{ height: 300px; padding-top: 100px; }
	  .video-txt{ display: none; }
	  .video-t{ font-size: 13px; }
	  .video-tabs-box{ height: auto; padding:20px 0; margin-top: -50px; }
	  .play{ margin-top: 30px; }
	  .play img{ width: 50px; }
	  .news-box{ margin-top: 30px; padding:15px; }
	  .news-box .col-xs-4,.news-box .col-xs-8{ width: 100%; }
	  .news-title{ margin-top: 20px; }
	  .news-list li{ padding:0 7.5px; margin-top: 15px; }
	  .news-list{ margin:0 -7.5px; }
	  .news-list-tt{ margin-top: 10px; }
	  .bottom{ padding:30px 0; margin-top: 30px; }
	  .bottom-right{ margin:30px 30px 0 30px; }
	  .footer .col-xs-3,.footer .col-xs-6{ width: 100%; }
	  .footer-center:before{ display: none; }
	  .footer-center:after{ display: none; }
	  .footer .footer-center,.footer .col-xs-3:last-child{ width: 50%; }
	  .phone-txt{ margin-top: 15px; font-size: 18px; }
	  .ewm-txt{ margin-top: 10px; }
	  .footer-center{ padding-top: 10px; }
	  .footer-b{ padding:10px 0; margin-top: 20px; }
	  .footer{ padding-top: 30px; }
	  .logo-lg{ display: none; }
	  .img-ewm{ margin-top: 25px; }
	  .case-lg{ height: 400px; }
	  .case-left{ padding-top: 100px; }
	  .active .case-left,.case-left{ padding-top: 50px; }
	  .case-lg-list li.active{ background: none;  }

	  .case-bottom {
    transform: translate(0,20px);
    opacity: 1;
}
.active .case-tt-sm, .active .case-lind {
    display: block;
}
.case-tt-sm{ margin-bottom: 0; }

.al-title{ margin:30px 0; line-height: 30px; }
.al-ul li{ width: 100%; padding:0; margin-bottom: 25px; }
.al-ul{ margin:0; }
.al-ul-bottom{ padding:20px; }
.al-more{ height: 60px; margin:20px 0 40px 0; line-height: 60px; }
.cp-ul-img{ width: 100%; }
.cp-ul-img a{ height: auto; padding-top: 80%; }
.cp-ul-right{ width: 100%; padding:20px 0; }
.cp-list-tt,.cp-list-b{ display: none; }
.cp-back{ padding-top: 30px; }
.cp-list li{ margin-bottom: 30px; }
.cp-ewm{ margin:20px 0; }
.cp-ul li{ margin-bottom: 20px; }
.cp-ul{ padding-bottom: 10px; }
.fw-img{ width: 100%;}
.fw-img-c{ height: auto; padding-top: 60%;  }
.fw-right{ width: 100%; height: auto; padding:20px; }
.fw-right-sm{ position: static; transform: translate(0,0); margin:0; width: 100%; }
.fw-right-tt span{ font-size: 24px; }
.fw-tt-sm{ margin:25px 0; }
.fw-date span{ font-size: 48px; }
.fw-date{ padding-top:10px; }
.fw-right-c{ padding:0; }
.fw-ul li{ height: auto; padding:15px 0; }
.fw-more,.fw-title{ margin:30px 0; }
.about-back{ padding:30px 0; }
.about-img img{ width: 100%; height: auto; }
.abouut-right-tt{ font-size: 18px; height: 24px; line-height: 24px; }
.about-p p{ line-height: 25px; }
.about-img-ul li{ width: 50%; margin-bottom: 15px; }
.about-p{ font-size: 14px; }
.about-img-ul{ margin-top: 25px; }
.zs-title{ margin:30px 0; font-size: 24px; }
.zs-bottom{ margin:0; }
.slick-zs{ margin:0 -30%; }
.slick-zs .slick-prev,.slick-zs .slick-next{ display: none; }
.qj-p p{ line-height: 25px; }
.img-b{ margin-top: 30px; }
.contact-img img{ height: 80px; }
.contact-img{ top: -40px; }
.contact-list-box{ padding-top: 60px; padding-left: 15px; padding-right: 15px; height: 200px; }
.contact-list-tt{ font-size: 18px; }
.contact-list-p{ font-size: 12px; line-height: 20px; }
.contact-list li{ margin-bottom: 50px; }
.contact-list{ margin-top: 70px; }
.lx-title{ font-size: 24px; margin:0 0 30px 0; }
.jmzc_con{ width: 100%; }
.jmzc_con li i{ padding-top: 30px; }
.jmzc_con li i:after{ top: 70px; }
.lc-title{ font-size: 24px; margin:30px 0; }
.lc-ul li{ width: 25%; font-size: 14px; margin-bottom: 15px; }
.lc-ul li img{ height: 60px; margin-bottom: 10px; }
.map-ul-box{ height: auto; padding-bottom: 15px; padding-top: 20px; }
.map-icon img{ height:30px; }
.map-icon{ height: 40px; }
.map-tt{ font-size: 16px; }
.map-txt{ font-size: 12px; line-height: 20px; margin-top: 5px; }
.map-ul li{ padding:0 5px; width: 50%; margin-top: 20px; }
.map-ul{ margin:0 -5px; }
.map-ul li:first-child{ width: 100%; }
.new_ul li{ width: 100%; }
.news-tabs{ margin:30px 0; font-size: 18px; }
.news-tabs a{ font-size: 18px; }
.new_ul li{ margin-bottom: 25px; }
.news-more{ margin-top: 10px; }
.zm-back{ padding:45px 0; }
.zmd a img{ border-width: 5px; }
.zmd-ul{ padding:20px 0; }
.cp-down-ul img{ display: none; }
.cp-down-ul li{ display: block!important; height: 40px!important; padding:0!important; }
.cp-down-ul li a{ padding:0 15px!important; height: 40px!important; }
}