﻿/*全局控制*/

@charset "utf-8";
@font-face {
    font-family: "PingFangSC-Regular";font-weight: 400;src: url("../font/PingFangSC-Regular.woff2") format("woff2");
  }

*{box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 0.73vw/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}   
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 0.625vw; } /* 小于 0.625vw 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:0.625vw;}
caption,th {text-align:left;}  
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}   
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;} 
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none; cursor: pointer;}
/* a:visited {color:#000;text-decoration:none;} */
a:hover {text-decoration:none;}
/* a:active {color:#666;} */
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0;  max-width: 100%;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{ overflow-x: hidden; width: 100%; background:#fff;;font:0.73vw/1.05vw  "Noto Sans SC";font-weight:400;  color:#333; position: relative;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff; border: none;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{ clear:both;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:0.052vw; overflow:hidden; display:block;}
.bl5 {clear:both; height:0.26042vw; overflow:hidden; display:block;}
.bl10 {clear:both; height:0.521vw; overflow:hidden; display:block;}
.bl15 {clear:both; height:0.78125vw; overflow:hidden; display:block;}
.bl20 {clear:both; height:1.05vw; overflow:hidden; display:block;}
.bl30 {clear:both; height:1.5625vw; overflow:hidden; display:block;}
.bl40 {clear:both; height:2.1vw; overflow:hidden; display:block;}
.bl50 {clear:both; height:2.61vw; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-0.052vw;}
.hr_1,.hr_10{font-size:0.052vw;line-height:0.052vw;clear:both;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.aui-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.aui-ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
._block{ display: block;}
.d-flex{ display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.align-items-center{align-items:center;
    -webkit-align-items:center;
    box-align:center;
    -moz-box-align:center;
    -webkit-box-align:center;}
.justify-content-center{
    -webkit-justify-content:center;
    justify-content:center;
    -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center;
}
.justify-content-space-between{
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    box-pack:space-between;
    -webkit--moz-box-pack:space-between;
}
.flex-direction-column{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -moz-box-orient:vertical;
    -moz-box-direction:normal;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.justify-content-space-around{
    -webkit-justify-content:space-around;
    justify-content:space-around;
    /* -moz-box-pack:center;
    box-pack:center;
    -webkit--moz-box-pack:center; */
}
.flex-wrap{flex-wrap: wrap;}
.header{
    height: 80px;
    color: #fff;
    position: fixed;
    top: 0; left: 0; width: 100%; z-index: 10;
    padding: 0 5.63vw 0 7.5vw;
    transition: all .8s ease;
}
.header.whiteBg{border-bottom: #ECECEC 0.052vw solid; background: #FFFFFF;}
.header .logo{height:100%;width: 24.11vw;}
.header .logo a{ height: 100%;}
.header .logo .img2{display: none;}
.header .logo img{position: relative;top: 50%;transform: translateY(-50%);}
.header .logo .img1{display: block;}
.head-nav{margin-left: 4.58vw;}
.head-nav li{float: left; position: relative;margin-right: 3.39vw;}
.head-nav li>a{
    font-size: 0.9375vw;
    font-weight: 500;
    color: rgba(225,225,225,0.8);
    line-height: 80px;
    position: relative;
    display: block;
}
.head-nav li>a::after{ content: '';width: 0; height:  0.15625vw;
    background: #389738; position: absolute; left: 50%; bottom: 0; transition: all .5s;}
.head-nav li.on>a::after,.head-nav li:hover>a::after{ width: 100%;
    left: 0;}
.head-nav li.on>a,.head-nav li .nav-child a:hover,.head-nav li:hover>a{ color: #fff;}
.head-nav li .nav-child{ position: absolute; left: -3.39vw; width: 10vw;
    background: #FFFFFF; opacity: 0;top: 3.125vw; z-index: 10;transition: all .5s;
    box-shadow: 0.052vw  0.1042vw 0.521vw 0px rgba(0,0,0,0.24); visibility: hidden;}
.head-nav li .nav-child a{ display: block;padding: 0.9375vw 0; font-size: 0.9375vw; text-align: center;}
.head-nav li:hover .nav-child{ opacity: 1; top: 4.6875vw; visibility: visible;}

.head-phone {
    height: 100%;
    
}
.head-phone .search span{
    width: 1.5625vw;
    height: 100%;
    background: url(../img/searchIco-w.png) no-repeat center; background-size: 78%;
}
.head-phone   .phone{ font-size: 0.9375vw;}
.head-phone   .phone i{margin-right: 7px; width: 1.05vw; height: 1.05vw;background: url(../img/phoneIco-w.png) no-repeat center; background-size: 100%;}
.header.fixed,.inHeader{background: #ffff;color: #333;}
.header.fixed .head-nav li>a,.header.inHeader .head-nav li>a{color: #333;}
.header.fixed .head-phone .phone i,.header.inHeader .head-phone .phone i{background: url(../img/phoneIco.png) no-repeat center;
    background-size: 100%;}
 .header.fixed   .head-phone .search span,.header.inHeader .head-phone .search span{
    background: url(../img/searchIco.png) no-repeat center;
    background-size: 78%;
 }
 .header.fixed .logo .img1, .header.inHeader .logo .img1{display: none;}
 .header.fixed .logo .img2, .header.inHeader .logo .img2{display: block;}
.line{ color: #fff;
    opacity: 0.8; margin: 0 19px;}
.search-input{ background: #fff; padding:  0.15625vw 0.26042vw  0.15625vw 0.521vw;box-shadow: 0px  0.1042vw 0.521vw 0px rgba(0,0,0,0.1);
    position: absolute; border-radius:1.5625vw ;    z-index: 5;
    font-size: 0.73vw; top: 95px; left: -3.125vw;width: 225px; opacity: 0; visibility: hidden; transition: all .5s;
}
.search-input.show{ opacity: 1; visibility: visible;}

.search{height: 100%; position: relative;}
.search-input .text-input{width: 11.375vw; height: 1.5625vw; vertical-align: middle; font-size: 0.78125vw; text-indent: 0.521vw;}
.submit{background: url(../img/searchIco.png) no-repeat center; padding: 9px;}

.banner {
    position: relative;
    overflow: hidden;
    width: 100% !important;
}

.banner .slide,
.banner .swiper-slide{
    width: 100% !important;
    /* height: 710px; */
}
.banner a{ display: block;}
.banner .swiper-pagination-bullet{
    opacity: .7;
    width: 2.60vw;
    height: 0.16vw;
    background: #FFFFFF;
    border-radius: 0;
}
.banner .swiper-pagination-bullet-active{
    opacity: 1;
}
.banner .swiper-pagination-progressbar{
    width: 7.81vw;
    height: 0.16vw;
    background: rgba(255,255,255,.7);
    bottom: 0;
    left: 0;
    top: auto;
}
.origin-video-box{height: 43.75vw; overflow: hidden;} 
.origin-video-box .video-js .vjs-big-play-button{width: 5.00vw; height: 5.1vw;}
.pagination{ position: absolute; bottom:70px ;
left: 100px; z-index: 100;}
.navigations{position: absolute; bottom:70px ;
    right: 100px; z-index: 100;  
    display: -webkit-flex; 
    display: -moz-flex; 
    display: -ms-flexbox; 
    display: flex;}
.navigations>div{margin: 0 20px;}
.navigations i{ transition: all .3s; display: inline-block; width: 19px; height: 37px; background: url(../img/icon9.png) no-repeat;}
.navigations .button-prev i{ background-position: 0 0;}
.navigations .button-next i{ background-position: -81px 0;}
.navigations i:hover{background: url(../img/icon10.png) no-repeat;}
.navigations .button-prev i:hover{ background-position: 0 0;}
.navigations .button-next i:hover{ background-position: -81px 0;}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #FFFFFF;
}
.swiper-num{
    margin-bottom: 15px;
    color: #fff;
    font-size: 24px;
}
.swiper-num .total{ font-size: 20px;}
.indexAbout{padding: 7.81vw  6.77vw 9.64vw 8.33vw; background: url(../img/bg1.jpg) no-repeat; background-size: cover;}
.indexAbout .aboutInfo{max-width: 44.27vw;padding-right: 5.99vw; }
.modelName span{position: relative;  text-transform: uppercase; color: #545454; font-size: 1.56vw; margin-left: .5vw;}
.modelName h4{ font-size: 2.08vw; line-height: 160%;font-weight: bold;
    color: #333333;}
.modelName::before{content: ''; width: 4.17vw;
    height: 4px; 
    background: #389738;  position: absolute; left: -5.5vw; top: 50%; transform: translateY(-50%);}
.indexAbout .aboutPic{position: relative; padding-bottom: 1.56vw; padding-right: 1.56vw;}
.indexAbout .aboutPic::before{content: '';background: #fff; opacity: .5; border-radius: 5.21vw 0px 5.21vw 0px;
position: absolute; right: 0; bottom: 0; width: 33.07vw; height: 27.03vw;}
.indexAbout .aboutPic img{width: 33.07vw; position: relative;z-index: 5;}
.indexAbout .aboutInfo p{font-weight: 400; margin-top:3.13vw ;color: #666666; font-size: 0.83vw; line-height: 180%;}  
.indexAbout ul li{ margin-top: 7.19vw;
    text-align: center;
}
.indexAbout ul li img{width: 2.66vw;}
.indexAbout ul li i{font-style: normal;}
.indexAbout ul li b{ color: #389738; font-size: 1.56vw;margin: .4vw auto .8vw;}
.indexAbout ul li  span{color: #999; font-size: 14px;}
.indexProduct{
    padding: 5.52vw 8.33vw 2.60vw; background: url(../img/bg2.jpg) no-repeat; background-size: cover;
}
.indexProduct .modelName span{color: #fff;opacity: 0.78;}
.indexProduct .modelName h4{color: #fff;}
.productNav a{width: 10.42vw; line-height: 3.13vw; text-align: center;
    height: 3.13vw; display: block; margin-left: 1.04vw;
    background: rgba(0,0,0,0.3);font-size: .94vw;color: #FFFFFF; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
   }
.productNav a:hover,.productNav a.active{background: rgba(255,255,255,.7);color: #333333;}
.productContent{margin-top: 3.13vw;}
.slideCont>div{width: 50%;background: rgba(255,255,255,.9);}
.slideCont>div.slideTxt{padding: 3.17vw 5.21vw;}
.slideCont>div.slideTxt span{color: #999999; font-size: 14px;}
.slideCont>div.slideTxt h3{font-size: 1.56vw; margin-top: 1.04vw; line-height: 160%;font-weight: 400;}
.slideCont>div.slideTxt p{margin-top: 1vw; font-size: 0.83vw;color: #666666; line-height: 180%;}
.slideCont>div.slideTxt a{position: absolute; bottom: 4.38vw; left: 5.21vw;
    width: 7.40vw;
height: 2.60vw; color: #fff; text-align: center;
background: #389738; font-size: 0.83vw; line-height: 2.6vw;
}
.slideCont>div img{width:100%;}
.slideCont>div.slideTxt a:hover{text-decoration: underline;}
.slide-btn{ position: absolute; bottom: 4.38vw; left: 5.21vw;}
.slide-btn>div{cursor: pointer; width: 3.13vw; height: 3.13vw; margin-right: 1.04vw; z-index: 1;}
.slide-btn>div.btn-prev{ background: url(../img/btn1.jpg); background-size: 100%;}
.slide-btn>div.btn-next{background: url(../img/btn2.jpg); background-size: 100%}
.posi-relative{ position: relative;}
.slide-btn>div.btn-prev:hover{ background: url(../img/btn1-g.jpg); background-size: 100%;}
.slide-btn>div.btn-next:hover{background: url(../img/btn2-g.jpg); background-size: 100%}
.moreBtn{ margin: 2.08vw auto 0;}
.moreBtn a{ width: 9.38vw; text-align: center; line-height: 3.13vw;
    height: 3.13vw; font-size: 0.94vw;
    border: 1px solid rgba(255,255,255,.6);
    color: #FFFFFF;}
.moreBtn a:hover,.indexEngier .moreBtn a:hover{background: #389738; color: #fff; border-color: #389738; }
.indexEngier .moreBtn a:hover em{color: #fff;}
.moreBtn a em{ font-family: "宋体"; font-weight: bold; margin-left: 10px;}
.indexEngier{ padding: 5.52vw 0 2.60vw; background: url(../img/bg3.jpg) no-repeat; background-size: cover;}
.width1{padding: 0 8.33vw;}
.indexEngier .moreBtn{margin: 0;}
.indexEngier .moreBtn a{ border: 1px solid #C8C8C8; color: #666;}
.indexEngier .moreBtn a em{ color: #666;}
.backimage{ background-repeat: no-repeat; background-size: cover;}
.engierSWiper{ margin-top: 4.69vw;}
.engierSWiper .swiper-slide{width: 52.08vw; height: 26.04vw;}
.engierSWiper .swiper-slide a{transition: all .3s ease; width: 100%; height: 100%; padding: 0 3.65vw; opacity: 0;}
.engierSWiper .swiper-slide-active a{opacity: 1;}
.engierSWiper .swiper-slide a em{font-weight: bold;
    color: #FFFFFF; font-size: 1.56vw; line-height: 160%;}
.engierSWiper .swiper-slide a p{ line-height: 180%; width: 45%; color: #fff;}
.line1{width: 3.13vw;
    height: 2px;
    background: #FFFFFF;
    opacity: 0.7; margin: 1.1vw 0 .8vw;}
.engierSWiper .swiper-slide a  img{width: 20px; margin-top: 2.60vw;}
.buttonNext,.buttonPrev{width: 3.13vw; height: 3.13vw; position: absolute; z-index: 50; top: 50%; transform: translateY(-50%);}
.buttonNext{ right: 17.81vw; background: url(../img/btn2.jpg) no-repeat; background-size: 100%;}
.buttonPrev{ left: 17.81vw; background: url(../img/btn1.jpg) no-repeat; background-size: 100%;}
.buttonNext:hover{  background: url(../img/btn4.jpg) no-repeat; background-size: 100%;}
.buttonPrev:hover{ background: url(../img/btn3.jpg) no-repeat; background-size: 100%;}
.indexNews{ background: #F9F9F9; padding: 4.43vw 8.33vw 6.51vw;}
.indexNews .moreBtn { margin: 0;}
.indexNews .moreBtn a{border: 1px solid #C8C8C8; color: #666;}
.indexNews .moreBtn a em{ color: #666;}
.indexNews .moreBtn a:hover,.indexNews .moreBtn a:hover em{color: #fff;}
.newsContent{margin-top: 5.89vw;}
.newsContent dl{width: 27.40vw; background: #fff;overflow: hidden;}
.newsContent dt{width: 100%; height: 15.94vw; overflow: hidden; transition: all .5s ease;}
.newsContent dd{ padding: 1.04vw  1.56vw;}
.newsContent dd span{ display: block;color: #999999;}
.newsContent dd a{font-weight: 500;color: #389738; font-size: 1.04vw; margin: .5vw 0 .7vw;}
.newsContent dd p{color: #666666; font-size: 0.83vw; line-height: 180%;}
.newsContent dd img{ margin-top: 1.56vw; width: 21px;}
.newsList{width: 53.8vw;}
.newsTop{background: #FFFFFF; box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.newsTop a{width: 50%; padding: 2.34vw; position: relative;}
.newsTop a span{font-weight: 500; color: #333333; font-size: 1.04vw;}
.newsTop a em{font-weight: 400; margin: 1.04vw 0 2.6vw;
    color: #999999; font-size: 0.83vw;}
.newsTop a  p{color: #666666;font-size: 0.83vw; line-height: 160%;}
.newsTop a::before{content: ''; width: 1px; height: 7.81vw;background: #EDEDED;
    opacity: 0.5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.newsBottom ul{width: 26.41vw;
    height: 12.66vw;padding: 1.56vw;
    background: #FFFFFF;
    box-shadow: 0px 2px 30px 0px rgba(211,211,211,0.3);}
.newsBottom ul li{ margin-top: 1.3vw; color: #999999;font-size: 0.83vw; line-height: 160%;}
.newsBottom ul li a{position: relative; padding-left:12px; color: #333; width: 70%; }
.newsBottom ul li i{ font-style: normal;}
.newsBottom ul li a::after{content: '';width: 5px;
    height: 5px;
    background: #46A946;
    border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.newsBottom ul li:first-child{margin-top: 0;}

.link{background: #2A323E;
    padding:1.04vw 8.33vw;
}
.link>img{width: 5.78vw;}
.link .swiper-slide a{font-size: 0.83vw; color: #fff; padding: 0 1.5vw;}
.linkswiper{ margin: 0;}
.link .swiper-slide{width: auto;}
.linknext img{width: 1.88vw;}
.linknext{margin-left: 1.04vw;}
.footer{ background: #19202A;}
.foot-top>div{ margin-top: 4.17vw;width: 25.78vw;}
.foot-top p.title{font-size: 1.04vw;font-weight: 500; margin-bottom: 1.04vw;
    color: #FFFFFF; position: relative; padding-bottom: 1.04vw;}
.foot-top p.title i{ display: inline-block;width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%; vertical-align: middle; margin: 0 .3vw;}
.messages{margin-top: .4vw; }
.foot-top p.title::after{
    width: 100%;
height: 1px;
background: #29303A;
content: ''; position: absolute; bottom: 0; left: 0;
}
.messages li{ line-height: 180%;margin-top: .5vw; font-size: .83vw; color: #fff;}
.messages li span{opacity: .8;}
.copyright{padding: 1.04vw 8.33vw; margin-top: 3.13vw;}
.copyright>div{ color: rgba(255,255,255,.4); font-size: 14px;}
.copyright>div a{color: rgba(255,255,255,.4);}
.copyright>div a:hover{text-decoration: underline;}
.f-ewm img{display: block;width: 7.81vw;
    display: block;}
.f-ewm span{font-size: 0.73vw; color: #fff; opacity: .8; text-align: center; margin-top: 0.52vw;}

.foot-top>div.f-ewm{width: auto;}
.f-ewm>div{margin-left: 1.35vw;}
.foot-nav a{color: #FFFFFF; opacity: .4; font-size: .83vw; line-height: 180%; margin-top: .4vw; width: 25%;}
.foot-nav a:nth-child(4n){margin-right: 0;}
.foot-nav{width: 100%;}
.foot-nav a:hover,.link .swiper-slide a:hover,.newsTop a:hover span,.newsBottom ul li a:hover{ color: #389738; opacity: 1;}
.newsContent dl dt:hover{transform: scale(1.06);}
/*float_menu*/
.float_menu{ position: fixed; bottom: 7.1875vw; right: 2.60%; z-index: 1004;}
.float_menu li{ position: relative; margin-top: 0.521vw;}
.float_menu li i{width: 100%; height: 2.1vw; display: block; background-size: 40%;}
.float_menu li a.f_m_a0{ display:block; width:  3.4375vw; text-align: center;
    height: 3.9583vw; padding-top: 0.26042vw;
    background: #FFFFFF;
    box-shadow: 0 0.42vw .99vw 0 rgba(204,204,204,0.5);}
.float_menu li a.f_m_a0 .iconfont{ font-size: 1.3542vw;}
.f_m_cover{ position:absolute; top: 50%; padding-right: 0.84vw; right:100%; transform:translateY(-50%); text-align: center; opacity: 0; visibility: hidden; pointer-events: none; width: 17.625vw; }
.f_m_cover_inner{ position: relative; background: #fff; color: #333; border-radius: 0.26042vw; box-shadow:  0.1042vw 0 0.625vw 0 rgba(0,0,0, .10); line-height: 4.0625vw;  min-height: 3.9583vw; font-size: 0.9375vw;}
.f_m_cover_inner:before{ content: ""; position:absolute; top:50%; left: 100%; transform:translateY(-50%) rotate(-90deg); border-width:0.3125vw; border-style:solid solid solid; border-color:#fff transparent transparent; }
.float_menu li .f_m_cover b{ letter-spacing: -0.03em; font-family: "Arail"; color: #46A946;}
/* .float_menu li:hover a.f_m_a0{ background-color: #cc0001; color: #fff;} */
.float_menu li:hover .f_m_cover{ opacity:1; visibility: visible; pointer-events: all;}
.f_m_cover_inner img{ display: block; width: 6.5104vw; height: 6.5104vw; margin:0 auto;}
.f_m_call .f_m_cover_inner{ padding: 0.78125vw;}
.icon_kefu{ background: url(../img/sibarico1.png) no-repeat center; }
.icon_qq{ background: url(../img/sibarico2.png) no-repeat center; }
.icon_dianhua2{background: url(../img/sibarico3.png) no-repeat center;}
.icon_zx{ background: url(../img/sibarico4.png) no-repeat center; }
.icon_TOP{background: url(../img/sibarico5.png) no-repeat center;}
.float_menu li:hover a.f_m_a0{ background: #46A946; color: #fff;}
.float_menu li:hover .icon_kefu{ background: url(../img/sibarico1-w.png) no-repeat center; }
.float_menu li:hover .icon_qq{ background: url(../img/sibarico2-w.png) no-repeat center; }
.float_menu li:hover .icon_dianhua2{ background: url(../img/sibarico3-w.png) no-repeat center; }
.float_menu li:hover .icon_zx{ background: url(../img/sibarico4-w.png) no-repeat center; }
.float_menu li:hover .icon_TOP{ background: url(../img/sibarico5-w.png) no-repeat center; }


/* 内页 */
.insideHeader{position: static;}
.insideBan{ position: relative; margin-top:80px;
    width: 100%; display: flex; justify-content: center; align-items: center;
}
.insideBan img.bg{ display: block; width: 100%;}
.insideBan .width1300{ text-align: right; position: absolute; bottom: 20px; color: #fff;}

.insideBan .width1300 a{ color: #fff;}
.inMenu{
    width: 100%;
	height: 4.17vw;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06);
    position: relative;
}
.nav_wrap a {position: relative; font-size: 0.94vw; line-height: 4.17vw; display: block; float: left; width: 6.77vw; text-align: center;}
.nav_wrap a:hover,.nav_wrap a.on{color: #389738; font-weight: bold;}
.nav_wrap a::before{content: ''; width: 1.56vw;
    height: .21vw;
    position: absolute; bottom: 0; left: 50%; margin-left: -0.78vw;}
.nav_wrap a.on::before,.nav_wrap a:hover::before{background: #389738; }
.nav_links ,.nav_links a{line-height: 4.17vw; font-size: 0.73vw; color: #333;}
.nav_links .icon{ display: inline-block;width: 0.83vw;
    height: 0.83vw;background: url(../img/icon8.png) no-repeat center; background-size: 100%; vertical-align: middle; position: relative; top: -2px;}

    .news-content .left-content{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    
}
.caseCont dl{width: 21.51vw; overflow: hidden; float: left;  margin-bottom: 1.31vw; margin-right:1.31vw; background-color: #fff;border-radius: 4px;}
.caseCont dt{width: 100%; height: 13.96vw; position: relative; transition: all .5s;}
.caseCont dd{ width: 100%; height: 4.17vw; line-height: 4.17vw; padding: 0 1vw;font-weight: 500;
    color: #333333; font-size: 1.04vw;}

.caseCont dt span{width: 6.56vw; line-height: 1.88vw;
    height: 1.88vw; color: #fff; font-size: 0.83vw;
    background: #389738; text-align: center; 
    border-radius: 6px; position: absolute; bottom: 1.04vw; right: 1.04vw;}
.caseCont dl:hover{ box-shadow: 0px 4px 20px 0px rgba(6,0,31,0.06);}
.caseCont dl:hover dd a{color: #389738;}


.main-content2{ padding:3.13vw 0 5vw ;}
.about-name{
    font-weight: bold; position: relative; z-index: 2;
color: #333333; font-size: 2.1875vw; text-align: center; margin-bottom: 50px;
}
.about-name span{ opacity: .5; font-size: 1.5625vw; display: block;color: #E3E2E2; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative; z-index: -1;}
.width1300 {
    width: 68vw;
    margin: 0 auto;
}
.pages{text-align: center; margin-top: 2.2vw;}
.pages a,.pages span{ display: inline-block; width: 2.1vw;
    height: 2.1vw; vertical-align: top;
    background: #F0F0F0;
    border-radius: 0.521vw ;margin: 0 0.42vw; color: #666; font-size: 1.05vw; line-height: 2.1vw; }
.pages i{display: block; width: 100%; height: 100%;}
.page-prev i{ background: url(../img/icon20.png) no-repeat center;}
.page-next i{ background: url(../img/icon19.png) no-repeat center;}
.page-prev:hover i{ background: url(../img/icon17.png) no-repeat center;}
.page-next:hover i{ background: url(../img/icon18.png) no-repeat center;}
.pages a.on,.pages span.on,.pages span.current,.pages a:hover{
   background: #389738;
   color: #fff;
}
.pages .page-prev:hover,.pages .page-next:hover{ background-color: #fff;}
.marginRight0{ margin-right: 0 !important;}
/* 案例详情 */
.caseDetail{ padding: 2.60vw;}
.caseDetail h1{ font-size: 1.25vw; font-weight: bold;line-height: 180%;}
.caseDetail .time{ color: #999;font-size: 0.94vw;margin-top: .8vw;}
.caseInfo{border-top: #EBEBEB 1px solid; margin-top: 2.05vw; padding-top: 1.05vw;}
.caseInfo p{font-size: .84vw; line-height: 180%; margin-top: 1vw; color: #272727;}
.caseInfo img{ display: block; margin: 1.04vw auto;}
.detail-page{ display: flex; justify-content: space-between;}
.detail-page a{
    width: 48.5%;
height: 2.81vw;
background: #F5F5F5;
display: block;
color: #333;
font-size: 0.83vw;
padding: 0 1.04vw;
margin-top: 1.56vw;
line-height: 2.81vw;
display: flex;
align-items: center;
position: relative;border-radius: 4px;

}
.detail-page a span{ display: inline-block; width: 400px; overflow: hidden ; white-space: nowrap;text-overflow: ellipsis;}
.detail-page a i{
    display: inline-block;
    width: 21px;
    height: 9px;
}
.detail-page .a1 i { background: url(../img/icon27.png) no-repeat;}
.detail-page .a2 i { background: url(../img/icon26.png) no-repeat; position: absolute; right: 1.04vw;}
.detail-page .a1 span{ margin-left: 1.03vw;}
.detail-page .a2 span{  margin-left: 1.05vw;}
.detail-page a:hover{background: #389738;
    box-shadow: -1px 4px 30px 0px rgba(2,80,63,0.24);color: #fff;}
.detail-page .a1:hover i { background: url(../img/icon24-w.png) no-repeat ;}
.detail-page .a2:hover i { background: url(../img/icon25-w.png) no-repeat;}
/* 关于我们 */
.Profile { margin-top: 3.13vw; padding: 0 1.04vw;}
.Profile .about-txt{width: 36.30vw;margin-top: -1.5vw; }
.Profile .about-txt i{font-weight: bold;
    color: #F5F7F9; font-size: 8.33vw; font-style: normal;line-height: 100%; position: relative; margin-left: -5.21vw;}
.Profile .about-txt h3{font-size: 1.56vw; text-align: center; margin-bottom: .8vw; line-height: 180%; color: #000;font-weight: bold; margin-top: -1.04vw;}
.Profile .about-txt  p{ font-size: 0.83vw; margin-top:.4vw;color: #666;
    line-height: 180%; text-indent: 2em;}
.Profile .about-pic>div{
    width: 25.78vw;
    height: 20.36vw;
    background:#389738;
border-radius: 10px;
}
.Profile .about-pic>div img{max-width:26.25vw; border-radius: 10px; position: relative; margin-top: -3vw; margin-left:-2.5vw;}

.about-num{ margin-top: 60px; background: url(../img/bg5.jpg) no-repeat center; background-size: cover; height: 220px; padding: 70px 0;
    }
.about-num li{width: 25%; position: relative;font-size: .83vw; color: #666; float: left; text-align: center;}
.about-num li::before{content: '';width: .1rem;
    height: 66px;
    background: #E3E3E3; position: absolute; top: 50%; margin-top: -33px; right: 0;}
.about-num li:last-child:before{ display: none;}
.about-num li span{font-size: 48px;line-height: 60px; margin-bottom: 10px; font-weight: bold; color: #389738;}
.about-num li span em{ font-weight: bold;}
.about-num li sub{font-size: 30px;}
.line{width: 3.65vw;
    height: 2px;
    background: #389738;
    margin: .8vw auto ;}

/* 联系我们 */

.c-way1 li{background: #FFFFFF;box-shadow: 1px 6px 20px 0px rgba(0,0,0,0.05); text-align: center;
    width: 21.67vw; height: 19.71vw; margin-top: 6.13vw; padding: 0 2.34vw;}
    .c-way1 li i{top: -4.2vw;position: relative; padding: 20px; display: inline-block;box-shadow: 1px 6px 20px 0px rgba(0,0,0,0.05); border-radius: 50%;}
    .c-way1 li img{ width: 6.25vw; height: 6.25vw; }
    .c-way1 li span{ margin-top: -3vw;font-weight: bold; font-size: 1.15vw;}
    .c-way1 li p{ margin-top: 1.1vw; line-height: 160%; font-size: 0.83vw;}
    .map{ margin-bottom: 3.65vw;margin-top: 1.56vw;}
    .comment{ box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.1);margin-top: 1.56vw; background-color: #fff; padding:2.60vw 1.82vw;}
    .comment .left-form{ width: 26.56vw;}
    .comment .left-form strong{ font-size: 1.56vw; line-height: 160%;}
    .comment .left-form p{ font-size: 0.83vw; font-weight: bold; margin-top: .7vw;}
    .comment .left-form .line1{margin-top: 1.04vw; margin-bottom: 1.82vw; background: #389738; width: 5.21vw; height: 0.21vw;}
    .comment .left-form .input-text{border: 1px solid #DDDDDD; font-size: 0.83vw; text-indent: 2em;
        border-radius: 4px; background-color: #fff; margin-bottom: 1.3vw; height: 2.19vw; display: block; width: 24.5vw;}
        .comment .left-form textarea{border: 1px solid #DDDDDD; font-size: 0.83vw; text-indent: 2em;
            border-radius: 4px; background-color: #fff; margin-bottom: 1.3vw; height:6.77vw; padding-top: .8vw; display: block; width: 24.5vw;}
    .submit-btn{width: 6.25vw;
        height: 1.98vw; border: none;
        background: #389738; transition: all .5s;
        border-radius: 19px; color: #fff; font-size: 0.83vw;}
    .submit-btn:hover{box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.1); text-decoration: underline; }
    .right-img{width: 33.91vw;}
    .right-img img{width: 100%;}
    .formSwitch{
        border-bottom: #E3E2E2 1px solid;
        color: #333333;
        margin-bottom: 1.04vw;
    }
    .formSwitch>div{cursor: pointer; position: relative; padding-bottom: 1.56vw; font-size: 1.25vw;}
    .formSwitch>div.on,.formSwitch>div:hover{ color: #389738; font-weight: bold; }
    .formSwitch>div.on::before,.formSwitch>div:hover::before{ content: ''; width: 100%; height: 2px; background: #389738; position: absolute;
        bottom: 0; left: 0;
    }
/* 业务范围 */
    .servicelist dt{width: 32.34vw; height: 21.46vw;}
    .servicelist dd{width:35.36vw; padding:1.82vw; font-size: .83vw; position: relative;}
    
    .servicelist{margin-bottom: 2.08vw;
        border-radius: 4px;background: #f4f4f4;}
    .servicelist dd .name{color: #666666; font-weight: 500; line-height: 150%;font-size: 1.04vw; margin-bottom:.8vw;}
    .servicelist dd .name  b{ font-size: 1.25vw; color: #333;}
    .servicelist dd .name span{font-size: 1.04vw;
        font-weight: bold; display: block;
        color: #FFFFFF;width: 1.67vw;font-weight: bold;
        height: 1.67vw; text-align: center; line-height: 1.67vw;
        background: #389738;
        border-radius: 4px; margin-right: 0.63vw;}
     .servicelist dd li{margin-top: 1.04vw; line-height: 160%;font-weight: bold;}
     .servicelist dd li em{font-size: 0.94vw; font-weight: bold;}
.casey1{margin-bottom: 3.13vw;}
.caseTitle{font-weight: bold; 
    color: #333333; font-size: 1.67vw;}
.casey1 .desc{margin-top: 1.54vw;}
.casey1 .desc p{margin-top: 1.04vw; line-height: 180%;font-weight: 400; 
    color: #333333; font-size: .94vw;}
.culture li{ float: left;width: 33.07vw; margin-top: 2.34vw; transition: all .5s ease;
    height: 11.46vw;padding: 0 1.04vw; margin-right: 1.56vw;
    background: #FFFFFF;box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.08);}
.culture li:hover{ transform: translateY(-10px);}
.culture li img{width: 5.47vw;
    height: 5.47vw;}
.culture li .c-txt{
    width: calc(100% - 5.47vw);
    padding-left: 1.30vw;

}
.culture li .c-txt em{ position: relative;font-weight: bold;
    color: #333333; font-size: 1.25vw; line-height: 180%; padding-bottom: .7vw; margin-bottom: .7vw;}
.culture li .c-txt em::before{ content: '';width: 30px;
    height: 0.21vw;
    background: #389738; position: absolute; bottom: 0; left: 0;}
.culture li .c-txt p{ color: #666; line-height: 160%; font-size: .83vw;}

/* 招商模式 */
.part-list dl{width: 33.07vw;overflow: hidden; background-color: #fff;box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.04);
    border-radius: 4px; cursor: pointer; margin-top: 1.56vw; }

.part-list dt{width: 100%; height: 20.83vw;}
.part-list dd{padding: 1.56vw  1.04vw;background: #F4F4F4;}
.part-list dd a{font-weight: bold; font-size: 1.04vw; line-height: 180%;}
.part-list dd p{font-size:0.83vw; color: #666; line-height: 160%; margin-top:.5vw;}
.part-list dd p em{ color: #333; font-weight: 500;}
.part-list dl:hover{ transform: translateY(-10px);}



.news-swiper .swiper-slide:hover .img-box img,.caseCont dl:hover dt{ transform: scale(1.06);}

.transtion6,.news-swiper .swiper-slide:hover .img-box img{    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}