@charset "utf-8";
/*# sourceMappingURL=style.css.map */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    /*font-family:"FZLTZHJW","PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";*/

    font-family:"Helvetica Neue",Helvetica,tahoma,Arial,"Microsoft Yahei","PingFang SC",sans-serif;
    font-size: 14px;
}
.forie{
    width: 100%;
    height: 100%;
    background:#eaeaea url(../images/tishi.png) center no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
}

a{
	color: inherit;
}
/*img{
    max-width: 100%;
}*/
.mobitem{
    display: none;
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
select::-ms-expand { display: none; }
/* 单行截取 */
.els{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 禁止选中文本 */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; 
}
/* 背景图撑满容器 */
.bgimg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: no-repeat center/cover;
}
.imgs img{
    width: 100%;
}
.wow{
    visibility: hidden;
}
/* 显示loading动画类 */
.showloading:before{
    content: "";
    z-index: 1;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -22px 0 0 -22px;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    animation: spinner 700ms infinite linear;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* 更改placeholder颜色 */
/* input::-webkit-input-placeholder{
    color:#898a8a;  
}  
input:-moz-placeholder{
    color:#898a8a;
}  
input::-moz-placeholder{
    color:#898a8a;
}  
input:-ms-input-placeholder {
    color:#898a8a;
}   */


#main .iban:after{
    content: '';
    position: absolute;
   /* width: 100%;*/
    height: 477px;
    background: url('../images/nav-shadow.png') no-repeat top center/cover;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
#main .iban .swiper-slide{
    height: 100%;
    overflow: hidden;
}
#main .iban .banner-video{
    height: 100%;
    position: relative;
}
#main .iban .banner-video video{
  width: 100%;
  height: 100%;
  z-index: 0;
}
#main .iban .text{
    position: absolute;
    font-size: 36px;
    color: #fff;
    left: 90px;
    bottom: 80px;
    line-height: 1;
}
#main .iban .swiper-pagination{
    bottom: 50px;    
    line-height: 1;
}
#main .iban .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.44);
    margin: 0 8px;
}
#main .iban .swiper-pagination .swiper-pagination-bullet-active{
    background-color: rgba(255,255,255,1);
}
#main .wrap1 ul{
    background: no-repeat center/cover;
    transition: all .4s ease;
}
#main .wrap1 li{
    float: left;
    width: 25%;
    position: relative;
    overflow: hidden;
}
#main .wrap1 li img{
    width: 100%;
    transition: all .3s cubic-bezier(0.47, 0, 0.75, 0.72);
    transform: translate3d(0, 0, 0);
}
#main .wrap1 li .pro-name{
    font-size: 36px;
    color: #fff;
    position: absolute;
    top: 70px;
    left: 68px;
    line-height: 1;
}
#main .wrap2{
    background:#fff;
    padding: 52px 0 50px;
}
#main .wrap2 .tit{
    font-size: 46px;
    color: #000000;
    line-height: 1.6;
    font-weight: bold;
}
#main .wrap2 .subtx{
    font-size: 24px;
    color: #333333;
    line-height: 1.6;
}
#main .wrap2{
    overflow: hidden;
}
#main .wrap2 .swiper-container{
    position: relative;
}
#main .wrap2 .swiper-container .swiper-wrapper{
    left: 50%;
    transition: all .4s ease;
}
#main .wrap2 .swiper-slide{
    width: 57.76%;
    margin: 0 0%;
    position: relative;
    opacity: .3;
   /* text-align:center;*/
}
#main .wrap2 .swiper-slide .box{
    display: block;
    transition: all .4s ease;
    transform: scale(.82);
    transform-origin: bottom center;
    position: relative;
}

@media screen and ( max-width:1440px){
#main .wrap2 .swiper-slide .box{
    display: block;
    transition: all .4s ease;
    transform: scale(.9);
    transform-origin: bottom center;
    position: relative;
}

}


#main .wrap2 .swiper-slide-active{
    opacity: 1;
}
#main .wrap2 .swiper-slide-active .box{
    transform: scale(1);
}
#main .wrap2 .swiper-slide .box img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and ( max-width:768px){
   #main .wrap2 .swiper-slide .box img{
    width: 90%;
    position: absolute;
    top: 0;
    left: 5%;
}

}


