@import "loaders.css";
@import "swiper.min.css";
@import "../font/iconfont.css";
@import "base.css";

/**/
#main{
   min-width: 1300px;
}

.main_top{
    margin-top: 78px;
}
.main_bg{
    background: #fafafa;
}
.header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header .head{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 48px;
    padding-top: 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header .head .logo {
    height: 42px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header .head .logo img + * {
    margin-left: 10px;
}

.header .head .logo img {
    max-width: 100%;
    max-height: 100%;
}

.header .head .logo + .nav {
    margin-left: 20px;
}

.header .head .nav{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.header .head .nav > ul{
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
}
.header .head .nav > ul > li{
    margin-left: 85px;
    position: relative;
    width: 70px;
}
.header .head .nav > ul > li:first-child{
    margin-left: 0px;
    width: 40px;
}
.header .head .nav > ul > li > a{
    height: 40px;
    position: relative;
    color:#364d27;
}

.header .head .nav > ul > li > a >p{
    position: relative;
    font-size: 16px;
    line-height: 20px;
    display: block;
    float:right;
}
.header .head .nav > ul > li > a>p:last-child{
    font-size: 12px;
}

.header .head .nav > ul > li > a>p.iconfont-icon-xiajiantou::before{
    font-family: "iconfont" !important;
    font-size: 12px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\eb6d";
    position: absolute;
    right:50%;
    transform: translate(50%, 14px);
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;


}
.header .head .nav > ul > li:hover > a>p.iconfont-icon-xiajiantou::before{
    transform: translate(50%, 14px) rotateX(180deg);
    opacity: 1;   
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;

}
.header .head .nav > ul > li > a>p.iconfont-icon-xiajiantou::after{
    width: 100%;
    content: "_____";
    position: absolute;
    right: 0px;
    top: 8px;
    font-size: 20px;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header .head .nav > ul > li:hover > a>p.iconfont-icon-xiajiantou::after{
opacity: 1;
filter:alpha(opacity=100);
-moz-opacity:1; 
-khtml-opacity:1;
}
.header .head .nav > ul > li.on > a:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    border-radius: 10px;
    width: 100%;
}
.header .head .nav > ul > li:hover > a:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    border-radius: 10px;
    width: 100%;
}
.header .head .nav > ul > li > a:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #8a1538;
    border-radius: 10px;
    width: 0%;
    margin: 0 auto;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header .head .nav li a{
    position: relative;
}
.header .head .nav li a:hover{
   /**color: #0bdb10;**/
   color: #000;
   font-weight: bolder;
}

.header .head .nav  .nav_two{
    width: 220px;
    height:0px;
    position: absolute;
    top:39px;
    left: 70%;
    transform:translate(-50%,0);
    border: 0px #e6e6e6 solid;
    overflow: hidden;
    border-radius: 0px;
   /** display: none;**/
   display: flex;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header .head .nav  .nav_two:after{
    background: #fff;
    position: absolute;
    top:30px;
    left: 50%;
    transform:translate(-50%,0);
    border: 1px #e6e6e6 solid;
    border-radius: 4px;
    border: 1px #e6e6e6 solid;
    display: none;
}
.header .head .nav >ul >li:hover  .nav_two{
    /**display: flex;**/
    border-radius: 4px;
    height: 270px;

}
.header .head .nav >ul >li:hover  .nav_two .item{
    width: 220px;
    height: 250px;
    margin-top: 20px;
}
.header .head .nav  .nav_two .item{
    opacity: 0.95;
    filter:alpha(opacity=95);
    -moz-opacity:0.95; 
    -khtml-opacity:0.95;
    margin-top: 0.95px;
    background: #43662d;
    width: 220px;
    height: 250px;
    padding: 15px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header .head .nav  .nav_two .item ol{
    padding:0px 0px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.header .head .nav >ul >li:hover  .nav_two .item ol{
    padding:0px 0px;
}
.header .head .nav  .nav_two .item ol li
{
    padding-left: 0px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
}
.header .head .nav  .nav_two .item ol li:hover
{

}
.header .head .nav  .nav_two .item ol li:hover a{
    color: #0bdb10;;

}

.header .head .nav  .nav_two .item ol a{
    font-size: 14px;
    line-height: 14px;
    padding-left: 0px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all .4s ease-in-out,0.2s visibility;
    -moz-transition: all .4s ease-in-out,0.2s visibility;
    -ms-transition: all .4s ease-in-out,0.2s visibility;
    -o-transition: all .4s ease-in-out,0.2s visibility;
    transition: all .4s ease-in-out,0.2s visibility;
    position: relative;
}
.header .head .nav  .nav_two .item ol a p:last-child{
    font-size: 10px;
    zoom: 0.82;
    font-weight: normal;
}

.header .head .nav  .nav_two .item ol li:not(:last-child){
    margin-bottom: 0px; 
    -webkit-transition: all .4s ease-in-out,0.2s border-bottom;
    -moz-transition: all .4s ease-in-out,0.2s border-bottom;
    -ms-transition: all .4s ease-in-out,0.2s border-bottom;
    -o-transition: all .4s ease-in-out,0.2s border-bottom;
    transition: all .4s ease-in-out,0.2s border-bottom;
}
.header .head .nav >ul >li:hover .nav_two .item ol li:not(:last-child){
    margin-bottom: 20px; 
}

.header_hover{
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.05);
}
.header_hover .head{
    padding:0;
}
.header_hover .head .logo{
    height: 32px;
}
.header .head  .btn .c_btn{
    height: 36px;
    min-width:60px;
    padding: 0 16px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background:8a1538;
    border: 1px #8a1538 solid;
    color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s ease-in-out,0.2s border-bottom;
    -moz-transition: all .4s ease-in-out,0.2s border-bottom;
    -ms-transition: all .4s ease-in-out,0.2s border-bottom;
    -o-transition: all .4s ease-in-out,0.2s border-bottom;
    transition: all .4s ease-in-out,0.2s border-bottom;
}
.header .head  .btn .c_btn:hover{
    border-color:#c01d46;
}
.header .head  .btn .c_btn_bg1{
    background-color: #006298;
    border-color:#006298;
}
.header .head  .btn .c_btn_bg1:hover{
    border-color:#019ff4;
}

.header .head  .btn .c_btn::after,.header .head  .btn .c_btn::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 36px;
    z-index: 999;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.header_hover .head  .btn .c_btn::after,.header_hover .head  .btn .c_btn::before{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 48px;
}
.header .head  .btn .c_btn::before{
    background: #8a1538;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.header .head  .btn .c_btn::after{
    background: #c01d46;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header .head  .btn .c_btn_bg1::before{
    background: #006298;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.header .head  .btn .c_btn_bg1::after{
    background: #019ff4;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header .head  .btn .c_btn:hover::after{
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.header .head  .btn .c_btn:hover::before{
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.header_hover .head .btn .c_btn{
   border-radius: 0;
    margin-right: 0;
    height: 48px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/**/
.footer {
    color: #fff;
    margin-top: 20px;
}

.footer .footTop {
    margin-bottom: 20px;
}
.footer .footTop ul{
    display: flex;
}
.footer .footTop .describe{
   margin-top: 6px;
}

.footer .footBottom{
    position: relative;
    overflow: hidden;
}

.footer .footBottom .line{
    width: 100%;
    height: 107px;
    background: url(../images/footer_02.png) no-repeat;
    background-position: center;
    background-size: auto 100%;
}
     /**/
.footer .footBottom .line .wMain a.linkus{
    color: #0bdb10;
    width: 128px;
    height: 47px;
    display: block;
    float: right;
    margin-top: 25px;
    background-image: url(../images/linkus.png);
    text-align: left;
    padding-top: 24px;
    padding-left: 20px;
}
.footer .footBottom .line .wMain a.linkus:hover{
    color:#fff;
}
.footer .footBottom .line .wMain .fttex{
    color:#364d27;
    display: block;
    float: left;
    margin-left: 300px;
    display: block;  
    margin-top: 35px;  

}
.footer .footBottom .line .wMain .fttex>p:first-child
{
    font-size: 26px;
    line-height: 26px;
    font-weight: bolder;
}
.footer .footBottom .line .wMain .fttex>p:last-child
{
    font-size: 14px;
    line-height: 20px;
}
.footer .footBottom .icp{
    background: #ededed;
    width: 100%;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    color: #676767;
}

/*首页*/
.notice_down{
    display: inline-block;
    background-color: #fff;
    border: none;
    color: #fff;
    outline: none;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    overflow: hidden;
    font-weight: 400;
    border-radius: 0;
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
    transform: skew(-17.7deg);
    margin-top: 2rem;
    font-size: 1.1rem;
}
.notice_down:hover
{
    border: none;
    color: #fff;
    outline: none;
    background: #620d27;
    background: -o-linear-gradient(35deg,#620d27 0%,#a4213a 100%);
    background: linear-gradient(35deg,#620d27 0%,#a4213a 100%);
    overflow: hidden;
    font-weight: 400;
}
.banner {
    position: relative;
}
.banner img{
    margin: 0 auto;
    width: 100%;
}

.banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner .bannerImg {
    display: block;
    height: 800px;
    background: #ddd no-repeat center;
    background-size: auto 100%;
    position: relative;
    overflow: hidden;
}
.banner .bannerImg.banner1 img{
    width: auto !important;
    height: auto !important;
}
.banner .bannerImg.banner1.off .banner1_left{
    position: absolute;
    left: 50%;
    top:65px;    
    opacity: .5;
    -webkit-transform: translateX(-93%);
    -moz-transform: translateX(-93%);
    -ms-transform: translateX(-93%);
    -o-transform: translateX(-93%);
    transform: translateX(-93%);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
.banner .bannerImg.banner1 .banner1_left{
    position: absolute;
    left: 50%;
    top:65px;
    opacity: 100;
    -webkit-transform: translateX(-83%);
    -moz-transform: translateX(-83%);
    -ms-transform: translateX(-83%);
    -o-transform: translateX(-83%);
    transform: translateX(-83%);
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;

}
.banner .bannerImg.banner1.off .banner1_left1{
    position: absolute;
    left: 50%;
    top:0px;
    opacity: .5;
    -webkit-transform: translateY(-120px) translateX(-590px); 
    -moz-transform: translateY(-120px) translateX(-590px); 
    -ms-transform: translateY(-120px) translateX(-590px); 
    -o-transform: translateY(-120px) translateX(-590px); 
    transform: translateY(-120px) translateX(-590px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

}
.banner .bannerImg.banner1 .banner1_left1{
    position: absolute;
    left: 50%;
    top:0px;
    opacity: 100;
    -webkit-transform: translateY(170px) translateX(-590px); 
    -moz-transform: translateY(170px) translateX(-590px); 
    -ms-transform: translateY(170px) translateX(-590px); 
    -o-transform: translateY(170px) translateX(-590px); 
    transform: translateY(170px) translateX(-590px); 
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;

}
.banner .bannerImg.banner1.off .banner1_middle{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-765px); 
    -moz-transform: translateY(-765px); 
    -ms-transform: translateY(-765px); 
    -o-transform: translateY(-765px); 
    transform: translateY(-765px);     
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.banner .bannerImg.banner1 .banner1_middle{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-65px); 
    -moz-transform: translateY(-65px); 
    -ms-transform: translateY(-65px); 
    -o-transform: translateY(-65px); 
    transform: translateY(-65px);     
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
}
.banner .bannerImg.banner1.off .banner1_right1{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(465px) translateX(120px); 
    -moz-transform: translateY(465px) translateX(120px); 
    -ms-transform: translateY(465px) translateX(120px); 
    -o-transform: translateY(465px) translateX(120px); 
    transform: translateY(465px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;    
}
.banner .bannerImg.banner1 .banner1_right1{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-65px) translateX(120px); 
    -moz-transform: translateY(-65px) translateX(120px); 
    -ms-transform: translateY(-65px) translateX(120px); 
    -o-transform: translateY(-65px) translateX(120px); 
    transform: translateY(-65px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out 1s;
    -moz-transition: all 1s ease-in-out 1s;
    -ms-transition: all 1s ease-in-out 1s;
    -o-transition: all 1s ease-in-out 1s;
    transition: all 1s ease-in-out 1s;
    
}
.banner .bannerImg.banner1.off .banner1_right2{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(600px) translateX(120px); 
    -moz-transform: translateY(600px) translateX(120px); 
    -ms-transform: translateY(600px) translateX(120px); 
    -o-transform: translateY(600px) translateX(120px); 
    transform: translateY(600px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
}
.banner .bannerImg.banner1 .banner1_right2{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-2px) translateX(120px); 
    -moz-transform: translateY(-2px) translateX(120px); 
    -ms-transform: translateY(-2px) translateX(120px); 
    -o-transform: translateY(-2px) translateX(120px); 
    transform: translateY(-2px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out  1.2s;
    -moz-transition: all 1s ease-in-out 1.2s;
    -ms-transition: all 1s ease-in-out 1.2s;
    -o-transition: all 1s ease-in-out 1.2s;
    transition: all 1s ease-in-out 1.2s;
    
}
.banner .bannerImg.banner1.off .banner1_right3{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(700px) translateX(120px); 
    -moz-transform: translateY(700px) translateX(120px); 
    -ms-transform: translateY(700px) translateX(120px); 
    -o-transform: translateY(700px) translateX(120px); 
    transform: translateY(700px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.banner .bannerImg.banner1 .banner1_right3{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(57px) translateX(120px); 
    -moz-transform: translateY(57px) translateX(120px); 
    -ms-transform: translateY(57px) translateX(120px); 
    -o-transform: translateY(57px) translateX(120px); 
    transform: translateY(57px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out  1.4s;
    -moz-transition: all 1s ease-in-out 1.4s;
    -ms-transition: all 1s ease-in-out 1.4s;
    -o-transition: all 1s ease-in-out 1.4s;
    transition: all 1s ease-in-out 1.4s;
}
.banner .bannerImg.banner1.off .banner1_right41{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(107px) translateX(1000px); 
    -moz-transform: translateY(107px) translateX(1000px); 
    -ms-transform: translateY(107px) translateX(1000px); 
    -o-transform: translateY(107px) translateX(1000px); 
    transform: translateY(107px) translateX(1000px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.banner .bannerImg.banner1 .banner1_right41{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(107px) translateX(120px); 
    -moz-transform: translateY(107px) translateX(120px); 
    -ms-transform: translateY(107px) translateX(120px); 
    -o-transform: translateY(107px) translateX(120px); 
    transform: translateY(107px) translateX(120px); 
    -webkit-transition: all 1s ease-in-out 1.5s;
    -moz-transition: all 1s ease-in-out 1.5s;
    -ms-transition: all 1s ease-in-out 1.5s;
    -o-transition: all 1s ease-in-out 1.5s;
    transition: all 1s ease-in-out 1.5s;
}
.banner .bannerImg.banner1.off .banner1_right42{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(107px) translateX(1000px); 
    -moz-transform: translateY(107px) translateX(1000px); 
    -ms-transform: translateY(107px) translateX(1000px); 
    -o-transform: translateY(107px) translateX(1000px); 
    transform: translateY(107px) translateX(1000px); 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}.banner .bannerImg.banner1 .banner1_right42{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(107px) translateX(270px); 
    -moz-transform: translateY(107px) translateX(270px); 
    -ms-transform: translateY(107px) translateX(270px); 
    -o-transform: translateY(107px) translateX(270px); 
    transform: translateY(107px) translateX(270px); 
    -webkit-transition: all 1s ease-in-out 1.8s;
    -moz-transition: all 1s ease-in-out 1.8s;
    -ms-transition: all 1s ease-in-out 1.8s;
    -o-transition: all 1s ease-in-out 1.8s;
    transition: all 1s ease-in-out 1.8s;
}
.banner .bannerImg.banner1.off .banner1_right43{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(111px) translateX(1000px);  
    -moz-transform: translateY(111px) translateX(1000px);  
    -ms-transform: translateY(111px) translateX(1000px);  
    -o-transform: translateY(111px) translateX(1000px);  
    transform: translateY(111px) translateX(1000px);  
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}.banner .bannerImg.banner1 .banner1_right43{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(111px) translateX(330px);
    -moz-transform: translateY(111px) translateX(330px);
    -ms-transform: translateY(111px) translateX(330px);
    -o-transform: translateY(111px) translateX(330px);
    transform: translateY(111px) translateX(330px);  
    -webkit-transition: all 1s ease-in-out 2s;
    -moz-transition: all 1s ease-in-out 2s;
    -ms-transition: all 1s ease-in-out 2s;
    -o-transition: all 1s ease-in-out 2s;
    transition: all 1s ease-in-out 2s;
}

.banner .swiper-button {
    margin: -22px 20px 0;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
}

.banner:hover .swiper-button {
    display: flex;
}

.wBox {
    padding: 50px 0;
}
.wBox .outproducts{
    width: 100%;
    height:585px;
}
.wBox .outproducts li{
    cursor: pointer;
    overflow: hidden;
    float: left;
    width: 16%;
    height: 585px;
    position: relative;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -ms-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.wBox .outproducts li.act ,.wBox .outproducts li:hover {
    width: 36%;
    height: 585px;
}
.wBox .outproducts li::after{
    content: '';
    width: 16vw;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity:0.5; 
    -khtml-opacity:0.5;
    display: block;
    z-index: 2;
}
.wBox .outproducts li:nth-child(2)::after{
background-color: #1c334f;
}
.wBox .outproducts li:nth-child(3)::after{
    background-color:  #999c9f;
 }
 .wBox .outproducts li:nth-child(4)::after{
    background-color:  #6b6b6b;
 }
 .wBox .outproducts li:nth-child(5)::after{
    background-color:  #866956;
 }
 .wBox .outproducts li> a{
    position: absolute;
    display: block;
    height: 585px;
    top:0px;
 }
.wBox .outproducts li> a>img{
    position: absolute;
    height: 585px;
    top: 0;
    left: 0px;
    z-index: 1;
    max-width:none;
}
.wBox .outproducts li> a>p{
    color: #fff;
    z-index: 3;
    line-height: 27px;
    position: relative;
    margin-left: 10px;
}
.wBox .outproducts li> a>p:nth-child(1n){
    font-size: 16px;
    margin-top:100px;
   }
   .wBox .outproducts li> a>p:nth-child(2n){
    font-size: 14px;
    font-weight: bolder;
    margin-top:30px;
   }
/**/
.wBox_bg2{
    background: #f2f2f2;
}
/**/
.wBox_bg3{
    background: linear-gradient(0deg, #f2f2f2 0, #fff 100%);;
}
/**/
.wBox_bg4{
    background: #e0e0e0;
    padding: 95px 0;
}
/*标题*/
.wTitle {
    margin-bottom: 50px;
    position: relative;
}

.wTitle:not(.not) {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.wTitle h1 {
    font-weight: lighter;
    font-size: 50px;
    line-height: 1;
    margin-top: 6px;
    text-transform:Uppercase;
    color: #333333;
}

.wTitle h4{
    font-weight: lighter;
    font-size: 25px;
    text-transform:Uppercase;
    color: #7d7d7d;;
}
.wTitle p{
    text-align: center;
    width: 100%;
    margin-top: 8px;
}
.wTitle p:not(.not){
    font-size: 18px;
    color: #999999;
}

.wNr .Pakshelllet{
    margin-left: 0px;
    width: 560px;
    height: 560px;
    overflow: hidden;
    float: left;
    position: relative;
    cursor: pointer;
}
.wNr .Pakshelllet:hover a:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(48,48,48,.4);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshelllet a:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(48,48,48,.0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshelllet:hover img{
    transform: scale(1.05);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshelllet img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshellright{
    margin-left: 0px;
    width: 590px;
    float: left;
    position: relative;
}
.wNr .Pakshellright a{
    position: absolute;
    left:205px;
    bottom: 34px;
    border: none !important;
    color: #8a1538;
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    outline: none;
    overflow: hidden;
    font-weight: 400;
    font-size: 1.2rem;
    border-radius: 0;
    text-transform: uppercase;
    margin: 0 auto;
    width: 180px;
    height: 45px;
    line-height: 45px;
    transform: skew(-17.7deg);
    transform-origin: bottom left;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -ms-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wNr .Pakshellright a{
    border: none !important;
    color: #fff;
    outline: none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshellright a::before{
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 0;
    background-color: #fff;    
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
    outline: none;
}
.wNr .Pakshellright a:hover::before{
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr .Pakshellright a span{
    display: block;
    font-weight: bold;
    transform: skew(17.7deg);
    color: #8a1538;
    text-transform: uppercase;
}
.wNr .Pakshellright a:hover span{
    color: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wNr::after{
    clear: both;
    content: "";
}
.star_products{
    margin-top: 150px !important;
    margin-bottom: 90px;
}
.star_products ul{
    display: flex;
}
.star_products li{
    width: 177px;
    margin-right:120px;
}
.star_products li:hover img:first-child{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.star_products li img:first-child{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.star_products li:first-child{
    margin-left: 45px;
}
.star_products li:last-child{
    margin-right:0px;
}
/**/
.cTitle{
    padding: 80px 0 0;
    z-index: 2;
}
.cTitle h1{
    padding-bottom:80px;
}
.cTitle .number{
    position: absolute;
    top:0;
    left: 50%;
    z-index: -1;
    line-height: 1;
    font-size:240px;
    font-weight: lighter;
    transform:translate(-50%,0);
    color: #efefef;
    text-align: center;
}
.cTitle p{

}
/**/
.wTit{
    text-align: center;
}
.wTit h3{
    font-weight: lighter;
    font-size: 28px;
    color: #8a1538;
    text-transform:Uppercase;
    margin-top: 50px;
    margin-bottom:30px;
}
.wTit .text{
    margin: 0 auto 30px;
}
.wTit:not(.not)  .text{
    text-align: center;
    line-height: 1.68em;
    font-size: 16px;
}
.wTit .text:not(.text_auto){
    width: 50%;
}
.wTit  .text:not(.not){
    color: #999999;
}
.text_30 >*:not(:last-child){
    margin-bottom:20px;
}

.wTit .textList dl{
    display: flex;
}
.wTit .textList dl dt{
    margin-right:10px;
    color: #8a1538;
    line-height: 1;
}
.wTit .textList:not(.textList_1) dl dt{
   font-size: 28px;
}
.wTit .textList dl dd{
    flex: 1;
}
.textList_1 dl{
    background: #fff;
    border: 1px #dddddd solid;
    padding: 10px;
    align-items: center;
}
.textList_1 dl dt{
    font-size: initial;
}
.textList_1{
    overflow: hidden;
}

.flex_img{
   display: flex;
    width: 100%;
}
.flex_img .text{
   flex: 1;
}
.flex_img .img{
    /*width: 260px;*/
}
.flex_img .img:first-child{
    margin-right: 30px;
}
.flex_img .img:last-child{
    margin-left: 30px;
    border: 10px #eaeaea solid;
}
/*技术支持*/
.technicalSupport{}
.technicalSupport > ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.technicalSupport > ul > li{
    width: calc( (100% + 30px) /4 - 30px);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}
.technicalSupport > ul > li .img{
    overflow: hidden;
}
.technicalSupport > ul > li:hover .img img{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
}
.technicalSupport > ul > li .img img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
}
.technicalSupport > ul > li:nth-child(4n){
    margin-right: 0;
}
.technicalSupport > ul > li h3{
    margin-top: 20px;
    padding-top:10px;
    position: relative;
    height:40px;
}
.technicalSupport > ul > li h3:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 80px;
    height: 3px;
    transform:translate(-50%,0);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;   
}
.technicalSupport > ul > li:hover h3:after{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;   
    width: 120px;
}
.technicalSupport ol{
    min-height: 180px;
    line-height: 2em;
}
.technicalSupport ol a:hover{
   text-decoration: underline;
    color: #8a1538;
}
/*关于我们*/
.wFlex{
    display: flex;
}
.wFlex .nr{
    flex: 1;
    margin-right: 50px;
    line-height: 1.8rem;
    text-align:justify;
}
.wFlex .img img{
    width:400px;
}

.videoBox{
    position: relative;
}
.videoBox > img{
    width: 100%;
}
.videoBox .videoBtn{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -50px;
    z-index: 2;
    cursor: pointer;
    -webkit-animation: playmove 1s infinite;
    animation: playmove 1s infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation: playmove 1s infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    cursor: pointer;
    
}
@keyframes playmove{
    0%{
      transform: scale(1);
    }
    50%{
      transform: scale(1.2);
    }
  }
.videoBox .videoBtn span{
   font-size:50px;
    color: #fff;
}
.videoBox .videoBtn .cp_logo{
    margin-top: 10px;
    height: 22px;
}

.technicalSupportdiscover{}
.technicalSupportdiscover > ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.technicalSupportdiscover > ul > li{
    box-sizing: border-box;
    cursor: pointer;
    position: relative!important;
    width: calc( (100% + 30px) /4 - 30px);
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.technicalSupportdiscover > ul > li:nth-child(4n){
    margin-right: 0;
}
.technicalSupportdiscover > ul > li .discoverimgtext{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(48,48,48,.48);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
    
}
.technicalSupportdiscover > ul > li:hover .discoverimgtext
{
    background: rgba(48,48,48,.64);
}
.technicalSupportdiscover > ul > li h3{
    color: #fff;
    position: relative;
    top: 30%;
    display: block;
    text-align: center!important;
    margin-top: 1rem!important;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    line-height: 1.2;

}
.technicalSupportdiscover > ul > li h3:after{
    content: '';
    position: absolute;
    width: 5rem;
    height: 3px;
    left: calc(50% - 2.5rem);
    bottom: -1.5rem;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(
35deg,#cd2e4b 0%,#8a1538 100%);
    z-index: 3;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.technicalSupportdiscover > ul > li:hover h3:after
{
    width: 7rem;
    left: calc(50% - 3.5rem);
}
.cbox_about_1{
    height: 525px;
    background: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/cbox_about_1_20230409.png) center no-repeat;
    width: 100%;
    background-color: #F2F2F2;
}
/**/
.historyNr{}
.historyNr .img100{
    margin-right: 20px;
    width: 125px;
}
.historyNr .nr{
    margin-top:-80px;
    color: #333333;
}
.historyNr .nr h3{
    font-size: 53px;
    line-height: 64px;
    padding-left: 140px;
    font-weight: normal;
    /*font-weight: lighter;*/
    /*margin-bottom: 30px;*/
}
.historyNr .nr h3 sup{
    font-size: smaller;    
}
.historyNr .nr p{
    margin-top:35px;
    font-size: 16px;
    line-height: 32px;
}

.historyBrand{
    padding-bottom: 20px;
    border-bottom: 1px #e6e6e6 solid;
    margin-bottom: 20px;
}
.historyBrand .tit{
    font-size:28px;
    font-weight: lighter;
}
.historyBrand .swiper-button-prev1{
    position: relative;
    width: 30px;
    cursor: pointer;
}

.historyBrand .swiper-button-next2{
    position: relative;
    width: 30px;
    cursor: pointer;
}

.historyBrand .swiper-button-prev1::before,.historyBrand .swiper-button-next2::after{
    left: -5px;
    -webkit-transform: rotateZ(-45deg) translateY(9px);
    transform: rotateZ(-45deg) translateY(9px);
    opacity: 1;
}
.historyBrand .swiper-button-prev1::before{
    -webkit-transform: rotateZ(-45deg) translateY(-9px);
    transform: rotateZ(-45deg) translateY(-9px);
}
.historyBrand .swiper-button-prev1::after,.historyBrand .swiper-button-next2::before
{
    left: -5px;
    -webkit-transform: rotateZ(45deg) translateY(-9px);
    transform: rotateZ(45deg) translateY(-9px);
    opacity: 1;
}
.historyBrand .swiper-button-prev1::after{
    -webkit-transform: rotateZ(45deg) translateY(9px);
    transform: rotateZ(45deg) translateY(9px);
}
.historyBrand .swiper-button-prev1::after,.historyBrand .swiper-button-prev1::before,.historyBrand .swiper-button-next2::after,.historyBrand .swiper-button-next2::before
{
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: '';
    height: 2px;
    width: 20px;
    background: #7e8082;
    opacity: 1;
    -webkit-transition: opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s, left 0.3s;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.historyBrand .swiper-container{
    width: 720px;
    display: flex;
}
.historyBrand .swiper-wrapper{
    box-sizing: border-box;
    padding: 0 40px;
}
.historyBrand .swiper-slide{
    width: auto;
}
.historyBrand .swiper-slide a{
    height: 60px;
    display: inline-flex;
    margin-left: 20px;
    background-image: url("../images/brands.png");
    background-repeat: no-repeat;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.historyBrand .swiper-slide a:hover{
    height: 60px;
    display: inline-flex;
    margin-left: 20px;
    background-image: url("../images/brands.png");
    background-repeat: no-repeat;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: #fff;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/**/
.historyText{}
.historyText ul{
    display: flex;
}
.historyText ul li{
    flex: 1;
    padding: 30px;
    color: #333333;
    border: 1px #333333 solid;
    border-radius: 4px;
}
.historyText ul li:hover{
    background: rgba(255,255,255,0.1);
    cursor: pointer;
}
.historyText ul li:not(:last-child){
    margin-right: 20px;
}
.Historical_process{
    margin-top:50px ;
    background:url(http://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/historical/Historical_process.png) no-repeat;
    background-size: 100%;
    width: 1150px;
    height: 872px;
    padding-top: 125px;
}
.Historical_process ul li {
    font-size: 16px;
    line-height: 22px;
    height: 175px;
    width: 236px;
    margin-left:143px;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    word-break: break-all;
}


.historyTextNew ul li {
    margin-top:30px ;
}
.historyTextNew ul li p{
    font-size: 16px;
    line-height: 25px;
}
.historyTextNew ul li span{
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    background-color:#a62545;
    border-radius: 11px;
    padding: 0 5px 0 10px ;
}

/**/
.centuryHistoryNr{}
.centuryHistoryNr h3{
    text-align: center;
    font-size:26px;
    font-weight: initial;
    text-transform:Uppercase;
}
.centuryHistoryNr p{
    margin-top: 40px;
    font-size: 16px;
    line-height: 32px;        
}

/*留言板*/
.wForm{}
.wForm .wForm-item:not(:last-child){
    margin-bottom: 20px;
}
.wForm .wForm-label{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 0 16px;
}
.wForm .wForm-block{}
.wForm .c_btn{
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
}
.wForm{}

.wForm-input,.wForm-textarea{
    box-sizing: border-box;
    height: 48px;
    border: 1px #999 solid;
    background: #fff;
    width: 100%;
    padding:0px 16px;
}
.wForm-textarea{
    line-height: 48px;
    height: 100px;
}
/**/
.dealersList{}
.dealersList ul li{
    border-bottom: 1px #999 solid;
    overflow: hidden;
    height: 60px;
}
.dealersList ul li a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    line-height: 60px;
}
.dealersList ul li a:hover h3{
    color: #8a1538;
}
.dealersList ul li a h3{
    flex: 1;
}
.dealersList ul li a .icon-24gl-plus{
    color: #002646;
}
.dealersList ul li div{
    padding-bottom: 30px;;
}
.dealersList ul li.on div{
    overflow: hidden;
    height: auto;
}
.dealersList ul li dl{
    display: flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.dealersList ul li dt{
    width: 10%;
}
.dealersList ul li dd{
    width: 90%;
}

/**/
.QuestionsList{

}
.QuestionsList .item{
    border: 1px #ddd solid;
}
.QuestionsList .item:not(:last-child){
    margin-bottom: -1px;
}
.QuestionsList .item .tit{
    background: #f0f0f0;
    padding:8px 16px;
    border-bottom: 1px #ddd solid;
}
.QuestionsList .item .nr dl:not(:first-child){
    border-top: 1px #e3e3e3 solid;
}
.QuestionsList .item .nr dl{
    display: flex;
}
.QuestionsList .item .nr dl> *{
    padding:8px 16px;
}
.QuestionsList .item .nr dl dt{
    width: 100px;
    text-align: center;
    color: #8a1538;
    font-weight: bold;
    border-right: 1px #e3e3e3 solid;
}
.QuestionsList .item .nr dl dd{
    flex: 1;
    overflow: hidden;
}

.QuestionsVideo{}
.QuestionsVideo ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.QuestionsVideo ul li{
   width: 20%;
}
.QuestionsVideo ul li .videoBox:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
.QuestionsVideo ul li:hover .videoBox:after{
   display: none;
}

/**/
.auditReport{}
.auditReport ul{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.auditReport ul li{
    width: calc( (100% + 30px) /3 - 30px);
    margin-bottom: 30px;
    margin-right: 30px;
}
.auditReport ul li:nth-child(3n){
    margin-right: 0;
}
.auditReport ul li .img{
    background: #e5eaf1;
    height:320px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.auditReport ul li .img img{
    max-height: 80%;
    max-width: 80%;
}
.auditReport ul li .titleLogo{
    background: #fff;
    height:48px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.auditReport ul li .titleLogo img{
    height:22px;
}

/**/
.technicalList{
}
.technicalList ul{
    border: 1px #ddd solid;
    background: #fff;
    padding: 20px;
}
.technicalList ul{
    margin-bottom: 20px;
}
.technicalList ul li{}
.technicalList ul li:not(:last-child){
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.technicalList ul li dl{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.technicalList ul li dl dt{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    width: 80px;
}
.technicalList ul li dl dd{
    flex: 1;
    margin-left: 10px;
}
.technicalList ul li dl dd .tit{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    line-height: 1;
}
.technicalList ul li dl dd .tit h3{
    font-weight: normal;
}
.technicalList ul li dl dd .tit h3 + span{
    margin-left: 10px;
}
.technicalList ul li dl dd p{
    margin-top: 10px;
    color: #999999;
}

.technicalList ul li.on dl dd .tit{
    color: #8a1538;
}
.technicalList ul li.on dl dd .tit h3{
    font-size:22px;
    font-weight: bold;
}
.text_line{
    height: 30px;
    display: block;
}
.tabBox{
    background: #fff;
    margin-top:30px;
    border: 1px #e6e6e6 solid;
}
.tabBox .nav{
    display: flex;
    background: #ebeaea;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tabBox .nav a{
    flex: 1;
    display: block;
    position: relative;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tabBox .nav a:not(:last-child){
   border-right: 1px #fff solid;
}
.tabBox .nav a.on{
   background: #fff;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}
.tabBox .nav a.on:after{
    content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     border-top: 3px #8a1538 solid;
     -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
 .tabBox .nav a:after{
    content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     border-top: 3px #ebeaea solid;
     -webkit-transition: all .4s ease-in-out;
     -moz-transition: all .4s ease-in-out;
     -ms-transition: all .4s ease-in-out;
     -o-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
 }
.tabBox .nr{
    padding: 30px;
    color: #999;
    line-height: 1.68em;
    position: relative;
    height: 530px;
}
.tabBox .nr .item{
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 30px 0px 0px 30px;
}
.tabBox .nr .item.on{
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}
.tabBox{}

/**/
.productList{
    padding:30px 0px;
}
.productList ul{
    display: flex;
}
.productList ul li{
    flex: 1;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productList ul li.seled_builde .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productList ul li.seled_buildedd{
    filter:alpha(opacity=30);
    -moz-opacity:0.3; 
    -khtml-opacity:0.3;
    opacity: 0.3;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.productList ul li .img{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: flex-start;
    height:170px;
}
.productList ul li .img img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productList ul li a.nav_more_build{
    margin-top: 10px;;
}

.productNav{
    line-height: 60px;
    background: #364d27;
    color: #fff;
}

.productNav a ,.productNav p{
    flex: 1;
    color: #fff;
    text-align: center;
}
.productNav a:hover ,.productNav a.act{
    background: #43662d;
}

/**/
.productTextAuto{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #8a1538;
    height: 80px;
}

/**/
.productTab{}
.productTab .nav{
    display: flex;
}
.productTab .nav a{
    flex: 1;
    text-align: center;
    position: relative;
    padding-bottom:20px;
}
.productTab .nav a:not(:last-child){
    margin-right: 40px;
}
.productTab .nav a p{
    margin-top: 30px;
}
.productTab .nav a:after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform:translate(-50%,0);
    width: 0px;
    border-bottom: 3px #8a1538 solid;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productTab .nav a.on:after,.productTab .nav a:hover::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform:translate(-50%,0);
    width: 60px;
    border-bottom: 3px #8a1538 solid;
}
.productTab .nav a:hover img{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productTab .nav a img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productTab .nav a .img{
position: relative;
}
.productTab .nav a:hover .img:after{
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.productTab .nav a .img:after{
    border-radius: 100%;
    content: "";
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(48,48,48,.5);
    color: #fff;
    height: 100%;
    width: 100%;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    z-index: 99;
    cursor: pointer;
}

.productTab .nr{
    margin-top: 30px;
    position: relative;
}
.productTab .nr .item{
    position: relative;
    overflow: hidden;
    top:0px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
}
.productTab .nr .item:not(.on){
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    height: 0px;

}
/*PC*/
@media screen and (min-width: 600px) {



}

/*手机*/
@media screen and (max-width: 600px) {

}

/*平板*/
@media screen and (min-width: 600px) and (max-width: 960px) {

}


sup{
    font-size: 10px;
    margin-right: 3px;
}
.bshare-custom.icon-medium-plus{
    margin-top: 20px !important;
}
.bshare-custom.icon-medium-plus .bshare-weixin,.bshare-custom.icon-medium-plus .bshare-sinaminiblog,.bshare-custom.icon-medium-plus .bshare-bsharesync,.bshare-custom.icon-medium-plus .bshare-qzone{
    padding-left: 32px !important;
    border-radius: 6px !important;
    margin-right: 6px !important;
}

.video-js .vjs-big-play-button{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%) !important;
}
.application .wTitle{
    margin: 20px auto;
    position: relative;
}
.application .wTitle h1 {
    font-weight: lighter;
    font-size: 32px;
    margin-top: 6px;
    text-transform:Uppercase;
}

.application .wTitle h4{
    font-weight: lighter;
    font-size: 16px;
    text-transform:Uppercase;
}
.application .wTitle p{
    text-align: center;
    width: 100%;
    margin-top: 8px;
}


.application  .swiper-slide  p{
    position: absolute ;
    bottom: -30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    width: 100%;
    text-align: center;
    z-index: 2;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    background: rgba(48,48,48,.5);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    pointer-events: none;
}
.application   .swiper-slide:hover  p{
    bottom: 0px;
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.application  .swiper-slide:hover img{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1.05);
}
.application  .swiper-slide img{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: scale(1);
    cursor: pointer;

}
.application  .swiper-slide{
    position: relative;
}
.application .wNr ul li:hover::after{
    filter:alpha(opacity=100);
    -moz-opacity:1; 
    -khtml-opacity:1;
    opacity: 1;
}
.application .wNr ul li::after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter:alpha(opacity=0);
    -moz-opacity:0; 
    -khtml-opacity:0;
    opacity: 0;
    background: rgba(48,48,48,.4);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
    text-align: center;
    cursor: pointer;
    pointer-events: none;
}



.applicationll  ul{
    display: flex;
    -webkit-flex-wrap: wrap; 
    -moz-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.applicationll  ul li{
    position: relative;
width: 25%;
height: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
cursor: pointer;
}

.applicationll  ul li  p{
position: absolute ;
bottom: 0px;
height: 100%;
line-height: 100%;
color: #fff;
width: 100%;
text-align: center;
z-index: 2;
filter:alpha(opacity=0);
-moz-opacity:0; 
-khtml-opacity:0;
opacity: 0;
background: rgba(48,48,48,.5);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
pointer-events: none;
font-weight: bolder;
font-size: 16px;
}
.applicationll  ul li:hover  p{    
padding-top: 30%;    
filter:alpha(opacity=100);
-moz-opacity:1; 
-khtml-opacity:1;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.applicationll  ul li:hover img{
width: 100%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
transform: scale(1.05);
}
.applicationll  ul li img{
width: 100%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
transform: scale(1);
cursor: pointer;
max-width:none;
max-height: none;
}
.applicationll  ul li:hover::after{
filter:alpha(opacity=100);
-moz-opacity:1; 
-khtml-opacity:1;
opacity: 1;
}
.applicationll  ul li::after{
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
filter:alpha(opacity=0);
-moz-opacity:0; 
-khtml-opacity:0;
opacity: 0;
background: rgba(48,48,48,.4);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #fff;
text-align: center;
cursor: pointer;
pointer-events: none;
}


/**bousteadnav*/
.wBoxbousteadnav{
    border-bottom: 1px solid #e0e0e0;
}
.main_boustead{
    background-color: #fff;
}
.bousteadnav{
    display: flex;
}
.bousteadnav a{
    flex: 1;
    text-align: center;
    position: relative;
    padding-bottom:20px;
}
.bousteadnav a:not(:last-child){
    margin-right: 40px;
}
.bousteadnav a p{
    margin-top: 30px;
    color: #333;
    width: 178px;
    
}
.bousteadnav a .img{
    height: 257px;
}.bousteadnav a .img img{
    height: 100%;
    width: auto;
}


.bousteadnav a:hover img{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.bousteadnav a img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.bousteadnav a .img{
position: relative;
}

.bshare-custom.icon-medium-plus .bshare-weixin{
    background: url(../images/footerIco.png) no-repeat !important;
    width: 30px !important;
    height: 30px !important;
}
.bshare-custom.icon-medium-plus .bshare-sinaminiblog{
    background: url(../images/footerIco.png) no-repeat !important;
    background-position: -39px 0px !important;
    width: 30px !important;
    height: 30px !important;
}
.bshare-custom.icon-medium-plus .bshare-bsharesync{
    background: url(../images/footerIco.png) no-repeat !important;
    background-position: -78px 0px !important;
    width: 30px !important;
    height: 30px !important;
}
.bshare-custom.icon-medium-plus .bshare-qzone{
    background: url(../images/footerIco.png) no-repeat !important;
    background-position: -116px 0px !important;
    width: 30px !important;
    height: 30px !important; 
}
.bshare-custom.icon-medium-plus a.bshare-more.more-style-addthis{
    background: url(../images/footerIco.png) no-repeat !important;
    background-position: -154px 0px !important;
    width: 30px !important;
    height: 30px !important;  
}


/*100years*/
.years100{
    position: relative;
}

.years100 .line{
    display: block;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #505050;
    position: relative;
}
.years100 .line::before{
    content: '';
    position: absolute;
    left: -1px;
    display:inline-block;
    bottom: -6px;
	width:0;
	height:0;
	border-top: 6px solid transparent;
	border-right: 10px solid #505050;
	border-bottom: 6px solid transparent;
}
.years100 .line::after{
    content: '';
    position: absolute;
    right: -1px;
    display:inline-block;
    bottom: -6px;
	width:0;
	height:0;
	border-top: 6px solid transparent;
	border-left: 10px solid #505050;
	border-bottom: 5px solid transparent;
}
.years100 .years {
    position: relative;
    overflow: hidden;
    height: 75px;
    top: -20px;;
    width: 100%;
    z-index: 2;
}
.years100 .years .allyears{
    width: 1000%;
}
.years100 .years a{
    position: relative;
    top: 50px;
    margin: 0px 15px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #505050;
    font-size: 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.years100 .years a:hover,.years100 .years a.on{
   color: #8a1538;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}
.years100 .years a::before{
    content: '';
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    display: block;
    height: 10px;
    border-radius: 100%;
    background-color: #505050;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.years100 .years a:hover:before,.years100 .years a.on:before{
    transform: scale(1.3);
    background-color: #8a1538;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.years100 .swiper-button-prev1{
    position: absolute;
    width: 30px;
    cursor: pointer;
    left: -50px;
    top:330px;
}

.years100 .swiper-button-next2{
    position: absolute;
    width: 30px;
    cursor: pointer;
    right: -50px;
    top:330px;
}

.years100 .swiper-button-prev1::before,.years100 .swiper-button-next2::after{
    left: -5px;
    -webkit-transform: rotateZ(-45deg) translateY(9px);
    transform: rotateZ(-45deg) translateY(9px);
    opacity: 1;
}
.years100 .swiper-button-prev1::before{
    -webkit-transform: rotateZ(-45deg) translateY(-9px);
    transform: rotateZ(-45deg) translateY(-9px);
}
.years100 .swiper-button-prev1::after,.years100 .swiper-button-next2::before
{
    left: -5px;
    -webkit-transform: rotateZ(45deg) translateY(-9px);
    transform: rotateZ(45deg) translateY(-9px);
    opacity: 1;
}
.years100 .swiper-button-prev1::after{
    -webkit-transform: rotateZ(45deg) translateY(9px);
    transform: rotateZ(45deg) translateY(9px);
}
.years100 .swiper-button-prev1::after,.years100 .swiper-button-prev1::before,.years100 .swiper-button-next2::after,.years100 .swiper-button-next2::before
{
    position: absolute;
    left: 5px;
    top: 5px;
    display: block;
    content: '';
    height: 2px;
    width: 20px;
    background: #7e8082;
    opacity: 1;
    -webkit-transition: opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s, left 0.3s;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s, left 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.years100 .swiper-container{
    margin-top: 30px;
}
.years100 .swiper-container .swiper-slide
{
    padding-right: 15px;
    padding-left: 15px;   
    width: 392px;
    height: 520px;
}
.years100 .swiper-container .swiper-slide .card
{
    position: relative;

    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    cursor: pointer;
    overflow: hidden;
}
.years100 .swiper-container .swiper-slide img{
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.years100 .swiper-container .swiper-slide .card:hover img{
    transform: scale(1.08);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.years100 .swiper-container .swiper-slide .text{
    z-index: 9;
    height: 338px;
    position: relative;
    padding: 2.5rem 2rem 2rem;
    padding-top: 2rem;
    flex: 1 1 auto;
}
.years100 .swiper-container .swiper-slide .text:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0.6rem;
    left: 0;
    top: 0;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    transition: all .2s ease-in-out;
}
.years100 .swiper-container .swiper-slide .text h3
{
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #8a1538;
}
.years100 .swiper-container .swiper-slide .text p
{
    max-height: 30rem;
    overflow-y: hidden;
    font-size: 16px;
    line-height: 22px;    
}





.Climaselnav{
    display: flex;
}
.Climaselnav a{
    flex: 1;
    text-align: center;
    position: relative;
    padding-bottom:20px;
}

.Climaselnav a p{
    margin-top: 30px;
    color: #333;
    width: 178px;
    
}
.Climaselnav a .img{
    height: 190px;
}.Climaselnav a .img img{
    height: 100%;
    width: auto;
}


.Climaselnav a:hover img{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Climaselnav a img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.Climaselnav a .img{
position: relative;
}


/*
经销商
*/
.body_dealer .header:not(.header_hover) > .head >.flex_lcr >.nav>ul>li>a>p{
    color: #fff!important;
}
.jumbotron {
    position: relative;
    height: 800px;
    padding-top: 341px;
    text-align: center;
}


element.style {
}
.jumbotron {
    position: relative;
    height: 800px;
    padding-top: 341px;
    text-align: center;
}
.jumbotron--dealers {
    background: #010e16 url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_jumbotron.png) no-repeat center top;
}

.jumbotron__heading {
    line-height: 1;
}

.jumbotron__heading--dealers {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

umbotron__heading--dealers, .jumbotron__text--dealers {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: viewFadeInBottom2;
    animation-name: viewFadeInBottom2;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__heading--dealers {
    position: relative;
    margin-bottom: 7px;
    padding-top: 19px;
    font-size: 4.2rem;
    font-weight: 900;
    color: #fff;
    z-index: 1;
}



.jumbotron__text--dealers {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

.jumbotron__heading--dealers, .jumbotron__text--dealers {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: viewFadeInBottom2;
    animation-name: viewFadeInBottom2;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jumbotron__text--dealers {
    position: relative;
    font-size: 1.5rem;
    color: #fff;
    z-index: 1;
}
.animated {
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.dealers-nav__link {
    position: absolute;
    left: 50%;
    display: inline-block;
    min-width: 75px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid rgba(96, 149, 235, 0.4);
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    color: #6095eb;
    z-index: 3;
    -webkit-transition: 0.3s;
    transition: 0.3s;
     animation-duration: 0.3s; 
     animation: viewfadeInDealers 0.1s 1.6s both; 
}

.u-fw-light {
    font-weight: 300;
}
.dealers-nav__link--01 {
    top: 277px;
    margin-left: -91px;
}
.dealers-nav__link--02 {
    top: 318px;
    margin-left: -476px;
}
.dealers-nav__link--03 {
    top: 538px;
    margin-left: -286px;
}
.dealers-nav__link--04 {
    top: 593px;
    margin-left: 364px;
}
.dealers-nav__link--05 {
    top: 379px;
    margin-left: 218px;
}
.dealers-nav__link--06 {
    top: 418px;
    width: 230px;
    margin-left: 307px;
}
.dealers-nav__link--06::before,.dealers-nav__link--06::after {
  width: 230px;
}


.dealers-nav__link:hover {
    border: 1px solid white;
    color: #fff;
    animation: viewfadeInDealersColor 0.6s 0s both;
}
.dealers-nav__item[data-open='true']:after,
.dealers-nav__item[data-state='hover']:after {
  opacity: 1;
}
.dealers-nav:not([data-hover='true']) .dealers-nav__link::before {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-name: dealersLoopLinks;
    animation-name: dealersLoopLinks;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}
.dealers-nav__item--01 .dealers-nav__link::before {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.dealers-nav__item--02 .dealers-nav__link::before {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.dealers-nav__item--03 .dealers-nav__link::before {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
.dealers-nav__item--04 .dealers-nav__link::before {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.dealers-nav__item--05 .dealers-nav__link::before {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
.dealers-nav__item--06 .dealers-nav__link::before {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
.dealers-nav__link:before {
    position: absolute;
    left: 0;
    content: attr(data-text);
    display: inline-block;
    min-width: 75px;
    margin: -1px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid rgba(96, 149, 235, 0.4);
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    line-height:28px;
    font-size: 13px;
    color: #6095eb;
    opacity: 0;
}

.dealers-nav:not([data-hover='true']) .dealers-nav__item:after {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-name: dealersFadeInOut;
    animation-name: dealersFadeInOut;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.dealers-nav__item--01:after {
    top: 155px;
    margin-left: -119px;
    width: 715px;
    height: 487px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg01.png);
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.dealers-nav__item:after {
    position: absolute;
    left: 50%;
    content: '';
    display: block;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.dealers-nav__item--02:after {
    top: 206px;
    margin-left: -600px;
    width: 1200px;
    height: 291px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg02.png);
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.dealers-nav__item--03:after {
    top: 478px;
    margin-left: -311px;
    width: 159px;
    height: 253px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg03.png);
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
.dealers-nav__item--04:after {
    top: 555px;
    margin-left: 335px;
    width: 221px;
    height: 139px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg04.png);
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.dealers-nav__item--05:after {
    top: 312px;
    margin-left: 108px;
    width: 322px;
    height: 244px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg05.png);
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}
.dealers-nav:not([data-hover='true']) .dealers-nav__item:after {
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-name: dealersFadeInOut;
    animation-name: dealersFadeInOut;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.dealers-nav__item--06::after {
    top: 357px;
    margin-left: 392px;
    width: 57px;
    height: 57px;
    background-image: url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_bg06.png);
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}


.onload-animate {
    /*animation: viewFadeIn 1s 0.1s both;*/
    -webkit-animation: viewFadeIn 1s 0.5s both;
    animation: viewFadeIn 1s 0.5s both;
  }
  
  @-webkit-keyframes viewFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes viewFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @-webkit-keyframes viewFadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  
  @keyframes viewFadeOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      z-index: -1;
    }
  }
  
  @-webkit-keyframes viewFadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInRight2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInRight2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInRight3 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInRight3 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(25px, 0, 0);
      transform: translate3d(25px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInRightScale {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInRightScale {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInRightScale2 {
    0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
    11% {
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInRightScale2 {
    0% {
      -webkit-transform: scale(1.3);
      transform: scale(1.3);
    }
    11% {
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInLeft2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInLeft2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInLeft3 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInLeft3 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInBottom {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 60px, 0);
      transform: translate3d(0, 60px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInBottom {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 60px, 0);
      transform: translate3d(0, 60px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInBottom2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInBottom2 {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInTop {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -60px, 0);
      transform: translate3d(0, -60px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInTop {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -60px, 0);
      transform: translate3d(0, -60px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewFadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 70px, 0);
      transform: translate3d(0, 70px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewFadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 70px, 0);
      transform: translate3d(0, 70px, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewScaleUp {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewScaleUp {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewScaleUp2 {
    0% {
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewScaleUp2 {
    0% {
      -webkit-transform: scale(0.85);
      transform: scale(0.85);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewScaleDown {
    0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewScaleDown {
    0% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewScaleDownFade {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewScaleDownFade {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewScaleDownLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.5) translate3d(-30px, 0, 0);
      transform: scale(1.5) translate3d(-30px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewScaleDownLeft {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.5) translate3d(-30px, 0, 0);
      transform: scale(1.5) translate3d(-30px, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewVisualImg {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewVisualImg {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes viewSlideRight {
    0% {
      -webkit-transform: translate3d(-150px, 0, 0);
      transform: translate3d(-150px, 0, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes viewSlideRight {
    0% {
      -webkit-transform: translate3d(-150px, 0, 0);
      transform: translate3d(-150px, 0, 0);
    }
    100% {
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @-webkit-keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
    50% {
      opacity: 1;
      -webkit-transform: scale(2);
      transform: scale(2);
    }
    70% {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
    50% {
      opacity: 1;
      -webkit-transform: scale(2);
      transform: scale(2);
    }
    70% {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @-webkit-keyframes bounceIn2 {
    0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
    }
    70% {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes bounceIn2 {
    0% {
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
    }
    50% {
      -webkit-transform: scale(2);
      transform: scale(2);
    }
    70% {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

@-webkit-keyframes dealersFadeInOut {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    10% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  
  @keyframes dealersFadeInOut {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    10% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }


@-webkit-keyframes dealersLoopLinks {
    0% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
    5% {
      border: 1px solid white;
      color: #fff;
      opacity: 1;
    }
    10% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
    100% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
  }
  
  @keyframes dealersLoopLinks {
    0% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
    5% {
      border: 1px solid white;
      color: #fff;
      opacity: 1;
    }
    10% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
    100% {
      border: 1px solid rgba(96, 149, 235, 0.4);
      color: #6095eb;
      opacity: 0;
    }
  }

  .pdf ul li{
      display: flex;
      width: 100%;
      border-top: 1px solid #e0e0e0;

  }
  .pdf ul li:last-child{
      border-bottom: 1px solid #e0e0e0;
  }
  .pdf ul li a{
      height: 90px;
      line-height: 90px;
      color: #3f3f3f;
      font-size: 16px;
  }
  .pdf ul li:hover a{
    color: #8a1538 !important;
  }
  .pdf ul li a:first-child{
    width: 80%;
    text-align: left;
    padding-left: 60px;
    position: relative;
  }
  .pdf ul li a:first-child::before{
    left: 0px;
    content: '';
    height: 90px;
    background-image: url(../images/pdf.png);
    width: 60px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
  }
  .pdf ul li a:last-child{
    width: 20%;
    padding-right: 30px;
    font-weight: 400;
    text-align: right;
  }
  

  .banner_Pakshell{
      width: 100%;
      position: relative;
      height: 360px;
  }
  .banner_Pakshell .b_left{
    position: absolute;
    z-index: 2;
    left: -160px;
    top: 0;
    width: calc(50% - 20px);
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

  }
  .banner_Pakshell .b_left.over_l{
    left: -30px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

  }
  .banner_Pakshell .b_left::after{
    content: '';
    position: absolute;
    z-index: 2;
    right: 0px;
    top: 0;
    width: 100%;
    height: 100%;   
    transform: skew(-17.7deg);
    transform-origin: top right;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

  }
  .banner_Pakshell .b_left:before {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% + 20px);   
    transform: skew(-17.7deg);
    transform-origin: top right;
    opacity: .5;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
 }
 .banner_Pakshell .b_left .text_C{
     position:absolute;
     z-index: 3;
     right: 115px;
     top: 0px;
     height: 100%;
     width: 285px;

     color: #fff;

 }
 .banner_Pakshell .b_left .text_C img{
    position:absolute;
    height: 50px;   
    left: 0px;
    top: 95px; 
  }
  .banner_Pakshell .b_left .text_C .cent_C{
    position:absolute;
    left: 50px;
    top: 120px;    
    display: flex;
    flex-wrap: wrap;
    width: 230px;
  }
  .banner_Pakshell .b_left .text_C .cent_C h4{
    line-height: 35px;
    width: 100%;
    text-align: left;
    font-size: 20px;
  }
  .banner_Pakshell .b_left .text_C .cent_C p{
    line-height: 30px;
    width: 100%;
    text-align: left;
  }
  .banner_Pakshell .b_right{
    width: calc(50% + 300px);
    height: 100%;
    top: 0px;
    position: absolute;
    right: 0px;   
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    z-index: 1;
  }

.news ul{
    position: relative;
    /* display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: row; */
}
.news ul li{
    float: left;
    width: 366px;
    margin-right: 25px;
    margin-bottom: 25px;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    cursor: pointer;
    overflow: hidden;
}
.news ul li img {
    width: 100%;
}
.news > ul > li .img{
    overflow: hidden;
}
.news > ul > li:hover .img img{
    transform: scale(1.1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
}
.news > ul > li .img img{
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;    
}
.news > ul > li:nth-child(3n){
    margin-right: 0;
}
.news > ul > li h3{
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #8a1538;
    padding-top: 30px;
    position: relative;
    height: 100px;
    overflow: hidden;
}
.news > ul > li  p
{
    max-height: 30rem;
    overflow-y: hidden;
}
.news > ul > li .text{
    z-index: 9;
    height: 195px;
    position: relative;
    padding: 2.5rem 2rem 0rem;
    padding-top: 0rem;
    flex: 1 1 auto;
    overflow: hidden;
    margin-bottom: 2rem;
}


.news > ul > li .text:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 0.6rem;
    left: 0;
    top: 0;
    opacity: 1;
    background: #8a1538;
    background: -o-linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    background: linear-gradient(35deg,#cd2e4b 0%,#8a1538 100%);
    transition: all .2s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;   
}
.news > ul > li:hover .text:after{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;   
    opacity: .4;
}

.bannertext p{
    color: #fff;
    width: 100%;
    text-align: center;
}
.bannertext p:first-child{
    font-size: 55px;
}
.bannertext p:last-child{
    font-size: 40px;
}

.linkus>div.l{
 float: left;
}
.linkus>div.l>p,.linkus>div.r>p{
    color: #333;
}
.linkus>div.l>p:nth-child(1){
    font-size: 16px;
    line-height: 16px;
    }
.linkus>div.l>p:nth-child(2){
    font-size: 45px;
    line-height: 65px;
}
.linkus>div.l>img{
    margin-top: 45px;
    margin-bottom: 60px;
}
.linkus>div.l>p:nth-child(4),.linkus>div.l>p:nth-child(6),.linkus>div.l>p:nth-child(8),.linkus>div.l>p:nth-child(9){
    font-size: 16px;
    line-height: 20px;
    font-weight: bolder;
    margin-top: 40px;
}
.linkus>div.l>p:nth-child(5),.linkus>div.l>p:nth-child(7){
    font-size: 16px;
    line-height: 20px;
}
.linkus > div.r{
    float: right;
    border: 1px solid #364d27;
    width: 567px;
    height: 487px;
    padding: 20px;
   }
   .linkus>div.r>p:nth-child(1){
    font-size: 16px;
    line-height: 20px;
    font-weight: bolder;
    }
    .linkus>div.r>p:nth-child(2){
        margin-top: 30px;
        font-size: 12px;
        line-height: 15px;
        color: #777777;
        margin-bottom: 30px;

    }
    .linkus>div.r .input{
        width: 50%;;
        float: left;
        color: #bab7b7;
        margin-top: 10px;
    }
    .linkus>div.r .input:nth-child(2n){
        padding-left: 20px;
    }
    .linkus>div.r .input label{
        width: 100%;
        font-size: 14px;
        color: #3f3f3f;
    }
    .linkus>div.r .input input{
        width: 230px;
        height:40px;
        font-size: 14px;
        color: #3f3f3f;   
        padding-left: 10px;     
    }
    .linkus>div.r .input input::placeholder ,.linkus>div.r .input textarea::placeholder{
        font-size: 14px;
        line-height: 40px;
        color: #bab7b7;
    }
    .linkus>div.r .input:nth-child(5){
        width: 100%;;
        float: left;
        color: #bab7b7;
        margin-top: 10px;
    }
    .linkus>div.r .input textarea{
        width: 98%;
        padding-left: 10px;
        height: 90px;
    }
    .linkus>div.r .input:last-child{
        padding: 0;
    }
    .linkus>div.r .input button{
        width: 233px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        background-color: #364d27;
        color: #fff;
        border: none;

    }
/**
手机兼容
*/
.banner .phone{
    display: none;
}
.iNav{
    display: none;
}
.iNav_c{
    
}

@media screen and (max-width: 800px) {
    body{
        overflow: scroll !important;
    }
     #main{
        width: 100%;
        min-width:auto !important;
     }
     .wBox .wTitle{
        width: 90%;
        margin: auto;
     }
     /*头部导航*/
     .header .head .logo{
        height: 20px;
        margin-left: 20px;
     }
     .header .head .nav{
        display: none;
     }

     .iNav{
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        z-index: 9999;
    }
    .iNav .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .iNav .icon-bar {
        position: relative;
        z-index: 99999;
        display: block;
        width: 22px;
        height: 3px;
        border-radius: 1px;
        border: none;
        background-color: #0cdb10;
    }
    .iNav .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    .iNacOn .icon-bar{
        background-color: #fff;  
    }
    .iNav .iNav_c{       
        height: 100vh;
        position: fixed;
        width: 70vw;
        right: -100%;
        top:0px;
        background-color: rgb(0, 0, 0); opacity: 0.9;
        padding-top:100px;
        padding-bottom:100px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;   
     }
    .iNacOn .iNav_c{
        display: block;
        overflow: scroll;
        right: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;   
    }

    .iNav .iNav_c>ul{
        padding:0 30px ;
    }
    .iNav .iNav_c>ul>li{
        text-align: right;
        color: #fff;
        font-size: 20px;
        line-height: 40px;  
    
    }
    .iNav .iNav_c>ul>li.act{
        border-bottom: 1px solid #fff;
    }
    .iNav .iNav_c>ul>li >a>.iconfont{
        display: none;
    }
    .iNav .iNav_c>ul>li>.nav_two{
        height: 0px;
        overflow: hidden;
        width: 100% !important;

        font-size: 15px;
        line-height: 35px;
    }
    .iNav .iNav_c>ul>li.act>.nav_two{
        height: auto;
        border-top: 1px solid #fff;
        padding: 10px 0px;
    }
    .iNav .iNav_c >.btn{
        justify-content: space-around;
        position: fixed;
        bottom: 10px;
        width: 70vw;
    }
    .footer{
        zoom:0.3;
     }

     .footer .footTop ul{
        display: flex;
        flex-wrap: wrap;
     }
     .footer .footTop ul li{
        width: 100%;
        flex:100%;
        height: 150px;
        background-size: contain !important;
     }
     .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        display: none;
     }
     /**
     index
     */
     .banner .bannerImg img{
        display: none;
     }
     .banner .phone{
        display: block !important;
    }
    .banner .bannerImg{
        width: 100%;
        height: auto;
        background: none;
    }
     .index_company_profile{
        margin-top: 50px;


     }
     .wNr .Pakshelllet{
        height: auto !important;

     }
     .wNr .Pakshellright{

     }
     .wNr .Pakshellright a{
        left: 50%;
        bottom: 2%;
        transform: skew(-17.7deg) translateX(-50%);
        width: 50%;
        height: 30px;
        line-height: 30px;
        font-weight: 200;
        font-size: .6rem;
     }
     .star_products{
        margin-top: 40px !important;
        margin-bottom: 50px;
     }
     .star_products ul{
        width: 90%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

     }
     .star_products li:first-child{
        margin-left: 0px;
     }
     .star_products li{
        width: 47%;
        margin: 0px;
        margin-top: 30px;
     }

     .technicalSupport{
        margin-top: 30px;
        width: 96%;
        margin:30px auto 0px;
     }
     .technicalSupport > ul{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
     }
     .technicalSupport > ul > li{
        width: 49%;
        margin-right: 0px;
     }
     .wBox .outproducts li::after{
        width: 60vw;
     }
     .wBox .outproducts{
        zoom:0.4;
     }
     /**
     about
     */
     .cbox_about_1{
        background-size: contain;
        height: 200px;
     }
     .technicalSupportdiscover
     {
        width: 96%;
        margin: auto;
     }
     .technicalSupportdiscover > ul{
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .technicalSupportdiscover > ul > li{
        width: 48%;
        margin-right:0px;
    }
     .companyProfile{
        flex-wrap: wrap;
    }
     .companyProfile .nr{
        margin:0px 10px;

     }
     .cbox_about_1{
        
     }
     .banner_Pakshell .b_left.over_l{
        left: 0%;
     }
     .banner_Pakshell .b_left{
        width: calc(100% - 20px);
     }
     /*history*/
     .historyBrand .tit{
        font-size: 15px;
     }
     /*centuryHistory*/
     .years100 .years a{
        width: 12px;
        line-height: 24px;
        word-wrap: break-word;
        margin: 0px 6px;
     }
     .years100 .years{
        height: 180px;
     }
     .years100 .swiper-container .swiper-slide{
        padding: 0px;
     }
     /* product.html */
     .productList ul{
        flex-wrap: wrap;
     }
     .productList ul li{
        flex: 33%;
        margin-top: 20px;
     }
     /* product_1_1.html */
     .Climaselnav{
        flex-wrap: wrap;
        justify-content: flex-end;
     }
     .Climaselnav a{
        flex: 50%;
        margin-top: 20px;
        width: 45%;
     }
     .Climaselnav a .img img{
        height: auto;
     }
     /**product_2_1*/
     .productTab .nav{
        flex-wrap: wrap;
        justify-content: space-evenly;
     }
     .productTab .nav a{
  
        margin-right:0px !important;
     }
     .bousteadnav a .img{
        height: 100px;
     }
     .bousteadnav a {
        width: 25%;
        flex: 25%;
        margin-right: 0px !important;
     }
     .bousteadnav a p{
        width: 100%;
     }
     /*technical_ldxx*/
     .flex_img .img:first-child{
        margin-right: 0px;
     }
     .flex_img{
        flex-wrap: wrap;
     }
     .lx_ldxx .flex_img img{
        width: 100%;
     }
     .QuestionsVideo ul li{
        width: 50%;
     }
     /*technical_ffbz.html*/
     .tabBox .nr{
        height: 700px;
     }
     /*applicationcase*/
     .application .wNr ul li{
        flex: 25%;
        width: 25%;
        margin-right: 0px;
     }
 /**
 dealers.html
 */

     .dealersList,.wForm{
        margin: 0 10px;
     }

     .jumbotron--dealers{
        background: #010e16 url(https://Pakshellchina.oss-cn-hangzhou.aliyuncs.com/dealers/dealers_jumbotron.png) no-repeat center;
        background-size: contain;
        height: 300px;
        padding-top: 100px;
     }
     .jumbotron__heading--dealers{
        font-size: 2rem;
     }
     .dealers-nav{
        display:none;
     }
}


table.product,table.product_d{
    width: 100%;
    border: 1px solid #b4b5b9;
    line-height: 50px;
    background-color: #fff;
}
table.product_d{
    border-top: none; 
}
table.product_dt{
    border-top:  1px solid #b4b5b9;
}
table.product thead td{
    border-left: 1px solid #b4b5b9;
    text-align: left;
    font-size: 18px;
    height: 50px;
    color: #3f3f3f;
    font-weight: bold;
    padding-left: 20px;
    background-color:#f0f0f0;
}
table.product thead tr td:first-child{
    border-left:none;
}

table.product_d tr th
{
    border-bottom:  1px solid #e3e3e3;
    font-size: 16px;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
    color:#8a1538;
}
table.product_d tr th:first-child{
    border-right:  1px solid #e3e3e3;
    text-align: center;
    padding: 0px;

}


table.product_d tr td
{ 
    font-size: 16px;
    padding-left: 20px;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    color: #3f3f3f;
}
table.product_d tr td.tdbd{
    border-right:  1px solid #e3e3e3;
    text-align: center;
    padding: 0px;
}
table.product_d tr:last-child td{
    border-bottom:none;
}


.iconList{
    background-image: url(../images/iconList.png?v=1);
    background-repeat: no-repeat;
    height: 50px;   
    overflow: hidden; 
    display: inline-block;
    margin-right: 5px;
    float: left;
}
.iconList1{
    width: 58px;
    background-position: 0px 0px;
}
.iconList2{
    width: 37px;
    background-position: -66px 0px;
}
.iconList3{
    width: 32px;
    background-position: -103px 0px;
}
.iconList4{
    width: 22px;
    background-position: -138px 0px;
}
.iconList5{
    width: 35px;
    background-position: -160px 0px;
}
.iconList6{
    width: 36px;
    background-position: -195px 0px;
}
.iconList7{
    width: 35px;
    background-position: -232px 0px;
}
.iconList8{
    width: 36px;
    background-position: -267px 0px;
}
.iconList9{
    width: 33px;
    background-position: -303px 0px;
}
.iconList10{
    width: 36px;
    background-position: -336px 0px;
}