.clear:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clear{zoom:1}
.fl{float:left}
.fr{float:right}
header{background-color:#ffffff;position:fixed;top:0;width:100%;min-width:1180px;z-index:222;overflow:hidden;height:80px;left:0}
header>div{max-width:1180px;margin:0 auto;height:80px;line-height:80px}
header>div h1{height:80px;line-height:80px}
header img{display:inline-block;vertical-align:middle;max-height:62px;width: 420px;}
header ul li{float:left}
header ul li a{font-size:18px;color:#333333;font-weight: bold; margin-left:40px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
header ul li a.active,header ul li a:hover{color:#F56308}
.play-ceng{position:absolute;width:100%;height:100%;right:0;bottom:0;top:0;background:rgba(0,0,0,0.6);z-index:22}
.play-ceng i{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;background:url("../img/play.png") no-repeat center;background-size:contain}
.play-ceng i:hover{cursor:pointer}.containner{width:100%}
.containner .home{width:100%;min-width:1180px}

.containner .home canvas{width:100%}
.containner .about-us{width:100%;height:100%;background:url("../img/pic2_bg.png") no-repeat center;background-size:cover;}
.containner .about-us>div{max-width:1180px;margin:0 auto}
.containner .company-appearance .bg{width:100%;height:480px;background-color:#fafafa;display:block}
.containner .company-appearance>div{width:100%;height:600px;background:url("../img/pic7_bg.png") no-repeat center;background-size:cover;position:relative}
.containner .company-appearance .content{width:1180px;position:absolute;top:-280px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden}
.containner .company-appearance .content h2{font-size:40px;color:#333;text-align:center;margin-bottom:115px}
.containner .company-appearance .content ul{margin:0 -10px;height:380px;white-space:nowrap}
.containner .company-appearance .content li{width:380px !important;height:380px;overflow:hidden;margin:0 10px !important;display:inline-block;background-color:#fff;border:2px solid transparent}
.containner .company-appearance .content li:hover{border-color:#5be9f6;cursor:pointer}
.containner .company-appearance .content li i{display:block;width:100%;height:254px}
.containner .company-appearance .content li i img{width:100%;height:100%;display:block}
.containner .company-appearance .content li p{font-size:16px;color:#333;padding:15px 18px 18px 18px;line-height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal}
.containner .company-appearance .content .pages{margin-top:100px}
.containner .company-appearance .content .pages i{width:60px;height:60px;line-height:60px;text-align:center;display:inline-block;border-radius:60px;background-color:#f7f7f7;margin-right:60px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.containner .company-appearance .content .pages i:hover{cursor:pointer;opacity:.8}
.containner .company-appearance .content .pages i::after{content:"";width:16px;height:28px;display:inline-block;vertical-align:middle}
.containner .company-appearance .content .pages .pre.swiper-button-disabled::after{background-size:contain;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.containner .company-appearance .content .pages .pre::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-size:contain}
.containner .company-appearance .content .pages .next.swiper-button-disabled::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-size:contain}
.containner .company-appearance .content .pages .next::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);background-size:contain}
.details-title{width:1180px;margin:0 auto;padding:120px 0 30px 0;font-size:24px;color:#333;border-bottom:1px solid #e6e6e6}.details-content{width:1180px;margin:0 auto 80px auto}
.details-content>p{font-size:32px;font-weight:bold;color:#333;padding:30px 0 24px 0}.details-content p,.details-content span{line-height:1.8}.details-content>span{font-size:16px;color:#999;margin-bottom:35px}
.details-content div{padding-bottom:20px}
.details-content>a{font-size:16px;display:block;color:#2944cc;margin:10px 0}.details-content>a:hover{text-decoration:underline}footer{background-color:#0f111a;width:100%}footer>div,footer>p{max-width:1180px;margin:0 auto}
footer>p{font-size:14px;color:#ccc;padding:40px 0;border-top:1px solid #3f4148;clear:both}
footer>div{padding:60px 0 20px 0}
footer h2{margin-right:40px}
footer h2 img{width:422px;height: 62px;}
footer .ml70{margin-left:70px}
footer .info h4{font-size:20px;color:#fff}
footer .info span{font-size:14px;color:#ccc;display:block;margin-top:30px}
footer .info span img{display:block;height:62px}
footer .info span:hover{color:#fff}@-webkit-keyframes bottomAni{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bottomAni{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}
.angle-bottom{width:48px;height:48px;background:url("../img/angle_bottom.png") no-repeat center;background-size:contain;position:fixed;bottom:40px;left:50%;margin-left:-24px;-webkit-animation:bottomAni 1s ease-in infinite;animation:bottomAni 1s ease-in infinite;z-index:999}.angle-bottom:hover{cursor:pointer}@media screen and (max-width: 1180px){header{width:100%;min-width:unset}
header div{width:100%}}@media screen and (max-width: 1300px){header,.company,footer{padding:0 60px}}