﻿.clearfix::before,.clearfix::after{display:block;content:''}html,body,a,div,p,i{font-family:'微软雅黑' !important}.clearfix::after{clear:both}.abouts{position:relative}.abouts>img{width:100%}.abouts_wrap .intro{margin-top:50px}@media only all and (max-width: 768px){.abouts_wrap .intro{margin-top:15px}}.abouts_wrap .intro>h5{font-size:30px;font-family:myFirstFont3;color:#ff9600}@media only all and (max-width: 1366px){.abouts_wrap .intro>h5{font-size:24px}}@media only all and (max-width: 768px){.abouts_wrap .intro>h5{font-size:24px}}.abouts_wrap .intro>p{font-size:24px}@media only all and (max-width: 1366px){.abouts_wrap .intro>p{font-size:19px;margin-top:2px}}@media only all and (max-width: 768px){.abouts_wrap .intro>p{font-size:18px}}.abouts_wrap .intro .main{margin-top:40px}@media only all and (max-width: 768px){.abouts_wrap .intro .main{margin-top:15px}}@media only all and (max-width: 1366px){.abouts_wrap .intro .main>p img{max-width:100%}}@media only all and (max-width: 768px){.abouts_wrap .intro .main>p img{width:100%}}.abouts_wrap .intro .main .left{float:left;width:32%}@media only all and (max-width: 1440px){.abouts_wrap .intro .main .left{width:29%}}@media only all and (max-width: 768px){.abouts_wrap .intro .main .left{width:100%;float:none}}.abouts_wrap .intro .main .left img{width:100%}.abouts_wrap .intro .main .right{float:right;width:60%}@media only all and (max-width: 768px){.abouts_wrap .intro .main .right{width:100%;float:none;margin-top:10px}}.abouts_wrap .intro .main .right h4{font-size:20px;color:#333;margin-bottom:5px}@media only all and (max-width: 1440px){.abouts_wrap .intro .main .right h4{font-size:18px}}@media only all and (max-width: 768px){.abouts_wrap .intro .main .right h4{font-size:18px}}.abouts_wrap .intro .main .right h3{font-size:20px;font-weight:bold;color:#333}@media only all and (max-width: 1440px){.abouts_wrap .intro .main .right h3{font-size:18px}}@media only all and (max-width: 768px){.abouts_wrap .intro .main .right h3{font-size:18px}}.abouts_wrap .intro .main .right p{line-height:2;margin-top:25px}@media only all and (max-width: 768px){.abouts_wrap .intro .main .right p{margin-top:5px;font-size:12px}}.abouts_wrap .story{margin-top:30px;margin-bottom:71px;font-family:'Microsoft YaHei';width:100%}.abouts_wrap .story .video{font-size:0;margin-bottom:16px;width:100%}.abouts_wrap .story .video .video_bg{position:relative;cursor:pointer;width:100%}.abouts_wrap .story .video .video_bg:hover .shadess{background-color:rgba(0,0,0,0.4)}.abouts_wrap .story .video .video_bg:hover .stop{opacity:1}.abouts_wrap .story .video .video_bg .big{width:100%}.abouts_wrap .story .video .video_bg .stop{width:60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);opacity:0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s}@media only all and (max-width: 768px){.abouts_wrap .story .video .video_bg .stop{width:40px}}.abouts_wrap .story .video .video_bg .shadess{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s}.abouts_wrap .story .video .video_bg:hover .big_shows{background:rgba(0,0,0,0.1)}.abouts_wrap .story .video .willesPlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000000000}.abouts_wrap .story .video .willesPlay .shade{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2}.abouts_wrap .story .video .willesPlay .close1{position:absolute;z-index:5000;cursor:pointer;transition:all 0.4s;font-size:0}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .close1{display:none}}.abouts_wrap .story .video .willesPlay .close1 img{width:50px}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .close1 img{width:30px}}.abouts_wrap .story .video .willesPlay .close1:hover{transform:scale(1.1)}.abouts_wrap .story .video .willesPlay .playContent{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;width:800px;height:450px;overflow:hidden}@media only all and (max-width: 1024px){.abouts_wrap .story .video .willesPlay .playContent{width:640px;height:360px}}@media only all and (max-width: 768px){.abouts_wrap .story .video .willesPlay .playContent{width:90%;height:auto}}.abouts_wrap .story .video .willesPlay .playContent video{z-index:4;width:100%;object-fit:cover}@media only all and (max-width: 768px){.abouts_wrap .story .video .willesPlay .playContent video{width:100%;height:auto;box-sizing:border-box}}.abouts_wrap .story .video .willesPlay .playContent .playTip{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;display:none}.abouts_wrap .story .video .willesPlay .playContent .playTip img{width:90px}@media only all and (max-width: 1024px){.abouts_wrap .story .video .willesPlay .playContent .playTip img{width:70px}}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playTip img{width:40px}}.abouts_wrap .story .video .willesPlay .playContent .playControll{background:#000;height:55px;position:absolute;bottom:0;bottom:0;left:0;width:100%;font-size:0;transition:all 1s;z-index:6}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll{height:40px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .playPause{width:11px;height:15px;background:url("/assets/images/brand/kaishi.png");background-size:11px 15px;background-repeat:no-repeat;background-position:center;margin:20px 20px 0 20px;cursor:pointer}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .playPause{width:8px;height:10px;background-size:8px 10px;margin:17px 10px 0 10px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar{width:80%}@media only all and (max-width: 1024px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar{width:75%}}.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .progress{margin-bottom:0px;width:70%;height:5px;margin-top:25px;background:rgba(255,255,255,0.1);cursor:pointer}@media only all and (max-width: 1024px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .progress{width:62%}}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .progress{width:50%;margin-top:20px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .currentTime{margin-top:17px;color:#fff;font-size:14px;margin-right:25px}@media only all and (max-width: 640px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .currentTime{font-size:12px;margin-top:18px}}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .currentTime{margin-top:13px;margin-right:10px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .duration{margin-top:17px;color:#fff;font-size:14px;margin-left:25px}@media only all and (max-width: 640px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .duration{font-size:12px;margin-top:18px}}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .duration{margin-top:13px;margin-left:10px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .timebar .progress-bar-danger{background-color:#fff}.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl{margin-right:30px;margin-top:4px}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl{margin-right:20px;margin-top:-28px}}@media only all and (max-width: 320px){.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl{margin-right:13px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .progress{transform:rotate(180deg);position:relative;bottom:90px;width:14px;height:50px;background:rgba(0,0,0,0.5);position:relative;display:none}.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .volume{background:url("/assets/images/brand/shenying.png") 0 0 no-repeat;width:20px;height:16px;display:inline-block;margin-right:20px;cursor:pointer;font-size:0}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .volume{width:15px;height:11px;background-size:15px 11px}}@media only all and (max-width: 320px){.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .volume{margin-right:5px}}.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .fullScreen{background:url("/assets/images/brand/quanpin.png") 0 0 no-repeat;width:16px;height:16px;display:inline-block;font-size:0;cursor:pointer}@media only all and (max-width: 414px){.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .fullScreen{width:11px;height:11px;background-size:cover}}.abouts_wrap .story .video .willesPlay .playContent .playControll .otherControl .progress-bar-danger{background-color:#fff;position:absolute;right:3px;border-radius:3px}.abouts_wrap .story .video .willesPlay .playContent .glyphicon-play:before{font-size:0}