#main .wrap2 .swiper-slide .map3play{
    display: inline-block;
    width: 64px;
    padding-top: 88px;
    font-size: 14px;
    text-align: center;
    color: #333333;
    background: url('../images/map3-ico.png') no-repeat top center/100% auto;
    cursor: pointer;
}
#main .wrap3{
    padding: 45px 68px 50px;
     background: -webkit-linear-gradient(#f1f1f1, #fff);
     background: -o-linear-gradient(#f1f1f1, #fff);
     background: linear-gradient(#f1f1f1, #fff);
}
#main .wrap3 .tit{
    font-size: 46px;
    color: #000000;
    /*font-weight: bold;*/
}
#main .wrap3 .swiper-container{
    margin: 60px -20px 0;
}
#main .wrap3 .swiper-container .swiper-slide{
    padding: 0 20px;
    width: 33.3333%;
    float: left;
}
#main .wrap3 .swiper-container .swiper-slide .imgs{
    overflow: hidden;max-height: 340px;
}
#main .wrap3 .swiper-container .swiper-slide img{
    width: 100%;
    transition: all .3s cubic-bezier(0.47, 0, 0.75, 0.72);
}
#main .wrap3 .swiper-container .swiper-slide a{
    display: block;
}
#main .wrap3 .swiper-container .swiper-slide .text{
    padding: 30px 0 0;
    font-size: 16px;
    color: #333;
}
#main .wrap3 .swiper-container .swiper-slide .data{
    color: #000;
    padding-top: 25px;
}
#main .wrap3 .swiper-container .swiper-pagination{
    display: none;
}
#main .wrap3 .more{
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #e30920;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 90px auto 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#main .wrap3 .more:hover{
    background:#d2091e;
}
#main .wrap4{
    height: 640px;
    background: no-repeat center/cover;
    overflow: hidden;
}
#main .wrap4 .text{
    max-width: 100%;
    margin:80px auto 0;
    color: #fff;
    line-height: 2;
    text-align: center;
}
#main .wrap4 .text .tit{
    font-size: 46px;
}
#main .wrap4 .text .subtx{
    font-size: 16px;
}
#main .wrap4 .text .more{
    display: block;
    background-color:transparent;
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    width: 123px;
    height: 44px;
    line-height: 40px;
    margin: 24px auto 0;
    /*transition: all .4s ease;*/
}

