/*header*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,input,form,a,p,textarea{
  margin: 0;	padding: 0;	
  /* font-family:'HelveticaNeueLight', 'PingFangSC-Light', 'Microsoft YaHei Light', 'Microsoft YaHei', '微软雅黑', 'sans-serif'; */
  font-family: "Noto Sans SC";
  font-weight: 100;
}
ol,ul,li{list-style: none;}
body{background:#fff;position:relative;min-width:1200px;}
p{color:#666;}
a{text-decoration: none;display: block;}
img{border: none;display: block;}
button,input,textarea,a,img{outline:none}
.fl{float:left;}
.fr{float:right; }
.clear{clear:both;}
.clear:after,.clear:before{content:'';display:block;clear:both;}
.canter{margin: 0 auto;width: 1200px;height: 100%;}
.black{background-color: #000000;opacity: 0.8;}
.black .top nav ul li:hover a{color: #fff;}
.black-footer{border-color: #000000;opacity: 0.8;}
.black2{background-color:  #1a1a1a;}
.black2-footer{border-color:  #1a1a1a;}
.gray{background-color: #666666;}
.gray .top nav ul li:hover a{color: #fff;}
.gray .ft{color: #fff;}
.gray .ft a{color: #fff;}
.gray-footer{border-color: #fff;}
.white{background-color: #fff;}
.white .top nav ul li:hover a{color: #000;}
.white-footer{border-color: #e6e6e6;}

@font-face { 
  font-family: corbel; 
  src: url('../font/corbel.ttf'); 
} 
.en{font-family: corbel;}
.zh-cn{font-family: ;}

/*a:hover {cursor:url("../../images/default/hand.cur"),auto;}*/

header{position: relative;top: 0;z-index: 10;width: 100%;}
header .top{margin: 0 auto;width: 1200px;height: 150px;}
header .top .logo{float: left;padding-top: 34px;}
header .top nav{float: right;}
header .top nav ul li{float: left;padding:37px 55px;position: relative;}
header .top nav ul .active a{color: #fff;}
header .top nav ul li:last-child{padding-right: 0;}
header .top nav ul li a{color: #898989;font-size: 18px;}
header .top nav ul li .menu-t{width: 340px;position: absolute;top: 90px;left: 56px;z-index: 11;}
header .top nav ul li .menu-t ul{height: 0px;overflow: hidden;transition:all 0.8s;}
header .top nav ul li:hover .menu-t ul{height: 42px;}
header .top nav ul li .menu-t ul li	{width: auto;float: left;padding: 0;}
header .top nav ul li .menu-t ul li a{font-size: 14px;color: #cccccc;display: inline-block;}
header .top nav ul li .menu-t ul li:after{content: "/";display: inline-block;padding: 0 10px;color: #cccccc;}
header .top nav ul li .menu-t ul li:last-child:after{content: " ";}
header .top nav ul li .menu-t ul li:hover a{color: #dfd0ac;}
.headerUp{-webkit-transform:translateY(-150px);-ms-transform:translateY(-150px);-o-transform:translateY(-150px);transform:translateY(-150px);-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;}
.headerDown{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;}
.header-height{height: 0px;width: 100%;}

.i-m{position: relative;z-index: 2;}
.bg{background-color: #1a1a1a;}
.bga{background-color: #686868;}
#bgMask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1;overflow: hidden;}
#bgMask > div{position: absolute;width: 5760px;height: 3240px;left: 2220px;top: 1380px;z-index: 1;margin-top: -1620px;margin-left: -2880px;}
#bgMask > div > div.center {background: url(../../images/default/light.png) center center no-repeat;opacity: 1;}
#bgMask > div > div {position: relative;float: left;width: 1920px;height: 1080px;background: #000000;opacity: 0.8;}

.index-main{}
.main-list1{padding: 0 0 65px;}
.main-list1 .banner{width: 100%;height: auto;overflow: hidden;}
.main-list1 .banner .m{background-color: rgba(0,0,0,0.58);opacity: 0;
    transition: opacity 0.5s;z-index: 2;}
.main-list1 .banner:hover .m{opacity: 1;}
.main-list1 .banner img{width: 100%;height: auto;position: absolute;z-index: 1; top: 50%;left:50%;transform:translate(-50%,-50%);}
.main-list1 .canter{position: relative;}
.main-list1 .title-bg{position: absolute;left: 43%;top: 342px;z-index: 2;}
.main-list1 .bg{width: 100%;height: auto;}
.main-list1 .bg img{float: right;filter: grayscale(1);}
.main-list1 .bg img:hover{filter: grayscale(0);}
.main-list1 .txt{width: 420px;height: auto;padding-top: 100px;padding-bottom: 200px;}
.main-list1 .txt h5{font-size: 30px;color: #cec7c2;font-weight: 400;}
.main-list1 .txt h6{font-size: 18px;color: #cec7c2;font-weight: 400;}
.main-list1 .txt .zh-cn{padding:100px 0 10px;}
.main-list1 .txt span{font-size: 14px;color: #878787;display: block;}

.main-list2{padding: 65px 0;}
.main-list2 .canter{position: relative;}
.main-list2 .l-img{position: absolute;left: 0;top: 50%;margin-top: -88px;z-index: 2}
.main-list2 .r-img{float: right;}
.main-list2 .r-img img{width: 870px;height: 620px;filter: grayscale(1);}
.main-list2 .r-img img:hover{filter: grayscale(0);}

.main-list3{padding: 80px 0;}
.main-list3 .canter{}
.main-list3 .canter img{transition: transform 0.5s;}
.main-list3 .canter a:hover img{transform: scale(1.2);}
.main-list3 .canter .txt{padding: 0 30px;}
.main-list3 .canter .list-1{width: 100%;height: auto;}
.main-list3 .canter .list-1 a{width: 430px;height: 650px;overflow: hidden;display: inline-block;}
.main-list3 .canter .list-1 img{filter: grayscale(1);}
.main-list3 .canter .list-1 img:hover{filter: grayscale(0);}
.main-list3 .canter .list-1 .txt{width: 350px;display: inline-block;}
.main-list3 .canter .list-1 .txt h5{padding: 350px 0 10px;}
.main-list3 .canter .list-2{padding-top: 100px;}
.main-list3 .canter .list-2 a{width: 366px;height: 550px;overflow: hidden;}
.main-list3 .canter .list-2 img{width: 100%;height: 100%;filter: grayscale(1);}
.main-list3 .canter .list-2 img:hover{filter: grayscale(0);}
.main-list3 .canter .list-2 .txt{width: 550px;text-align: right;}
.main-list3 .canter .list-2 .txt h5{padding: 237px 0 18px;}
.main-list3 .canter .txt h5{font-size: 30px;color: #cec7c2;font-weight: 400;}
.main-list3 .canter .txt span{font-size: 14px;color: #878787;display: block;}
.main-list3 .canter .txt .en{padding:70px 0 20px;font-size: 14px}
.main-list3 .canter .txt .zh-cn{font-size: 14px;}

.main-list4{padding: 80px 0;}
.main-list4 .canter img{transition: transform 0.5s;}
.main-list4 .canter a:hover img{transform: scale(1.2);}
.main-list4 .canter{}
.main-list4 .canter .txt h5{font-size: 30px;color: #cec7c2;font-weight: 400;padding-top: 130px;}
.main-list4 .canter .txt span{font-size: 16px;color: #878787;display: block;}
.main-list4 .canter .txt .en{padding:70px 0 30px;}
.main-list4 .canter .list-1{}
.main-list4 .canter .list-1 a{width: 800px;height: 520px;overflow: hidden;}
.main-list4 .canter .list-1 img{width: 800px;height: 520px;filter: grayscale(1);}
.main-list4 .canter .list-1 img:hover{filter: grayscale(0);}
.main-list4 .canter .list-1 .txt{width: 460px;}
.main-list4 .canter .list-2{}
.main-list4 .canter .list-2 a{width: 550px;height: 550px;float: right;overflow: hidden;}
.main-list4 .canter .list-2 img{width: 550px;height: 550px;filter: grayscale(1);}
.main-list4 .canter .list-2 img:hover{filter: grayscale(0);}
.main-list4 .canter .list-2 .txt{text-align: right;width: 400px;padding-right: 30px;}
.main-list4 .canter .list-2 .txt h5{padding-top: 300px;padding-bottom: 0px;}
.main-list5{padding: 80px 0;}
.main-list5 .title-img img{width: 530px;height: 100px;}
.main-list5 .canter .txt{float: right;padding-top: 90px;}
.main-list5 .canter .txt ul li {position: relative;display: block;width: 600px;height: 80px;}
.main-list5 .canter .txt ul li i {position: absolute;left: 0;top: 0;width: 18px;height: 80px;display: block;background-image: url(../../images/default/list5-2.png);}
.main-list5 .canter .txt ul li .txt-box{position: absolute;left: 120px;top: 0;width: auto;}
.main-list5 .canter .txt ul li h5{font-size: 18px;color: #cec7c2;font-weight: 400;}
.main-list5 .canter .txt ul li span{font-size: 14px;color: #929292;display: block;}
.main-list5 .all{width: 400px;height: 90px;border: 1px solid #686867;margin: 260px auto 70px;text-align: center;}
.main-list5 .all span{font-size: 30px;color: #9a9a9a;line-height: 90px;}

footer{border-top:1px solid;text-align: center;color: #666666;font-size: 14px;padding: 17px 0;}
footer a{display: inline-block;color: #666666;font-size: 14px;}

.p-main .canter{margin: 0 auto;width: 1200px;height: 100%;position: relative;}
.p-main .p-title{height: 230px;width: auto;}
.p-main .p-title img{float: right;width: 370px;height: auto;}
.p-main .p-list{padding-top: 200px;}
.p-main .p-list ul{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;width:100%;height: auto; margin:0 auto;}
.p-main .p-list ul li{border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;margin-right:-1px;text-align: center;padding:0 2em 50px;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;overflow: hidden;}
.p-main .p-list ul li a .img-box{width: 335px;height: auto;overflow: hidden;}
.p-main .p-list ul li a img{width: 100%;margin: 0 auto;filter: grayscale(1);transition:transform 0.5s;}
.p-main .p-list ul li a:hover .img-box img{filter: grayscale(0);transform:scale(1.2);}
.p-main .p-list ul li .txt {width: 335px;border-bottom:1px solid #e6e6e6;padding: 50px 0 60px;}
.p-main .p-list ul li .txt h5{font-size: 18px;color: #333333;font-weight: bold;padding-bottom: 5px;}
.p-main .p-list ul li .txt span{font-size: 16px;color: #8a8a8a;}

.banner{position: relative;}
.banner img{width: 100%;height: auto;}
.arrow{opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;z-index: 99; bottom:50px;left:50%;margin-left:-30px;width:45px;height:40px;background-image: url(../../images/default/p-d-img-1.png); cursor:pointer;overflow:hidden}
.arrow:hover{animation-play-state:paused;-webkit-animation-play-state:paused}
@keyframes arrow{%0,%100{bottom:10px;opacity:1}50%{bottom:10px;opacity:.5}}
@-webkit-keyframes arrow{%0,%100{bottom:10px;opacity:1}50%{bottom:10px;opacity:.5}}

.banner .banner-flink{display: none;position: absolute;top: 0;left: 0;bottom: 0;width: 50%;height: auto;background-color: rgba(225,225,225,0.66);}
.banner .banner-flink .txt-box{position: absolute;top: 40%;left: 50%;margin-left: -236px;}
.banner .banner-flink h5{font-size: 32px;color: #000;font-weight: 400;}
.banner .banner-flink .txt-box ul li{float: left;margin-right: 46px;margin-top: 26px;}
.banner .banner-flink .txt-box ul li a img{width: 38px;height: 38px;}
/*.banner:hover .banner-flink{display: block;}
*/
.p-d-main .canter{margin: 0 auto;width: 1200px;height: 100%;}
.p-d-main .txt-box{width: 880px;margin-left: 320px;}
.p-d-main .txt-box h5{margin-top: 150px;color: #4A4A4A;font-size: 24px;line-height: 33px;font-weight: normal;}
.p-d-main .txt-box h6{margin-top: 10px;margin-bottom: 90px;color: #4A4A4A;font-size: 20px;line-height: 23px;font-weight: normal;}
.p-d-main .txt-box span{font-size: 14px;line-height: 21px;color: #8a8a8a;display: block;padding: 30px 0;}
.p-d-main .img-box{width: 880px;margin-left: 320px;}
.p-d-main .img-box #wrap{margin-top: 188px;}
.p-d-main .img-title{position: relative;margin: 20px 0 200px;margin-left: 320px; width: 260px;}
.p-d-main .img-title i{position: absolute;top: 1px;left: 1px; width: 28px;height: 29px;display: block;background-image: url(../../images/default/p-icon-5.png);background-size: 100%;background-repeat: no-repeat;}
.p-d-main .img-title i:hover{background-image: url(../../images/default/p-icon-6.png);}
.p-d-main .img-title h5{font-size: 16px;color: #8a8a8a;padding-left: 40px;line-height: 29px;font-weight: 400;}
.p-d-main .img-title .p-info{text-align: center;position: absolute;top: -630px;left: -340px; width: 1200px;height: 600px;border: 1px solid #d2d2d2;box-sizing: border-box;background-color: #fff;}
.p-d-main .img-title .p-info .off{position: absolute;top: 0;right: 0;}
.p-d-main .img-title .p-info .off img{width: 40px;height: 40px;margin: 10px;}
.p-d-main .img-title .p-info .txt {display: inline-block;text-align: left;font-size: 14px;padding-top: 100px;}
.p-d-main .img-box ul::after{content: "";display: block;clear: both;}
.p-d-main .img-box ul li{float: left;margin-bottom: 20px;width: 25%;}
.p-d-main .img-box ul li a{width: 200px;overflow: hidden;}
.p-d-main .img-box ul li a img{width: 100%;height: 200px;transition:transform 0.5s;}
.p-d-main .img-box ul li a:hover img{transform:scale(1.2);}

.a-main{width: 100%;background-color:#666666;}
.a-main .a-banner{position: relative;}
.a-main .a-banner .a-info{position: absolute;bottom: 10px;left: 50%;margin-left: -65px;}
.a-main .a-banner .swiper-wrapper .swiper-slide img{width: 100%;height: 800px;}
.a-main .canter{margin: 0 auto;width: 1200px;height: 100%;}
.a-main .a-title{height: 230px;width: auto;}
.a-main .a-title img{margin-top: 160px;}

.a-banner{width:100%;height:auto}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.a-main .title h5{font-size: 30px;color: #fff;padding: 90px 0 40px;font-weight: 400;}
.a-main .title span {font-size: 28px;color: #fff;}
.a-main .txt-box .txt {width: 720px;padding-top: 170px;}
.a-main .txt-box .txt span{font-size: 14px;line-height: 21px;display: block;padding-bottom: 100px;}
.a-main .txt-box .txt .zh-cn{color: #fff;}
.a-main .txt-box .txt .en{color: #cccccc;}

.a-main .us-box .us-txt-box{width: 56%;height: auto; float: right;}
.a-main .us-box .us-img-box{width: 44%;float: left; position: relative;height: 1030px;}
.a-main .us-box .us-img-box img{position: absolute;right: 0;top: 0;width:720px;height: 860px;}
.a-main .us-box .list1 .us-txt-box h5{font-size: 30px;color: #cec7c2;padding: 540px 0 0 140px;font-weight: 400;}
.a-main .us-box .list1 .us-txt-box h6{font-size: 18px;color: #9d9d9d;display: block;padding: 0px 0 80px 140px;font-weight: 400;}
.a-main .us-box .list1 .us-txt-box span{font-size: 16px;color: #cccccc;display: block;padding-left: 140px;line-height: 1.8;}

.a-main .us-box .txt-box{width: 56%;}
.a-main .us-box .img-box{width: 44%;}
.a-main .us-box .list1{margin-top: 100px;}
.a-main .us-box .list2:hover .txt-box{display: block;}
.a-main .us-box .list2 .img-box img{width: 520px;height: 690px;}
.a-main .us-box .list2 .txt-box{display: none;}
.a-main .us-box .list2 .txt-box h5{font-size: 30px;color: #cec7c2;padding: 330px 120px 0;font-weight: 400;}
.a-main .us-box .list2 .txt-box h6{font-size: 18px;color: #a8a8a8;padding: 0px 120px 70px;font-weight: 400;}
.a-main .us-box .list2 .txt-box span{font-size: 16px;color: #c6c6c6;display: block;padding: 0 120px;line-height: 1.1;}
.a-main .us-box .list2:nth-child(2n) .txt-box{float: left;text-align: right;}
.a-main .us-box .list2:nth-child(2n) .img-box{float: right;}
.a-main .us-box .list2:nth-child(2n-1) .txt-box{float: right;}
.a-main .us-box .list2:nth-child(2n-1) .img-box{float: left;}

.a-main .us-list{width: 100%;padding:170px 0 154px;}
.a-main .us-list ul{width: 1200px;display: flex;margin:0 auto;}
.a-main .us-list ul li{flex: 1;padding: 0 10px;}
.a-main .us-list ul li img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;margin: 0 auto;width: 100%;height: 100%; opacity: 1;transition:opacity 0.5s;}
.a-main .us-list ul li:hover img{opacity: 0;}
.a-main .us-list ul li .img-box{position: relative;width: 280px;height: 280px;}
.a-main .us-list ul li .img-m{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;background-color: #e2d3a8;}
.a-main .us-list ul li .img-m .txt{position: absolute;top: 50%;left: 50%;font-size: 22px;margin-left: -46px;margin-top: -20px;text-align: center;}
.a-main .us-list ul li .img-m .txt h5{}
.a-main .us-list ul li .img-m .txt i{display: block;width: 16px;height: 20px;border-bottom: 2px solid #000;margin: 0 auto;}
.c-main{width: 100%;background-color:#1a1a1a;}
.c-main .canter{margin: 0 auto;width: 1200px;height: 100%;}
.c-main .c-title{height: 230px;width: auto;}
.c-main .c-title img{float: right;margin-top: 63px;}

.c-main .c-list{padding: 100px 0 187px;}
.c-main .c-list ul{width: 100%;margin: 0 auto;}
.c-main .c-list ul li{width: 33%;float:left;text-align: center;}
.c-main .c-list ul i{float:left;display: block;width: 1px;height: 235px;background-image: url(../../images/default/c-l-4.png);}
.c-main .c-list ul li img{width: auto;margin: 0 auto;}
.c-main .c-list ul li .img{width: auto;margin: 0 auto;}
.c-main .c-list ul li .icon-t{margin-top: 77px;margin-bottom: 30px;width: 43px;height: 43px;background-image: url(../../images/default/c-l-1.png);background-repeat: no-repeat;background-size: 100%;}
.c-main .c-list ul li .icon-m{margin-top: 85px;margin-bottom: 40px;width: 44px;height: 32px;background-image: url(../../images/default/c-l-2.png);background-repeat: no-repeat;background-size: 100%;}
.c-main .c-list ul li:hover .icon-t{background-image: url(../../images/default/c-l-1-1.png);}
.c-main .c-list ul li:hover .icon-m{background-image: url(../../images/default/c-l-2-1.png);}
.c-main .c-list ul li .wx{padding-top: 60px;width: 130px;height: 130px;}
.c-main .c-list ul li span{font-size: 18px;color: #878787;}
.c-main .c-list ul li:hover span{color: #fff;}

.n-main{width: 100%;}
.n-main .canter{margin: 0 auto;width: 1200px;height: 100%;}
.n-main .canter2{margin: 0 auto;width: 1304px;height: 100%;}
.n-main .n-title{height: 230px;width: auto;}
.n-main .n-title img{float: right;margin-top: 63px;width: 350px;}
.n-main .n-list{padding: 38px 0 70px;}
.n-main .n-list ul li{border-bottom: 1px solid #cccccc;padding: 22px 0;margin: 0px;}
.n-main .n-list ul li:last-child{border-bottom:none;}
.n-main .n-list ul li .img-box img{width: 270px;height: 166px;}
.n-main .n-list ul li .txt-box{width: 610px;margin-left: 60px;}
.n-main .n-list ul li .txt-box h5:hover{color: #333333}
.n-main .n-list ul li .txt-box h5{font-size: 18px;color: #767676;width: 560px;font-weight: bold;line-height: 1.8;font-family: 微软雅黑;}
.n-main .n-list ul li .txt-box .info{font-size: 14px;color: #8a8a8a;padding: 40px 0;display: block;}
.n-main .n-list ul li .txt-box .time{font-size: 14px;color: #8a8a8a;}
.n-main .n-list ul li .look-d{display: none;}
.n-main .n-list ul li .look-d a{font-size: 16px;color: #8a8a8a;line-height: 166px;}
.n-main .n-list ul li .look-d:hover a{color: #575757;}
.n-main .n-p-list{}
.n-main .n-p-list ul li .img-box{width: 300px;height: 300px;overflow: hidden;}
.n-main .n-p-list ul li .img-box img{width: 300px;height: 300px;margin: 0 auto;filter: grayscale(1);transition: transform 0.5s;}
.n-main .n-p-list ul li .img-box:hover img{filter: grayscale(0);transform: scale(0.9);}
.n-main .n-p-list{}
.n-main .n-p-list ul {display: flex;flex-flow: row wrap;padding: 100px 0 128px;}
.n-main .n-p-list ul li {width: 24%;margin-right: 17px;}
.n-main .n-p-list ul li:nth-child(4n){margin-right: 0px;}
.n-main .n-p-list ul li .txt-box h5{margin-left: 4px;text-align: left;font-size: 14px;font-weight: bold;color: #333333;padding: 20px 0 7px;font-family: 微软雅黑;}
.n-main .n-p-list ul li .txt-box h6{margin-left: 4px;text-align: left;font-size: 12px;font-weight: normal;color: #6d6d6d;padding-bottom: 20px;font-family: 微软雅黑;}

.n-main .look-all {width: 204px;height: 66px;margin: 28px auto 126px;border:1px solid #cccccc;border-radius: 5px;}
.n-main .look-all a{font-size: 22px;color: #4c4c4c;text-align: center;line-height: 66px;}

.n-b-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11;background-color: rgba(0,0,0,0.9);}
.n-b-box .n-p{position: absolute;top: 50%;left: 50%;z-index: 12; margin-top: -353px;margin-left: -470px;}
.n-b-box .n-b-bg{position: relative;background-color: #dfd0ac;width: 940px;height: 680px;margin: 0px auto 0;padding-top: 6px;}
.n-b-box .n-b-bg .title {position: relative;}
.n-b-box .n-b-bg .title #title{margin: 3px 20px;display: inline-block;font-size: 18px;color: #333333;font-weight: bold;}
.n-b-box .n-b-bg .title .page{display: inline-block;font-size: 16px;}
.n-b-box .n-b-bg .title .page .swiper-pagination{display: inline-block;}
.n-b-box .n-b-bg .title #time{display: inline-block;position: absolute;top: 6px;right: 19px; font-size: 12px;color: #666666;text-align: right;}

.n-b-box .n-b-bg .title .h5 {}
.n-b-box .n-b-bg .title .pages {}
.n-b-box .n-b-bg .title .time{}
.n-b-box .n-b-bg .title .page .swiper-pagination{display: inline-block;}
.n-b-box .n-b-bg .title .page .swiper-pagination span:first-child {color: #b21717;}
.n-b-box .n-b-bg .off{position: absolute;top: -16px;right: -60px;}
.n-b-box .n-b-bg .off img{width: 60px;height: 60px;}
#news-banner{width: 930px;height: 650px;}
#news-banner #nBm .swiper-slide img{width: 100%;height: 100%;}

.p-b-box{position: fixed;top: 0; left: 0;right: 0;bottom: 0;z-index: 11;}
.p-b-box .p-b-bg{position: relative;top: 50%;z-index: 7; width: 900px;height: 650px;margin: -350px auto 0;padding-top: 20px;}
.p-b-box .p-b-bg .off{position: absolute;top: -42px;right: -42px;}
.p-b-box .p-b-bg .off img{width: 60px;height: 60px;}
.p-b-box .p-b-wbg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 6;background-color: #050505;}
#proj-banner{width: 900px;height: 650px;}
#proj-banner .swiper-wrapper .swiper-slide .img{width: 100%;height: auto;}