/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）()
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.home-top-grid1 {
background: rgba(11, 100, 143, 0.7);
transition: 0.5s all;
}
.home-top-grid2 {
background: rgba(226, 23, 55, 0.5);
transition: 0.5s all;
}
.home-top-grid3 {
background: rgba(11, 100, 143, 0.4);
transition: 0.5s all;
}
@font-face {
src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
font-family: 'FuturistCondensed';
src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
/*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
@font-face {font-family: 'iconfont';
src: url('font/iconfont.eot'); /* IE9*/
src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/iconfont.woff') format('woff'), /* chrome、firefox */
url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:'iconfont';}
body {
font-family: 'Arial',"微软雅黑";
min-width: 320px;
color: #666;
overflow-x: hidden;
}
.iconfont {
font-family: 'iconfont';
}
img {
max-width: 100%;
}
li {
list-style: none;
}
i,
em {
font-style: normal;
}
.vcenter {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
display: block;
vertical-align: middle;
margin: auto;
}
.last {
margin-right: 0 !important;
}
.tHide {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.blockFull {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.relative {
position: relative;
}
a {
color: #666;transition: 0.5s;
}
a:hover {
color: #d80808;
text-decoration: none;
}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
margin: 0;
padding: 0;
}
img {
border: 0;
}
p{margin:0;}
.container {width: 100%;max-width: 1520px;margin:0 auto;padding: 0;}
.container1{max-width: 1320px;}
.pic { position: relative;overflow: hidden;}
.pic:after { content: "";display: block;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.bold{font-weight: bold;}
#page{padding-top: 0px; overflow: hidden;}
header{width:100%; position: fixed; left: 0; top: 0; z-index:1001;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 90px;}
header .container{position: relative;width: 100%;max-width: 1750px;padding: 0 15px;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0; background: #0067b7; transition: .5s all;}
.head{height: 90px;background: #161616;transition: 0.5s;}
.nav{}
.nav ul{}
.nav ul li{float: left;line-height: 90px;}
.nav ul li a{display: block;padding: 0 1.56vw; color: #fff;text-transform: uppercase;}
.nav ul li a:hover{background: #d82517;}
.headSearch{min-width: 6.458vw;max-width: 124px; height:90px;padding-left: 1.56vw;line-height: 88px;}
.headSearch a{color: #fff;}
.headSearch a:hover{color: #d82517;}
.language {margin-top: 32px;margin-left:1.458vw; position: relative;}
.language .tit{display: flex;align-items: center;line-height: 23px;cursor: pointer;color: #fff;transition: 0.5s;margin-bottom: 10px;}
.language .tit i{margin-left: 5px;}
.language .pic {width:23px;height:23px;margin-right: 10px;}
.language .lang-none {display: none;width: 100px;padding: 10px 0; position: absolute;right: -10px;z-index: 99;text-align: center; background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.15);
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;}
.language .lang-none a{display: block; padding: 5px; color: #333; }
.language .lang-none a:hover{ background: #d82517; color: #fff;}
/*底部*/
.footer{padding-top: 1.458%;padding-bottom: 1.458%;background: #1d1f22;color: rgba(255,255,255,0.5);}
.copy{display: flex; min-height: 44px; align-items: center;}
.copy p{line-height: 1.6;}
.copy p a{color: rgba(255,255,255,0.5);}
.copy p a:hover{color: #d82517;}
.social span{display:inline-block;margin-left:0.9vw;}
.social span i{display: flex;width: 44px;height: 44px; font-size:20px;color: #fff;align-items: center;justify-content: center;border-radius: 50%;background: #3d5a96;cursor: pointer;transition: 0.5s;}
.social span i.icon2{background: #2aa3ef;}
.social span i.icon3{background: #f52929;}
.social span i:hover{background:#d82517;}
/*底部*/
/*-banner-*/
.banner {width: 100%; position: relative;background: #ccc;z-index: 1;}
.banner .swiper-slide{width: 100%; background-size: cover;background-position: center;position: relative;}
.banner .swiper-slide .content{width: 100%;height: 100%;color: #fff;display: flex;align-items: center; position: absolute;left: 0;top:0;z-index: 3;}
/*index*/
.banner-index{}
.banner-index .pic:after{padding-bottom:56.25%;}
.banner-index .content{padding-top: 100px;}
.banner-index .content img{width: 100%;max-width: 1100px; }
.banner-index .content h2{ font-size:3.75vw;font-weight: bold; line-height: 1.1; margin-bottom: 2.5vw; }
.banner-index .swiper-container .swiper-pagination{bottom: 1.66vw;}
.banner-index .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 1.04vw;height: 1.04vw;max-width: 20px;max-height: 20px;min-width: 10px;min-height: 10px; margin:0 7px;background: #fff;opacity: 0.5;transition: 0.5s; }
.banner-index .swiper-container .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
.banner-index .swiper-container.swiper-no-swiping .swiper-pagination{display: none;}
/*page*/
.banner-page{margin-top: 100px;}
.banner-page .swiper-container{margin-top: 100px;}
.banner-page .swiper-slide .pic:after{padding-bottom:44.79%;}
.banner-page .swiper-slide .content {padding-bottom:6.25vw;}
.banner-page .swiper-slide .content h2{margin-bottom: 1vw;}
/*
@media (max-width: 1200px){
.banner-index .content img{width:800px;}
}
@media (max-width: 1400px){
.banner-index .content img{width:900px;}
}
*/
@media (max-width: 991px) {
.banner{margin-top: 55px;}
.banner-index .swiper-slide .content{padding-top: 0;}
.banner-index .content h2{font-size: 30px;}
.banner-index .swiper-container .swiper-pagination{bottom: 15px;}
.banner-index .swiper-container .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
}
@media (max-width: 767px) {
.banner-index .content h2{font-size: 17px;}
}
@media (max-width: 480px) {
.banner-index .swiper-slide{height: 270px;}
.banner-index .pic{display: none;}
}
/*-banner-*/
/*首页*/
.col-more a{display: inline-block;min-width: 10.41vw;padding: 0.65vw 1.3vw;line-height: 25px; color: #333;text-transform: uppercase;text-align: center; background: #f5f5f5;border-radius: 25px;}
.col-more a:hover{background: #d82517!important;color: #fff;}
.col-index-four{display: flex;flex-wrap: wrap;}
.col-index-four .col-more{margin-top: 4vw;}
.col-index-four .panel{max-height: 44.27vw; padding: 0;border-right: 1px solid #ddd;cursor: pointer;}
.col-index-four .panel.pic:after{padding-bottom: 177.08%;}
.col-index-four .panel .img{ opacity: 0;transition: 0.8s; z-index: 1;}
.col-index-four .panel .imgicon,
.col-index-four .panel .text{width: 100%;position: absolute;left: 0;z-index: 2;}
.col-index-four .panel .imgicon{height: 3.22vw;max-height: 62px;min-height: 32px; top:5.5vw;}
.col-index-four .panel .imgicon img{left: 3vw; right: auto;transition: 0.5s;}
.col-index-four .panel .imgicon img.imgicon1{}
.col-index-four .panel .imgicon img.imgicon2{opacity: 0;}
.col-index-four .panel .text{padding: 0 3vw; bottom:5vw;}
.col-index-four .panel .text h3{position: relative; font-size: 2.5vw; line-height:1;color: #333;white-space:nowrap; }
.col-index-four .panel .text h3:before{content: '';width: 5.1vw;height: 0.72vw;position: absolute;left: 0;bottom:4px;background: #d82517;z-index: -1;}
.col-index-four .panel .text h3 span{font-size: 3.75vw;font-weight: bold;}
.col-index-four .panel:hover .img,
.col-index-four .panel.on .img{opacity: 1;}
.col-index-four .panel:hover .imgicon img.imgicon1,
.col-index-four .panel.on .imgicon img.imgicon1{opacity: 0;}
.col-index-four .panel:hover .imgicon img.imgicon2,
.col-index-four .panel.on .imgicon img.imgicon2{opacity: 1;}
.col-index-four .panel:hover .text h3,
.col-index-four .panel.on .text h3{color: #fff;}
.col-index-four .panel:hover .col-more a,
.col-index-four .panel.on .col-more a{color: #fff;background: rgba(255,255,255,0.5);}
.col-index-four .panel4{border:0;}
/*首页*/
/*activities*/
.col-page-video{margin-top: 90px;padding-top: 5%;padding-bottom: 5%;}
.col-page-video .bg{width: 100%;height: 100%;position: fixed;left: 0;top:0;z-index: -1;}
.activities{}
.activities ul{margin:0 -1vw;margin-top: -2vw;display: flex;flex-wrap: wrap;}
.activities ul li{padding: 0 1vw;margin-top: 2vw;}
.activities ul li .pic{}
.activities ul li .pic:after{padding-bottom: 62.5%;}
.activities ul li .pic img{width: 100%;}
.activities ul li .text{padding: 1.5vw 3vw; background: #fff;}
.activities ul li .text h4{color: #333;line-height: 1;text-transform: uppercase;}
.activities ul li a.videoButton{ display: inline-block;margin-top: 1.4vw;padding: 0.5vw 0; width: 5.2vw;color: #fff;line-height: 24px;text-align:center;background: #d82517;border-radius: 5px; }
.activities ul li .panel{height: 100%; transition: 0.5s;}
.activities ul li .panel:hover{transform: translateY(-1vw);}
.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 1001;display: none;}
.videoPop .content{width: 100%; max-width: 1280px; max-height:70vh; position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
#video{width: 98%;max-width: 1280px;max-height:70vh;display: block; margin: 0 auto; }
#videoClose{position: absolute;right:0;top:0;transform: translateY(-100%); color: #fff;cursor: pointer;font-size: 28px;transition: 0.5s;}
#videoClose:hover{color: #d82517;}
/*activities*/
/*关于*/
.col-page-title{color: #333;}
.col-page-title h2{line-height: 1; text-transform: uppercase;}
.col-page-title p{margin-top: 1vw;}
.col-page-title p a{color: #333;}
.col-page-title p a:hover{color: #d82517;}
.col-page-titlef{color: #fff;}
.col-page-titlef p a{color: #fff;}
.common-video{width: 100%; max-width: 611px;}
.common-video.pic:after{padding-bottom: 98.85%;}
.common-video a{display: block;position: absolute;left:51%;top:50%;transform: translate(-50%,-50%); color: #fff;text-align: center;}
.common-video a i{line-height: 1;}
.common-video a span{display: block;margin-top: 13px; position: absolute;left:50%;transform: translateX(-50%); font-family: 'Impact';line-height: 1;text-transform: uppercase;white-space: nowrap;}
.col-page-about{ display: flex;flex-wrap: wrap; padding-bottom: 9%; color: #fff; background: #000;}
.col-about-left{width: 39.32%;padding-top: 90px; background: url(../images/bg.jpg) center top no-repeat;background-size: 100%;}
.col-about-left img.bg{width: 103.3%;max-width: none; position: absolute;left: 0;top:0;z-index: 1;}
.col-about-left .content{padding: 11vw 2vw 0 5.2vw;position: relative;z-index: 2;}
.col-about-left .content .col-page-title{max-width: 100%; float: right;}
.col-about-left .content .common-video{margin-top: 6.5vw;}
.col-about-right{width: 60.677%;padding-top: 90px; }
.col-about-right .content{max-width: 1090px;padding: 23.85vw 6.5vw 0;}
.col-about-right .title{}
.col-about-right .title h3{position: relative;line-height: 1; text-transform: uppercase;}
.col-about-right .title h3:before{content: '';width: 14.68vw;height: 0.93vw;position: absolute;left: 0;bottom:3px;background: #d82517;z-index:0;}
.col-about-right .title-cn h3:before{bottom: 0px!important;transform: translateY(30%);}
.col-about-right .title h3 span{position: relative;z-index: 1;}
.col-about-right .con{margin-top: 3vw;}
.col-about-right .con h3{margin-bottom: 1vw;}
.col-about-right .con p{margin-bottom: 8px; line-height: 1.6;}
/*关于*/
/*产品*/
.col-product-top{padding-top: 90px;}
.col-product-top .flex{padding: 7.8vw 0; display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.col-product-top .content{width: 50%;max-width: 625px;}
.col-product-top .con{margin-top: 3.125vw;color: #fff;}
.col-product-top .con p{margin-bottom: 8px; line-height: 1.6;}
.col-product-top .videoRight{width:40.19%; }
.col-product-top .videoRight img.bg{width: 40.625%;height: 100%; max-width: none; position: absolute;right: 0;top:0;z-index:0;}
.col-product-list{padding-top: 6%;padding-bottom: 6%;}
.col-product-list .col-page-title h2{position: relative;}
.col-product-list .col-page-title h2:before{content: '';margin:0 auto;width: 10.41vw;height: 10px;position: absolute;left: 0;right: 0;bottom:6px; background: #d82517;z-index: 0;}
.col-product-list .col-page-title-cn h2:before{bottom:-2px!important;}
.col-product-list .col-page-title h2 span{position: relative;z-index: 1;}
.pro{padding-top: 2.5vw;}
.pro ul{margin:0 -0.78vw;margin-top: -1.56vw; display: flex;flex-wrap: wrap; overflow: hidden;}
.pro ul li{padding: 0 0.78vw;margin-top: 1.56vw;}
.pro ul li .panel{padding: 2vw 0; height:100%;border:1px solid #fff;cursor: pointer;transition: 0.5s;}
.pro ul li .pic{}
.pro ul li .pic:after{padding-bottom: 75%;}
.pro ul li h4{ margin-top: 1.3vw; line-height: 1.5;color: #333;text-transform: uppercase; }
.pro ul li .panel:hover{border-color: #d82517;}
.prolistNav{margin-top: 2vw;}
.prolistNav a{margin:0 1.5vw; color: #333;}
.prolistNav a:hover,
.prolistNav a.active{color: #d82517;}
/*产品*/
/*联系*/
.col-index-four#line .panel{border-top:1px solid #ddd;}
.col-contact-title{padding-top: 90px;}
.col-contact-title .col-page-title{padding: 4.94vw 0 4vw;}
.col-contact-tab a{display: block; margin-left: -1px;padding: 1.3vw;min-width: 12.5vw;position: relative; text-align: center; float: left; color: #000;line-height: 25px; border-left:1px solid #ddd;border-right:1px solid #ddd; }
.col-contact-tab a span{display: none;width: 100%;height: 3px; position: absolute;left: 0;bottom:-3px; background: #d82517;z-index: 1;}
.col-contact-tab a span img{position: absolute;left: 50%;margin-left: -4.5px;top:3px;}
.col-contact-tab a.flex-active span{display: block;}
.col-contact-tabContents{padding:4.94vw 0 3.9vw; background: #f5f5f5; }
.col-page-contact{padding-top: 7.8%;padding-bottom: 7.8%;}
.col-page-contact .title h3{ line-height: 1;color: #333;text-transform: uppercase;}
.col-page-contact .desc{min-height:100px;padding: 0.78vw 0; line-height: 1.5;color: #333;border-bottom: 1px solid #ddd; }
.col-page-contact .desc p{max-width: 470px;}
.col-page-contact .contact{padding: 0;padding-right: 2vw;}
.contact .content{margin-top: 2.5vw;}
.contact .content ul{padding-bottom: 10px;}
.contact .content ul li{min-height: 70px;padding-left: 85px;margin-bottom: 2vw; position: relative;}
.contact .content ul li img{width: 70px; position: absolute;left: 0;top:0;}
.contact .content ul li table{width: 100%;}
.contact .content ul li table td{width: 50%;padding-right: 1vw;}
.contact .content ul li h4{margin-bottom: 8px; font-weight: bold; line-height: 1;color: #333;text-transform: uppercase;}
.contact .content ul li p{line-height: 1.6;}
#google_map{height:550px;}
.col-page-contact .message{padding: 0;padding-left: 2vw;}
.message ul{margin:0 -0.52vw;margin-top: 2.5vw;}
.message ul li{padding: 0 0.52vw;margin-bottom:1vw;}
.message ul li p{line-height: 1.8;color: #333;margin-bottom:5px;}
.message ul li input,
.message ul li select,
.message ul li textarea{width: 100%;padding:0 24px;height:50px;line-height: 50px; background: #f8f8f8;border:0;outline: none;}
.message ul li textarea{float: left;padding:14px 24px;height:7.55vw;max-height: 145px;min-height: 80px;line-height: 1.8; }
.message ul li.li3{width: 100%;}
.message ul li.li4 input{width: 48%;max-width: 190px;}
.message ul li.sub{margin:0;}
.message ul li.sub input{width: 48%;max-width: 190px;background: #333;color: #fff;transition: 0.5s;}
.message ul li.sub input:hover{background: #d82517;}
/*联系*/
/*分页*/
.page { text-align: center;margin-top:4vw;}
.page ul{margin:0;}
.page li { display: inline;}
.page li a{
font-family: 'Arial';
border-radius: 0!important;
background: #fff;
padding: 8px 14px;
margin: 0 3px;
display: inline;
margin-bottom:0px;
color:#333;
border:1px solid #fff!important;
}
.page li a:hover,
.page li.active a {
background: #d82517!important;
border: 1px solid #d82517!important;
color: #fff;
}
.page li.bgnone a{
background: none;
}
.page li.bgnone a:hover {
color: #d82517;
}
@media (max-width: 991px) {
.page{margin-top: 40px;}
.page li a{ padding: 5px 10px;}
}
/*分页*/
/*loading页面*/
#loading
{
width: 100%;
height:100%;
position:fixed;
z-index:999;
background:#ffffff;
text-align: center;
display: table;
}
#loading span{
display: table-cell;
vertical-align: middle;
}
#loading span p{color:#fff;font-size: 20px;}
#loading img{
display: inline-block;
}
/*loading页面*/
/*站内搜索*/
.goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
#search{ min-height: 500px; padding-top:5%;padding-bottom:5%;margin-top:90px;overflow:hidden }
.search_left{ border: 1px solid #d6d6d6; padding-top:5px; padding-bottom:5px; }
.s_head{ border-bottom: 1px solid #d6d6d6; height: 50px; }
.s_head h2{ line-height: 50px; }
.s_body ul{ margin-top: 10px;}
.s_body ul span{display: block;color: #333;line-height: 40px;}
.s_body ul input,
.s_body ul select{
height: 35px;
width: 100%;
line-height: 35px;
border: 1px solid #e6e6e6;
padding-left: 10px;
margin-bottom: 10px;
}
.s_body .sub input{
height: 35px;
line-height: 35px;
background: #575757;
border: 0;
font-weight: bold;
color: #fff;
transition: 0.3s;
text-align: center;
padding-left: 0px;
}
.search_right{ padding-left: 40px;padding-right: 0; }
.search_right .no-result{
text-align: center;
/*font-size: 30px;*/
color:#d80808;
margin-top:50px;
}
.search-result-title{
/*font-size: 20px;*/
font-weight: 600;
color: #333;
line-height: 30px;
height: 30px;
overflow: hidden;
}
.entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
.entry-c{ position: relative; overflow: hidden; }
.search-result-info{ padding:5px 0; }
.search-result-info li{ display: inline-block; }
.search_right em{ color: #004cff; }
.search_right .search-result{ margin-left:25px; }
.product_title a{ color: #d80808; text-decoration: underline; }
.search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
.search_right li{ overflow: hidden; }
.search-result-info li:before{
content: '/';
display: inline-block;
margin-left: 10px;
margin-right: 10px;
opacity: 0.5
}
.search-result-info li:first-child:before { display: none; }
.product_list{ padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; }
.product_img{ float: left; }
.product_img img{ border-radius: 50%; }
.product_img img:hover{ width: 90px; height: 90px; }
.product_body{ float: left; margin-left: 20px; margin-top: 10px; }
.product_title{ margin-bottom: 20px; }
.se_news{ float: right; width: 79%; }
.news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s; }
.search_right .news .date em{ color: #fff;}
@media (max-width: 991px){
#search{padding-top: 55px;padding-bottom: 55px;margin-top: 55px;}
.search_right{padding-left:15px;}
}
@media (max-width: 767px){
.search_right{padding-left:0;margin-top:40px;}
.entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
}
/*站内搜索*/
/*other*/
#gotoTop{
display: none;
z-index: 299;
position: fixed;
width: 40px;
height: 40px;
background-color: #333;
background-color: rgba(0,0,0,0.3);
font-size: 20px;
line-height: 36px;
text-align: center;
color: #FFF;
top: auto;
left: auto;
right: 30px;
bottom: 50px;
cursor: pointer;
border-radius: 2px;
transition: 0.5s;
}
#gotoTop:hover{
background-color: #d82517;
}
.customer-service{
z-index: 299;
position: fixed;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #FFF;
top: auto;
left: auto;
right: 30px;
bottom: 90px;
}
.customer-service li{
width: 40px;
height: 40px;
background-color: #333;
background-color: rgba(0,0,0,0.3);
cursor: pointer;
border-radius: 2px;
margin-bottom: 10px;
}
.customer-service li a{
color: #FFF;
}
.customer-service li:hover{
background-color: #1ABC9C !important;
}
/*other*/
/*手机版菜单*/
@media screen and (max-width: 991px) {
header h1{height: 55px;line-height: 55px;}
header h1 img{max-height: 80%;}
.head{height: 55px;}
#header a.mm_btn {background: center center no-repeat #d82517;display: block;width: 55px;height: 55px;position: absolute;top:0px;right: 0; padding: 12.5px; }
#header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
#header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
#header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
/*transition: transform .2s ease .2s;
-webkit-transition: -webkit-transform .2s ease .2s;*/
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
#header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
#header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
#header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
#header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
#header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
#header .mm_btn.is_active .menu_bar_item {
transform: translateZ(0) rotate(45deg);
transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
-webkit-transform: translateZ(0) rotate(45deg);
-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
}
/*菜单弹出方向*/
.mm-menu_offcanvas{left: auto!important;}
.mm-menu{right: 0!important;}
.mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
.mm-slideout{z-index: 10!important;}
.mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
-webkit-transform: translate(-80vw,0)!important;
-ms-transform: translate(-80vw,0)!important;
transform: translate(-80vw,0)!important;
-webkit-transform: translate3d(-80vw,0,0)!important;
transform: translate3d(-80vw,0,0)!important;
/*transform: translate3d(80vw,0,0)!important;*/
}
.mm-wrapper_opened .mm-menu_fx-menu-slide {
-webkit-transform: translate(0,0)!important;
-ms-transform: translate(0,0)!important;
transform: translate(0,0)!important;
-webkit-transform: translate3d(0,0,0)!important;
transform: translate3d(0,0,0)!important;
}
/**/
#menu{ color:rgba(0,0,0,.8);}
#menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
#menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
#menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
#menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
#menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
#menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
#menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
#menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
-webkit-transform: translate(-440px,0)!important;
-ms-transform: translate(-440px,0)!important;
transform: translate(-440px,0)!important;
-webkit-transform: translate3d(-440px,0,0)!important;
transform: translate3d(-440px,0,0)!important;
}
}
/*banner*/
@media (max-width: 1400px){
.banner-index .content h2{font-size: 3vw;}
.banner-index .content img{width: 900px;}
}
@media (max-width: 1200px){
.banner-index .content h2{font-size: 2.5vw;}
.banner-index .content img{width: 750px;}
}
@media (max-width: 600px){
.banner-index .content h2{font-size: 20px !important;}
.banner-index .content img{width: 400px;}
}
@media (max-width: 991px){
/*底部*/
.footer{padding-top: 15px;padding-bottom: 15px;text-align: center;}
.copy{display: block; width:100%;min-height: auto;}
.social{width: 100%;margin-top: 10px;}
.social span{margin:0 5px;}
.social span i{width: 30px;height: 30px; font-size:16px;}
/*底部*/
/*首页*/
.col-more a{padding: 5px 15px;}
.col-index-four{display: flex;flex-wrap: wrap;}
.col-index-four .col-more{margin-top: 4vw;}
.col-index-four .panel{min-height: 300px; border:0;}
.col-index-four .panel .imgicon{top:55px;}
.col-index-four .panel .imgicon img{left: 20px;}
.col-index-four .panel .text{padding: 0 20px; bottom:50px;}
.col-index-four .panel .text h3{font-size: 20px;}
.col-index-four .panel .text h3:before{width:50px;height: 7px;bottom:2px;}
.col-index-four .panel .text h3 span{font-size: 30px}
.col-index-four .panel1,
.col-index-four .panel3{border-right:1px solid #ddd;}
.col-index-four .panel3,
.col-index-four .panel4{border-top:1px solid #ddd;}
/*首页*/
/*activities*/
.col-page-video{margin-top: 55px;padding-top:55px;padding-bottom:55px;}
.activities ul{margin:0 -8px;margin-top: -16px;}
.activities ul li{padding: 0 8px;margin-top: 16px;}
.activities ul li .text{padding:15px 20px;}
.activities ul li a.videoButton{margin-top:10px;padding:3px 0; width:55px; }
.activities ul li a.videoButton i{font-size: 14px;}
.activities ul li .panel:hover{transform: translateY(-10px);}
/*activities*/
/*关于*/
.col-page-title h2{font-size: 30px;}
.col-page-title p{margin-top: 10px;}
.common-video a span{margin-top: 8px;}
.col-page-about{ padding-bottom:90px;}
.col-about-left{width: 100%;padding-top:55px;}
.col-about-left .content{padding: 55px 15px;}
.col-about-left .content .col-page-title{width: 100%; float: left;text-align: center;}
.col-about-left .content .common-video{margin:50px auto 0;}
.col-about-right{width: 100%;padding-top:0; position: relative;z-index: 2; }
.col-about-right .content{padding: 49vw 15px 0;}
.col-about-right .title{}
.col-about-right .title h3{font-size: 30px;}
.col-about-right .title h3:before{width: 100px;height: 9px;bottom:0px;}
.col-about-right .title-cn h3:before{bottom: 0px!important;transform: translateY(4px);}
.col-about-right .con{margin-top: 30px;}
.col-about-right .con h3{margin-bottom: 10px;}
/*关于*/
/*产品*/
.col-product-top{padding-top: 55px;}
.col-product-top .flex{padding: 0;}
.col-product-top .content{width: 100%;max-width: none;padding-top: 55px;}
.col-product-top .con{margin-top:25px;}
.col-product-top .videoRight{width:100%;padding: 55px 0; position: relative; }
.col-product-top .videoRight img.bg{width: 100%;top:50%;transform: translateY(-50%);}
.col-product-top .videoRight .common-video{margin:0 auto;}
.col-product-list{padding-top: 60px;padding-bottom: 60px;}
.col-product-list .col-page-title h2:before{width: 100px;height:8px;bottom:2px;}
.pro{padding-top: 25px;}
.pro ul{margin:0 -7px;margin-top: -15px; }
.pro ul li{padding: 0 7px;margin-top: 15px;}
.pro ul li .panel{padding: 20px 0;}
.pro ul li h4{ margin-top: 10px;}
.prolistNav{margin-top: 20px;}
.prolistNav a{margin:0 1vw; color: #333;}
/*产品*/
/*联系*/
.col-contact-title{padding-top: 55px;}
.col-contact-title .col-page-title{padding: 50px 0 40px;}
.col-contact-tab a{padding:10px 1.3vw;font-size: 14px;}
.col-contact-tabContents{padding:50px 0 40px; }
.col-page-contact{padding-top:60px;padding-bottom:60px;}
.col-page-contact .desc{min-height:auto;padding:10px 0;}
.col-page-contact .contact{padding: 0;}
.contact .content{margin-top: 25px;}
.contact .content ul li{min-height: 46px;padding-left:60px;margin-bottom: 20px;}
.contact .content ul li img{width: 46px;}
.col-page-contact .message{padding: 0;margin-top: 50px;}
.message ul{margin:0 -5px;margin-top: 25px;}
.message ul li{padding: 0 5px;margin-bottom:10px;}
.message ul li input,
.message ul li select,
.message ul li textarea{padding:0 15px;height:40px;line-height: 40px;}
.message ul li textarea{padding:8px 15px;line-height: 1.8;}
.message ul li.sub{margin:0;}
/*联系*/
}
@media (max-width: 767px){
.col-index-four .panel{border:0;border-top:1px solid #ddd;}
.col-index-four .panel1{border-top:0;}
.col-page-title h2,
.col-about-right .title h3{font-size: 24px;}
.col-contact-tab a{padding:10px 1.8vw;font-size: 13px;}
.contact .content ul li table td{display: block; width:100%;padding-right: 0;}
}
@media (max-width: 400px){
.activities ul li,
.pro ul li{width: 100%;}
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#888;}
.padding60{padding-left: 3.125%;padding-right: 3.125%;}
@media (max-width: 991px){
.padding60{padding-left: 15px;padding-right: 15px;}
}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f25{font-size: 25px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f33{font-size: 33px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f40{font-size: 2.08vw;}
.f45{font-size: 2.34vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f55{font-size: 2.86vw;}
.f72{font-size: 3.75vw;}
@media (max-width: 1400px){
.f15{font-size: 14px;}
.f16{font-size: 14px;}
.f18{font-size: 16px;}
.f20{font-size: 18px;}
.f22{font-size: 20px;}
.f24{font-size: 20px;}
.f25{font-size: 20px;}
.f28{font-size: 22px;}
.f30{font-size: 24px;}
.f33{font-size: 24px;}
.f35{font-size: 24px;}
.f36{font-size: 24px;}
.f40{font-size: 30px;}
.f45{font-size: 30px;}
.f48{font-size: 30px;}
.f50{font-size: 35px;}
.f55{font-size: 35px;}
}
@media (max-width: 991px){
.f18{font-size: 15px;}
.f20{font-size: 16px;}
.f22{font-size: 18px;}
.f24{font-size: 18px;}
.f25{font-size: 18px;}
.f28{font-size: 20px;}
.f30{font-size: 20px;}
.f33{font-size: 20px;}
.f35{font-size: 20px;}
.f36{font-size: 20px;}
.f40{font-size: 24px;}
.f45{font-size: 24px;}
.f48{font-size: 24px;}
.f50{font-size: 30px;}
.f55{font-size: 30px;}
.f72{font-size: 30px;}
}
@media (max-width: 767px){
.f40{font-size: 22px;}
.f45{font-size: 22px;}
.f48{font-size: 22px;}
.f50{font-size: 24px;}
.f55{font-size: 24px;}
.f72{font-size: 24px;}
}
.ProgressCircle{
-webkit-animation: ProgressCircle 6s linear infinite both;
animation: ProgressCircle 6s linear infinite both; }
@keyframes ProgressCircle {
0% {
transform: rotate(0);
}
100%{
transform: rotate(360deg);
}
}
@-webkit-keyframes ProgressCircle {
0% {
transform: rotate(0);
}
100%{
transform: rotate(360deg);
}
}
@-moz-keyframes ProgressCircle {
0% {
transform: rotate(0);
}
100%{
transform: rotate(360deg);
}
}
@-o-keyframes ProgressCircle {
0% {
transform: rotate(0);
}
100%{
transform: rotate(360deg);
}
}