#main .wrap5 .item{
    width: 100%;
    padding: 26px 0px;
    text-align: center;
    float: left;
}
#main .wrap5 .item a{
    position:relative;
    display: block;
    /*height: 545px;*/
    padding-top:60%;
    background: no-repeat center/cover;
    color: #fff;
    overflow: hidden;
}
#main .wrap5 .item .text{
    position:absolute;
    width:100%;
    top:0;
}
#main .wrap5 .item .tit{
    font-size: 46px;
    margin-top: 3.75rem;
}
#main .wrap5 .item .more{
    width: 123px;
    height: 44px;
    line-height: 40px;
    font-size: 16px;
    background-color:transparent;
    border: 2px solid #fff;
    margin: 5px auto 0;
    /*transition: all .4s ease;*/
}
footer{
    background-color: #f1f1f1;
    padding: 68px 68px 68px;
    /*border-top: 1px solid #d8d8d8;*/
}
footer a{
    transition: all .4s ease;
}
footer .footer-top ul{
    float: left;
}
footer .footer-top ul li{
    display: inline-block;
    vertical-align: top;
    width:120px;
}
footer .lii ul li{
    display: inline-block;
    vertical-align: top;
    width:70px;
}
footer .footer-top ul li + li{
    margin-left: 3.5rem;
}
footer .footer-top ul .tit{
    font-size: 16px;
    color: #333333;
    padding-bottom: .5em;
}
footer .footer-top ul a{
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    display: block;
}
footer .footer-top .rside{
    float: right;
    margin-right:calc(68px + 78px);
}
footer .footer-top .rside .d1{
    font-size: 14px;
    color: #666666;
}
footer .footer-top .rside .telnumber{
    font-size: 30px;
    color: #e30a20;
    line-height: 1;
    /*letter-spacing:4px;*/
    font-weight:bold;
}
footer .footer-top .rside .sharebox{
    font-size: 0;
    margin-top: 36px;
}
footer .footer-top .rside .sharebox a{
    text-align: center; 
    display: inline-block;
    vertical-align: top;
}
footer .footer-top .rside .sharebox a .d1{
    font-size: 14px;
    color: #666;
}
footer .footer-top .rside .sharebox a + a{
    margin-left: 30px;
}
footer .footer-top .rside .sharebox img{
    width: 60px;
}
footer .footer-fot {
    font-size: 14px;
    text-align: center;
    color: #999999;
    padding: 68px 0 0;
}
footer .footer-fot .left{
    float: left;
}
footer .footer-fot .left a{
    padding-left: 6px;
    position: relative;
    color: #666;
}
footer .footer-fot .left a + a{
    margin-left: 20px;    
}
footer .footer-fot .left a:after{
    content: '';
    position: absolute;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #8b8f94;
    left: 0;
    top: 50%;
    margin-top: -3px;
    transition: all .4s ease;
}
footer .footer-fot .right{
    float: right;
}
footer .footer-fot .right img{
    width: 18px;
}
footer .footer-fot .mid{
    display: inline-block;
    text-align: center;
    padding: 0 30px;
}
.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background: rgba(0,0,0,1);
    cursor: pointer;
    display: none;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    max-height: 80%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    margin: auto;
}
.vidcontainer .closevid{
    width: 24px;
    height: 24px;
    top: 20px;
    right: 20px;
    background: url(../images/close-vid.png) no-repeat center/100% auto;
    position: absolute;
    cursor: pointer;
}
header.pchd{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 90px;
    height: 68px;
    line-height: 68px;
    z-index: 12;
}
header .logo img{
    vertical-align:top;
}
header.pchd .logo{
    position: absolute;
    left: 90px;
    top: 0;
    height: 68px;
    z-index: 9;
}
header.pchd .logo img{
    height: 100%;
}
header.pchd nav{
    text-align: center;
}
header.pchd nav .item{
    display: inline-block;
    width:124px;
    line-height:68px;
    height:68px;
    position: relative;
    vertical-align: top;
}
header.pchd nav .item:first-child:after{
    content: '';
    position: absolute;
    width: 400px;
    height: 100%;
    right: 100%;
    top: 0;
    display: none;
}
header.pchd nav .item:first-child:hover:after{
    display: block;
}
header.pchd nav .item .item-tit{
    font-size: 16px;
    color: rgba(0,0,0,.9);
    margin: 0 30px;    
} 
header.pchd .rcontrols{
    position: absolute;
    right: 90px;
    top: 0;
    line-height: 90px;
    height: 90px;   
}
header.pchd .rcontrols .search-btn{
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url('../images/search-ico-bai.png') no-repeat center/100% auto;
    cursor: pointer;
}
header.pchd .rcontrols .user-btn{
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url('../images/user-ico-bai.png') no-repeat center/100% auto;
    margin-left: 24px;
}
header.pchd .rcontrols .lang{
    font-size: 17px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
    margin-top:1px;
} 
header.pchd .rcontrols .navbar{
    width: 21px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: 24px;
    cursor: pointer;
}
header.pchd .rcontrols .navbar .line{
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    top: 0;
    left: 0;
}
header.pchd .rcontrols .navbar .line1{
    top: 0;
}
header.pchd .rcontrols .navbar .line2{
    top: 50%;
    margin-top: -1px;
}
header.pchd .rcontrols .navbar .line3{
    top: auto;
    bottom: 0;
}
header.pchd.bai,
header.pchd.hover{
    background-color: #fff;
}
header.pchd.bai nav .item .item-tit,
header.pchd.hover nav .item .item-tit{
    color: #333333;
    display: inline-block;
}
header.pchd.bai .rcontrols .search-btn,
header.pchd.hover .rcontrols .search-btn{
    background-image: url('../images/search-ico-hei.png');
}
header.pchd.bai .rcontrols .user-btn,
header.pchd.hover .rcontrols .user-btn{
    background-image: url('../images/user-ico-hei.png');
}
header.pchd.bai .rcontrols .lang,
header.pchd.hover .rcontrols .lang{
    color: #333333;
}
header.pchd.bai .rcontrols .navbar .line,
header.pchd.hover .rcontrols .navbar .line{
    background-color: #4c4c4c;
}
header.pchd .pro-subnav{
    position: fixed;
    /*position:absolute;*/
    /*width: 100vw;*/
    width:100%;
    height: calc(100vh - 68px);
    top: 68px;
    left: 0;
    border-top: 1px solid #e5e5e5;
    /*visibility: hidden;opacity: 0;*/
    overflow: hidden;
    z-index:2;
    /*transition: all 0s ease;*/
    display:none;
    background: #fff;
}
header.pchd .n-pro-subnav{
    height: calc(100vh - 68px);
}
header.pchd .pro-subnav.showlevel2{
    height: 68px;
}
header.pchd .pro-subnav .nav-level2{
    height: 68px;
    line-height: 68px;
    background-color: #fff;
}
header.pchd .nav-level2 .level2-item{
    display: inline-block;
    padding-left: 42px;
    background: no-repeat left center/40px auto;
    font-size: 16px;
    color: #000000;
    margin: 0 70px;
    cursor:pointer;
    position:relative;
    /*transition: all .4s ease;*/
}
header.pchd .nav-level2 .level2-item .img{
    width:40px;
    height:100%;
    position:absolute;
    left:0;
}
header.pchd .nav-level2 .level2-item .img img{
    max-width:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
header.pchd .nav-level2 .level2-item .img .img1{
    display:block;
}
header.pchd .nav-level2 .level2-item .img .img2{
    display:none;
}
header.pchd .nav-level2 .level2-item.on,header.pchd .nav-level2 .level2-item:hover{
    color:#e60012;
}
header.pchd .nav-level2 .level2-item.on .img .img1,header.pchd .nav-level2 .level2-item:hover .img .img1{
    display:none;
}
header.pchd .nav-level2 .level2-item.on .img .img2,header.pchd .nav-level2 .level2-item:hover .img .img2{
    display:block;
}




header.pchd .nav-level2 .level3-item{
    display: inline-block;
    padding-left: 42px;
    background: no-repeat left center/40px auto;
    font-size: 16px;
    color: #000000;
    margin: 0 70px;
    cursor:pointer;
    position:relative;
    /*transition: all .4s ease;*/
}
header.pchd .nav-level2 .level3-item .img{
    width:40px;
    height:100%;
    position:absolute;
    left:0;
}
header.pchd .nav-level2 .level3-item .img img{
    max-width:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
header.pchd .nav-level2 .level3-item .img .img1{
    display:block;
}
header.pchd .nav-level2 .level3-item .img .img2{
    display:none;
}
header.pchd .nav-level2 .level3-item.on,header.pchd .nav-level2 .level3-item:hover{
    color:#e60012;
}
header.pchd .nav-level2 .level3-item.on .img .img1,header.pchd .nav-level2 .level3-item:hover .img .img1{
    display:none;
}
header.pchd .nav-level2 .level3-item.on .img .img2,header.pchd .nav-level2 .level3-item:hover .img .img2{
    display:block;
}



/*header.pchd .nav-level2 .level2-item:first-child{
    background-image: url('../images/level2-ico1.png');
}
header.pchd .nav-level2 .level2-item:nth-child(2){
    background-image: url('../images/level2-ico2.png');
}
header.pchd .nav-level2 .level2-item:nth-child(3){
    background-image: url('../images/level2-ico3.png');
}
header.pchd .nav-level2 .level2-item:nth-child(4){
    background-image: url('../images/level2-ico4.png');
}
header.pchd .nav-level2 .level2-item:nth-child(5){
    background-image: url('../images/level2-ico5.png');
}
header.pchd .nav-level2 .level2-item.on{
    color: #e60012;
}
header.pchd .nav-level2 .level2-item.on:first-child{
    background-image: url('../images/level2-ico1-red.png');
}
header.pchd .nav-level2 .level2-item.on:nth-child(2){
    background-image: url('../images/level2-ico2-red.png');
}
header.pchd .nav-level2 .level2-item.on:nth-child(3){
    background-image: url('../images/level2-ico3-red.png');
}
header.pchd .nav-level2 .level2-item.on:nth-child(4){
    background-image: url('../images/level2-ico4-red.png');
}
header.pchd .nav-level2 .level2-item.on:nth-child(5){
    background-image: url('../images/level2-ico5-red.png');
}*/
header.pchd .nav-level3-5box{
    height: calc(100% - 68px);
}
header.pchd .nav-level3-5box.showloading:before{
    display: none;
}
header.pchd .nav-level3-5box .ajax-box{
    height: 607px;
    /*transition: all .3s ease-in-out;*/
}
header.pchd .nav-level3-5box.showloading .ajax-box{
    opacity: 0;
    transition: all 0s ease-in-out 0s;
}
header.pchd .nav-level3{
    width: 24%;
    height: calc(100% - 272px);
    background-color: #fff;
    float: left;
}
header.pchd .nav-level3 li{
    padding: 0 30px;
    height: 58.16px;
    /*height: 90px;
    line-height: 90px;*/
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center; 
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    /*transition: all .4s ease;*/
    color: #333333;
    position: relative;
}
header.pchd .nav-level3 li.on{
    border-bottom: 1px solid #e60012;
}
header.pchd .nav-level3 li.on,
header.pchd .nav-level4 .swiper-container .swiper-slide.on{
    background-color: #e60012;
    color: #fff;
}
header.pchd .nav-level4 .swiper-container .swiper-slide.on a{
    color: #fff;
}
header.pchd .nav-level3 li:after{
    content: '';
    position: absolute;
    width: 7px;
    height: 11px;
    background: url('../images/level3-arrow.png') no-repeat center/100%;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    transition: all .4s ease;
}
header.pchd .nav-level3 li.on:after,
header.pchd .nav-level4 .swiper-container .swiper-slide.on:before{
    background-image: url('../images/level3-arrow-bai.png');
}
header.pchd .nav-level3 .level3-model{
    font-size: 16px;
    font-family: 'Arial';
    display: block;
    vertical-align: top;
    line-height: normal;
}
header.pchd .nav-level3 .level3-img{
    width: 102px;
    /*float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}
header.pchd .mCSB_inside>.mCSB_container{
    margin-right: 0;
}
header.pchd .mCSB_scrollTools{
    width: 3px;
}
header.pchd .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #e60012;
    width: 3px;
}
header.pchd .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #e60012;
}
header.pchd .mCSB_scrollTools .mCSB_draggerRail{
    background-color: rgba(229,229,229,1);
    width: 3px;
}
header.pchd .nav-level4{
    width: calc(100% - 24%);
    float: left;
    height: calc(100% - 272px);
    background: url('../images/level4-bg.jpg') no-repeat center/cover;
    position: relative;
}
header.pchd .nav-level4 .logo-top{
    width: 130px;
    height: 64px;
    right: 0;
    top: 0;
    background: url('../images/level4-logo.jpg') no-repeat center/100%;
    position: absolute;
}
header.pchd .nav-level4 .level4-box{
    width: 31.5%;
    background: rgba(255,255,255,.9);
    margin: 0;
    height: 100%;
}
header.pchd .nav-level4 .swiper-container{
   height: calc(100% - (100vh - 272px - 136px)/6);
	
}
header.pchd .nav-level4 .swiper-container .swiper-slide{
    height: 58.16px;
}

header.pchd .nav-level4 .swiper-container .swiper-slide{
    /*height: 90px;
    line-height: 90px;*/
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center; 
    padding: 0 30px;
    position: relative;
    text-align: left;
    color: #333333;
    line-height:1.5;
    /*transition: all .4s ease;*/
}
header.pchd .nav-level4 .swiper-container .swiper-slide a{
    display: block;
    color: #333333;
     display:flex;
    flex-flow:row wrap;
    justify-content:flex-start;
    align-items:center; 
    width:100%;
    /*transition: all .4s ease;*/
}
header.pchd .nav-level4 .swiper-container .swiper-slide:after{
    content: '';
    position: absolute;
    width: calc(100%);
    height: 1px;
    background-color: rgba(204,204,204,.5);
    bottom: 0;
    right: 30px;
}
header.pchd .nav-level4 .swiper-container .swiper-slide:before{
    content: '';
    position: absolute;
    width: 7px;
    height: 11px;
    background: url(../images/level3-arrow.png) no-repeat center/100%;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    transition: all .4s ease;
}
header.pchd .nav-level4 .swiper-container .swiper-slide .level4-parameter{
    font-size: 16px;
 /*   font-family: 'Arial';*/
}
header.pchd .nav-level4 .swiper-container .swiper-slide .level4-parameter{
    width:calc(100% - 130px);
}
header.pchd .nav-level4 .swiper-container .swiper-slide .level4-imgs{
    display: inline-block;
    float: right;
    width: 115px;
    text-align: left;
    font-size: 0;
    
}
header.pchd .nav-level4 .swiper-container .swiper-slide .level4-imgs img{
   width: 100%;
}
header.pchd .nav-level4 .swiper-container .swiper-slide .level4-imgs img + img{
    margin-left: 4px;
}
header.pchd .nav-level4 .level4-down-page{
    /*height: 90px;*/
    height: calc((100vh - 272px - 136px)/6);
    /*border-top: 1px solid #dcdbdb;*/
    cursor: pointer;
    position: relative;
}
header.pchd .nav-level4 .level4-down-page:after{
    content: '';
    position: absolute;
    width: 27px;
    height: 20px;
    background: url('../images/level4-down-ico.png') no-repeat center/27px auto;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -14px;
    -moz-animation: bounce1 1.2s infinite;
    -webkit-animation: bounce1 1.2s infinite;
    animation: bounce1 1.2s infinite;
}
@keyframes bounce1{
    0% {
       transform: translateY(0);
       opacity: 1;
    }
    35% {
       transform: translateY(50%);
       opacity: 0;
    }
    65% {
       transform: translateY(-50%);
       opacity: 0;
    }
    100% {
       transform: translateY(0);
       opacity: 1;
    }
}
header.pchd .nav-level5{
    height: 272px;
    position: relative;
    clear: both;
    z-index: 9;
    background-color: #fff;
}
header.pchd .nav-level5 .carimg{
    position: absolute;
    bottom: 70%;
    left: 40%;
    max-width: 45%;
	max-height: 400px;
}
header.pchd .nav-level5 .level5-right{
    width: 75%;
    float: right;
    padding: 96px 0 20px;
    height: 100%;
    position:relative;
    z-index:2;
}
header.pchd .nav-level5 .level5-item1{
    width: 28.9%;
    float: left;
    border-right: 1px solid #dbdbda;
    height: 100%;
}
header.pchd .nav-level5 .level5-item1-tit{
    font-size: 24px;
    color: #333333;
    line-height: 1;
}
header.pchd .nav-level5 .level5-item2{
    float: left;
    line-height: 1.5;
    padding: 0 35px;
    width: 28.1%;
    height: 100%;
    border-right: 1px solid #dbdbda;
    text-align:left;
}
header.pchd .nav-level5 .level5-item2 .d1{
    font-size: 16px;
    color: #000000;
}
header.pchd .nav-level5 .level5-item2 .d2{
    font-size: 16px;
    color: #333333;
    padding-top: 6px;
}
header.pchd .nav-level5 .level5-item2 .d2 p + p{
    margin-top:0px;
}
header.pchd .nav-level5 .level5-item2 .d2 p{
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
header.pchd .nav-level5 .level5-item2 .d2 p:hover{
    font-weight:bold;
}
header.pchd .nav-level5 .level5-item3{
    width: 42.96875%;
    float: right;
    line-height: 1.5;
    text-align: left;
    padding-left: 30px;
    padding-right:20px;
}
header.pchd .nav-level5 .level5-item3 .d1{
    color: #000000;
    font-size: 16px;
}
header.pchd .nav-level5 .imglist{
    margin: 10px 0px 0;
}
header.pchd .nav-level5 .imglist img{
    width: 48px;
    margin: 0 5px 10px;
}
#main .wrap2 .swiper-slide .carimg{
    width: 100%;
    /*padding-top: 73.18645889306824%;*/
    /*padding-top:56.3%;*/
    position: relative;
    top: 0;
    left: 0;
    display: block;
    opacity:0;
    filter: alpha(opacity=0);
    visibility:hidden;
}
#main .wrap2 .swiper-slide.swiper-slide-active .carimg{
    opacity:1;
    filter: alpha(opacity=100);
    visibility:visible;
}
#main .wrap2 .swiper-slide.swiper-slide-active .img1{
    opacity:0;
    filter: alpha(opacity=0);
    visibility:hidden;
}
#main .wrap2 .swiper-slide-active .carimg{
    cursor: move;
}
/*  */
.search-alert .logo{
    width:68px;
    height:68px;
}
.search-alert{
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 98;
    transition:all 300ms cubic-bezier(0.4, 0, 1, 1);
}

