@charset "utf-8";
/* CSS Document */


.w1200{ padding-left:1.5rem; padding-right:1.5rem; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}



.mainswiper{ height:100%; width:100%;}
.header{  position:absolute; top:0; left:0; width:100%; height:auto; z-index:100;}
.header .logo img{ transition:all .3s; width:180px;}
.header.close{ display:none;}


.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}

.bann_ban,.bann_ban .swiper-container,.bann_ban .swiper-slide{ height:100%;}


.bann_ban .swiper-slide{ overflow: hidden;}
.bann_ban  .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.bann_ban  .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

.bann_ban  .swiper-pagination-bullet{ width:30px; height:2px; background:#fff; border-radius:0; margin:0 5px}
.bann_ban  .swiper-pagination-bullet-active{}

.mainswiper >.swiper-wrapper>.swiper-slide{ background:#000000; height:100vh; overflow:hidden; padding-left:0rem;}
.mainswiper .swiper-slide.slide01{ padding-left:0;}
.mainswiper .swiper-slide.slide02{ background:#fefefe;} 
.mainswiper .swiper-slide.slide02 .bac{ width:80%; height:75%; background:#f5f5f5; position:absolute; right:0; top:0; z-index:1}
.mainswiper .swiper-slide.slide02 .table{ position:relative; z-index:2;}
.ban{ height:100%;}
.ban img{ transition:all 5s;}


.slide{ opacity:0; z-index:100; visibility:hidden; transition:all .3s;  position:fixed; top:50%; left:1.2rem; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); border-left:2px solid #b9b9b9; padding:.25rem 0; }
.slide li{ transition:all .3s; visibility:hidden;border-left:2px solid #fff; color:#fff; opacity:0;padding:.12rem 0; padding-left:.2rem;  margin-left:-2px; }
.slide li span{ line-height:1.2; display:inline-block;}
.slide li:first-child{ height:0; display:none;}

.slide li.on{  color:#fff; opacity:1; visibility:visible;}
.slide li:nth-child(2).on{border-left:2px solid #747474; color:#514d4c;}


.slide.on{ opacity:1; visibility:visible;}

.slide.on.open{border-left:2px solid #5b5b5b;}
.slide03 ul{ height:100%;}
.slide03 li{ height:100%;}

.mainswiper .swiper-slide.slide02{ padding-right:2.3rem; padding-left:2.4rem;}
.slide02le{ width:35%; max-width:4.9rem;}
.slide02le img.logoimg{ height:.55rem; margin-bottom:.7rem;}
.slide02ri{ width:46%;}
.sld02leimg{ max-height:6.8rem;}

.sld2ritop{}
.sld2ritop p{ font-size:.18rem; color:#4a4947}
.sld2ritop .line{ margin-top:.2rem; height:2px; width:100%; background:#cdcdcd;}
.sld2ritop span{ background:#747474; height:2px; width:1rem; display:block;}

.tubiao01{ padding:.55rem 0;}
.tubiao01 li{ max-width:23%; text-align:center;}
.tubiao02{ padding:.25rem 0 1.4rem;}
.tubiao02 li{max-width:25%; position:relative; margin-bottom:.25rem; margin-right:.5rem; }
.tubiao02 li .img{ margin:0 auto; width:1.1rem; height:1.1rem;}
.tubiao02 li .img img{ width:100% ; height:100%;transition:all 3s;}
.tubiao01 .img{ height:.65rem;}
.tubiao01 .img img{ max-width:100%; margin:0 auto; display:block;
    max-height: 100%;}
.tubiao01 span{ font-size:.16rem; color:#4a4947; line-height:1.4; display:block;}
.tubiao02 li .txt{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); width:1.1rem; text-align:center;}
.tubiao02 li .txt b,.tubiao02 li .txt span{ font-size:.12rem;line-height:1.1; color:#36322f;font-family: SCNRegular;}
.tubiao02 li .txt b{justify-content: center;}
.tubiao02 li .txt b.flex{ line-height:1; margin-bottom:.06rem;}
.tubiao02 li .txt span{ display:block; }
.tubiao02 li .txt b em{font-family: DINNEXTLTPRO; color:#5f5d5e; font-size:.3rem; font-style:normal;font-weight: normal; letter-spacing: -1px;}
.swiper-slide-active .tubiao02 li:nth-child(4n){ margin-right:0}

.swiper-slide-active .tubiao02 li:nth-child(2) .img img{ transform:rotate(180deg);}
.swiper-slide-active .tubiao02 li:nth-child(3) .img img{ transform:rotate(340deg);}
.swiper-slide-active .tubiao02 li:nth-child(4) .img img{ transform:rotate(450deg);}
.swiper-slide-active .tubiao02 li:nth-child(6) .img img{ transform:rotate(180deg);}
.swiper-slide-active .tubiao02 li:nth-child(7) .img img{ transform:rotate(340deg);}
.swiper-slide-active .tubiao02 li:nth-child(8) .img img{ transform:rotate(450deg);}


.sld02bot p{letter-spacing:.4rem;font-size:.18rem;color:#4a4947}
.sld02bot p span{  margin-right:.9rem; }
.sld02bot .en{ margin-top:.1rem;}
.sld02bot .en span{
    line-height: 1.1; color:#a1a1a1; font-size:.12rem; display:block;font-family: metro;}



.slide03 li{ width:25%; position:relative; overflow:hidden;}
.slide03 li:after{ content:""; display:block; width:100%; height:100%; opacity:0; visibility:hidden;background:rgba(0,0,0,.7); transition:all .3s; position:absolute; left:0; top:0; z-index:3;}
.slide03 li img.bac{ width:100%; height:100%; object-fit:cover;}
.slide03 li img.ico{ opacity:0; visibility:hidden; transition:all .3s; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.slide03 li .txt{ padding:20px; padding-bottom:.35rem; color:#fff; position:absolute; z-index:2; bottom:0; left:0; width:100%; text-align:center;}
.slide03 li .txt img{ height:20px; margin:0 auto; display:block;}
.slide03 li .txt b{font-size:.18rem; display:block; line-height:1; margin-top:.25rem; font-weight:normal;}
.slide03 li .txt span{ font-size:.12rem; text-transform:uppercase; color:#CCC }

.slide03 ul:hover li:after{ opacity:1; visibility:visible; }

.slide03 ul:hover li:hover:after{ opacity:0; visibility:hidden;}
.slide03 ul  li:hover img.ico{ opacity:1; visibility:visible;}

.swiper_huase .swiper-slide:after{    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,.5);
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;}
.swiper_huase:hover .swiper-slide:after{ opacity:1; visibility:visible;}
.swiper_huase:hover .swiper-slide:hover:after{ opacity:0; visibility:hidden;}


.slide04 { padding:1.2rem 0 0.45rem 0;}
.slide04 .titletxt{ padding:20px; padding-bottom:.35rem; color:#fff; position:absolute; z-index:2; top:0; left:0; width:100%; text-align:center;}
.slidetitle{ text-align:center;}
.slide04 .titletxt img{ height:20px; margin:0 auto; display:block;}
.slide04 .titletxt b{font-size:.18rem; display:block; line-height:1; margin-top:.25rem; font-weight:normal;}
.slide04 .titletxt span{ font-size:.12rem; text-transform:uppercase; color:#CCC }
.slide04 .img{ height:calc(100% - 1.7rem); position:relative;}
.slide04 .img .txt{ position:absolute; left:0; top:0; width:100%; height:100%; padding:.4rem; text-align:center; color:#fff; background:#000;  opacity:.4; transition:all .3s;}

.slide04 .img .txt b{ font-size:.44rem; color:#fff; font-weight:lighter; opacity:0;}
.slide04 .txt2{ text-align:center; height:1.7rem; padding-top:.5rem; color:#fff;}
.slide04 .swiper-slide{ height:100% !important;}
.slide04 .swiper-slide:hover .img .txt{ opacity:1; visibility:visible;background:#ea4a2a;}
.slide04 .swiper-slide:hover .img .txt b{ opacity:1;}
.slide04 .txt2 b{ font-size:.21rem; color:#fff; font-weight:normal; display:block;}
.slide04 .txt2 .line{ width:14px; height:2px; background:#8a8a8a; margin:10px auto;}
.slide04 .txt2 p{ color:#fff; font-size:.12rem;}

.slide04 .swiper-container{ height:100%}
.slide04 .swiper-container a{ display:block; height:100%;}
.slide04 .swiper-container .swiper-slide{ transition:all .5s; transform:scale(.8); -webkit-transform:scale(.8);}
.slide04 .swiper-container .swiper-slide .txt2{ display:none;}
.slide04 .swiper-container .swiper-slide.swiper-slide-active{ transform:scale(1);-transform:scale(1);}
.slide04 .swiper-container .swiper-slide.swiper-slide-active .txt2{ display:block;}

.mainswiper .swiper-slide.slide05{ padding-left:3rem;}
.slide05 b{ font-weight:normal;font-family: ExtraLight; font-size:.8rem; color:#fff; display:block; line-height:1;}
.slide05 p{font-family: ExtraLight; color:#fff; font-size:.26rem; display:block; margin-top:.1rem;}
.slide05 .tbc>span{ display:block;font-family: ExtraLight; margin:.15rem 0 .35rem; font-size:.14rem; color:#fff; letter-spacing:.2rem;}

.slide05{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.slide05 .tbc{ padding-bottom:1.5rem;}
.slide05 .abtn a{ margin-right:.2rem; line-height:30px; border:1px solid #fff; color:#fff; position:relative; display:inline-block; overflow:hidden; transition:all .5s; border-radius:100px; width:120px; text-align:center; font-size:14px;}
.slide05 .abtn a span{ position:relative; z-index:2;}
.slide05 .abtn a:after{ background:#fff; opacity:0; visibility:hidden; content:""; display:block; position:absolute; left:50%; top:0; height:100%; transition:all .3s; width:0; z-index:1;}
.slide05 .abtn a:hover:after{ width:100%; left:0; visibility:visible; opacity:1;}
.slide05 .abtn a:hover{ letter-spacing:2px; color:#333;}

.slide06{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.bottomemenu{ display:flex; padding:2rem 3rem 0rem 3rem;}
.bottomemenu a{ display:inline-block; margin-right:1rem; color:#fff;}
.copyright{ text-align:right; line-height:30px; font-size:12px; color:#fff;width: 80%; margin-top:0.6rem;}
.copyright a{ color:#fff;}

.header{ z-index:100;}
.header .nav li> a{ transition:all .3s; display:block; color:#fff; line-height:1.1rem; font-size:18px; padding:0 .7rem; position:relative;}
.header .nav li> a:after{ transition:all .3s; width:0; bottom:-2px; content:""; display:block; position:absolute; left:50%; background:#b5a780; height:3px;}
.header:hover .nav li:hover >a{ font-weight:bold; }

.header .subnav{ opacity:0; visibility:hidden; padding-right:1.5rem; white-space:nowrap; position:absolute; top:120%; right:0; padding-top:.3rem; transition:all .3s;}
.header .subnav a{ padding:.1rem 0; margin-left:1rem;}
.header .subnav a img{ height:20px;}


.bachead{ z-index:99; position:fixed; top:0; left:0; opacity:0; visibility:hidden; transition:all .3s; width:100%; height:100%; background:rgba(0,0,0,.7);}
.bachead.open{ opacity:1; visibility:visible;}
.header.on{ border-bottom:1px solid #c1c1c1;}
.header.on .logo{ opacity:.4;}
.header.on .nav li>a{ opacity:.4;}

.header .nav li:hover>a{ color:#b5a780; opacity:1 !important;}
.header .nav li:hover >a:after{ width:100%; left:0;}
.header .nav li:hover .subnav{ opacity:1; visibility:visible; top:100%;}

.wapimg.wap img{ max-width:100%;}
.slide02box .flex2{    align-items: flex-end;}

.swiper_huase .swiper-button-next:after, .swiper_huase .swiper-button-prev:after{ font-size:30px; color:#ccc}
.swiper_huase .swiper-button-next,.swiper_huase  .swiper-button-prev{ top:43%}
.slide03 li:before{ content:""; display:block; height:3.5rem; width:2px; background-image:url(../images/linexin.png); background-size:100% 100%; position:absolute; right:0; top:-100%;animation: lightWalk 5s ease-in-out infinite;}

.slide03 li:nth-child(2):before{top:-50%;animation: lightWalk2 4s ease-in-out infinite;}
.slide03 li:nth-child(3):before{top:-200%;animation: lightWalk3 8s ease-in-out infinite;}




.shimianyishu .txtss{ position:absolute; left:0; top:0; width:100%; height:100%;}
.shimianyishu .swiper-slide img.bacimgs{ width:100%; height:100%; object-fit:cover; transition:all 7s; -webkit-transition:all 7s;}
.shimianyishu .swiper-slide.swiper-slide-active img.bacimgs{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.shimianyishu .txtss img{ max-width:5.3rem;}
.shimianyishu .txtss .yw{ color:#cc7740; font-weight:bold;font-size:.26rem;}
.shimianyishu .txtss .icon{ color:#5ac5d5; font-weight:bold;font-size:.26rem;}
.shimianyishu .txtss .zw{ font-size:.26rem;}

.mainswiper.shimianyishu >.swiper-wrapper>.swiper-slide.sm02{ padding-left:0; text-align:center;}

.mainswiper.shimianyishu .swiper-slide  .txtss b{font-family: SCNormal; font-size:.46rem; display:block; line-height:1.3; color:#fff; margin:30px auto; margin-bottom:0px; font-weight:normal;}
.mainswiper.shimianyishu .swiper-slide  .txtss p{font-weight:normal;font-family: SCNormal; font-size:.16rem; color:#fff; max-width:9.5rem; margin:0 auto;}
.mainswiper.shimianyishu .swiper-slide  .txtss p:last-child{ margin-top:30px;}
.mainswiper.shimianyishu .swiper-slide  .txtss a{font-family: metro; margin-top:.45rem; display:inline-block; line-height:28px; padding:0 10px; border-radius:100px; overflow:hidden; border:1px solid #fff; color:#fff; font-size:.16rem; transition:all .3s;-webkit-transition:all .3s; position:relative;}
.mainswiper.shimianyishu .swiper-slide  .txtss a:after{ top:0; content:""; display:block; width:0; left:50%; height:100%; position:absolute; z-index:1; transition:all .3s; -webkit-transition:all .3s; background:#b5a780;}
.mainswiper.shimianyishu .swiper-slide  .txtss a span{line-height:28px; display:block; position:relative; z-index:2;}
.mainswiper.shimianyishu .swiper-slide  .txtss a:hover{ color:#fff;}
.mainswiper.shimianyishu .swiper-slide  .txtss a:hover:after{ width:100%; left:0;}

.prolistny .ban_ny .txtss{ position:absolute; left:0; top:0; width:100%; height:70%;text-align: center;}
.prolistny .ban_ny img.bacimgs{ width:100%; height:100%; object-fit:cover; transition:all 7s; -webkit-transition:all 7s;}
.prolistny .ban_ny img.bacimgs{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.prolistny .ban_ny .txtss img{ max-width:5.3rem;}
.prolistny .ban_ny .txtss .yw{ color:#cc7740; font-weight:bold;font-size:.26rem;}
.prolistny .ban_ny .txtss .icon{ color:#5ac5d5; font-weight:bold;font-size:.26rem;}
.prolistny .ban_ny .txtss .zw{ font-size:.26rem;}
.prolistny .ban_ny .txtss b{font-family: SCNormal; font-size:.46rem; display:block; line-height:1.3; color:#fff; margin:30px auto; margin-bottom:0px; font-weight:normal;}
.prolistny .ban_ny  .txtss p{font-weight:normal;font-family: SCNormal; font-size:.16rem; color:#fff; max-width:9.5rem; margin:0 auto;}
.prolistny .ban_ny  .txtss p:last-child{ margin-top:30px;}
.prolistny .ban_ny  .txtss a{font-family: metro; margin-top:.45rem; display:inline-block; line-height:28px; padding:0 10px; border-radius:100px; overflow:hidden; border:1px solid #fff; color:#fff; font-size:.16rem; transition:all .3s;-webkit-transition:all .3s; position:relative;}
.prolistny .ban_ny  .txtss a:after{ top:0; content:""; display:block; width:0; left:50%; height:100%; position:absolute; z-index:1; transition:all .3s; -webkit-transition:all .3s; background:#b5a780;}
.prolistny .ban_ny  .txtss a span{line-height:28px; display:block; position:relative; z-index:2;}
.prolistny .ban_ny  .txtss a:hover{ color:#fff;}
.prolistny .ban_ny  .txtss a:hover:after{ width:100%; left:0;}

.prolistny_protype{ padding:20px; display:flex;    margin-top: 50px;
    justify-content: center;}
.prolistny_protype a{ font-size:16px; color:#999; display:inline-block; margin:0 20px; padding:0px 20px;}
.prolistny_protype a:hover{color:#333; border-bottom:1px solid #333;}
.prolistny_protype a.selected{ color:#333; border-bottom:1px solid #333;}

.R_yata h1 {
    font-size: 22px;
    color: #333333;
    text-align: center;
    padding: 20px 0 20px 0;
    line-height: 1.5;
}
.R_fanxiao {
    padding: 30px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.fl {
    float: left;
}
.clearfix {
    zoom: 1;
}
.R_fanxiao .fanxiao-l .R_biaoqian {
    margin-right: 15px;
}
.R_fanxiao .fanxiao-l .R_biaoqian .biaoqian-l {
    width: 19px;
    display: inline-block;
}

.R_fanxiao .fanxiao-l .R_biaoqian .biaoqian-l img {
    width: 19px;
}
.R_fanxiao .fanxiao-l .R_biaoqian span {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
#vsb_content_501 .v_news_content {
    padding: 20px 0px;
}
#vsb_content_501 DIV {
    LINE-HEIGHT: 180%;
    text-indent: 2em;
    font-size: 14pt;
}
#vsb_content_501 DIV.news_text {
    line-height: 25px;
    text-indent: 2em;
    font-size: 14px;
   
    color: #3e3a39;
    padding:20px;
}
#vsb_content_501 DIV.news_text img {
    text-indent: 0;
    max-width: 100%;
    display: block;
    margin: 10px auto;
}

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A{BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT:normal; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #999; MARGIN-RIGHT: 10px !important; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid;}
DIV.green-black A:first-child, DIV.green-black A:last-child
{
    border-radius: 19px;line-height: 34px;height: 40px; display:inline-block; width:120px;font-size: 0.93vw;
	border: 2px solid #999; PADDING-LEFT: 5px; BACKGROUND: url(image1.gif) #1e1e28;   COLOR: #fff; MARGIN-RIGHT: 2px;  TEXT-DECORATION: none
}
DIV.quotes A:hover {
	border: 1px solid #999; BACKGROUND: url(image2.gif) #fff;  COLOR: #b5a780;
}
DIV.quotes A:active {
	BORDER-RIGHT: #f5f5f5 1px solid; BORDER-TOP: #f5f5f5 1px solid; BACKGROUND: url(image2.gif) #fff; BORDER-LEFT: #f5f5f5 1px solid; COLOR: #b5a780; BORDER-BOTTOM: #f5f5f5 1px solid
}
DIV.quotes SPAN.active {
	BORDER-RIGHT: #b5a780 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b5a780 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT:normal; BACKGROUND: url(image2.gif) #b5a780; PADDING-BOTTOM: 2px; BORDER-LEFT: #b5a780 1px solid; COLOR: #fff; MARGIN-RIGHT: 10px !important; PADDING-TOP: 2px; BORDER-BOTTOM: #b5a780 1px solid
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #888; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

@media screen and (max-width: 768px) 
{
    .prolistny .ban_ny .txtss{ display:none;}
    .prolistny_protype {
    padding: 20px;
    display: flex;
    margin-top: 50px;
    justify-content: center;
    flex-wrap: wrap;
}
    .prolistny_protype  a{
         margin:0 10px; padding:0px 10px;
    }
}

.xijietu{ display:none;}

.proshow{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; opacity:0; visibility:hidden; transition:all .4s; -webkit-transition:all .4s;}
.showbox{width:90%; max-width:1300px; margin:0 auto; height:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);padding:0 50px; padding-bottom:50px; }

.proshow.open{ opacity:1; visibility:visible;}
.proshow .swiper-container{ height:100%;}
.proshow .swiper-container img{ max-width: 100%;    max-height: 100%; margin:0 auto;}
.proshow .swiper-button-next:after,.proshow  .swiper-button-prev:after{ font-size:30px; color:#a4a4a4}

.proshow>span{ transition:all .3s; position:absolute; left:50%; top:50%; background:rgba(0,0,0,.5); color:#fff; display:inline-block; padding:15px 30px; z-index:2;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); font-size:16px;}


.proshow>span.close{ opacity:0; visibility:hidden;}

.guanbilunbo { position:absolute; bottom:0; left:50%; width:50px; height:50px; margin-left:-25px; cursor:pointer; color:#a4a4a4; font-size:40px;}


.ban_ny{ height:7.3rem; background-size:cover; background-position:center; background-repeat:no-repeat;}
.chaname{ border-bottom:1px solid #b4b4b4; margin-top:.8rem;  padding-left:1.4rem;}
.chaname span{padding:.23rem 0; display:inline-block; position:relative}
.chaname span:after{ height:3px; content:""; display:block; width:100%; background:#3e3e3e; position:absolute; bottom:-2px;}
.chaname img{ height:20px;}

.ulprolists{ padding:0 2.5rem;}
.ulprolists2{ padding:30px 0;justify-content: flex-start;}
.ulprolists2 li{ margin-top:.2rem; margin-bottom:.8rem; width:28%; margin-right:8%;}
.ulprolists2 li:nth-child(3n){ margin-right:0}
.ulprolists2 li .img{ height:2.55rem;}

.ulprolists2 .txt{color:#615f60; padding:10px 0;}
.ulprolists2 .txt b{ font-size:18px; }
.ulprolists2 .txt p{ font-size:16px;font-family: CNnormal; }
.ulprolists2 .txt p:last-child{ font-size:14px;font-family: SCNRegular;}

.pagelist{  padding:.8rem 0 1.4rem;}
.pagelist ul{justify-content: center;}
.pagelist ul li{ margin:2px;}
.pagelist ul li a,.pagelist ul li span{ display:block; padding:0 20px; line-height:35px; color:#333;font-size:16px; transition:all .3s;}
.pagelist ul li.active a,.pagelist ul li a:hover,.pagelist ul li span.current{ background:#333; color:#fff; }


.history02{ padding-top:2rem; padding-bottom:1.6rem; text-align:center; color:#fff;}
.histitle b{ font-size:.6rem; display:block;font-family: metro; line-height:1; margin-bottom:.3rem;font-weight:normal;}
.histitle span{ font-size:.42rem; display:block;font-family: ExtraLight; font-weight:normal;}
.histitle img{ margin:.8rem auto; cursor:pointer;}

.his3boxtop{ min-height:3.35rem;}
.his3boxtop .swiper-slide p{ font-size:.24rem;}
.his3year{  position:relative; padding:0 1.4rem;}
.his3year .yearbox{border-bottom:1px solid #dadada;flex-wrap: nowrap;}
.his3year .yearbox b{ opacity: 0; display: inline-block; cursor: pointer; font-family: metro; color: #fff; font-weight: normal; font-size:.26rem; line-height:1; padding:.15rem .4rem; border-bottom:3px solid #fff; margin-bottom:-2px;}
.his3year .yearbox .swiper-slide-thumb-active b{ opacity: 1;}
.his3year .yearbox .swiper-button-next{ display: none;}
.his3year .yearbox .swiper-button-prev{ display: none;}

.aboutbox{ padding:1.4rem 0; position:relative;}
.aboutbox .bac01{ width:65.5%; z-index:0; height:100%; height:calc(100% - 2.8rem); top:1.4rem; position:absolute; right:0; background:#f6f6f6;}
.aboutbox01{  z-index:2; padding-left:3.4rem; padding-right:2.4rem;}
.aboutboximg{ position:absolute; left:0; bottom:0; height:4.25rem; width:44%;}
.abouttitle { border-bottom:1px solid #5b5b5b; padding-bottom:10px; position:relative; z-index:2; padding-top:1.4rem; margin-bottom:1.35rem;}
.abouttitle:after{ content:""; display:block; height:3px; width:1.6rem; position:absolute; bottom:-2px; left:0; background:#202020}
.abouttitle b{     font-weight: normal;font-family: metro;line-height:1; font-size:.66rem;}
.abouttitle b span{font-family: SCNRegular;     font-weight: normal;font-size:.26rem; line-height:1; display:inline-block;}
.aboutboxbot{ width:48%; position:relative; z-index:2; padding-bottom:.35rem;}
.aboutboxbot p strong{ font-size:.17rem; color:#3d3837}
.aboutboxbot p{font-size:.15rem; color:#444343; line-height:2; margin-bottom:10px; letter-spacing:0;}
.contact_gsjj{padding: 1.4rem .8rem; background:#fafafa; display:flex;
              align-items: center;
    justify-content: center;
              }
	 .contact_gsjj_con{ color:#333; font-size:16px; line-height:30px; display:inline-block;}
	 .contact_gsjj_con img{ max-width:100%;}

.contact01{ padding:.8rem 0; background-color:#f6f6f6; padding-left:1.4rem; background-position:right center; background-size:auto 100%; position:relative;}
.cont_tit{ position:absolute; left:3.3rem; top:1rem;}
.cont_tit img{ width:4.45rem}
.cont_tit b{font-family: metro; font-weight:normal; font-size:.9rem; line-height:1; display:block;}
.cont_tit span{ margin-left:10px; padding:3px 2px; border:1px solid #b4b4b4; border-radius:100px; font-size:.14rem; line-height:1.1; display:block;}

.scrollBox .swiper-scrollbar{ z-index:100; cursor:pointer;}
.contact01{ height:10.8rem;}
.scrollbox2{ height:100%;}
.scrollbox2 .txt{ max-width: 700px;}
.scrollBox{ position:relative;  width:100%; height:100%; padding-top:3rem;}
.scrollbox2 .swiper-container{ padding-left:1.8rem;}
.scrollBox .swiper-scrollbar{ width: 2px;}
.scrollBox .swiper-scrollbar.swiper-scrollbar-vertical,.scrollBox .swiper-vertical>.swiper-scrollbar{ left:0;}
.scrollbox2 .swiper-autoheight,.scrollbox2 .swiper-autoheight .swiper-slide{ height:100%; overflow:hidden;}

.scrollbox2 b{ font-size:.38rem; font-weight:normal;font-family: CNmedium; color:#2f2524; display:block; margin-bottom:.15rem;}
.scrollbox2 p{font-family: ExtraLight; font-size:.3rem; color:#484544; padding-left:.3rem; background-size:auto .26rem ; background-position:left center; background-repeat:no-repeat;}
.scrollbox2 p img{ width:1.65rem; margin-top:.15rem;}
.scrollbox2 p:first-child{ background-image:url(../images/con4.png);}
.scrollbox2 p:nth-child(2){ background-image:url(../images/con5.png);}
.scrollbox2 p:nth-child(3){ background-image:url(../images/con6.png);}

.slidetxt { max-width: 800px; margin: 0 auto; padding: 0 20px;}


.lxdzconitem{display:flex;
              align-items: flex-start;
    justify-content: flex-start;}

.contact02{ padding:1.6rem; background-size:cover; background-position:center; background-repeat:no-repeat;}

.contactfoot{ padding:2.4rem 2.3rem; background:#000000; background-image: url(../images/12.jpg); background-size: cover; background-repeat: no-repeat;}

.contact02 input{ border-bottom:2px solid #5d5d5c; background:none; outline:none; height:.4rem; font-size:.18rem; line-height:.4rem; padding:0 .33rem; width:100%; color:#fff;}
.contact02 .inputs{ margin-bottom:.2rem;}
.contact02 .inputs span{font-family: CNmedium; display:block; color:#b1b1b1; font-size:.22rem; margin-bottom:.1rem;}
.contact02 .inputs span em{ line-height:1; display:inline-block; font-style:normal; color:#ed4c2c;}
.contact02 form{ max-width:1000px; margin:0 auto;}
.contact02 .error p{ font-size:.16rem; color:#b8402f; opacity:0; transition:all .3s; visibility:hidden;}
.contact02 .error.er p{ opacity:1; visibility:visible;}
.contact02 button{font-family: CNmedium; line-height:.4rem; padding:0 .15rem; border:1px solid #b4b4b4; font-size:.2rem; background:none; transition:all .3s; color:#b4b4b4; border-radius:100px; cursor:pointer;}
.contact02 button:hover{ background:#ec4928; color:#fff; border:1px solid #ec4928;}
.fotle{ width:58%;}
.fotri{ width:30%;}
.fotleli b{ font-size:.28rem;font-weight:normal; margin-bottom:.3rem; display:block; color:#fff;}
.fotleli a{ display:block;font-size:.18rem;font-family: SCNRegular; color:#909090; transition:all .3s; margin-bottom:.15rem;}
.fotleli a sup{ font-size:.12rem;}
.fotleli a:hover{ color:#fff;}

.fotleli a span{ font-size:.24rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1; display:block;}
.fotritop .ftopt{ width:40%;}
.fotritop .ftopt span{ font-size:.16rem; color:#e0e0e0;}

.fotlink{ margin-top:.3rem; margin-bottom:.3rem;}
.fotlink li{ width:23%; position:relative;}
.fotlink li .tc{ width:100%; position:relative; z-index:2; opacity:0; visibility:hidden; transition:all .3s;}
.fotlink li .tc img{ width:100%;}
.fotlink li>img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.fotlink li:hover .tc{ opacity:1; visibility:visible;}
.fotp p{font-family: SCNRegular; color:#9b9b9b; font-size:12px;}
.fotp p a{ color:#9b9b9b; font-size:12px; display:inline-block;}

.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide{ padding-left:0}
.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb02{ background:#fefefe; padding-left:2rem;}
.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb03{  padding-left:2rem; background-position:right center; background-size:cover; background-repeat:no-repeat;}
.swiper-slide.bzyb02 .table{ border-left:1px solid #151515;}
.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.slide02{ padding-left:2rem;}

.bzyb2le{ width:34%;}

.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.slide02 .bzyb2le{ width:100%;}
.bzyb2ri{ width:56%; padding-right:1.85rem;}
.bzyb2ri img{ width:100%;}
.bzybletop b{font-family: ExtraLight;    font-weight: normal; font-size:.38rem; display:block; line-height:1.3;}
.bzybletop b:nth-child(2){ margin-bottom:.1rem;}
.bzybletop span{font-family: metro; font-size:.24rem; text-transform:uppercase; display:block; line-height:1.3; color:#322b28;}
.bzyb02 .bzyb2le{ background:#fefefe; margin-left:-2px; padding:.3rem 0;}
.bzyb2le p{margin-top:.3rem; font-size:.18rem; line-height:2;}
.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb03 .bzybletop span{ color:#868686;}
.sld02leimg { margin-top:.4rem;}

.bzyb02 .table{ position:relative;}
.bzyb02 .line{ width:3px; height:85px; background:#0c0c0c; position:absolute; left:-2px; top:0;}

.bant{ position:absolute; left:0; top:0; width:100%; height:100%; padding-left:1.65rem; color:#fff;}
.bant b{ font-size:.5rem; display:block;font-family: metro; font-weight:normal;}
.bant p{ font-size:.4rem;font-family: ExtraLight; letter-spacing:15px;}


.bantb b{ color:#333; text-transform: uppercase; font-weight: normal;}
.bantb p{ color:#504c4a;}

.slide02x{ padding:0 !important;}
.slide02x .table{ position:absolute; left:0; top:0; color:#fff; padding-left:2rem; padding-bottom:2rem; }
.txtbzyb{width:6.4rem;}
.txtbzyb .flex span{ font-size:.38rem;}
.txtbzyb b{ width:40%; font-weight:normal;}
.txtbzyb .tiflex{ margin-bottom:.25rem;}
.txtbzyb >span{ font-size:.18rem; color:#6a6a6a;font-family: metro; text-transform: uppercase; line-height:2; display:block; text-align:center;}

.xiala{ font-size:14px; color:#333; position:absolute; left:-30px; top:1%; line-height:1.1}
.xiala{}




@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 .slide02le{ width:100%}
	 .slide02ri{ width:100%;}
	 .slide{ left:10px;}
	 .sld02leimg{ margin-bottom:1rem;}
	 .slide li span{ font-size:12px;}
	 .slide02le img.logoimg{ height:20px;}
	 .sld2ritop p{ font-size:14px;}
	 .tubiao01 .img{ height:35px;}
	 .tubiao01 .img img{ height:30px;}
	 .tubiao01 span{ font-size:12px;}
	 .tubiao02 li{ width:33%;}
	 .tubiao02 li .img{ width:80px; height:80px;}
	 .wapimg{ padding:.5rem 0}
	 .tubiao01{ padding:1rem 0}
	 
	 .tubiao02 li .txt{ width:80px;}
	 .tubiao02 li .txt b, .tubiao02 li .txt span{ font-size:12px;}
	 
	 .slide03 li{ width:48%; height:50%;}
	 .slide03 li .txt img{ height:15px;}
	 .slide03 li img.ico{ max-width:50%; max-height:50%;}
	 .slide03 li .txt span{ line-height:1.3; font-size:12px; display:block;}
	 .slide03 li .txt b{ font-size:14px; margin:10px 0;}
	 
	 .slide04 .swiper-container .swiper-slide{ transform:scale(1); -webkit-transform:scale(1); height:100% !important; padding:3rem 0}
	 .slide04 .img{ height:calc(100% - 2.5rem);}
	 .slide04 .txt2 b{ font-size:16px;}
	 .slide04 .txt2 p{ font-size:12px;}
	 .slide05 b{ font-size:22px;}
	 .slide05 .tbc>span{ font-size:14px; margin:15px 0; letter-spacing:2px}
	 .slide05 p{ font-size:16px; margin-top:10px;}
	 .sld02bot p{ font-size:16px;}
	 .sld02bot .en span{ font-size:12px;}
	 
	 .chaname img{ height:15px;}
	 .chaname{ margin-top:10px; padding-left:20px;}
	 .ulprolists{ padding:0 20px;}
	 .ulprolists2 li{ width:100%; margin:0; margin-bottom:20px;}
	 .ulprolists2 li .img{ height:auto;}
	 .ulprolists2 .txt b{ font-size:16px;}
	 .ulprolists2 .txt p{ font-size:14px; line-height:1.4;}
	 .ulprolists2 .txt p:last-child{ font-size:12px;}
	 .ulprolists2 .txt{ padding:3px 0;}
	 .pagelist ul li a{ padding:0 10px; font-size:12px; line-height:30px;}
	 .sp_header.oon{ background-color:rgba(0,0,0,.4);}
	 
	 
	 .contact01{ height:420px; padding-left:20px;}
	 .cont_tit{ position:static;    justify-content: flex-start;
    margin-bottom: 40px;}
	 .cont_tit span br{ display:none;}
	 .scrollBox{ padding-top:0; margin-top:20px;}
	 .cont_tit b{ font-size:20px;}
	 .scrollbox2 .swiper-container{ padding-left:20px;}
	 .scrollbox2 b{ font-size:16px; margin-bottom:10px;}
	 .scrollbox2 p{ font-size:14px; padding-left:20px; background-size:15px auto; margin-bottom:5px;}
	 .cont_tit span{ font-size:12px; padding:0 15px; line-height:20px;}
	 .scrollbox2 p img{ width:100px; margin-top:10px;}
	 .contact01{ padding:40px 20px;}
	 .scrollBox{ height:calc(100% - 40px)}
	 .contact02{ padding:40px 20px;}
	 .contact02 .inputs span{ font-size:16px; margin-bottom:5px;}
	 .contact02 input{ height:35px; line-height:35px; padding:0 15px; font-size:14px;}
	 .contact02 .inputs{ margin-bottom:10px;}
	 .contact02 .error p{ font-size:12px;}
	 .contact02 button{ height:35px; padding:0 15px; font-size:14px;}
	 .fotle,.fotri{ width:100%;}
	 .contactfoot{ padding:40px 20px;}
	 .fotleli b{ font-size:16px; margin-bottom:15px;}
	 .fotleli a{ font-size:14px; margin-bottom:10px;}
	 .fotleli a span{ font-size:14px;}
	 .fotritop .ftopt span{ font-size:14px;}
	 .fotlink li>img{ max-width:60%; max-height:60%;}
	 .fotleli  { width:48%; margin-bottom:10px;}
	 .fotp p{ font-size:14px;}
	 .fotri{ margin-top:20px;}
	 .mainswiper.shimianyishu .swiper-slide .txtss b{ font-size:20px;}
	 .mainswiper.shimianyishu .swiper-slide .txtss p{ max-width:90%; font-size:14px;}
	 .shimianyishu .txtss img{ max-width:none; height:25px;}
	 .mainswiper.shimianyishu .swiper-slide .txtss a{ margin-top:25px; font-size:14px;}
	 .aboutbox{ padding:40px 0;}
	 .aboutbox01{ padding:0 20px;}
	 .abouttitle{ padding-top:0; padding-bottom:15px; margin-bottom:25px;}
	 .abouttitle b{ font-size:24px;}
	 .abouttitle b span{ font-size:14px;}
	 .aboutboximg{ position:static; width:100%; height:auto; margin-bottom:15px;}
	 .aboutboxbot{ width:100%; padding-bottom:20px;}
	 .aboutboxbot p{ font-size:14px;}
	 .aboutboxbot p strong{ font-size:16px;}
	 .sp_header.close{ display:none;}
	 
	 .mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb02{ padding-left:20px !important}
	 .bzyb2le{ width:100%; }
	 .slide02le{max-width:none;}
	 .bzyb2ri{ padding-right:20px; width:100%; margin-top:20px;}
	 .bzybletop b{ font-size:20px;}
	 .swiper-slide.bzyb02 .table{ padding-left:20px;}
	 .bzybletop b:nth-child(2){ margin-bottom:10px;}
	 .bzybletop span{ font-size:14px;}
	 .bzyb2le p{ font-size:14px; margin-top:10px;}
	 .mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb03{ padding:0 40px;}
	 .mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb03{ background-position: center; background-size:auto 100%;}
	 
	 .history02{ padding:80px 0;}
	 .histitle b{ font-size:24px; margin-bottom:15px;}
	 .histitle span{ font-size:20px;}
	 .histitle img{ margin:40px auto;}
	 .his3boxtop{ min-height:300px;}
	 .his3year .yearbox span{ font-size:14px; padding:5px 4px;}
	 .bant b{ font-size:24px;}
	 .bant p{ font-size:20px;}
	 .slide02x .table{ padding:0 40px;}
	 .txtbzyb{ width:80%;}
	 .txtbzyb .flex span{ font-size:20px;}
	 .txtbzyb >span{ font-size:14px}
	 .slide02x { background-position:right center;}
	 .swiper-slide.slide03, .swiper-slide.slide04 { padding-right:20px;}

	 .his3year .yearbox span{ display: none;}
	 .his3year .yearbox span.on{ display:block;}
	 .his3year .yearbox{justify-content: center;}
	 .his3boxtop{ min-height: 200px;}
	 .his3boxtop .swiper-slide p{ font-size:14px;}
	 .contact01{  overflow: hidden;    background-size: 170% auto;
    background-position:-9.5rem 1.5rem;
    background-repeat: no-repeat;
    height: calc(100vh - 7.3rem);}
	 .his3year .yearbox b{ font-size: 14px;}
	 
.cont_tit img{ width:200px}
.xiala{ left:-16px; font-size:12px;}

.bann_ban .swiper-slide.swiper-slide-active img{ transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }

.slide02x .tbc{ padding-bottom:16rem;}
.txtbzyb{ width:100%;}
.bzyb01 .bant{ display:none;}
.contact02{ height:100vh; position:relative;}
.contact02 form{ padding:0 20px; padding-top:50px; position:absolute; top:50%; width:100%; height:auto; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.mainswiper.buzhiyuban >.swiper-wrapper>.swiper-slide.bzyb03{ background-image:url(../images/bzyb3bac.jpg) !important;background-size: cover;}
.scrollbox2{ padding-top:9rem}
	}
	
	#gotops.on{ opacity:1;}
	#gotops{ opacity:0; z-index:100; position:absolute; right:40px; bottom:40px; cursor:pointer;}
	#gotops img{ height:30px;}
	
	
@keyframes lightWalk {
0% {
top: -100%;
}

100% {
top: 100%;
}
}
@keyframes lightWalk2 {
0% {
top: -50%;
}

100% {
top: 100%;
}
}
@keyframes lightWalk3 {
0% {top: -200%;}
100% {top: 100%;}
}

@font-face
{
font-family: metro;
src: url('../fonts/metro.ttf')
}
@font-face
{
font-family: SCNRegular;
src: url('../fonts/SourceHanSansCN-Regular.otf')
}
@font-face
{
font-family: ExtraLight;
src: url('../fonts/SourceHanSansSC-ExtraLight.otf')
}
@font-face
{
font-family: CNmedium;
src: url('../fonts/SourceHanSansCN-Medium.otf')
}

@font-face
{
font-family: CNnormal;
src: url('../fonts/SourceHanSansCN-Normal.otf')
}
@font-face
{
font-family: SCNormal;
src: url('../fonts/SourceHanSansSC-Normal.otf')
}
@font-face
{
font-family: SCNLight;
src: url('../fonts/SourceHanSerifCN-Light-5.otf')
}
@font-face
{
font-family: DINNEXTLTPRO;
src: url('../fonts/DINNEXTLTPRO-MEDIUM.TTF')
}