﻿@charset "utf-8";
@font-face{
     font-family: 'BOLD'; 
     src: url('../font/Alibaba-PuHuiTi-Bold.otf');
     font-weight: bold;
     font-style: normal;
}
@font-face{
     font-family: 'HEAVY'; 
     src: url('../font/Alibaba-PuHuiTi-Heavy.otf');
     font-weight: 800;
     font-style: normal;
}
@font-face{
     font-family: 'LIGHT'; 
     src: url('../zhou/font/Alibaba-PuHuiTi-Light.otf');
     font-weight: lighter;
     font-style: normal;
}
@font-face{
     font-family: 'MEDIUM'; 
     src: url('../font/Alibaba-PuHuiTi-Medium.otf');
     font-weight: medium;
     font-style: normal;
}
@font-face{
     font-family: 'REGULAR'; 
     src: url('../font/Alibaba-PuHuiTi-Regular.otf');
     font-weight: normal;
     font-style: normal;
}

html, body { margin: 0;padding: 0;position:relative;/*overflow: hidden;*/width:100%;height:100%;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.tongyLink{ width:100%; background:#ffff; display: none; font-size:0.14rem}
.tongyLink a{ float: left; margin: 0 0.15rem; line-height: 0.3rem; height: 0.3rem; overflow: hidden; color: #666666}
input,button,select,textarea{outline:none;-webkit-appearance: none;}
/* CSS Document */
body{ font-size:0.24rem;}
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;/*background:url(../pic/header_bg.png);*/ background: #ffffff;   font-family:"REGULAR", Arial, sans-serif;}
pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"REGULAR", Arial, sans-serif;}
ul,p,h1,h2,h3,h4,h5,h6,li,p,dd,dt,dl,em{padding:0px;margin:0px;list-style:none;}
select,input,button{outline:0}

img{border:0 none;}
a,img{outline:0;}
a{text-decoration:none}
body{background:#efefef;background-size: cover;}

.header {width: 100%;position:fixed;z-index: 999;}
.header .left{padding: 0.3rem 0 0 0px;  float: left; width: 30%; padding-left: 4%;}
.header .left a{ float:left; width: 100%; height: 0.73rem;}
.header .left .brand {  height: 0.73rem;}
/* toubu */
.header .left .search {position: relative;width: 2rem;margin-top: 0.2rem; margin-right: 0.1rem; float: left; font-size:0.14rem;}
.header .left .search input {width: calc(100% - 0.5rem);padding: 0.1rem 0.5rem 0.1rem 0.1rem;background: #ffffff;border: none;border-radius: 0.2rem;outline: none;height: 0.25rem;}
.header .left .search button {position: absolute;width: 0.3rem;top: 50%;right:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: none;border: none;outline: none;padding: 0;cursor: pointer;}
.header .left .search button img{ width: 0.25rem; height: 0.24rem}
.header .right {float: right;padding: 0.2rem 0px 0 0px;max-width: 64%;padding-right: 10%;}
.header .right .nav {margin: 0;padding: 0}
.header .right .nav .item {display: inline-block;position: relative;list-style: none}
.header .right .nav .item > a {display: block;padding: 0.1rem 0px;color: #7e7e7e;font-weight: bold;text-decoration: none;cursor: pointer;margin-left:0.4rem; font-size: 0.26rem;}
/*.header .right .nav .item:hover .dropdown {display: block;}*/
.header .right .nav .item .dropdown {display: none;position: absolute;left: 50%;margin: 0 0 0 0.2rem;padding: 0.1rem 0;width: 100%;background: #fff;border-top: 0.03rem solid #fe6b00;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 1100;}
.header .right .nav .item .dropdown li {list-style: none}
.header .right .nav .item .dropdown li a {display: block;padding: 0.1rem 0;width: 100%;color: #666666;font-size: 0.22rem;text-align: center;text-decoration: none}
.header .right .nav .item .dropdown li a:hover {color: #fe6b00}

/* footer*/
.footer {padding: 20px 0 0 20px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 15px;
    z-index: 99;
    float: left;
    text-align: center;
    padding: 50px 0 0 0;}
.footer .left {color: #9b9b9b;font-size: 14px;pointer-events: none;}
.footer .left a {color: #9b9b9b;text-decoration: none; pointer-events: auto;}
.footer .right {position: fixed;right: 30px;bottom:20px;z-index: 100;}
.footer .right a {display: block;border-radius: 50%;overflow: hidden;}
.footer .right a:nth-child(1) {position: relative;top: -5px;width: 41px;height: 41px;background: #ffffff;box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.15);transition: 200ms;}
.footer .right a:nth-child(1) img {width: 41px;height: 41px;}
.footer .right a:nth-child(1):hover {filter: brightness(1.3);}
.footer .right a:nth-child(2) {width: 41px;height: 41px;}
.footer .right a:nth-child(2) img {width: 41px;height: 41px;}
.footer .right a:nth-child(2):hover {position: relative;overflow: unset;}
.footer .right a:nth-child(2):hover i {content: '';position: absolute;top: -49px;left: -24.5px;width: 90px;height: 90px;background: url('../pic/wechat.png') no-repeat center 0 / cover;z-index: 110;cursor: none;}
.footer .right a img {object-fit: none;object-position: center;}
.footer .right a + a {margin-top: 30px;}

.video{width:100%;height: 100%;display: none;position: fixed;background: rgba(0, 0, 0, 0.7);z-index: 99999;}
.video .body{width: 10rem;height: 5.65rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background-color: rgb(0, 0, 0);z-index: 9999;}
.video .body button{position: absolute;top: -40px;right: -50px;background: none;border: none;outline: none;cursor: pointer;}
.video video{width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}

.items .i {bottom:25px;left:20%;margin-left:-50px;text-align:center;position:absolute;z-index: 99999;}
.items .i i {display:inline-block;margin-right:10px;width:12px;height:12px;background: #fff; border-radius: 50%;cursor:pointer;}
.items .i i.on {     background: #fe6b00; }

#fp-nav.right {margin: 0;right: 20px;position: fixed;    z-index: 10;    top: 50%;}
#fp-nav.right li {margin: 10px 0;width: 30px;height: 10px}
#fp-nav.right li a {float: right;display: block;width: 30px;height: 6px;background: #ffffff;border: 1px solid #dedede;border-radius: 6px;-webkit-transition: 200ms;transition: 200ms;}
#fp-nav.right li a.active {width: 50px;background: #fe6b00}
#fp-nav.right li a span {display: none}



.fancy-button {position: absolute;padding: 0.15rem 0.35rem 0.15rem 0.2rem;color: #ffffff;font-size: 0.26rem;background: none;border: none;cursor: pointer;-webkit-transition: 200ms;transition: 200ms;text-decoration: none;z-index: 10;white-space: nowrap;display: block;/* margin: 2.5rem auto 0 auto; */left: 50%;}
.fancy-button::before,.fancy-button::after {content: '';position: absolute;width: 100%;height: 100%;background: #fe6b00;z-index: -1; border-radius: 0.17rem}
.fancy-button::before {top: 0;left: 0;}
.fancy-button::before{background:url(../pic/newszhou03.png) no-repeat right center #fe6b00;    background-size: 0.48rem 0.36rem;}
.fancy-button::after {top: 0.1rem;left: 0.08rem;opacity: .4;-webkit-transition: 200ms;transition: 200ms; }
.fancy-button:hover{margin: 0.1rem 0 0 0.08rem}
.fancy-button:hover::after {    top: 0;    left: 0}

.zhou01{ width:100%; background: url(../pic/page-1.png) no-repeat center center;  float: left; height: 100vh;color: #4e4d4d; position: relative}
.zhou01 ul{ width: 12rem;    margin: 0 auto;    overflow: hidden;    height: 4.12rem;    top: 50%;    position: absolute;    margin-top: -2.06rem;}
.zhou01 h3{width: 100%; text-align: center; float: left;font-size: 0.52rem; font-weight: bold}
.zhou01 h4{width: 100%;text-align: center;float: left;font-size: 0.86rem;margin-top: 0.5vh;/* margin-bottom: 0.5vh; */font-weight: normal;}
.zhou01 p{width: 645px;text-align: center;font-size: 0.26rem;margin: 0 auto;}
.zhou01 li{ width: 100%; float: left; position: relative;height: 0.5rem;   position: absolute; top: 3.12rem;}
.zhou01 .fancy-button{    font-family: "REGULAR";
    text-align: center;
    margin-left: -2rem;
    height: 0.7rem;
        padding: 0 0.7rem 0 0.35rem;}

.zhou02{width:100%;float: left; height: 100vh;color: #4e4d4d; position: relative;background: url(../pic/page-1.png) no-repeat center center;; }
.zhou02 ul{width: 10rem;    margin: 0 auto;    overflow: hidden;    height: 5.4rem;    top: 50%;    position: absolute;    margin-top: -2.7rem;}
.zhou02 span{  text-align: center;font-size: 0.7857rem;line-height:0.8rem; float: left;    position: relative; width: 100%; height: 1.5rem;}
.zhou02 span::before {content: "About Us";position: absolute;bottom:0px;font-size: 0.26rem;font-weight: normal;text-align: center;width: 100%;left: 0;line-height: 0.5rem;text-transform: uppercase;}
.zhou02 p{text-align: center;font-size: 0.36rem; width: 100%; float: left;    line-height: 0.6rem;margin-top: 0.5rem;}
.zhou02 li{ width: 100%; float: left; position: relative;height: 0.5rem;   margin: 0.7rem 0 0 0;;}
.zhou02 .fancy-button{    text-align: center;
    /* width: 1rem; */
    margin-left: -1rem;
    padding: 0 0.7rem 0 0.35rem;
    height: 0.7rem;
    height: 0.7rem;
    padding: 0 0.7rem 0 0.35rem;
    line-height: 0.7rem;}


.zhou03{width:100%;float: left; height: 100vh;color: #4e4d4d; position: relative;background: url(../pic/page-1.png) no-repeat center center; }
.zhou03 .xcxal{ width: 80%;    margin: 0 auto;    overflow: hidden;    height: 4rem;    top: 50%;    position: absolute;    margin-top: -2rem;}
.xcxal .altab{width:84%;margin:0 auto;text-align: center;display: inline-flex;/*父div设置该属性*/ justify-content : space-around;justify-content : space-between;bottom: 0;position: absolute; height: 0.7rem; padding: 0.1rem 8% 0 8%; line-height: 0.7rem; z-index: 9;}
.xcxal .altab li{ box-sizing: border-box;cursor: pointer;width:14%; position: relative}
.xcxal .altab img {filter: grayscale(1);cursor: pointer;max-height: 0.6rem;}
.xcxal .altab .on{filter: none;}
.xcxal #tab2{ width:100%; float: left;height:3.2rem;    overflow: hidden;}
.xcxal .alxq{position: relative;width: 100%;height: 3.2rem;overflow: hidden;display: none;}
.xcxal .alxq .items{   width: 50%;float: left;height: 3.2rem;color: #ffffff;position: relative;}
.xcxal .alxq .items .title{margin-top: 0;font-size: 0.36rem;line-height: 0.52rem;position: absolute;z-index: 3;left: 20%;top: 50%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;    width: 60%;height: 1.04; margin-top: -0.52rem;color: #ffffff;text-shadow: #000 1px 1px 1px;}
.xcxal .alxq .items .overview{font-size: 16px;line-height:30px;position: absolute;z-index: 2;left: 10%;top: 130px;right: 40%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xcxal .alxq .items::before{ content: "";left: 0;top: 0;width: 100%;height: 3.20rem;background: rgba(255, 255, 255, 0.9); background: none; z-index: 2;position: absolute;}
.xcxal .alxq .items img{    position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;z-index: 1;}
.xcxal .t-15s{float:right;width: 50%;padding-top: 0;background: #ffffff;height: 3.2rem;/* margin-top: 20px; */overflow: hidden;position: relative;}
.xcxal .t-15s > img{ position: absolute; height: 0.5rem; right: 10%;top: 25%;    margin-top: -0.25rem;}
.xcxal .t-15s p.title{margin:0.4rem 0 0rem 0;font-size: 0.36rem;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 80%;padding-left: 10%;}
.xcxal .t-15s p:nth-child(2){ margin-top: 0.5rem;}
.xcxal .t-15s  .overview{font-size: 0.2rem;float: left;width: 80%;padding-left: 10%;margin-top:0.05rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 0.3rem;}
.xcxal .t-15s .anliicon{position: absolute;left: 10%;bottom: 0.2rem;width: 0.41rem;height: 0.39rem;overflow: hidden;}
.xcxal .t-15s .anliicon img{width:100%;}
.xcxal .t-15s .line{content:"";width: 0;height: 3px;background: #fe6b00;position: absolute;bottom: 0;left: 0;transition: all 12000ms ease 0s;}

.danyebanner{float: left;margin-top: 0.3rem;width: 100%;}
.zhou04{width:100%;float: left; height: 100vh;color: #4e4d4d; position: relative; background: url(../pic/page-1.png) no-repeat center center;}
.zhou04 ul{ width: 80%;    margin: 0 auto;    overflow: hidden;    height: 5rem;    top: 50%;    position: absolute;    margin-top: -2.5rem;}
.zhou04 .left {position: relative;float: left;width: 50%;height: 5rem;background: url(//c.b2b168.net/zhou1/pic/qianhaianlsy.png) no-repeat 90% 90% #ffffff;
    background-size: 0.41rem 0.39rem;}
.zhou04 .left p {    margin: 0;    color: #4e4d4d;font-size: 0.24rem;   line-height: 1.6;  margin-left: 20%; width: 70%}
.zhou04 .left p:nth-child(1) {font-size: 0.48rem;line-height: 0.53rem; padding-top:0.8rem; font-weight: bold} 
.zhou04 .left p:nth-child(2){overflow: hidden; font-size: 0.19rem; line-height: 0.21rem; padding-top: 0.15rem;   text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;text-transform: uppercase}
.zhou04 .left p:nth-child(3){overflow: hidden; width: 70%; line-height: 0.31rem;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;padding-top:0.5rem;}
.zhou04 .left .fancy-button {width: 100px;  text-align: center;  left: 5%;  margin-left: 50px;bottom: 10%;} 
.zhou04 .right {position:relative;float: right;/*width: calc(100% - 30.75rem);-webkit-transform: ranslateY(-50%);transform: translateY(-50%);*/width: 50%;background: #f9f9f9;background: rgba(255, 255, 255, 0.5);height: 5rem;overflow: hidden;}
.zhou04 .right .icons {margin: 0 auto;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;width: 100%;background: url(../pic/newszhou01.png) no-repeat center center;height: 5rem;background-size: 100%;}    
.zhou04 .right .icons a{display:block;width: 33.3%;height: 100%;float: left;}
.zhou04 .right .icons .icon {width:50%;    text-align: center; float: left;    margin: 60px 0 0 0;} 
.zhou04 .right .icons .icon img {margin: 0 0px 0px 0px;width: 60px;}    
.zhou04 .right .icons .icon p {margin: 0px 0;color: #4e4d4d;font-size: 16px;text-align: center;}    

.zhou05{width:100%;float: left; height: 100vh;color: #4e4d4d; position: relative;background: url(../pic/page-1.png) no-repeat center center; }
.zhou05 ul{ width: 80%;    margin: 0 auto;      height: 5rem;    top: 50%;    position: absolute;    margin-top: -2.55rem;}
.zhou05 ul div{text-shadow: #000 1px 1px 1px;}
.zhou05 .li01{float: left;height: 372px;overflow: hidden;margin-top: 20px;position: relative;position:absolute; z-index:1;max-width: 60%; left:0;    }
.zhou05 .li01::before{content: "";left: 0;top: 0;width: 100%;height: 372px;background: rgba(255, 255, 255, 0.6);z-index: 2;position: absolute;}
.zhou05 .li{display:none;}
.zhou05 .li01 img,.zhou05 .li03 img{ width:100%; height: 372px;object-position: center;object-fit: cover;}
.zhou05 .li02{width:60%;float: left;height: 412px;overflow: hidden;position: absolute;/* left: 0; *//* right: 0; *//* margin: auto; */z-index: 9;margin-left: 240px;}
.zhou05 .li02 img{ width: 100%; height: 412px;object-position: center;object-fit: cover;}
.zhou05 .li02 h3{ position: absolute; width: 90%; left: 5%; top: 30px; font-size: 32px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; color:#fff;z-index: 2}
.zhou05 .li02 h3 a{ color:#fff}
.zhou05 .li02 p{ position: absolute; width: 90%; left: 5%; top: 80px; font-size: 24px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; color:#fff;z-index: 2}
.zhou05 .li02 i{ position: absolute; width: 90%; left: 5%; bottom: 30px; font-size:16px;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; color:#fff;z-index: 3; font-style: normal}
.zhou05 .li02::before{content: "";left: 0;top: 0;width: 100%;height: 412px;background: rgba(0, 0, 0, 0.4);z-index: 2;position: absolute;}

.zhou05 .li03{max-width: 60%;float: right;right:0;height: 372px;overflow: hidden;margin-top: 20px;position:absolute; z-index:1}
.zhou05 .li03::before{content: "";left: 0;top: 0;width: 100%;height: 372px;background: rgba(255, 255, 255, 0.6);z-index: 2;position: absolute; z-index: 1}
.zhou05 .zjian{top: 2.3rem;background: url(../pic/ljiantou.png) no-repeat;background-size: 100%;z-index: 10;position: absolute;width: 0.4rem;height: 0.4rem;left: -0.1rem;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);cursor: pointer;}
.zhou05 .zjian:hover,.zhou05 .yjian:hover{filter:none;-webkit-filter:none}
.zhou05 .yjian{top: 2.3rem;background: url(../pic/rjiantou.png) no-repeat;background-size: 100%;z-index: 10;position: absolute;width: 0.4rem;height: 0.4rem;right: -0.1rem;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);cursor: pointer;}
.zhou05 .fancy-button {top: 4.7rem;
    text-align: center;
    margin-left: -0.775rem;
    height: 0.7rem;
    padding: 0 0.7rem 0 0.35rem;
    line-height: 0.7rem;}


.zhou05 li{width: 60%;height: 5rem;float: left;box-sizing: border-box;transition: all 700ms ease 0s;}
.zhou05 li::before{content: "";left: 0;top: 0;width: 100%;height: 5rem;background: rgba(255, 255, 255, 0.6);z-index: 2;position: absolute;}
.zhou05 .current::after{content: "\25b2";position: absolute;top: -31px;left: 70px;color: red;}
.zhou05 li img{width: 100%;height: 5rem;object-position: center;object-fit: cover;}
.zhou05 li h3{display:none;position: absolute;width: 50%;left: 5%;top: 0.8rem;font-size: 0.48rem;color:#fff;z-index: 2;font-weight:normal;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zhou05 li h3 a{ color:#fff}
.zhou05 li h2{display:none;position: absolute;width: 50%;left: 5%;top: 1.65rem;font-size: 0.31rem;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color:#fff;z-index: 2;font-weight:normal;width: 40%;}
.zhou05 li h2 a{ color:#fff}
.zhou05 li p{display:none;position: absolute;width: 50%;left: 5%;top: 2.75rem;font-size: 0.18rem;/* overflow: hidden; *//* text-overflow: ellipsis; *//* -webkit-line-clamp: 3; *//* -webkit-box-orient: vertical; */color:#fff;z-index: 2;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.zhou05 li i{display:none;position: absolute;width: 50%;left: 5%;bottom: 0.4rem;font-size:0.21rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#fff;z-index: 3;font-style: normal;}
.zhou05 li.active::before{background: rgba(0, 0, 0, 0.4); background:url(../pic/newszhou02b.png) no-repeat 90% bottom;}
.zhou05 li.active h3{display:block;}
.zhou05 li.active h2{display:block;display: -webkit-box;}
.zhou05 li.active p{display:block;/* display: -webkit-box; */}
.zhou05 li.active i{display:block;display: -webkit-box;}
.zhou05 .news > div {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 30.25rem;
    height: 18.75rem;
    -webkit-transform: translateY(-50%) scale(.83);
    transform: translateY(-50%) scale(.83);
    z-index: 1;
    -webkit-transition: 300ms;
    transition: 300ms;
    background: no-repeat center 0 / cover
}

.zhou05 .news > div::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    -webkit-transition: 300ms;
    transition: 300ms
}

.zhou05 .news > div * {
    display: none
}

.zhou05 .news > div.active {
    padding: 1.875rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}
.bottomA{
    background: url(../pic/Top.png) no-repeat;
    position: fixed;
    width: 0.65rem;
    height: 0.65rem;
    bottom: 0.8rem;
    /*z-index: 9999;*/
    background-size: 0.65rem;
    right: 0;
    left: 0;
    margin: auto;
    display: none;}























































































/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
body{font-size:12px;min-width: 360px;overflow-x: hidden;}
body::-webkit-scrollbar{display:none;}
.fancy-button::before{/* background:#fe6b00; */background-size: 0.5rem 0.33rem;}
.zhou01,.zhou02,.zhou03,.zhou04,.zhou05{}
#fp-nav.right { display: none    }
.footer .right{ display: none}
.footer .left{ font-size: 0.1rem}
.footer .left p{word-wrap:break-word}
.footer {padding: 0px;  bottom: 0.5rem;width: 7.3rem;    padding-left: 0.2rem; font-size:0.20rem}
.header .left{width: 90%;padding-left: 5%;}
.header .left a {width: 60%;height: 1rem;}
.header .left .brand {height:0.75rem;}
.header .left .search{ display: none}
.header .left button{float:right;width: 0.75rem;height: 0.75rem;background: url(../pic/menu.png) no-repeat;background-size: cover;border: none;}
.header .right{width: 100%;max-width: 100%;float: left;font-size: 0.32rem;padding:0.5rem 0 0 0;display: none;background: #e0e1e2;position: absolute;}
.header .right .nav button{float: right;padding: 0 0.5rem;color: #7e7e7e;font-size: 0.4rem;border: none;background: none;}
.header .right .nav .item{width: 100%;float: left;text-align: center;}
.header .right .nav .item a{width: 1.5rem;margin: auto;padding: 0.1rem 0 0.1rem 0.2rem;}
.header .right .nav .item .icon{content: "";width: 0;height: 0;border-top: 0.2rem solid #7e7e7e;border-right: 0.1rem solid transparent;border-left: 0.1rem solid transparent;margin-left: 5rem;position: absolute;margin-top: -0.35rem;}
.fancy-button {padding: 0.2rem 0rem;font-size: 0.28rem;margin-bottom: 0.2rem;}
.fancy-button::after{top: 0.1rem;left: 0.08rem;;}
.zhou01 h3{font-size: 0.48rem;}
.zhou01 h4{font-size: 0.72rem;}
.zhou01 p{width:100%; text-align:center;font-size: 0.26rem;  margin: 0 auto}
.zhou01 ul{ width: 100%; height: 4.4rem;   margin-top: -2.2rem;}
.zhou01 li{height: 1rem;    margin: 0.5rem 0 0 0;top: 3rem;}
.zhou01 .fancy-button{ margin-left: -2.1rem;
    width: 4.1rem;
    font-family: "REGULAR";
    height: auto;
    padding: 0.2rem 0.35rem 0.2rem 0;
    }
.xcxal .t-15s > img{/* display: none */height: 0.85rem;right: 5%;}
.zhou02 ul{ width:100%;height: 4.8rem;   margin-top: -2.4rem; }
.zhou02 span{font-size: 0.72rem;line-height: 0.9rem;height: 1.8rem;}
.zhou02 span::before{right: 2.4rem;font-size: 0.26rem;bottom: 0.3rem;}
.zhou02 p{font-size: 0.28rem; line-height: 0.55rem; width: 7rem; padding: 0px 0.25rem;overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical; margin: 0}
.zhou02 li{height: 0.8rem;
    margin-top: 0rem;
    position: absolute;
    bottom: 0;}
.zhou02 .fancy-button{width: 2.3rem;
    margin-left: -1.25rem;
    text-align: center;
    bottom: 0;
    padding: 0.2rem 0;
    padding-right: 0.2rem;
    line-height: normal;
    height: auto;}
.zhou03 .xcxal{width: 100%;height: 7.5rem;margin-top: -3.75rem;}
.xcxal .altab{/* display: none; */top: 6.7rem;padding: 0.2rem 0rem 0.1rem 0rem;width: calc(100% - 0.1rem);height: auto;}
.xcxal .altab img{height: 0.4rem;margin-left: 0.1rem;}
.xcxal #tab2,.xcxal .alxq{height: 6.7rem;}
.xcxal .alxq .items,.xcxal .alxq .items::before{height: 3.2rem; width: 100%;}
.xcxal .alxq .items .title{font-size: 0.42rem;
    line-height: 0.5rem;
    right: 10%;
    top: 1.1rem;
    left: 10%;
    width: 80%;
    margin: 0;
    height: 1rem;}
.xcxal .alxq .items .overview{font-size:0.28rem;line-height: 0.4rem; right: 5%;  left: 5%;   top: 1rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.xcxal .t-15s{width:100%;height: 3.5rem;padding: 0;margin: 0;}
.xcxal .t-15s p.title{font-size: 0.42rem;
    line-height: 0.5rem;
    float: left;
    padding-left: 10%;
    width: 80%;
    margin: 0.2rem 0 0.1rem 0;}
.xcxal .t-15s .overview{font-size: 0.28rem;
    line-height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 10%;
    width: 80%;}
.zhou04 ul{width: 100%;height: 9rem;margin-top: -4.5rem;}
.zhou04 .left{width: 90%;height: 4.5rem;margin-left: 5%;    background: url(../pic/newszhou02.png) no-repeat 90% 100% #FFFFFF;;background-size: 0.5rem auto;}
.zhou04 .right{width: 90%;height: 4.5rem;margin-left: 5%;float: left;}
.zhou04 .left .fancy-button{ display: none}
.zhou04 .left p{    font-size: 0.24rem;    padding-top: 0.1rem;    line-height: 1.6;    margin-left: 15%;}
.zhou04 .left p:nth-child(1){font-size: 0.42rem;
    line-height: 1.2;
    padding: 0.5rem 0 0 0;}
.zhou04 .left p:nth-child(2){text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.zhou04 .left p:nth-child(3){width: 70%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top: 0.4rem;display: block;}
.zhou04 .right .icons .icon{width:25%;margin: 0.3rem 0 0 0;}
.zhou04 .right .icons .icon img{ width:0.6rem}
.zhou04 .right .icons{width:100%;height: 2rem;background-size: 90%;margin-top: 1.25rem;}
.zhou04 .right .icons .icon p{font-size: 0.24rem;}
.zhou05 ul{ width: 100%; height: 4.4rem;   margin-top: -2.2rem; }
.zhou05 ul .li01,.zhou05 ul .li03{ display: none}
.zhou05 ul .li02{ width:90%; height: 4.4rem; margin-left: 5%}
.zhou05 .zjian{width: 0.8rem;  height: 0.8rem; left: 0.2rem; margin-top: -0.4rem; top:50%; }
.zhou05 .yjian{width: 0.8rem;  height: 0.8rem; right: 0.2rem; margin-top: -0.4rem;top:50%;}
.zhou05 .li02::before,.zhou05 .li02 img{width:100%; height: 4.4rem;}
.zhou05 .li02 h3{top: 0.5rem;    font-size: 0.36rem; line-height: 0.5rem}
.zhou05 .li02 p {top: 1.2rem;    font-size: 0.24rem;}
.zhou05 .fancy-button{    top: 4.8rem;
    width: 2.3rem;
    margin-left: -1.25rem;
    text-align: center;
    bottom: 0;
    padding: 0rem 0;
    padding-right: 0.2rem;
    height: 0.75rem;
    line-height: 0.75rem;}


.zhou05 li img{height: 4.4rem;}
.zhou05 li h3{top: 0.5rem;font-size: 0.36rem;line-height: 0.5rem;}
.zhou05 li h3 a{ color:#fff}
.zhou05 li h2{top: 1.2rem;font-size: 0.3rem;line-height: 0.5rem;width: 3.55rem;}
.zhou05 li h2 a{ color:#fff}
.zhou05 li p{top: 2.4rem;font-size: 0.2rem;width: 52%;}
.zhou05 li i{display:none; position: absolute; width: 90%; left: 5%; bottom: 30px; font-size:0.24rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; color:#fff;z-index: 3; font-style: normal}
.zhou05 li.active::before{height: 4.4rem;    background-size: 0.5rem 0.97rem;}
.zhou05 li.active{width: 90%;height: 4.4rem;}
.zhou05 li::before{height: 4.4rem;}
.video{/* width:7.5rem; */}
.video .body{width: 100%;}
.video .body button{top: -0.6rem;right: 0.44rem;width: 0.46rem;height: 0.48rem;}
.video .body button img{width: 0.46rem;}
.xcxal .t-15s .anliicon{position: absolute;left: 10%;bottom: 0.2rem;width: 0.5rem;height: 0.5rem;overflow: hidden;}
.xcxal .t-15s .line{/* display: none; *//* width: 2.3rem; *//* margin-left: -1.25rem; */text-align: center;/* bottom: 0; *//* padding-right: 0.2rem; */}
.items .i {bottom: 0.1rem;
    left: 10%;
    margin-left: -0.5rem;}
.items .i i {margin-right:0.1rem;width:0.12rem;height:0.12rem;}

.bottomA{display: block}
}

/*显示器大于801小于1199时候生效
@media screen and (min-width: 801px) and (max-width: 1199px){

.header .right{ max-width: 64%;padding-right: 10%;}
.header .right .nav .item > a{padding: 10px 0px; font-size: 16px;}
.zhou01 ul{ width: 100%;  }
.zhou02 ul{left: 50%; margin-left: -5rem;}
.zhou03 .xcxal{ width: 100%;  }
.zhou04 ul{ width: 100%;  }
.zhou05 ul{ width: 100%;  }
.zhou05 ul h2{width: 32%;}
body::-webkit-scrollbar{display:none;}
.header .right .nav .item:hover .dropdown {display: block;}
.xcxal .altab img{max-height: 40px}
.header .right .nav .item > a{    margin-left: 30px;}



}*/
/*显示器大于1200时候生效
@media screen and (min-width: 1200px){

.zhou01 ul{left: 50%; margin-left: -6rem;}
.zhou02 ul{left: 50%; margin-left: -5rem;}
.zhou03 .xcxal{left: 50%; margin-left: -40%;}
.zhou04 ul{left: 50%; margin-left: -40%;}
.zhou05 ul{left: 50%; margin-left: -40%;}
body::-webkit-scrollbar{display:none;}
.header .right .nav .item:hover .dropdown {display: block;}










}
*/
/*显示器大于801时候生效*/
@media screen and (min-width: 801px){

.zhou01 ul{left: 50%; margin-left: -6rem;}
.zhou02 ul{left: 50%; margin-left: -5rem;}
.zhou03 .xcxal{left: 50%; margin-left: -40%;}
.zhou04 ul{left: 50%; margin-left: -40%;}
.zhou05 ul{left: 50%; margin-left: -40%;}
body::-webkit-scrollbar{display:none;}
.header .right .nav .item:hover .dropdown {display: block;}
}







.backIndex{width: 100%;height: 1rem;}
.backIndex .fancy-button{text-align: center; margin-left: -0.775rem;padding: 0 0.7rem 0 0.35rem;height: 0.7rem;height: 0.7rem;padding: 0 0.7rem 0 0.35rem;line-height: 0.7rem;}