.search-alert .close {
    display: block;
    width: 45px;
    height: 13px;
    background: url(../images/search-close.png) no-repeat center;
    background-size: 13px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    /*margin-right: -22px;*/
    right:calc(65px + 120px);
    cursor: pointer;
    /*-webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;*/
}
.search-alert .close:after{
    content: '';
    position: absolute;
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*.search-alert .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}*/
.search-alert .cent-form {
    position: absolute;
    width: 52.8%;
    top: 0;
    bottom: 0;
    right:calc(160px + 6.5%);
    margin: auto;
    height: 60px;
    line-height: 60px;
    /* border-bottom: 1px solid #515151; */
}
.search-alert .cent-form .tex {
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #666;
    background: none;
    padding-left: 40px;
    padding-right: 10px;
/*    background: url(../images/ico2_2.png) no-repeat left center;*/
    border-bottom: 1px solid #d1d1d1;
}
.search-alert .cent-form .sub-butn {
    border: none;
    width: 18px;
    background: url('../images/search-submit.png') no-repeat center/100% auto;
    position: absolute;
    left: 14px;
    top: 0;
    text-align: center;
    height: 60px;
    font-size: 0;
    line-height: 60px;
    color: #fff;
}
.search-alert.active{
    top: 0;
}

.text-center{
  text-align:center;
}
header.pchd{
    /*transition: all .3s ease-in-out;*/
}
header.pchd.bai{
    position:fixed;
}
/*header.pchd,header.pchd .logo{}*/
/*header.pchd.bai nav .item{
    transition: all .5s ease-in-out;
}*/
header.pchd.bai,header.pchd .rcontrols{
    height:68px;
    line-height:68px;
}
header.pchd .logo{
    height:68px;
}
header.pchd.bai nav .item{
    height:68px;
    line-height:68px;
}
header.pchd.bai .pro-subnav{
    top:68px;
    height:calc(100vh - 68px);
}
.look-btn{
    font-size:14px;
    width:160px;
    height:35px;
    line-height:35px;
    display:block;
    color:#e60012;
    /*background:#eee;*/
    margin:0px auto;
    transition: all .5s ease-in-out;
}

