@import "https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900";
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#666; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei"; background:#000 !important; overflow-x:hidden;-webkit-text-size-adjust:none;}
/*@import "font/HarmonyOSHans/HarmonyOSHans.css";
body{ margin:0; padding:0;font-size:0; line-height:100%; width:100%; color:#666; font-family:"HarmonyOSHans-Regular";background:#fff; overflow-x:hidden;-webkit-text-size-adjust:none;}*/

img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#555}
a:active,a:focus,a:hover{outline:none; color:#0087d2}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],textarea{-webkit-appearance:none;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei";}
div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea{box-sizing:border-box;outline:none;}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:32px; height:32px; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.myScroll{transform:translateY(150px);transition:transform 0.8s, opacity 0.8s;opacity:0;}
.myScroll.on{transform:none;opacity:1;}

.boxTop{position:fixed;top:0;left:0;width:100%;z-index:1000;/* height:4.6875vw; */}
.boxTop1{position:relative;box-sizing:border-box;width: 100%;text-align:right;display:block;/* margin:0 2% 0 2%; */background: rgba(0,0,0,0.7);padding: 0px;margin: 0px;}
.logo{position:absolute;left:0;width: 300px;margin-top: -20px;}


@font-face {
  font-family: "DINCond";
  src: url("../css/font/DINCond/DINCond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../css/font/DINCond/DINCond.ttf") format("truetype"),
       url("../css/font/DINCond/DINCond.eot") format("embedded-opentype"),
       url("../css/font/DINCond/DINCond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:4.6875vw;text-align:center;display:inline-block;vertical-align:middle;width:100%;padding: 0;display:none}
.boxNav li{display:inline-block;position:relative;padding:0 1.6vw;/* margin:0 0.4vw;*/}
.boxNav li span a{display:block;font-size:1vw;line-height:4.6875vw;color: #fff;}
.boxNav li span a:hover{color:#0087d2}
.boxNav li span i{ height:4px; background:#0087d2; width:100%; position:absolute; top:0; left:0; display:none}
.boxNav li .on i{ display:none;animation:ANavI 0.3s}
.boxNav li div{position:absolute; top:4.6875vw; left:0;width:100%; text-align:center;padding:0.78125vw;border-radius:0; z-index:2; display:none; background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.boxNav li div a{display:block;font-size:0.8vw;line-height:1.6em; padding:0.78125vw 0; color:#777;/* border-bottom:1px solid rgba(0,0,0,0.05);*/}
.boxNav li div a:hover{ background:#0087d2; color:#fff}
.boxNav li div a:last-child{ border:none}
/*.boxNav li:nth-child(3) div{ min-width:200px}
.boxNav li:nth-child(5) div{ width:120%}*/

.icoTop{display:inline-block;height:4.6875vw;position:absolute;top:0;right: 0;background:url(../images/bgTopRight.png) no-repeat left center/auto 55.5%;padding:1.302vw 1.04vw 0 0.52vw}
.icoTop a{position:relative;display:inline-block; vertical-align:middle; margin:0 0 0 0.52vw}
.icoTop a i{display:block;width:2.083vw; height:2.083vw; /*border:2px solid rgba(0,135,210,0.2);*/ border-radius:50%;}
.icoTop a div{position:absolute; top:3.385vw; right:-2.49vw; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:0.5vw 0; width:7vw}
.icoTop a span{display:inline-block; width:6vw;}
.icoTop a div img{width:6vw}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}


.topWx{}
.topWx i{background:url(../images/icoTopWx.png) no-repeat center/60% auto; }
.topWx:hover i{background:url(../images/icoTopWxWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff); border:none; }

.topSearch i{background:url(../images/icoTopSearch.png) no-repeat center/50% auto; }
.topSearch:hover i{background:url(../images/icoTopSearchWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff); border:none;}

.topShop i{background:url(../images/icoTopOa.png) no-repeat center/60% auto;}
.topShop:hover i{background:url(../images/icoTopOaWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff); border:none;}
.topShop div{width:16vw!important}
.topShop span{width:8vw!important}

.topLng i{}
.topLng:hover i{border:none;background-color:#0087d2}
.topLng font{font-size:12px; color:#898989; width:30px;line-height:30px; text-align:center; display:block; font-weight:bold}
.topLng:hover font{color:#fff}

.slogan{position:absolute; top:1.6145vw; right:8.854vw; height:1.3541vw;}

.bgTop{ background:rgba(255,255,255,0.9)!important;box-shadow:0 0 10px rgba(0,0,0,0.1);backdrop-filter:blur(60px)}
.bgTop .boxNav{ display:inline-block}


.whiteCon{background:none!important;} 
.whiteCon .boxNav li span a{color:#fff!important}
.whiteCon .boxNav li span a:hover{color:#fff!important}
.whiteCon .icoTop {background:url(../images/bgTopRightWhite.png) no-repeat left center/auto 55.5%!important;}
.whiteCon .icoTop a i{}
.whiteCon .topWx i{background:url(../images/icoTopWxWhite.png) no-repeat center/60% auto!important; }
.whiteCon .topSearch i{background:url(../images/icoTopSearchWhite.png) no-repeat center/50% auto!important; }
.whiteCon .topShop i{background:url(../images/icoTopOaWhite.png) no-repeat center/60% auto!important; }
.whiteCon .topLng font{color:#fff;}

.whiteCon .topWx:hover i{border:none!important;background:url(../images/icoTopWxWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff)!important;}
.whiteCon .topSearch:hover i{border:none!important; background:url(../images/icoTopSearchWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff)!important; }
.whiteCon .topShop:hover i{border:none!important; background:url(../images/icoTopOaWhite.png) no-repeat center/40% auto,linear-gradient(to bottom right,#0de9e8,#946bff)!important; }
.whiteCon .topLng:hover i{border:none!important; background-color:#0087d2}



.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:15px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:linear-gradient(to bottom right,#0de9e8,#946bff); font-size:16px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:linear-gradient(to bottom right,#0de9e8,#946bff);}




.banner{width:100vw;height:100vh;overflow:hidden; position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-repeat:no-repeat!important; background-position:center!important; background-size:cover!important; background:#000}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:0!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:8px; height:8px; background:#fff; opacity:1.0; border-radius:4px;}
.banner .swiper-pagination-bullet-active{background:#46f8ff; width:20px;}
.banner .swiper-button-prev{left:2%;margin-top:-1.5vw; width:3vw; height:3vw; border:2px solid #fff; background:url(../images/bannerJtLeft.png) no-repeat center/12px 12px;opacity:0.5; z-index:101; border-radius:100%;transition:all 0.1s; }
.banner .swiper-button-prev:hover{left:calc(2% - 10px);margin-top:-2vw; width:4vw; height:4vw;background:url(../images/bannerJtLeft.png) no-repeat center/12px 12px;opacity:1.0}
.banner .swiper-button-next{right:2%;margin-top:-1.5vw;width:3vw; height:3vw; border:2px solid #fff; background:url(../images/bannerJtRight.png) no-repeat center/12px 12px;opacity:0.5; z-index:101;border-radius:100%;transition:all 0.1s}
.banner .swiper-button-next:hover{right:calc(2% - 10px);margin-top:-2vw;width:4vw; height:4vw;background:url(../images/bannerJtRight.png) no-repeat center/12px 12px;opacity:1.0}

.banner .swiper-pagination-progressbar {background:rgba(0,135,210,1);left:0;top:auto;bottom:0;height:12px;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #e60028;}


.banner video{display:none;position:absolute;z-index:1;left:0;top:50%; width:100%;height:auto;transform:translateY(-50%);}
.banner .btnVideo{width:40px; height:40px; background:url(../images/icoVideo.png) no-repeat center/cover; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:4; display:none}
.bannerVideo{left:50%!important;top:0!important; width:auto!important;height:100%!important;transform:translateX(-50%)!important;}


.bannerImg{width:100%;height:100%;background-size:cover!important; opacity:1.0}
.bannerMask{position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:url(../images/bgBlack.png) no-repeat top center/100% auto; opacity:0.3}


/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:60px; position:fixed;top:0; left:0; z-index:100; display:none;}
.logoM{ position:absolute;left:15px; top:22px; height:36px;}

.openMenu{width:60px; height:60px; position:absolute; top:0; right:0;background:url(../images/openMenu.png) no-repeat center/cover;}
.closeMenu{width:60px; height:60px; position:absolute; top:0; left:-60px;background:#0087d2 url(../images/closeMenu1.png) no-repeat center; background-size:cover;}

.sloganM{position:absolute;right:60px; top:22px; height:16px;}

.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#fff url(../images/bgNavM1.jpg) no-repeat center bottom/cover;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:110px;}
.boxNavM li span a{display:block;font-size:13px;line-height:50px; color:rgba(0,0,0,0.6);}
.boxNavM li span a:hover{ color:#0087d2}
.boxNavM li .on a{color:#0087d2}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:50px; font-size:13px; text-align:left; color:rgba(0,0,0,0.6);}
.boxNavM li div a:hover{color:#0087d2}
.boxNavM li div .on{color:#0087d2}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icoSearchTopM.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/


.whiteConM{background:none!important;}
.whiteConM .openMenu{background:url(../images/openMenuWhite.png) no-repeat center/cover!important;}


.bannerM{width:100vw;height:133.333vw;overflow:hidden;position:relative; margin:0 0 0 0;display:none}
.bannerM img{width:100%}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:0!important;z-index:1; text-align:center;}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#46f8ff; width:20px;}
.bannerM .swiper-pagination-progressbar{background: rgba(0,135,210,1);left:0;top:auto;bottom:0;height:4px;}
.bannerM .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #e60028;}


.indQuit{width:100vw; margin:2px 0 0 calc((100% - 100vw)/2);background:#f5f9fc; }
.indQuit a{ display:inline-block; width:20%; border-right:2px solid #fff; text-align:center; padding:1vw 0 1.4vw 0;transition:all .5s}
.indQuit a:last-child{border:none}
.indQuit a h1{ text-align:center}
.indQuit a h1 img{ width:4.167vw}
.indQuit a h1 .iocIndQuit{}
.indQuit a h1 .iocIndQuitOn{display:none}
.indQuit a h2{font-size:1.25vw; line-height:1em; color:#666; margin:0.5vw 0 0 0}
.indQuit a:hover{ background:#0087d2}
.indQuit a:hover .iocIndQuit{display:none}
.indQuit a:hover .iocIndQuitOn{display:block; margin:0 auto}
.indQuit a:hover h2{color:#fff}



.indNav{color:#555; text-align:center; padding:4.5vw 0 3vw 0}
.indNav h1{font-size:2.4vw; line-height:1em; font-weight:bold; }
.indNav h2{font-size:1.25vw; line-height:1em; opacity:0.7; margin:1.04vw 0 0 0}


.bgIndApp{ width:100%; height:auto; background:url(/Img/zhutu2.png) no-repeat center/cover; }
.bgIndApp1{background:rgba(0,0,0,0.01);/*padding:5vw 0 5vw 0;*/padding:0;transition:all 0.3s;}
.bgIndApp1:hover{ background:rgba(0,0,0,0.3)}
.bgIndApp .indNav{ color:#fff!important}

.indApp{ width:100%;height:32vw;/*height:28vw;*/margin:0 0 0 0; overflow:hidden}
.indApp ul{width:100%; height:100%; display:block; margin:0 auto;}
.indApp li{display:inline-block; width:16.666%; height:100%; border-left:1px solid rgba(255,255,255,0.2); position:relative; color:#fff;transition:all 0.3s ease;  text-align:left; background-repeat:no-repeat!important; background-position:right center!important; background-size:cover!important}
.indApp li h1{text-align:center; width:100%; position:absolute; top:50%; margin-top:-80px;transition:all .3s ease-out .2s; z-index:1;}
.indApp li h1 i{display:inline-block; text-align:center}
.indApp li h1 img{margin:0 0 20px 0; width:6.25vw; max-width:120px;}
.indApp li h1 p{font-size:1.875vw; font-weight:bold;line-height:1em; }
.indApp li h2{font-size:1.5625vw; line-height:1em;opacity:0;position:absolute; top:100%; width:calc(100% - 80px);  text-align:justify; transition:all .5s ease-out .2s;z-index:1}
.indApp li h3{position:absolute; top:120%; left:60px; opacity:0;transition:all .7s ease-out .2s;z-index:1}
.indApp li h4{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; z-index:0}
.indApp li h5{position:absolute; top:0; left:0;height:100%; width:6px;background:url(../images/colorLine.png) no-repeat center; display:none}

.indApp:hover h1{margin-top:-80px;}
.indApp:hover h1 img{max-width:70%;}
.indApp:hover h1 p{font-size:1.458vw;}

.indApp .on{ width:50%!important; border:none;padding:0 60px}
.indApp .on h1{text-align:left; top:9vw; }
.indApp .on h1 img{margin:0 0 10px 0;width:6.25vw; max-width:120px;}
.indApp .on h1 p{font-size:1.875vw; }
.indApp .on h2{ opacity:1; top:14.5vw}
.indApp .on h3{opacity:1;top:18vw}
.indApp .on h4{opacity:0;}
.indApp .on h5{ display:block}


.btnMore{line-height:2.6vw; height:2.6vw; width:6.6vw;  display:block; margin:0 auto; overflow:hidden; position:relative; z-index:1}
.btnMore a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMore i{display:inline-block; padding:0 1.2vw 0 0; font-size:0.73vw; color:#fff; background:url(../images/icoMore.png) no-repeat right center/0.6vw 0.6vw; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore span{border:1px solid #fff;position:absolute; width:100%; height:100%; display:block;border-radius:3px;}
.btnMore div{position:absolute; left:0; top:0; width:0; height:100%; background:#fff;z-index:1;transition:all 0.3s ease; border-radius:3px;}
.btnMore:hover i{color:#555; background:url(../images/icoMore1.png) no-repeat right center/0.6vw 0.6vw;}
.btnMore:hover div{width:100%;}


.boxIndPro{width:100%; overflow:hidden;padding:0 0 5vw 0}
.indPro{width:100%; padding:0 0 0 0; overflow:hidden}
.indPro li{width:calc((100% - 150px)/4);height:calc((100vw - 150px)/4); margin:0 0 0 30px; border-radius:10px; display:inline-block; overflow:hidden; position:relative; vertical-align:top; background-repeat:no-repeat!important; background-position:center!important; background-size:cover!important;display:flex; align-items:center; float:left}
.indPro li h1{font-size:1.04vw;  text-align:center; line-height:1em; color:#fff; margin:0 auto; position:relative; z-index:1; display:block}
.indPro li h1 i{font-size:1.66vw; font-weight:bold; display:block;line-height:1em; background:url(../images/bgTitleLine.png) no-repeat center bottom; margin:0 0 5px 0; padding:0 0 18px 0}
.indPro li h1 font{letter-spacing:0.1vw;}
.indPro li h3{ position:absolute; bottom:-2.6vw; left:50%; margin:0 0 0 -3.3vw;transition:all 1s ease}
.indPro li:hover h3{bottom:3.125vw;}
.indPro li h6{ position:absolute; width:8vw; height:8vw; top:50%; left:50%; margin:-4vw 0 0 -4vw; border-radius:100%; transition:all 1s ease}
.indPro li:hover h6{width:150%; height:150%; top:-25%;left:-25%; margin:0;}

.indPro li:nth-child(1) h6{background:rgba(0,135,210,0.7);}
.indPro li:nth-child(2) h6{background:rgba(234,56,27,0.7);}
.indPro li:nth-child(3) h6{background:rgba(68,176,136,0.7);}
.indPro li:nth-child(4) h6{background:rgba(37,110,151,0.7);}



.indLink{ width:100%; overflow:hidden}
.indLink a{display:inline-block; width:calc((100% - 30px)/3);height:calc(((100vw - 30px)/2*0.78 - 30px)/2); margin:0 0 30px 30px; float:left;/overflow:hidden; position:relative}
.indLink a div{width:100%; height:100%; overflow:hidden}
.indLink a div img{width:100%; height:100%;transition:transform 0.5s;}
.indLink a h1{ position:absolute; bottom:30px; left:0; width:100%; text-align:center; color:#fff}
.indLink a h1 i{font-size:1.875vw;font-weight:bold;line-height:1em;}
.indLink a h1 font{font-size:0.73vw;line-height:1em; display:block; margin:10px 0 0 0}
.indLink a h2{position:absolute; width:5vw; height:5vw;background:rgba(0,0,0,0.2) url(../images/icoVideo.png) no-repeat center/30% 30%; top:50%; left:50%; margin:-2.5vw 0 0 -2.5vw; border-radius:50%}
.indLink a:nth-child(1){width:calc((100% - 30px)/3*2);height:calc((100vw - 30px)/2*0.78); margin-left:0}
.indLink a:hover div img{transform:scale(1.2);}
.indLink a:hover font{color:#e60028}



.btnMore1{line-height:2.6vw; height:2.6vw; width:6.6vw;  display:block; margin:0 auto; overflow:hidden; position:relative; z-index:1}
.btnMore1 a{width:100%; height:100%;display:block; position:relative; overflow:hidden; margin:0 auto; text-align:center;}
.btnMore1 i{display:inline-block; padding:0 1.2vw 0 0; font-size:0.73vw; color:#777; background:url(../images/icoMore1.png) no-repeat right center/0.6vw 0.6vw; position:relative; z-index:2;transition:all 0.3s ease;}
.btnMore1 span{border:1px solid #777;position:absolute; width:100%; height:100%; display:block;border-radius:3px;}
.btnMore1 div{position:absolute; left:0; top:0; width:0; height:100%; background:#0087d2;z-index:1;transition:all 0.3s ease; border-radius:3px;}
.btnMore1:hover i{color:#fff; background:url(../images/icoMore.png) no-repeat right center/0.6vw 0.6vw;}
.btnMore1:hover div{width:100%;}

.marginB100{margin-bottom:5vw}

.indRy{width:100%; height:40.9895vw; background:url(../images/indexRy.jpg) no-repeat center/cover;}
.indRy .btnMore1{margin-top:18vw}


/*.indNews{width:100%; padding:0 0 4vw 30px; overflow:hidden;position:relative;}
.indNews a{ width:calc((100% - 120px)/4); margin:0 30px 0 0; display:inline-block; vertical-align:top}
.indNews a:last-child{ margin-right:0}
.indNews a div{width:100%;height:calc((100vw - 120px)/4*0.667); max-height:300px; overflow:hidden}
.indNews a div img{width:100%; height:100%; transition:transform 0.5s;}
.indNews a span{display:block; background:url(../images/bgNewsTitle.png) no-repeat top left; padding:20px 0 0 25px}
.indNews a h1{  font-size:clamp(16px,1.145vw,22px);line-height:1.4em; font-weight:bold; text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.indNews a h2{font-size:clamp(8px,0.73vw,14px);line-height:1em; color:#aaa; margin:20px 0 0 0}
.indNews a h2 i{ float:right}

.indNews a:hover div img{transform:scale(1.2);}
.indNews a:hover i{color:#e60028}*/

.indNews{width:100%; padding:0 0 4vw 30px; overflow:hidden;position:relative;}
.indNews .swiper-slide{width:calc((100% - 120px)/4);margin:0 30px 0 0; position:relative; overflow:hidden;}
.indNews .swiper-slide a{ width:100%; display:inline-block;  overflow:hidden}
.indNews a div{width:100%;height:calc((100vw - 120px)/4*0.667); max-height:300px; overflow:hidden}
.indNews a div img{width:100%; height:100%; transition:transform 0.5s;}
.indNews a span{display:block; background:url(../images/bgNewsTitle.png) no-repeat top left; padding:20px 0 10px 25px}
.indNews a h1{font-size:1.145vw;line-height:1.4em; font-weight:bold; text-align:justify;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical; overflow:hidden}
.indNews a h2{font-size:0.73vw;line-height:1em; color:#aaa; margin:20px 0 0 0}
.indNews a h2 i{ float:right}
.indNews a:hover div img{transform:scale(1.2);}
.indNews a:hover i{color:#e60028}

.indNews .swiper-pagination{bottom:0!important;z-index:1; text-align:center; display:none}
.indNews .swiper-pagination-bullet{width:6px; height:6px; background:#898989; opacity:1.0; border-radius:3px; }
.indNews .swiper-pagination-bullet-active{background:#0087d2; }

/*.bannerM{width:100vw;height:133.333vw;overflow:hidden;position:relative; margin:0 0 0 0;display:none}
.bannerM img{width:100%}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-size:cover!important}
.bannerM .swiper-pagination{bottom:0!important;z-index:1; text-align:center;}
.bannerM .swiper-pagination-bullet{width:6px; height:6px; background:#fff; opacity:1.0; border-radius:3px; }
.bannerM .swiper-pagination-bullet-active{background:#46f8ff; width:20px;}
.bannerM .swiper-pagination-progressbar{background: rgba(0,135,210,1);left:0;top:auto;bottom:0;height:4px;}
.bannerM .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #e60028;}*/



.indAppM{display:none}
.indProM{display:none}


.boxFoot{width:100%; background:#898989;color:#fff;position:relative; z-index:1;}
.boxFoot a{color:#fff}
.boxFoot a:hover{color:#fff}
.boxFoot1{ padding:3vw 2% 6vw 2%;}
.footNav{display:inline-block; width:70%;}
.footNav li{ display:inline-block; padding:0 6vw 0 0;line-height:28px; vertical-align:top}
.footNav li:last-child{ padding:0}
.footNav li span{font-size:1.04vw; font-weight:bold}
.footNav li div{}
.footNav li div a{font-size:0.83vw; display:block}
.footNav li a:hover{ opacity:0.6; text-decoration:underline}
.footEwm{display:inline-block; width:30%; text-align:right}
.footEwm a{display: inline-block;
    vertical-align: top;
    width: 8.2vw;
    margin: 0 0 0 0.925vw;
    text-align: center;}
.footEwm a img{width:100%}
.footEwm a i{font-size:0.83vw; line-height:36px; display:block}

.footLink{ position:absolute; right:2%; bottom:0.52vw; width:13.54vw;}
.footLink span{ width:100%; display:block; padding:0 0 0 15px;height:2.08vw; line-height:2.08vw; border-radius:3px;font-size:0.729vw; background:url(../images/icoLink.png) no-repeat right center; background-color:rgba(255,255,255,0.1); cursor:pointer}
.footLink div{ position:absolute; bottom:2.08vw; width:100%; background:#fff; padding:5px 15px; display:none}
.footLink div a{font-size:0.729vw; line-height:30px; display:block; color:#555}
.footLink div a:hover{color:#0087d2}
.footLink .on{background:url(../images/closeMenu1.png) no-repeat right center/auto 100%!important;background-color:rgba(255,255,255,0.1)!important;}
/*.footLink:hover div{display:block}*/

.boxfoot2{ background:url(../images/bgFoot.png) no-repeat center/cover; width:100%; height:3.125vw; line-height:3.125vw;font-size:0.729vw; padding:0 calc(2% + 13.54vw) 0 2%;}
.boxfoot2 span{ float:right; display:inline-block; padding:0 10px 0 0}
.boxfoot2 span a{display:inline-block; padding:0 10px 0 0 ; margin:0 0 0 10px; background:url(../images/lineWhite.png) no-repeat right center/1px 14px}
.boxfoot2 span a img{ width:20px;}
.boxfoot2 span a:hover{opacity:0.6; text-decoration:underline}
.icoIpv6{ display:inline-block; font-size:10px; font-family:arial; border:1px solid #fff; padding:3px 5px; border-radius:3px; vertical-align:middle; line-height:10px; margin:0 0 0 10px}

/*------------------------zhezhao------------------------*/
.boxZhezhao{background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center; display:none}
.boxZhezhao video{width:100%; height:100%;}
.closeZhezhao{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(/images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhao:hover{ transform:rotateZ(180deg);}
/*------------------------zhezhao------------------------*/


.subBanner{width:100vw; height:27vw; background-position:center!important; background-repeat:no-repeat!important;background-size:cover!important;margin:4.6875vw 0 0 calc((100% - 100vw)/2);position:relative; }
.subBanner div{position:absolute; top:50%; margin:-1.8vw 0 0 0; left:0; color: #f5570c !important;width:100%; z-index:2}
.subBanner div span{ width:90%;max-width:1440px; display:block; margin:0 auto}
.subBanner div h1{font-size:14px; line-height:14px; display:none}
.subBanner div h2{font-size:2.6vw; line-height:1.3em;font-weight:bold;margin:0 0 0 0}
.subBanner h1 a{ display:inline-block; vertical-align:middle;padding:0 17px 0 0; margin:0 12px 0 0; background:url(../images/icoCurJt.png) no-repeat center right; color:#f5570c}
.subBanner h1 a:last-child{ background:none; margin:0; padding:0}
.subBanner h1 a:hover{color:#fff}


.subBanner1{width:100vw; height:27vw; background-position:center!important; background-repeat:no-repeat!important;background-size:cover!important;margin:4.6875vw 0 0 calc((100% - 100vw)/2);position:relative; }
.subBanner1 div{position:absolute; top:calc((100% - 6.25vw)/2); margin:-3.6vw 0 0 0; left:0;  color:#fff; width:100%; z-index:2}
.subBanner1 div span{ width:90%;max-width:1440px; display:block; margin:0 auto; text-align:center; }
.subBanner1 div h1{ font-size:14px; line-height:14px; }
.subBanner1 div h2{font-size:2.6vw; line-height:1.3em;font-weight:500;margin:15px 0 0 0}
.subBanner1 div h3{font-size:3.125vw;line-height:1em; color:#0087d2; font-weight:bold;display:block; }
.subBanner1 div h3 i{font-size:1.5vw;line-height:1em; color:rgba(0,0,0,0.2); display:block; margin-top:10px; text-transform:uppercase}
.subBanner1 div h3 font{letter-spacing:0.8vw}

.textWhite h3{color:#fff!important}
.textWhite h3  i{color:rgba(255,255,255,0.2)!important}


.subBannerAbout{/*height:calc(100vh - 4.875vw);*/ height:47.39vw}
.subBannerAbout div{top:5vw!important; margin:0!important;}
.subBannerAbout div h2{ }
.subBannerAbout div h3{padding:20px 0 0 60px; }
.subBannerAbout div h3 i{ background:url(../images/icoLxWhite.png) no-repeat left center; font-size:1.145vw; line-height:1.75em; color:#f5570c; padding:0 0 0 20px; display:block} 
.subBannerAbout h5{position:absolute; bottom:0; left:0;background:url(../images/bgBannerAbout.png) no-repeat left center/auto 100%; width:100%; height:3vw}

.subBannerPpln{/*height:calc(100vh - 4.875vw);*/ height:47.39vw}
.subBannerPpln div{top:3vw!important; margin:0!important;}

.boxMax{ width:90%; max-width:1440px; display:block; margin:0 auto}

.aboutCon{ width:90%; max-width:1440px; display:block; margin:0 auto; overflow:hidden}
.aboutConText{font-size:0.9375vw; line-height:1.5em; text-align:justify; padding:5vw 0}
.aboutConText p{text-indent:2em}

.qywhList{ padding:0 0 5vw 0}
.qywhList li{ display:inline-block; width:calc((100% - 60px)/3); padding:20px 0; border-radius:6px; margin:0 30px 0 0; text-align:center}
.qywhList li:nth-child(1){background:#0087d2}
.qywhList li:nth-child(2){background:#e60028}
.qywhList li:nth-child(3){background:#858585; margin:0}
.qywhList li img{display:inline-block; vertical-align:middle; opacity:0.5}
.qywhList li span{display:inline-block; vertical-align:middle;  color:#fff; margin:0 0 0 10px; text-align:left}
.qywhList li span h1{font-size:0.9375vw;line-height:1.5em; font-weight:500}
.qywhList li span h2{font-size:0.8vw;line-height:1.5em;}


.navTitle{ padding:5vw 0 4vw 0; text-align:center;}
.navTitle h1{ font-size:2vw; font-weight:bold; line-height:1em}

.navTitle1{ padding:5vw 0 3vw 0; text-align:center;}
.navTitle1 h1{font-size:2vw; font-weight:bold; line-height:1em}
.navTitle1 i{ display:block; width:8vw; height:4px; border-radius:2px;background:linear-gradient(to right,#946bff,#5983fb,#0de9e8); margin:1.5vw auto 0 auto}

/*------------------------fzlc------------------------*/
.bgFzlc{width:100%; /*height:44vw;*/ background:url(../images/bgFzlc.jpg) no-repeat center/cover; overflow:hidden}
.boxFzlc{float:right; display:block;width:95%;max-width:calc((100% - 1440px)/2 + 1440px);height:30vw; position:relative; margin:-4vw 0 0 0;}
.aboutFzlcList{width:100%; height:100%;position:relative;/*overflow:hidden*/}
.aboutFzlcList .swiper-slide{width:25%; /*min-width:310px;*/ height:21vw; position:relative; overflow:hidden; background:url(../images/bgLineFzlc.png) no-repeat 5px 15px/2px 100%; padding:0 50px 0 30px; display:inline-block;overflow:hidden;overflow-y:auto;transition:all 0.5s ease;top:4vw; }
.aboutFzlcList .swiper-slide:nth-child(odd){margin:5vw 0 0 0}
.aboutFzlcList .swiper-slide i{display:inline-block; width:12px; height:12px; background:#0087d2; border-radius:50%; position:absolute; top:15px; left:0}
.aboutFzlcList .swiper-slide h1{font-size:1.5625vw;line-height:42px; font-weight:bold; color:#0087d2;margin:0 0 20px 0}
.aboutFzlcList .swiper-slide h3{font-size:0.9375vw;line-height:1.5em; }
.aboutFzlcList .swiper-slide h3 p{display:block; padding:0 0 0 15px; background:url(../images/bgLi1.png) no-repeat 0 0.5vw; text-align:justify}

/*.aboutFzlcList .swiper-slide-active{top:2vw!important}
.aboutFzlcList .swiper-slide-active h3{color:#0087d2}*/
.aboutFzlcList .swiper-slide:hover{top:5vw;transform:scale(1.15)}
.aboutFzlcList .swiper-slide:hover h3{color:#0087d2}


.swiperBtn{text-align:center; width:100%; padding:0 0 5vw 0; position:relative; z-index:2}
.swiperBtn a{width:2.6vw; height:2.6vw; display:inline-block; vertical-align:middle; border:2px solid rgba(0,0,0,0.5); border-radius:50%; overflow:hidden}
.swiperBtn .btnPre{background:url(../images/icoJtL.png) no-repeat center/20% 20%; margin:0 1vw 0 0}
.swiperBtn .btnPre:hover{background:#0087d2 url(../images/icoJtLHover.png) no-repeat center/20% 20%; border:2px solid #0087d2}
.swiperBtn .btnNext{background:url(../images/icoJtR.png) no-repeat center/20% 20%;margin:0 0 0 1vw}
.swiperBtn .btnNext:hover{background:#0087d2 url(../images/icoJtRHover.png?v=1.0) no-repeat center/20% 20%; border:2px solid #0087d2}
.swiperBtn .swiperNum{display:inline-block; width:auto; padding:0 1vw; font-size:0.73vw; line-height:50px; vertical-align:middle; }

.fl{float:left}
/*------------------------fzlc------------------------*/

/*------------------------ryzz------------------------*/
.boxRyzz{ width:90%; max-width:1440px; height:45vw; max-height:660px; margin:0 auto 100px auto; display:block; position:relative; background:url(../images/bgRyzz.jpg) no-repeat center/cover; text-align:center; color:#fff;}
.boxRyzz h1{ font-size:1.6vw; line-height:1em; padding:4vw 0 3vw 0}
.boxRyzz h1 i{ letter-spacing:1.5vw;}
.boxRyzz ul{ width:100%; overflow:hidden; padding:0 2%;}
.boxRyzz li{width:25%; height:6.5vw; max-height:94px; background:url(../images/bgRyzzList.png) no-repeat center/auto 100%; font-size:0.9375vw; line-height:1.5em; float:left; display:flex;align-items:center;justify-content:center; margin:0 0 3vw 0}
.boxRyzz h2{position:absolute; right:30px; bottom:30px; font-size:0.73vw; line-height:1em; opacity:0.6}
/*------------------------ryzz------------------------*/



/*------------------------ppln------------------------*/
.pplnText{font-size:0.9375vw;line-height:1.75em; width:100%; max-width:1100px; display:block; margin:0 auto 5vw auto; text-align:justify}
.pplnText p{ text-indent:2em}

.pplnList{}
.pplnList li{width:100%; height:30.5vw; max-height:440px;overflow:hidden; margin-bottom:5vw; background:url(../images/icoYhL.png) no-repeat top left;}
.pplnList li div{width:50%; display:inline-block; height:100%; display:flex; align-items:center;justify-content:center; float:left}
.pplnList li div span{display:block; width:100%; padding:0 0 0 12%;}
.pplnList li img{border-radius:3px; width:50%; float:right;}
.pplnList li h1{font-size:2vw; font-weight:bold; line-height:1em}
.pplnList li h2{font-size:1.35vw; color:#aaa; line-height:2em;text-transform:uppercase}
.pplnList li h3{width:8vw; height:4px; border-radius:2px;background:linear-gradient(to right,#946bff,#5983fb,#0de9e8); margin:10px 0 20px 0; }
.pplnList li h4{font-size:1.35vw; line-height:1em}
.pplnList li:nth-child(even){background:url(../images/icoYhR.png) no-repeat top right;}
.pplnList li:nth-child(even) img{float:left}
/*------------------------ppln------------------------*/

/*------------------------job------------------------*/
.jobList{ padding:5vw 0 0 0; width:100%}
.jobList a{display:block; border:1px solid #eee; padding:40px 120px 40px 40px; position:relative; border-radius:3px; box-shadow:0 5px 20px rgba(0,0,0,0.05); margin-bottom:30px;}
.jobList a h1{font-size:1.45vw; line-height:1em;}
.jobList a h2{ font-size:14px; color:#aaa; line-height:14px; margin:15px 0 0 0}
.jobList a h3{position:absolute; right:30px; top:50%; margin-top:-15px; width:30px; height:30px; border:1px solid #777;border-radius:50%}
.jobList a h3 i{width:100%; height:100%;background:url(../images/icoJtR1.png) no-repeat center; display:block}
.jobList a:hover h3{background:linear-gradient(to right,#946bff,#5983fb,#0de9e8); border:none}
.jobList a:hover h3 i{background:url(../images/icoJtR1Hover.png) no-repeat center; }
/*------------------------job------------------------*/






/*----------------subNav-----------------*/
.subNav{width:100%; height:6.25vw; margin:-6.25vw 0 0 0; text-align:center; border-bottom:4px solid #0087d2; position:relative; z-index:2; background:rgba(255,255,255,0.9)}
.subNav ul{ width:100%; height:100%; position:relative;}
.subNav li{display:inline-block;height:100%; vertical-align:top}
.subNav li span{display:inline-block; width:auto; height:100%; overflow:hidden;}
.subNav li span a{text-align:center;margin:1vw auto;height:calc(100% - 2vw);position:relative; z-index:1; color:#888; border:1px solid #ccc; border-radius:6px;display:flex; align-items:center; padding:0 2.5vw}
.subNav li span a h6{font-size:0.98vw; line-height:1em;}
.subNav li span a i{font-size:1.46vw;display:block;line-height:1em; color:#555;font-weight:bold; margin:0 0 0.3vw 0;display:block; width:100%}
.subNav li span a font{letter-spacing:0.25vw;}

.subNav .on{/*background:url(../images/subNavJt.png) no-repeat bottom center/2vw auto;*/}
.subNav .on a{background:#0087d2; border:1px solid #0087d2; color:#fff}
.subNav .on i{ color:#fff}


.subNav li div{position:absolute;top:6.25vw; left:0;width:100%;text-align:left;padding:1vw 0;border-radius:0; z-index:2; display:none; background:rgba(255,255,255,0.6);box-shadow:0 5px 10px rgba(0,0,0,0.03); text-align:center}
.subNav li div a{display:inline-block;font-size:0.8vw;line-height:1.75em; padding:0 15px; color:#555;/* border-bottom:1px solid rgba(0,0,0,0.05);*/}
.subNav li div a:hover{ background:#0087d2; color:#fff; border-radius:3px}
.subNav li div a:last-child{ border:none}
.subNav li:nth-child(1) div{ padding-right:75%;}
.subNav li:nth-child(2) div{ padding:1vw 50% 1vw 25%; }
.subNav li:nth-child(3) div{ padding:1vw 25% 1vw 50%; }
.subNav li:nth-child(4) div{ padding-left:75%}



.subNavIco{width:100%; height:6.25vw; margin:-6.25vw 0 0 0; text-align:center; border-bottom:4px solid #0087d2; position:relative; z-index:2; background:rgba(255,255,255,0.9)}
.subNavIco a{text-align:center;position:relative; z-index:1; display:inline-block; vertical-align:middle;height:100%;}
.subNavIco a h1{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; height:100%; width:4.16vw;}
.subNavIco a h1 img{width:100%;}
.subNavIco a .icoSubNav{position:absolute; top:0.9vw; left:0;transition:all .3s}
.subNavIco a .icoSubNavOn{position:absolute; top:100%; left:0;transition:all .3s}
.subNavIco a h2{ display:inline-block; vertical-align:middle; font-size:1.35vw; color:#555; line-height:calc(6.25vw - 4px)}


.subNavIco .on{background:url(../images/subNavJt.png) no-repeat bottom center/2vw auto; color:#0087d2}
.subNavIco .on .icoSubNav{top:-100%;}
.subNavIco .on .icoSubNavOn{top:0.9vw;}
.subNavIco .on h2{ color:#0087d2}
/*----------------subNav-----------------*/



.newsNav{ border-bottom:1px solid #eee}
.newsNav div{ width:90%; max-width:1440px; display:block; margin:0 auto}
.newsNav a{display:inline-block; width:50%; font-size:1vw; line-height:3.2vw; text-align:center}
.newsNav .on{ background:#0087d2; color:#fff}
/*------------------------newsList------------------------*/
.newsList{ padding:0 0 0 0}
.newsList a{display:block; padding:3.5vw 0; border-bottom:1px solid #eee;}
.newsImg{display:inline-block; vertical-align:top; width:28%; overflow:hidden; border-radius:6px}
.newsImg img{width:100%;transition:transform 0.5s;}

.newsList span{display:inline-block;vertical-align:top; margin:20px 0 0 0;  width:72%; position:relative; padding:0 0 0 15%;}

.newsDate{ position:absolute; left:7%; top:0; }
.newsDate h1{ font-size:1.5vw;line-height:1.5em;font-weight:bold}
.newsDate h2{ font-size:0.9vw;line-height:1.5em;}

.newsTitle{display:inline-block; vertical-align:middle; width:100%}
.newsTitle h1{font-size:1.5vw;line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsTitle h2{font-size:0.9vw;line-height:1.75em;color:#999; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-align:justify; margin:15px 0 30px 0}
.newsTitle h3{ width:48px; height:26px;border:1px solid #777;border-radius:13px;}
.newsTitle h3 i{display:block; width:100%; height:100%;background:url(../images/icoJtNews.png) no-repeat center;}

.newsTitle h4{display:none}


.newsList a:hover .newsTitle h3{ border:none; background:linear-gradient(to right,#946bff,#5983fb,#0de9e8)}
.newsList a:hover .newsTitle h3 i{ background:url(../images/icoJtNewsHover.png) no-repeat center;}
.newsList a:hover img{transform:scale(1.1);}
/*------------------------newsList------------------------*/


/*-----------------分页-----------------*/
.boxPage{width:100%; max-width:1440px; overflow:hidden; margin:3vw auto 5vw auto; font-size:0; font-family:Arial, Helvetica, sans-serif; text-align:center}
.boxPage a{display:inline-block;font-size:14px;color:#555;width:40px; height:40px;text-align:center; line-height:38px; margin:0 5px; border-radius:20px; border:1px solid #ddd;vertical-align:middle}
.boxPage a:hover{ color:#fff; background:linear-gradient(to bottom,#0de9e8,#5983fb); border:none}
.curPage{color:#fff!important;  background:linear-gradient(to bottom,#0de9e8,#5983fb)!important; border:none!important}
.numPage{ display:inline-block; vertical-align:middle}
.prePage{ width:auto!important; padding:0 25px;}
.nextPage{ width:auto!important;padding:0 25px;}

.boxPage span{font-size:12px;line-height:36px;margin:0 10px;display:none; vertical-align:middle}

/*-----------------分页-----------------*/


/*--------------------------------show--------------------------------*/

.boxShow{width:100%; margin:4.6875vw 0 0 0; background:url(../images/bgShow.png) no-repeat top center/100% 690px; overflow:hidden}
.showMax{width:90%; max-width:1100px; display:block; margin:0 auto; position:relative}

.showCur{width:100%; line-height:26px; font-size:14px; color:#999; padding:4vw 0}
.showCur div{ width:100%;}
.showCur a{ display:inline-block; vertical-align:middle;padding:0 0 0 20px; margin:0 0 0 15px; background:url(../images/icoCurLine.png) no-repeat center left; color:#999}
.showCur a:first-child{ background:none; margin:0; padding:0}
.showCur a:hover{color:#0087d2}

.boxShow1{width:100%; padding:3vw 4vw; background:#fff; box-shadow:0 5px 30px rgba(0,0,0,0.05); border-radius:6px; margin-bottom:5vw}

.showLeft{display:inline-block; vertical-align:top;  width:100%;overflow:hidden}
.showTitle{padding:0 0 10px 0;font-size:1.67vw;line-height:1.5em; font-weight:500; text-align:center} 
.showInfo{color:#999; font-size:14px; line-height:20px; border-bottom:2px solid #ebebeb; padding-bottom:32px; margin-bottom:30px; text-align:center}
.showInfo i{ margin-right:10px}
.showCon{width:100%;font-size:0.9vw;line-height:1.75em; overflow:hidden;text-align:justify}
.showCon img{width:auto; max-width:100%;height:auto!important; }

.showTitleJob{}
.showTitleJob h1{font-size:1.14vw;line-height:1.5em; font-weight:500;}
.showTitleJob h2{font-size:1.67vw;line-height:1.75em; font-weight:500;}
.showInfoJob{color:#999; font-size:13px; line-height:20px; border-bottom:2px solid #ebebeb; padding:10px 0 32px 0;}
.showInfoJob i{ margin-right:10px; border-right:1px solid #eee; padding:0 10px 0 0}
.showInfoJob i:last-child{margin:0; padding:0; border:none}
.showJobNav{margin:30px 0 20px 0}
.showJobNav i{font-size:14px;line-height:1.5em; display:inline-block; border:1px solid #aaa; padding:10px 20px; border-radius:6px;}


.showVideo{ width:100%; height:auto;display:block; margin:0 0 30px 0}

.showRight{display:inline-block; vertical-align:top; width:100%;overflow:hidden;border-top:1px solid rgba(0,0,0,0.1); margin:60px 0 0 0; display:none}
.showRight a{display:block; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:40px 0; font-size:16px; line-height:26px}
/*.showRight a:last-child{ border:none}*/
.showRight a h1{width:100px; line-height:36px; font-size:12px;color:#fff; background:#1859a0; border-radius:3px; text-align:center; margin:0 0 10px 0}
.showRight a h2{ color:#999}
/*--------------------------------show--------------------------------*/


/*------------share------------*/
.btnShare1{ position:absolute; top:4vw; right:0; width:auto; text-align:center}
.btnShare1 i{font-size:14px; display:inline-block; color:#999; line-height:14px; vertical-align:middle; line-height:26px;background:url(../images/icoFx.png) no-repeat left center; padding:0 0 0 26px}
.icoShare{ display:inline-block;vertical-align:middle;}
.icoShare a{display:inline-block;   overflow:hidden;vertical-align:middle; margin:0 0 0 5px}
.icoShare div{width:26px; height:26px; line-height:0; font-size:0; text-align:center;display:inline-block; border-radius:50%; overflow:hidden}
.icoShare a img{ margin-top:2px; width:22px;}
.btnShare1 .shareWx div{background-color:#61be42}
.btnShare1 .shareWb div{background-color:#db3636}
.btnShare1 .shareQz div{background-color:#f0cb63}
.btnShare1 .shareQq div{background-color:#367fde}
.btnShare1 .shareMore div{background-color:#4cace3}
.btnShare1 a:hover div{opacity:0.7}
.btnShare1Fixed{}

.boxEwmFx{ position:fixed; width:232px; height:258px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1002; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none}
.boxEwmFx a{display:block;height:26px; width:100%;}
.boxEwmFx img{width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; z-index:1001; top:0; left:0; display:none}

.bshare-custom{ display:inline-block; margin-left:5px; vertical-align:middle}
.bsBox,.bsBox div,.bsBox span{box-sizing:content-box}
#bsPanelHolder div,#bsPanelHolder span{box-sizing:content-box}
/*------------share------------*/

/*--------------------------------cggg--------------------------------*/
.cgggList{ width:100%; border-radius:6px; background:#fff; box-shadow:0 5px 30px rgba(0,0,0,0.05); margin:4vw 0 0 0; padding:20px 60px}
.cgggList a{ display:block; border-bottom:1px solid #eee; padding:25px 120px 25px 40px; background:url(../images/icoPdf.png) no-repeat 0 32px; position:relative}
.cgggList a:last-child{ border:none}
.cgggList a h1{font-size:1.15vw; line-height:1.75em;}
.cgggList a h2{ font-size:14px; color:#aaa; line-height:14px; margin:10px 0 10px 0; letter-spacing:2px}
.cgggList a h3{position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; border:1px solid #777;border-radius:50%}
.cgggList a h3 i{width:100%; height:100%;background:url(../images/icoJtR1.png) no-repeat center; display:block}
.cgggList a:hover h3{background:linear-gradient(to right,#946bff,#5983fb,#0de9e8); border:none}
.cgggList a:hover h3 i{background:url(../images/icoJtR1Hover.png) no-repeat center; }
/*--------------------------------cggg--------------------------------*/




/*------------contact------------*/
.navTitleLine{margin:5vw 0 0 0; padding:0 0 40px 30px; border-bottom:1px solid #eee; font-size:2vw; line-height:1em; background:url(../images/bgNavTitle.png) no-repeat left top/auto calc(106% - 40px);}

.boxContact{ padding:3vw 0 3vw 0}
.boxContact li{display:inline-block; width:50%; vertical-align:top}
.boxContact li img{display:inline-block; vertical-align:middle; background:linear-gradient(to bottom right,#0de9e8,#946bff); border-radius:50%}
.boxContact li h1{display:inline-block; vertical-align:middle; font-size:1.05vw; line-height:1.5em; margin:0 0 0 25px}
.boxContact li h1 strong{display:block}

.contactMap{width:100%; height:500px; margin:0 0 5vw 0}

.bgBoxBlue{width:100%; background:#f5f9fc; overflow:hidden;}

.boxMsg{width:90%; max-width:1440px; height:560px;/*height:38vw; max-height:560px;*/ margin:5vw auto; display:block; background:#fff}
.boxMsg h1{width:38%; height:100%; display:inline-block;vertical-align:top; background:url(../images/imgContact1.jpg) no-repeat center/cover;font-size:2vw;line-height:1em; color:#fff; padding:45px 0 0 45px}
.boxMsg ul{width:62%; display:inline-block;vertical-align:top; padding:45px 80px;}
.boxMsg li{ padding:14px 0; position:relative}
.boxMsg li i{font-size:0.9vw; line-height:1em;width:85px; display:inline-block; vertical-align:middle}
.msgInput{width:calc(100% - 85px); border:1px solid #aaa; height:40px; padding:5px; background:#fff;}
.msgInputShort{width:30%; border:1px solid #aaa; height:40px; padding:5px; margin:0 10px 0 0; background:#fff}
.msgTextarea{width:calc(100% - 85px); border:1px solid #aaa; height:150px; padding:5px;background:#fff}
.msgSubmit{ width:calc(100% - 85px); line-height:50px; background:#0087d2; font-size:16px; color:#fff;}
.msgSubmit:hover{ background:linear-gradient(to bottom right,#0de9e8,#946bff); cursor:pointer}
.imgYzm{position:absolute; top:14px; right:0; width:100px; height:40px;}

textarea::placeholder,input::placeholder{color:#aaa;}
/*------------contact------------*/


/*------------hxjs------------*/
.boxXj{width:80%; height:39.35vw; max-width:1240px; max-height:610px; padding:4vw 5vw 0 5vw; background:url(../images/imgXf.png) no-repeat center/100% 100%;font-size:0.9375vw; line-height:1.75em; text-align:justify; display:block; margin:0 auto 5vw auto; position:relative}
.boxXj p{text-indent:2em}
.boxXj img{position:absolute; right:-60px; bottom:40px;}

@media(max-width:1680px){
  .boxXj{font-size:15px;}
}

.bgKjlc{width:100%;background:url(../images/bgKjfzlc.jpg) no-repeat center/cover; }

.boxKjlc{width:80%; max-width:1240px; height:26vw; max-height:500px; display:block; margin:0 auto 3vw auto; position:relative; overflow:hidden}
.boxKjlc .swiper-slide{width:100%; height:100%; position:relative; overflow:hidden; text-align:center;display:flex;align-items:center;justify-content:center}
.boxKjlc .swiper-slide div{}
.boxKjlc .swiper-slide h1{font-size:10.5vw;line-height:1em;color:#0087d2; font-weight:bold; }
.boxKjlc .swiper-slide h2{font-size:1.6vw; line-height:1.5em;font-weight:bold; margin:20px 0 0 0;}
.boxKjlc .swiper-button-prev{width:1.25vw; height:1.8vw; margin-top:-0.9vw!important; background:url(../images/icoJtL2.png) no-repeat center/cover!important; opacity:0.2}
.boxKjlc .swiper-button-prev:hover{background:url(../images/icoJtL2Hover.png) no-repeat center/cover!important; opacity:1}
.boxKjlc .swiper-button-next{width:1.25vw; height:1.8vw; margin-top:-0.9vw!important;background:url(../images/icoJtR2.png) no-repeat center/cover!important; opacity:0.2}
.boxKjlc .swiper-button-next:hover{background:url(../images/icoJtR2Hover.png) no-repeat center/cover!important; opacity:1}

.bgKjlcYear{width:90%; max-width:1440px; padding:0 7%; height:60px; display:block; margin:0 auto 6vw auto; background:url(../images/bgYearLine.png) repeat-x 0 5px;}
.boxKjlcYear{width:100%; height:100%;position:relative; overflow:hidden}
.boxKjlcYear .swiper-slide{width:12.5%; position:relative; overflow:hidden; text-align:center;}
.boxKjlcYear .swiper-slide a{ display:block;font-size:1.04vw; line-height:1em; padding:40px 0 0 0; color:#999}
.boxKjlcYear .swiper-slide a:hover{background:url(../images/icoYear.png) no-repeat top center; color:#0087d2}
.boxKjlcYear .on{background:url(../images/icoYear.png) no-repeat top center; color:#0087d2!important}


.hxjsIcoList{ padding:10px 0 6vw 0}
.hxjsIcoList li{display:inline-block; width:25%; vertical-align:top;text-align:center; }
.hxjsIcoList li h1{font-size:0.9vw; line-height:1.5em; display:block; margin:1.5vw auto 0 auto; max-width:70%}
.hxjsIcoList li h1 i{font-size:1.45vw;line-height:1.5em; font-weight:bold; display:block}

.boxKjyl{ padding:0 0 5vw 0}
.boxKjyl img{width:100%}
.imgPc{width:100%;display:block}
.imgM{width:100%;display:none}
.imgPcM{width:100%}


.sydbVideo{width:100%; margin:0 auto 3vw auto; position:relative; overflow:hidden}
.sydbVideo .swiper-slide{width:28%; border-radius:6px; margin:0 8% 0 0;position:relative; overflow:hidden; text-align:center;display:flex;align-items:center;justify-content:center}
.sydbVideo .swiper-slide:last-child{ margin:0}
.sydbVideo .swiper-slide a{display:block; width:100%;}
.sydbVideo .swiper-slide a div{ width:100%; height:15.75vw; max-height:225px; position:relative; overflow:hidden}
.sydbVideo .swiper-slide a div img{width:100%; height:100%;transition:transform 0.5s;}
.sydbVideo .swiper-slide a div i{width:2.5vw; height:2.5vw; border:2px solid #fff; background:url(../images/icoVideo.png) no-repeat center/40% 40%; position:absolute; z-index:2; top:50%; left:50%; margin:-1.25vw 0 0 -1.25vw; border-radius:50%}
.sydbVideo .swiper-slide a h1{font-size:0.729vw; line-height:1.75em;background:linear-gradient(to right,#5983fb,#0de9e8); padding:20px 0; color:#fff}
.sydbVideo .swiper-slide a h1 font{font-size:0.9vw; display:block}
.sydbVideo .swiper-slide a:hover img{transform:scale(1.1);}

.sydbText{ padding:0 0 5vw 0; margin:-2vw 0 0 0;font-size:0.9vw; line-height:1.75em}

.kyzlList{width:100%; height:35vw; max-height:620px; margin:0 auto 3vw auto; padding:5vw 3% 0 3%; position:relative; overflow:hidden; background:url(../images/bgKyzl.jpg) no-repeat center/cover;}
.kyzlList .swiper-slide{width:25%; position:relative; overflow:hidden; text-align:center;/*display:flex;align-items:center;justify-content:center;*/}
.kyzlList .swiper-slide:nth-child(even){ margin:1.5vw 0 0 0}
.kyzlList .swiper-slide div{ width:100%; height:23.75vw; max-height:400px;background:url(../images/bgKyzlImg.png) no-repeat center top/100% auto; padding:4.7% 0 0 0}
.kyzlList .swiper-slide div img{ width:58%; height:18vw; max-height:295px;}
.kyzlList .swiper-slide h1{font-size:0.9vw; line-height:1.5em; display:block; width:58%; margin:-2.8vw auto 0 auto}
.kyzlList h2{position:absolute; right:30px; bottom:30px; font-size:0.73vw; line-height:1em; opacity:0.6}
/*------------hxjs------------*/

/*------------yyly------------*/
.navTitleYyly{margin:4vw 0 4vw 0; padding:0 0 0 30px;  font-size:2vw; line-height:1em; background:url(../images/bgNavTitle.png) no-repeat left top/auto 100%; font-weight:bold}

.boxYyly{}
.boxYyly li{width:100%; padding:4vw 0; border-bottom:1px dotted #7f7f7f;}
.boxYyly li:last-child{ border:none}
.boxYyly li h1{display:inline-block; vertical-align:top; width:25%; font-size:1.45vw; color:#0087d2; line-height:1.5em;}
.boxYyly li .yylyCon{ display:inline-block; vertical-align:top; border-left:2px solid #0087d2; min-height:100px; width:75%; position:relative; padding:15px 0 15px 11%}
.boxYyly li .yylyCon i{ width:8px; height:14px; background:url(../images/icoJtYyll.jpg) no-repeat; position:absolute; top:24px; left:-2px}
.boxYyly li .yylyCon h2{font-size:0.9vw; line-height:1.75em; text-align:justify}
.boxYyly li .yylyCon h3{font-size:0.9vw; line-height:1.75em; text-align:justify}
.boxYyly li .yylyCon h3 p{ display:block; width:100%; padding:0 0 0 18px; background:url(../images/icoP.png) no-repeat left 0.52vw;}

.picFocus{position:relative; padding:0 0 30px 0;overflow:hidden; margin:3vw 0 0 0; width:100%; }
.picFocus .swiper-slide{width:26vw; height:17.3vw; position:relative; background:#000}
.picFocus .swiper-slide img{ width:100%; height:100%; opacity:0.8}
.picFocus .swiper-slide-active img{ opacity:1.0}
.picFocus .swiper-pagination{bottom:0!important;z-index:1}
.picFocus .swiper-pagination-bullet{width:8px; height:8px; background:#ccc; border-radius:4px; opacity:1.0}
.picFocus .swiper-pagination-bullet-active{background:#d10125;}
.picFocus .swiper-button-prev{left:12%; width:2vw; height:2vw; background:#d10125 url(../images/icoJtLHover.png) no-repeat center/25% 25%; margin:-2vw 0 0 -1vw; border-radius:50%; opacity:0.7}
.picFocus .swiper-button-prev:hover{opacity:1}
.picFocus .swiper-button-next{right:12%;width:2vw; height:2vw; background:#d10125 url(../images/icoJtRHover.png) no-repeat center/25% 25%; margin:-2vw -1vw 0 0;border-radius:50%;opacity:0.7}
.picFocus .swiper-button-next:hover{opacity:1}
/*------------yyly------------*/



/*------------pro------------*/
.boxMaxBig{ display:block; width:90%; max-width:1620px; margin:0 auto}
.navTitleBig{ text-align:center; padding:5vw 0 4vw 0}
.navTitleBig h1{ font-size:3.125vw; line-height:1.2em;font-weight:bold;}
.navTitleBig h2{ padding:20px 0 0 0}
.navTitleBig h2 a{display:inline-block; vertical-align:top; border-top:2px solid #c4c7ca; color:#888; font-size:0.9375vw; line-height:1em; padding:20px 0 0 0;font-weight:bold; width:6.25vw}
.navTitleBig .on{border-top:2px solid #555!important; color:#555!important}

.boxProYs{ width:100%; height:33.33vw; background:url(../images/bgCpys1_1.jpg) no-repeat center/cover; display:none; margin:-1vw 0 5vw 0; padding:4vw 10% 0 50%; position:relative}
.boxProYs h1{font-size:1.67vw; line-height:1.75em}
.boxProYs h1 strong{display:block}
.boxProYs h2{ width:100px; height:2px; background:#555; margin:0.75vw 0 1.5vw 0}
.boxProYs div{font-size:1.145vw; line-height:1.6em; text-align:justify}
.boxProYs div p{display:block; width:100%; padding:0 0 0 18px; background:url(../images/icoP1.png) no-repeat left 0.6vw;}
.boxProYs div p font{display:block; font-size:12px}

.ys1{background:url(../images/bgCpys1_2.jpg) no-repeat center/cover!important; color:#fff}
.ys1 h2{background:#fff!important;}
.ys1 p{background:url(../images/icoP2.png) no-repeat left 0.6vw!important; }

.proList{ width:100%; overflow:hidden; padding:0 0 3vw 0}
.proList a{display:inline-block; vertical-align:top; width:calc((100% - 60px)/3); height:calc((90vw - 60px)/3); max-height:520px; position:relative; margin:0 30px 30px 0; overflow:hidden}
.proList a:nth-child(3n+3){margin-right:0}
.proList a img{width:100%; height:100%;transition:transform 0.5s;}
.proList a h1{ position:absolute; top:1.8vw; left:1.8vw; font-size:1.45vw; line-height:1.2em; font-weight:bold; color:#555; z-index:1}
.proList a h1 i{display:block; font-size:0.9vw; font-weight:300}
.proList a:hover img{transform:scale(1.2);}


.tWhite{color:#fff!important}
.tWhite h1{color:#fff!important}

.cpysList{ width:calc(100% + 20px); height:33.3vw; max-height:640px; overflow:hidden; margin:0 0 5vw -10px;}
.cpysList ul{width:100%; height:100%}
.cpysList li{display:inline-block; vertical-align:top; width:25%; padding:0 10px; height:100%;color:#fff; position:relative;transition:all 0.3s ease;}
.cpysList h1{position:absolute; text-align:center; z-index:1;transition:width 0.3s ease; z-index:2;padding:0 80px;width:100%; top:10%;font-size:1.67vw; line-height:1.75em; z-index:1}
.cpysList h1 strong{display:block;font-weight:bold;}
.cpysList h1 font{display:none}
.cpysList h2{position:absolute; top:9vw; left:90px;width:100px; height:2px; background:#fff; margin:0.75vw 0 1.5vw 0;z-index:1; display:none}
.cpysList h3{position:absolute; top:100%;font-size:1.145vw; line-height:1.6em; text-align:justify; padding:0 80px; color:#fff;transition:all 0.7s;z-index:1}
.cpysList h3 p{display:block; width:100%; padding:0 0 0 18px; background:url(../images/icoP2.png) no-repeat left 0.8vw;}
.cpysList h3 p font{display:block; font-size:12px}
.cpysList li div{ width:100%; height:100%; background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important; }
.cpysList li div span{width:100%; height:100%; display:block; opacity:0; background:#000;}
.cpysList li:nth-child(1) div{ background:url(../images/bgCpys2_1.jpg)}
.cpysList li:nth-child(2) div{ background:url(../images/bgCpys2_2.jpg)}
.cpysList li:nth-child(3) div{ background:url(../images/bgCpys2_3.jpg)}

.cpysList .on{width:50%!important;}
.cpysList .on h1{text-align:left; }
.cpysList .on h1 font{display:block}
.cpysList .on h2{ display:block}
.cpysList .on h3{ top:45%;}
.cpysList .on div{}
.cpysList .on span{opacity:0.2!important;}


.boxCpys{ width:100%;  height:33.3vw; margin:0 0 5vw 0; position:relative}
.boxCpys img{display:inline-block; width:60%; vertical-align:top; height:100%}
.boxCpys ul{ display:inline-block; width:40%; vertical-align:top; height:100%; padding:0 0 0 4%;}
.boxCpys ul li{ display:block; width:100%; height:25%; border-top:1px solid #dce0e2; font-size:1.145vw; line-height:1.6em; display:flex; align-items:center;justify-content:center; text-align:justify;padding:0 0 0 3vw; background:url(../images/icoP3.png) no-repeat left center/1vw 1.4vw;}
.boxCpys ul li:last-child{ border-bottom:1px solid #dce0e2}

.ysWfw{ overflow:hidden}
.ysWfw img{ float:right;}
.ysWfw ul{padding:0 4% 0 0!important;}
.ysWfw ul li{background:url(../images/icoP4.png) no-repeat left center/1vw 1.4vw!important;}

.proList1{ width:100%; overflow:hidden; padding:30px 0 0 30px}
.proList1 a{display:inline-block; vertical-align:top; width:calc((100% - 90px)/3); height:calc((100vw - 120px)/3); position:relative; margin:0 30px 30px 0; overflow:hidden; border-radius:6px; overflow:hidden}
.proList1 a:nth-child(3n+3){margin-right:0}
.proList1 a img{width:100%; height:100%;transition:transform 0.5s;}
.proList1 a h1{ position:absolute; top:1.8vw; left:1.8vw; font-size:1.45vw; line-height:1.2em; font-weight:bold; color:#736359; z-index:1}
.proList1 a h1 i{display:block; font-size:0.9vw; font-weight:300}
.proList1 a:hover img{transform:scale(1.2);}
/*------------pro------------*/


/*--------------------------------search--------------------------------*/
.boxMax1200{ width:90%; max-width:1200px; display:block; margin:0 auto}
.searchNav{ font-size:15px; color:#999; padding:50px 0 20px 0; border-bottom:1px solid #ddd}
.searchNav i{ font-size:40px; line-height:40px;  color:#0087d2; margin:0 5px}
.searchList{ margin-bottom:30px}
.searchList a{display:block; border-bottom:1px dotted #ddd; overflow:hidden; padding:25px 0 25px 14px; font-size:18px; line-height:26px; background:url(../images/bgLi.png) no-repeat 0 37px; }
.searchList a i{float:right; display:inline-block; font-size:16px; color:#999}
/*--------------------------------search--------------------------------*/


.tableHrShow{border-collapse:collapse;width:100%; font-size:15px; margin:0 auto; width:100%; color:#666}
.tableHrShow td{ border:1px solid #eee; padding:10px; line-height:26px; box-sizing:content-box}
.tableHrShow strong{display:block; text-align:right}
.tRightHr{ background:#f8f8f8; text-align:right; font-weight:bold}
.tableHrShow td:first-child{ width:15%; min-width:60px;}


.photoTc{position:fixed; width:100%; height:100vh; top:0; left:0; background:rgba(255,255,255,1); z-index:10000000; display:none}
.closephotoTc{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose2.png) no-repeat center/100% 100%; z-index:2;transition:transform 0.6s ease-out; opacity:0.7}
.closephotoTc:hover{ transform:rotateZ(180deg); opacity:1}
.photoTcCon{display:block; width:100%; height:100%; position:relative;}

.tcImg{width:100%;height:100vh;}
.tcImg .swiper-slide{display:flex; align-items:center;justify-content:center;}
.tcImg .swiper-slide div{width:80%; max-height:80%;display:block; margin:0 auto;text-align:center; }
.tcImg .swiper-slide div img{max-width:100%; max-height:calc(80vh - 40px)}
.tcImg .swiper-slide div h1{ font-size:14px; line-height:20px; color:#666; margin-top:10px}
.tcImg .swiper-pagination{bottom:0.8vw!important;z-index:1; text-align:center; left:0; width:100%; font-size:12px; line-height:20px; color:#aaa}
.tcImg .swiper-button-prev{ left:20px; opacity:0.7;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23898989'%2F%3E%3C%2Fsvg%3E");}
.tcImg .swiper-button-prev:hover{opacity:1}
.tcImg .swiper-button-next{ right:20px; opacity:0.7;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23898989'%2F%3E%3C%2Fsvg%3E");}
.tcImg .swiper-button-next:hover{opacity:1}

.tcColor{ position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:1; }
.tcColor a{display:inline-block; margin:0 8px; width:1.2vw; height:1.2vw; border:0.3vw solid #fff; border-radius:50%;overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.2)}
.tcColor a i{ width:100%; height:100%; display:block}
.tcColor .on{border:none!important}

.bannerPro{ width:100%; position:relative;}
.bannerPro i{ position:absolute; width:5vw; height:5vw; background:rgba(0,0,0,0.2) url(../images/icoVideo.png) no-repeat center/30% 30%; top:50%; left:50%; margin:-2.5vw 0 0 -2.5vw; border-radius:50%; z-index:2}

.proList h6{position:absolute; width:4vw; height:4vw; background:rgba(0,0,0,0.2) url(../images/icoVideo.png) no-repeat center/30% 30%; top:50%; left:50%; margin:-2vw 0 0 -2vw; border-radius:50%; z-index:10}
.boxProYs h6{position:absolute; width:4vw; height:4vw; background:rgba(0,0,0,0.2) url(../images/icoVideo.png) no-repeat center/30% 30%; top:50%; left:25%; margin:-2vw 0 0 -2vw; border-radius:50%; z-index:10; cursor:pointer}
.boxCpys h6{position:absolute; width:4vw; height:4vw; background:rgba(0,0,0,0.2) url(../images/icoVideo.png) no-repeat center/30% 30%; top:50%; left:30%; margin:-2vw 0 0 -2vw; border-radius:50%; z-index:10; cursor:pointer}


/*------------------------zhezhao------------------------*/
.boxZhezhaoIndex{background:rgba(0,0,0,1); position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; text-align:center;}
.boxZhezhaoIndex video{width:100%; height:100%;}
.closeZhezhaoIndex{display:block;width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoClose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.closeZhezhaoIndex:hover{ transform:rotateZ(180deg);}
/*------------------------zhezhao------------------------*/