﻿@charset "utf-8"; 
.common-main p{padding-bottom:2px;font-size:16px}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.side-news ul .news-img img{object-fit:contain}
.ind-item img{object-fit:cover}
.banner{height:inherit}
.banner-title {display:none}
.foot-list {height:auto;min-height:inherit}
.foot-l .foot-u li.fshare a {opacity:1;margin-right:5px;padding:0}
.about {background:url(/js/34470/bg.jpg) no-repeat center;background-size:cover}
.about:before {opacity:.65}
.head-nav>ul>li>a{white-space:nowrap}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background:#0c91e6;color:#fff}
.head-nav>ul .submenu{background:#fff}
@media screen and (max-width:768px){.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a,.head-nav>ul .submenu a:hover{background:none;color:#0c91e6}
.head-nav>ul{background:#fff}
.head-nav>ul>li{border-color:#ccc}
.head-nav>ul>li a{color:#000}}
.search-icon{width:60px;display:flex;display:-webkit-flex;justify-content:flex-end;align-items:center;height:100%}
.search-icon i{display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:40px;height:40px;color: #222;font-size:20px;cursor:pointer}
.search-from.active{top:100%}
.search-from{position:absolute;top:0;left:0;background:#222;width:100%;z-index: 9;padding: 15px 25px;opacity:0;visibility:hidden;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;box-sizing: border-box}
.search-from.active{top:100%;opacity:1;visibility:visible;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out}
.search-from .form{max-width: 600px;margin:0 auto;display:flex;display:-webkit-flex;position:relative;z-index:10;width: 100%}
.search-from .form .searchtxt{flex-basis:calc(100% - 80px);height: 40px;padding-left:20px;border:none;outline:0;box-sizing: border-box}
.search-from .form .searchbtn{flex-basis:80px;height: 40px;border:none;background:#0c91e6;color:#fff;cursor:pointer;text-transform:capitalize}
.search-from.active .searchOff{position:fixed;width:100%;height:100%;top:60px;left:0;opacity:.5;background-color:#000;z-index:9}
.headtop{width:100%;position:relative;z-index:99;background: #fff;height:100%}
@media screen and (max-width:768px){.nav-btn{margin-left:auto}
.search-icon i{width:6vw;height:6vw;font-size: 5vw}
.search-icon{width:auto;margin-left:15px}
.search-from .form .searchtxt,.search-from .form .searchbtn{height:36px}
.search-from.active .searchOff{top:13.3333333333vw}}
.foot-l .foot-u .fa {color:#eee;opacity:.6;margin-right:3px}
.foot-l .foot-u .fa-mobile {width:16px;font-size:22px}
.swiper-button-next,.swiper-button-prev {background:none;display:flex;align-items:center;justify-content:center}
.swiper-button-next i,.swiper-button-prev i {font-size:20px}
.download-list{width:100%}
.download-list li{width:100%;display:flex;align-items:center;background-color:#fbfbfb;margin-bottom:30px}
.download-name{max-width:500px;width:100%;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.download-info{display:flex;align-items:center;color:#777}
.download-btn{margin-left:auto;margin-right:30px;width:154px;height:40px;background-color:#BE0000;color:#fff;display:flex;justify-content:center;align-items:center}
.download-btn i{transform:scale(1.5);margin-right:20px}
@media (max-width:768px){.download-list li{flex-wrap:wrap} .download-btn{margin-left:0} .download-list{margin-top:20px}}
.videolist {display:flex;justify-content:space-between}
.videolist .video-item{width:33%;padding-bottom: 18.56%;height:0;position:relative;margin-right:1%}
.videolist .video-item video{width:100%;position:absolute;left:0;top:0;height:100%}
@media (max-width:768px){.videolist .video-item{width:100%;padding-bottom:56.25%;margin-bottom:20px;margin-right:0}
.videolist{flex-wrap:wrap}}
.videolist {display: flex;justify-content: space-between;flex-wrap: wrap}
.videolist .video-item{width:31%;margin-bottom:80px}
.videolist .video-item p{position: absolute;bottom: -38px;text-align: center;display: block;width: 100%;font-size: 18px}
.foot-l .lfr{display:none}
.table, tbody, td {vertical-align: middle}
.foot-l .foot-u li a img {max-width: 30px}
li.sideshare a img {width:30px;}
li.sideshare a {margin:0 6px 5px 0;}
.side-contact .contact-ul li.sideshare+.sideshare {margin-top:-12px;}
.foot-l .foot-u li.sideshare+.sideshare {margin-top:-8px;}
.foot-l .foot-u li.sideshare a:hover{padding:0}
.foot-l .foot-u li:nth-child(8){display:none;}