.look-btn:before{
    font-size:14px;
    margin-right:5px;
}
.look-btn:hover{
    color:#e60012;
}
#main .wrap1{
    position:relative;
}
#main .wrap1 ul{
    position:relative;
    z-index:2;
}
#main .wrap1 .motor-background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1;
    overflow: hidden;
    background-color: #151515;
}
.motor-overlay{
    position: absolute;
    opacity:1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #151515;
    transition: opacity 0.5s ease;
    z-index: 10;
}
#main .wrap1 .motor-background .bg{
    opacity:0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: opacity 0.5s .3s ease;
    z-index: 9;
}
#main .wrap1 .motor-background.cur .motor-overlay {
    opacity:0;
    animation: opacity1 1s ease-in-out;
}
#main .wrap1 .motor-background.cur .bg{
    opacity:1;
   animation: opacity2 1s ease-in-out;
}

#main .wrap1 li img{
    transition: opacity 0.5s forwards ease;
}
#main .wrap1 li .pro-name{
    opacity:1;
    transition: opacity 0.5s forwards ease;
}
#main .wrap1 li .pro-name.cur{
    opacity:0;
}

@-webkit-keyframes opacity1{
  0% {
    opacity:0.4
  }
  40% {
    opacity:1
  }
  100%{
    opacity:0
  }
}
@-webkit-keyframes opacity2{
  0% {
    opacity:0
  }
  100%{
    opacity:1
  }
}


#main .wrap1 li{
    position:relative;
    z-index:2;
}
#main .wrap1 li .pro-name{
    z-index:9;
}
#main .wrap1 li a{
    display:block;
}

#main .wrap1 li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #ffffff;
    opacity: 0.2;
    z-index:1;
}

@media screen and ( max-width: 1024px){
    footer.pcitem {
        display: none;
    }
    footer.mobitem {
        display: block;
    }
}
footer{
  padding: 80px 68px 70px;
}

@media screen and ( max-width:1600px){
    footer .footer-top ul li + li{
        margin-left: 4rem;
    }
}

.look-btn span{
    font-family:"FZLTZHJW","PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","microsoft yahei","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
}