.img{transition: 0.3s all;}
.img:hover{transform: scale(1.1);}
.pic{overflow: hidden;}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ PC端 ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 1440px){
.content .main{width: 100%;height: 100%;margin: 0 auto;padding: 0 0%;box-sizing: border-box; position: relative;}

    /* tit */
.catname h3{font-weight: 100;font-size: 48px;color: #e53c1b;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;}
.catname h4{font-weight: 100;font-size: 30px;color: #333;text-transform: uppercase;padding-bottom:20px;margin-bottom: 20px;position: relative;}
.catname h4:after{content: '';width: 50px; height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}
.catname p{font-size: 15px;color: #595959;line-height: 2;margin-bottom: 20px;}
.catname a.more{color: #fff;padding:10px 20px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* 滑动指示器类型2 S */
.scroll-indicator{left: 50%;transform: translateX(-50%);bottom: 3%;position: fixed; z-index: 99999;display: none;}
.scroll-indicator-btn{width: 18px;height: 38px;margin: 0 auto 15px auto;border-radius: 15px;border: 2px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll-indicator-btn-c1 {width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;}
.scroll-indicator-text{color: #fff;text-align: center;font-size: 14px;font-weight: bold;}
@-webkit-keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes dh {
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}
/* 滑动指示器类型2 E */
/*  */
#index_01{background:transparent; background-size: 100% 100%;position: relative;overflow: hidden;}
#index_02{background: url(../images/index_02.jpg) no-repeat center center; position: relative;}
#index_03{background: url(../images/index_03.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_04{background: url(../images/index_04.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_05{background: url(../images/index_05.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_06{overflow: hidden;}
#index_06 .pictrue {position: absolute;width: 100%;height: 100%;background: url(../images/index_06.jpg) no-repeat center bottom;background-size: cover;}
.img01{animation: dh 10s 1 ;}
/*首页banner*/
#banner{width:100%;position:relative;z-index:0;overflow:hidden;background: #fff;height: 100vh;}
#banner .banner_slider{top:0;left:0;width:100%;height:100%;}
#banner li{ position:relative;}
#banner li .img{width:100%;z-index:8;}  
#banner li .img:hover{width:100%;z-index:8;transform: scale(1);}  
#banner li .img .w1200{ position:relative}
#banner li .img>img{width:100vw;height: 100vh;}
#banner li .img:after{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(35% - 23px);background-size: 100% 100%;z-index: 1;transition:0.9s;transform:translateX(-100%);opacity:0;visibility:hidden;}
#banner li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;z-index: 2;width: 100%;}
#banner li .img .top .box_table{ text-align:center}
 #banner li .img .top .box_table img{display: inline-block;animation: moves 2s linear infinite alternate;top: -13vh;position: relative;}
 @keyframes moves {
     0% {
         top: -13vh;
     }
     50% {
         top: -12vh;
     }
     100% {
         top: -13vh;
     }
 }
#banner .miso-current .img{/* animation:bgscale 6s linear; animation-fill-mode: forwards; */}
#banner .miso-arrow{width: 3rem;height: 3rem;border: #c7c8c9 1px solid;border-radius: 50%; transition:.6s;display: none !important;}
#banner .miso-arrow.miso-prev{left: 1%;background:url(../images/icon-system_white_l.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}
#banner .miso-arrow.miso-next{right: 1%;background:url(../images/icon-system_white_r.svg) center no-repeat;transition:300ms;-webkit-transition:300ms;}


#banner ul .miso-dots{ bottom:3rem}
#banner ul .miso-dots li{ width:2.5rem; height:4px; background:rgba(255,255,255,.45); transition:.6s; position:relative}
#banner ul .miso-dots li button{font-size:12px;color:#fff;width: auto;left: 0;bottom: 6px; position:absolute; opacity:0; visibility:hidden; transition:.6s}
#banner ul .miso-dots li:before{ content:""; position:absolute; left:0; width:0; height:4px; padding:0; margin:0; background:#e53c1b; transition:.6s}
#banner ul .miso-dots li.miso-active{ width:13.75rem}

#banner.on li.miso-current .img .top .hgg{ transition:0.9s; transform:translateY(0); opacity:1; visibility:visible}
#banner.on li.miso-current .img:after{transform:translateX(0); opacity:1; visibility:visible}

#banner ul .miso-dots li.miso-active:before{ animation:biankuan 5s linear;}
#banner ul .miso-dots li.miso-active button{ opacity:1; visibility:visible}
@keyframes biankuan {
from { width:0}
to { width:100%}
}/* about */
.about{width: 50%;position: absolute;left: 50%;top: 13%;box-sizing: border-box;padding: 5.5%;transform: translateX(-10%);}
.about .title{margin-bottom: 20px;}
.about .con{margin-top: 42px;}
.about .con p{font-size: 15px;line-height: 2;color: #333;text-indent: 30px;}
.about .item{display: flex; flex-wrap: nowrap;justify-content: space-between;position: relative;margin-top: 20px;padding-bottom:30px;}
.about .item dl:last-child{border: none;}
.about .item dl{width: 25%;text-align: center;}
.about .item dl dt{position: relative;}
.about .item dl dt span{font-size: 40px;font-family: arial, helvetica,sans-serif!important; color: #e53c1b;}
.about .item dl dt sub{font-size: 16px;color: #e53c1b;text-transform: uppercase;padding: 0 5px;position: absolute;top:15%;}
.about .item dl dd{font-size: 15px;color: rgb(63, 63, 63);text-transform: uppercase;line-height: 2;}
.about a.more{background: #e53c1b;line-height: 40px;font-size: 15px;padding: 0 45px;color: #fff;display: inline-block;}
/* product */
.product .left{width: 20%;position: absolute;top: 45%;transform: translateY(-50%);}
.product .right{width: 70%;position: relative;top: 55%;transform: translateY(-50%);}
.product .right ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.product .right ul li{width: 31%;text-align: center;margin-right: 3.5%;overflow: hidden;}
.product .right ul li:nth-child(3n+0){margin-right: 0;}
.product .right ul li .pic{width: 100%;overflow: hidden;}
.product .right ul li img{width: 100%;}
.product .right ul li .title{font-size: 16px;line-height: 3;}

/* partner */
.partner {padding-top: 8% !important;text-align: center;}
.partner .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);}
.partner .catname h4::after{left: 50%;transform: translateX(-50%);}
.partner ul{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 50px;}
.partner ul li{width: 18%;text-align: center;box-sizing: border-box;margin: 0 1%;margin-bottom: 40px; border: 1px solid #efefef;}
.partner ul li img{width: 100%;}
.partner ul li .title{font-size: 16px;line-height: 3;}
.partner a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* news */
.news {padding-top: 5% !important;text-align: center;}
.news .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.news .catname h4::after{left: 50%;transform: translateX(-50%);}
.news .news_conx{padding-top: 60px;display: none;width: 95%;}
.news .news_con{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 60px;}
.news .news_con .swiper-slide{width: 30%;text-align: center;box-sizing: border-box;margin-bottom: 20px;margin-right: 3.3333333333%;}
.news .news_con .swiper-slide img{width: 100%; border: 1px solid #efefef;}
.news .news_con .swiper-slide .t{font-size: 16px;line-height: 3;}
.news .news_con .swiper-slide .des{font-size: 15px;line-height: 2;}
.news a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* contact */
.contact {padding: 0 2% !important;padding-top: 8% !important;text-align: center;position: relative;}
.contact .left{width:40%;position: relative;text-align: left;padding-top: 1.5%;}
.contact .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.contact .left h1{font-size: 26px;line-height: 2;color: #fff;margin-bottom: 5%;}
.contact .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.contact .left dl dd{font-size: 16px;line-height: 2;}
.contact .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.contact .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.contact .left dl.tel dd{font-size: 24px;font-weight: bold;}
.contact .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.contact .copy{color: #fff;line-height: 3.5;font-size: 14px;margin-top: 30px;position: absolute;bottom: 0;width: 100%;}
.contact .copy a{color: #fff;}
.contact .right{width:60%;padding-top: 2%;}
.contact .right dl{width: 25%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;}
.contact .right dl a{color: #fff;}
.contact .right dl dt a{font-size:18px;line-height: 2.5;}
.contact .right dl dd a{font-size: 15px;line-height: 2.5;}
.contact .right dl dd a::before{content: '-';padding-right: 10px;}
}


/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/******************************************************************** iPad Pro ***********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 1024px) and (max-width: 1440px) {
.content .main{width: 100%;height: 100%;margin: 0 auto;padding: 0 5%;box-sizing: border-box; position: relative;}
/* tit */
.catname h3{font-weight: 100;font-size: 40px;color: #e53c1b;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: lighter;line-height: 1;}
.catname h4{font-weight: 100;font-size: 24px;color: #333;text-transform: uppercase;padding-bottom:10px;margin-bottom: 10px;position: relative;}
.catname h4:after{content: '';width: 50px; height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}
.catname p{font-size: 15px;color: #595959;line-height: 2;margin-bottom: 20px;}
.catname a.more{color: #fff;padding:10px 20px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* 滑动指示器类型2 S */
.scroll-indicator{left: 50%;transform: translateX(-50%);bottom: 3%;position: fixed; z-index: 99999;display: none;}
.scroll-indicator-btn{width: 18px;height: 38px;margin: 0 auto 15px auto;border-radius: 15px;border: 2px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll-indicator-btn-c1 {width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;}
.scroll-indicator-text{color: #fff;text-align: center;font-size: 14px;font-weight: bold;}
@-webkit-keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes dh {
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}
/* 滑动指示器类型2 E */
/*  */
#index_01{background:transparent; background-size: 100% 100%;position: relative;overflow: hidden;}
#index_02{background: url(../images/index_02.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_03{background: url(../images/index_03.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_04{background: url(../images/index_04.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_05{background: url(../images/index_05.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_06{overflow: hidden;}
#index_06 .pictrue {position: absolute;width: 100%;height: 100%;background: url(../images/index_06.jpg) no-repeat center bottom;background-size: cover;}
.img01{animation: dh 10s 1 ;}
.banner{color: #fff;text-align: left;text-transform: uppercase;position: relative;top: 35%; z-index: 2;}
#index_01 .main{padding: 0 5%;}
.banner .b01{font-size: 38px;}
.banner .b02{font-size: 70px;font-weight: bold;position: relative;padding-top: 0;padding-bottom: 20px;margin-bottom: 20px;}
.banner .b02:after{content: '';width: 100px; height: 3px; background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;}
.banner .b03{font-size: 28px;line-height: 1.5;}
.banner .b04{font-size: 24px;line-height: 1.5;}
.video{width: 100%; position: absolute;top: 0;left: 0;height: 100%;}
.video video{width: 100%;background: #000;height: 100%;}
.video:before{content: '';background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1;  }
/* about */
.about{width: 50%;position: absolute;left: 50%;top: 12%;box-sizing: border-box;padding: 3%;transform: translateX(-10%);background: #fff;}
.about .title{margin-bottom: 20px;}
.about .title img{width: 35%;}
.about .con{overflow: hidden;}
.about .con p{font-size: 15px;line-height: 2;color: #595959;text-indent: 30px;}
.about .item{display: flex; flex-wrap: nowrap;justify-content: space-between;position: relative;margin-top: 20px;padding-bottom: 10px;}
.about .item dl:last-child{border: none;}
.about .item dl{border-right: 1px solid #efefef;width: 25%;text-align: center;}
.about .item dl dt span{font-size: 36px;font-family: arial, helvetica,sans-serif!important; color: #e53c1b;}
.about .item dl dt sub{font-size: 16px;color: #e53c1b;text-transform: uppercase;padding: 0 5px;}
.about .item dl dd{font-size: 15px;color: #333;text-transform: uppercase;line-height: 2;}
.about a.more{background: #e53c1b;line-height: 40px;font-size: 15px;padding: 0 45px;color: #fff;display: inline-block;}

/* product */
.product .left{width: 20%;position: absolute;top: 45%;transform: translateY(-50%);}
.product .right{width: 70%;position: relative;top: 55%;transform: translateY(-50%);}
.product .right ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.product .right ul li{width: 31%;text-align: center;margin-right: 2%;}
.product .right ul li:nth-child(3n+0){margin-right: 0;}
.product .right ul li img{width: 100%;}
.product .right ul li .title{font-size: 16px;line-height: 3;}

/* partner */
.partner {padding-top: 4.5% !important;text-align: center;}
.partner .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.partner .catname h4::after{left: 50%;transform: translateX(-50%);}
.partner ul{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 50px;}
.partner ul li{width: 18%;text-align: center;box-sizing: border-box;margin: 0 1%;margin-bottom: 40px; border: 1px solid #efefef;}
.partner ul li .pic{width: 100%; border: 1px solid #efefef;}
.partner ul li img{width: 100%;cursor: pointer;}
.partner ul li:nth-child(5n+0){margin-right: 0;}
.partner ul li .title{font-size: 16px;line-height: 3;}
.partner a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* news */
.news {padding-top:4.5% !important;text-align: center;}
.news .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.news .catname h4::after{left: 50%;transform: translateX(-50%);}
.news .news_conx{padding-top: 60px;display: none;width: 95%;}
.news .news_con{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 40px;}
.news .news_con .swiper-slide{width: 30%;text-align: center;box-sizing: border-box;margin-bottom: 20px;margin-right: 3.3333333333%;}
.news .news_con .swiper-slide img{width: 100%; border: 1px solid #efefef;}
.news .news_con .swiper-slide .t{font-size: 16px;line-height: 3;}
.news .news_con .swiper-slide .des{font-size: 15px;line-height: 2;}
.news a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* contact */
.contact {padding: 0 2% !important;padding-top: 8% !important;text-align: center;position: relative;}
.contact .left{width:40%;position: relative;text-align: left;padding-top: 1.5%;}
.contact .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.contact .left h1{font-size: 26px;line-height: 2;color: #fff;}
.contact .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.contact .left dl dd{font-size: 16px;line-height: 2;}
.contact .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.contact .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.contact .left dl.tel dd{font-size: 24px;font-weight: bold;}
.contact .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.contact .copy{color: #fff;line-height: 3.5;font-size: 14px;margin-top: 30px;position: absolute;bottom: 0;width: 100%;}
.contact .copy a{color: #fff;}
.contact .right{width:60%;padding-top: 2%;}
.contact .right dl{width: 25%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;}
.contact .right dl a{color: #fff;}
.contact .right dl dt a{font-size:18px;line-height: 2.5;}
.contact .right dl dd a{font-size: 15px;line-height: 2.5;}
.contact .right dl dd a::before{content: '-';padding-right: 10px;}
}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 横 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/

@media screen and (min-width: 769px) and (max-width: 1024px) {
.content{padding: 0 4%;}
.content .main{width: 100%;height: 100%;margin: 0 auto;padding: 0 ;box-sizing: border-box; position: relative;}
/* tit */
.catname h3{font-weight: 100;font-size: 40px;color: #e53c1b;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: lighter;line-height: 1;}
.catname h4{font-weight: 100;font-size: 24px;color: #333;text-transform: uppercase;padding-bottom:10px;margin-bottom: 10px;position: relative;}
.catname h4:after{content: '';width: 50px; height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}
.catname p{font-size: 15px;color: #595959;line-height: 2;margin-bottom: 20px;}
.catname a.more{color: #fff;padding:10px 20px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* 滑动指示器类型2 S */
.scroll-indicator{left: 50%;transform: translateX(-50%);bottom: 3%;position: fixed; z-index: 99999;display: none;}
.scroll-indicator-btn{width: 18px;height: 38px;margin: 0 auto 15px auto;border-radius: 15px;border: 2px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll-indicator-btn-c1 {width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;}
.scroll-indicator-text{color: #fff;text-align: center;font-size: 14px;font-weight: bold;}
@-webkit-keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes dh {
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}
/* 滑动指示器类型2 E */
/*  */
#index_01{background:transparent; background-size: 100% 100%;position: relative;overflow: hidden;}
#index_02{background: url(../images/index_02.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_03{background: url(../images/index_03.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_04{background: url(../images/index_04.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_05{background: url(../images/index_05.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_06{overflow: hidden;}
#index_06 .pictrue {position: absolute;width: 100%;height: 100%;background: url(../images/index_06.jpg) no-repeat center bottom;background-size: cover;}
.img01{animation: dh 10s 1 ;}
.banner{color: #fff;text-align: left;text-transform: uppercase;position: relative;top: 35%; z-index: 2;}
#index_01 .main{padding: 0 5%;}
.banner .b01{font-size: 38px;}
.banner .b02{font-size: 70px;font-weight: bold;position: relative;padding-top: 20px;padding-bottom: 20px;margin-bottom: 20px;}
.banner .b02:after{content: '';width: 100px; height: 3px; background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;}
.banner .b03{font-size: 28px;line-height: 1.5;}
.banner .b04{font-size: 24px;line-height: 1.5;}
.video{width: 100%; position: absolute;top: 0;left: 0;height: 100%;}
.video video{width: 100%;background: #000;height: 100%;}
.video:before{content: '';background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1;  }
/* about */
.about{width: 50%;position: absolute;left: 50%;top: 13%;box-sizing: border-box;padding:4% 3%;transform: translateX(-20%);}
.about .title{margin-bottom: 20px;}
.about .con p{font-size: 14px;line-height: 2.3;color: #595959;text-indent: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.about .item{display: flex; flex-wrap: nowrap;justify-content: space-between;position: relative;margin-top: 20px;padding-bottom: 30px;}
.about .item dl:last-child{border: none;}
.about .item dl{width: 25%;text-align: center;}
.about .item dl dt span{font-size: 28px;font-family: arial, helvetica,sans-serif!important; color: #e53c1b;}
.about .item dl dt sub{font-size: 13px;color: #e53c1b;text-transform: uppercase;padding: 0 5px;}
.about .item dl dd{font-size: 11px;color: #333;text-transform: uppercase;line-height: 2;}

/* product */
.product .left{width: 100%;position: absolute;top: 8%;transform: translateY(-0%);}
.product .right{width: 100%;position: relative;top: 28%;transform: translateY(-0%);}
.product .right ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.product .right ul li{width: 31%;text-align: center;margin-right: 2%;}
.product .right ul li:nth-child(3n+0){margin-right: 0;}
.product .right ul li img{width: 100%;}
.product .right ul li .title{font-size: 16px;line-height: 3;}

/* partner */
.partner {padding-top: 0% !important;text-align: center;top: 50%;position: relative;transform: translateY(-20%);}
.partner .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.partner .catname h4::after{left: 50%;transform: translateX(-50%);}
.partner ul{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 50px;}
.partner ul li{width: 18%;text-align: center;box-sizing: border-box;margin: 0 1%;margin-bottom: 40px; border: 1px solid #efefef;}
.partner ul li .pic{width: 100%; border: 1px solid #efefef;}

.partner ul li img{width: 100%;cursor: pointer;}
.partner ul li:nth-child(5n+0){margin-right: 0;}
.partner ul li .title{font-size: 16px;line-height: 3;}
.partner a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* news */
.news {padding-top: 0% !important;text-align: center;top: 50%;position: relative;transform: translateY(-20%);}
.news .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.news .catname h4::after{left: 50%;transform: translateX(-50%);}
.news .news_conx{padding-top: 60px;display: none;width: 95%;}
.news .news_con{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 60px;margin-top: 50px;}
.news .news_con .swiper-slide{width: 30%;text-align: center;box-sizing: border-box;margin-bottom: 20px;margin-right: 3.3333333333%;}
.news .news_con .swiper-slide img{width: 100%; border: 1px solid #efefef;}
.news .news_con .swiper-slide .t{font-size: 16px;line-height: 3;}
.news .news_con .swiper-slide .des{font-size: 15px;line-height: 2;}
.news a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* contact */
.contact {padding: 0 2% !important;padding-top: 12% !important;text-align: center;position: relative;}
.contact .left{width:100%;position: relative;text-align: left;padding-top: 5.5%;left: 0%;}
.contact .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.contact .left h1{font-size: 26px;line-height: 2;color: #fff;margin-bottom: 30px;}
.contact .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.contact .left dl dd{font-size: 16px;line-height: 2;}
.contact .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.contact .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.contact .left dl.tel dd{font-size: 24px;font-weight: bold;}
.contact .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.contact .copy{color: #fff;line-height: 3.5;font-size: 14px;margin-top: 30px;position: absolute;bottom: 0;width: 100%;}
.contact .copy a{color: #fff;}
.contact .right{width:100%;padding-top: 2%;}
.contact .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;margin-bottom: 5%;}
.contact .right dl a{color: #fff;}
.contact .right dl dt a{font-size:18px;line-height: 2.5;}
.contact .right dl dd{width: 33.33333333333%;float: left;}
.contact .right dl dd a{font-size: 15px;line-height: 2.5;}
.contact .right dl dd a::before{content: '-';padding-right: 10px;}
}

/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/************************************************************************ iPad 竖 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 481px) and (max-width: 768px) {
.content{padding: 0 4%;}
.content .main{width: 100%;height: 100%;margin: 0 auto;padding: 0 ;box-sizing: border-box; position: relative;}
/* tit */
.catname h3{font-weight: 100;font-size: 40px;color: #e53c1b;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: lighter;line-height: 1;}
.catname h4{font-weight: 100;font-size: 24px;color: #333;text-transform: uppercase;padding-bottom:10px;margin-bottom: 10px;position: relative;}
.catname h4:after{content: '';width: 50px; height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 0;}
.catname p{font-size: 15px;color: #595959;line-height: 2;margin-bottom: 20px;}
.catname a.more{color: #fff;padding:10px 20px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* 滑动指示器类型2 S */
.scroll-indicator{left: 50%;transform: translateX(-50%);bottom: 3%;position: fixed; z-index: 99999;display: none;}
.scroll-indicator-btn{width: 18px;height: 38px;margin: 0 auto 15px auto;border-radius: 15px;border: 2px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll-indicator-btn-c1 {width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;}
.scroll-indicator-text{color: #fff;text-align: center;font-size: 14px;font-weight: bold;}
@-webkit-keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes dh {
    0%{transform: scale(1.3);}
    100%{transform: scale(1);}
}
/* 滑动指示器类型2 E */
/*  */
#index_01{background:transparent; background-size: 100% 100%;position: relative;overflow: hidden;}
#index_02{background: url(../images/index_02.jpg) no-repeat center center; position: relative;}
#index_03{background: url(../images/index_03.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_04{background: url(../images/index_04.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_05{background: url(../images/index_05.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_06{overflow: hidden;}
#index_06 .pictrue {position: absolute;width: 100%;height: 100%;background: url(../images/index_06.jpg) no-repeat center bottom;background-size: cover;}
.img01{animation: dh 10s 1 ;}
.banner{color: #fff;text-align: left;text-transform: uppercase;position: relative;top: 35%; z-index: 2;}
#index_01 .main{padding: 0 5%;}
.banner .b01{font-size: 28px;}
.banner .b02{font-size: 50px;font-weight: bold;position: relative;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;}
.banner .b02:after{content: '';width: 100px; height: 3px; background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;}
.banner .b03{font-size: 22px;line-height: 1.5;}
.banner .b04{font-size: 24px;line-height: 1.5;}
.video{width: 100%; position: absolute;top: 0;left: 0;height: 100%;}
.video video{width: 100%;background: #000;height: 100%;}
.video:before{content: '';background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1;  }
/* about */
.about{width: 50%;position: absolute;left: 50%;top: 22%;box-sizing: border-box;padding: 3%;transform: translateX(-10%);}
.about .title{margin-bottom: 20px;margin-top: 20px;}
.about .title img{width: 50%;}
.about .con p{font-size: 14px;line-height: 2;color: #595959;text-indent: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}
.about .item{display: flex; flex-wrap: wrap;justify-content: space-between;position: relative;margin-top: 20px;}
.about .item dl:last-child{border: none;}
.about .item dl{width: 50%;text-align: center;box-sizing: border-box;margin-bottom: 20px;}
.about .item dl dt span{font-size: 32px;font-family: arial, helvetica,sans-serif!important; color: #e53c1b;}
.about .item dl dt sub{font-size: 13px;color: #e53c1b;text-transform: uppercase;padding: 0 5px;}
.about .item dl dd{font-size: 11px;color: #333;text-transform: uppercase;line-height: 2;}

/* product */
.product .left{width: 100%;position: relative;padding-top: 15% !important;top: 15%;}
.product .left .more{display: none;}
.product .right{width: 100%;position: relative;padding-top:0%;top: 20%;}
.product .right ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.product .right ul li{width: 31%;text-align: center;margin-right: 2%;}
.product .right ul li:nth-child(3n+0){margin-right: 0;}
.product .right ul li img{width: 100%;}
.product .right ul li .title{font-size: 16px;line-height: 3;}

/* partner */
.partner {padding-top: 8% !important;text-align: center;}
.partner .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.partner .catname h4::after{left: 50%;transform: translateX(-50%);}
.partner ul{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 50px;}
.partner ul li{width: 28%;text-align: center;box-sizing: border-box;margin: 0 1%;margin-bottom: 40px; border: 1px solid #efefef;}
.partner ul li .pic{width: 100%; border: 1px solid #efefef;}
.partner ul li img{width: 100%;cursor: pointer;}
.partner ul li:nth-child(3n+0){margin-right: 0;}
.partner ul li .title{font-size: 16px;line-height: 3;}
.partner a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}

/* news */
.news {padding-top: 8% !important;text-align: center;}
.news .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 5%;}
.news .catname h4::after{left: 50%;transform: translateX(-50%);}
.news .news_con{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 60px;display: none;}
.news .news_con .swiper-slide{width: 30%;text-align: center;box-sizing: border-box;margin-bottom: 20px;margin-right: 3.3333333333%;}
.news .news_con .swiper-slide img{width: 100%; border: 1px solid #efefef;}
.news .news_con .swiper-slide .t{font-size: 16px;line-height: 3;}
.news .news_con .swiper-slide .des{font-size: 15px;line-height: 2;}
.news a.more{color: #fff;padding:10px 30px; display: inline-block;background: #e53c1b;font-size: 16px;}
.news .news_conx{padding-top: 60px;display: block;width: 100%;padding-bottom: 30px;}
.news .news_conx .item{width: 44%;text-align: center;box-sizing: border-box;margin-bottom: 20px;float: left;margin: 0 3%;}
.news .news_conx .item img{width: 100%; border: 1px solid #efefef;}
.news .news_conx .item .t{font-size: 16px;line-height: 3;}
.news .news_conx .item .des{font-size: 15px;line-height: 2;}
/* contact */
.contact {padding: 0 2% !important;padding-top: 12% !important;text-align: center;position: relative;}
.contact .left{width:100%;position: relative;text-align: left;padding-top: 3.5%;left: 0%;}
.contact .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.contact .left h1{font-size: 26px;line-height: 2;color: #fff;margin-bottom: 30px;}
.contact .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.contact .left dl dd{font-size: 16px;line-height: 2;}
.contact .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.contact .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.contact .left dl.tel dd{font-size: 24px;font-weight: bold;}
.contact .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.contact .copy{color: #fff;line-height: 3.5;font-size: 14px;margin-top: 30px;position: absolute;bottom: 0;width: 100%;}
.contact .copy a{color: #fff;}
.contact .right{width:100%;padding-top: 2%;}
.contact .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;margin-bottom: 2%;}
.contact .right dl a{color: #fff;}
.contact .right dl dt a{font-size:18px;line-height: 2.5;}
.contact .right dl dd{width: 33.33333333333%;float: left;}
.contact .right dl dd a{font-size: 15px;line-height: 2.5;}
.contact .right dl dd a::before{content: '-';padding-right: 10px;}
}
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
/*************************************************************************** 手机 ********************************************************************************/
/*****************************************************************************************************************************************************************/
/*****************************************************************************************************************************************************************/
@media screen and (min-width: 1px) and (max-width: 480px) {
    #fp-nav.right{right: 0px;}
    .content .main{padding: 0;}
    .c-tools{display: none;}
        /* tit */
.catname{text-align: center;}
.catname h3{font-weight: 100;font-size: 40px;color: #e53c1b;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: lighter;line-height: 1;}
.catname h4{font-weight: 100;font-size: 30px;color:#333;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;padding-bottom:10px;margin-bottom: 10px;position: relative;}
.catname h4:after{content: '';width: 30px; height: 3px;background: #e53c1b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.catname p{font-size: 12px;color: #595959;line-height: 2;margin-bottom: 20px;}
.catname a.more{color: #fff;padding:10px 20px; display: inline-block;background: #e53c1b;font-size: 16px;}
/* 滑动指示器类型2 S */
.scroll-indicator{left: 50%;transform: translateX(-50%);bottom: 3%;position: fixed; z-index: 99999;display: none;}
.scroll-indicator-btn{width: 18px;height: 38px;margin: 0 auto 15px auto;border-radius: 15px;border: 2px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll-indicator-btn-c1 {width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;}
.scroll-indicator-text{color: #fff;text-align: center;font-size: 14px;font-weight: bold;}
@-webkit-keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes intro {
    0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
    100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@-webkit-keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
@keyframes finger {
    0% {opacity: 1}
    100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
}
/* 滑动指示器类型2 E */
/*  */
#index_01{background:transparent; background-size: 100% 100%;position: relative;}
#index_02{background: url(../images/index_02.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_03{background: url(../images/index_03.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_04{background: url(../images/index_04.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_05{background: url(../images/index_05.jpg) no-repeat center center; position: relative;background-size: cover;}
#index_06{overflow: hidden;}
#index_06 .pictrue {position: absolute;width: 100%;height: 100%;background: url(../images/index_06.jpg) no-repeat center bottom;background-size: cover;}

.banner{color: #fff;text-align: left;text-transform: uppercase;position: relative;top: 45%; z-index: 2;}
#index_01 .main{padding: 0 0%;}
.banner .b01{font-size: 18px;}
.banner .b02{font-size: 20px;font-weight: bold;position: relative;padding-top: 20px;padding-bottom: 20px;}
.banner .b02:after{content: '';width: 100px; height: 3px; background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;}
.banner .b03{font-size: 14px;margin-top: 20px;}
.banner .b04{font-size: 14px;line-height: 1.5;}

.video{width: 100%; position: absolute;top: 0;left: 0;height: 100%;}
.video video{width: 100%;height: 100%;background: #000;}
.video:before{content: '';background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 1;  }
/* about */
.about{width: 90%;background-color: #fff;border: 0px solid #ebebeb;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-47%);box-sizing: border-box;padding:5% 3% 14%;}
.about .title{border-bottom: 1px solid #efefef;padding-bottom: 10px;margin-bottom: 10px;}
.about .title img{width: 50%;}
.about .title .fl{width: 100%;text-align: center;}
.about .title .fr{width: 100%;padding-top: 10px;box-sizing: border-box;}
.about .title .fl p strong{font-size: 24px;color: #333;display: block;line-height: 1;}
.about .title .fl p b{font-size: 12px;color: #333;}
.about .title .fr p{font-weight: bold;text-align: center;}
.about .title .fr p:nth-child(1){color:#b61e21;font-size: 18px;line-height: 1.2;}
.about .title .fr p:nth-child(2){color:#666666;font-size: 14px;}
.about .con p{font-size: 15px;line-height: 2.3;color: #595959;text-indent: 30px;text-align: left;}
.about .item{display: flex; flex-wrap: nowrap;justify-content: space-between;position: relative;top: 5%;display: none;padding-bottom: 10px;}
.about .item dl:last-child{border: none;}
.about .item dl{border-right: 1px solid #efefef;width: 25%;text-align: center;}
.about .item dl dt{font-size: 40px;font-family: 'Impact'; color: #e53c1b;}
.about .item dl dt span{font-size: 16px;color: #999999;text-transform: uppercase;padding: 0 5px;}
.about .item dl dd{font-size: 15px;color: #999999;text-transform: uppercase;line-height: 2;}
.about a.more {background: #e53c1b;line-height: 40px;font-size: 15px;padding: 0 45px;color: #fff;display: inline-block;margin-top: 10px;}
/* product */
.product .left{width: 100%;position: relative;margin-top: 0;top: 10%;}
.product .catname {text-align: center;}
.product .catname .more{display: none;}
.product .right{width: 100%;position: relative;top: 10%;}
.product .right ul{display: flex;flex-wrap: wrap; justify-content: flex-start;}
.product .right ul li{width: 49%;text-align: center;margin-right: 2%;}
.product .right ul li:nth-child(2n+0){margin-right: 0 !important;}
.product .right ul li:nth-child(3){margin-right:2%;}
.product .right ul li img{width: 100%;}
.product .right ul li .title{font-size: 16px;line-height: 2;}

/* partner */
.partner {padding-top: 8% !important;text-align: center;}
.partner .catname{text-align: center;margin-top: 60px;}
.partner .catname h4::after{left: 50%;transform: translateX(-50%);}
.partner ul{display: flex;flex-wrap: wrap; justify-content:center;width: 100%;padding-top: 0;}
.partner ul li{width: 49%;text-align: center;box-sizing: border-box;margin: 0 auto;margin-right:2%;margin-bottom: 20px;}
.partner ul li img{width: 100%; border: 0px solid #efefef;}
.partner ul li:nth-child(2n+0){margin-right: 0;}
.partner ul li .title{font-size: 16px;line-height: 3;}
.partner a.more{width: 80%;color: #fff;padding:10px 30px; display: block;background: #e53c1b;font-size: 16px;position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);}
/* news */
.news {padding-top: 15% !important;text-align: center;}
.news .catname{text-align: center; position: relative;left: 50%;transform: translateX(-50%);top: 2%;}
.news .catname h4::after{left: 50%;transform: translateX(-50%);}
.news .news_con{display: flex;flex-wrap: wrap; justify-content:center;padding-top: 2%;display: none;}
.news .news_con .swiper-slide{width: 100%;text-align: center;box-sizing: border-box;margin-bottom: 20px;margin-right: 3.3333333333%;}
.news .news_con .swiper-slide img{width: 100%; border: 1px solid #efefef;}
.news .news_con .swiper-slide .t{font-size: 16px;line-height: 3;}
.news .news_con .swiper-slide .des{font-size: 15px;line-height: 2;}
.news a.more{color: #fff;padding:10px 30px; display: block;background: #e53c1b;font-size: 16px;margin-top: 2%;}
.news .news_conx{padding-top: 30px;display: block;width: 95%;}
.news .news_conx .item{width: 49%;text-align: center;box-sizing: border-box;margin-right: 2%;float: left;margin-bottom: 2%;}
.news .news_conx .item:nth-child(2n+0){margin-right: 0;}
.news .news_conx .item img{width: 100%; border: 1px solid #efefef;}
.news .news_conx .item .t{font-size: 15px;line-height: 2;}
.news .news_conx .item .des{font-size: 15px;line-height: 2;}
/* contact */
.contact {padding: 0 2% !important;padding-top: 12% !important;text-align: center;position: relative;}
.contact .left{width:100%;position: relative;text-align: left;padding-top: 3.5%;left: 0%;}
.contact .left dl{color: #fff;margin: 10px auto;padding-left: 50px;box-sizing: border-box;}
.contact .left h1{font-size: 26px;line-height: 2;color: #fff;margin-bottom: 30px;}
.contact .left dl dt{font-size: 16px;line-height: 2.5; color: #fff;}
.contact .left dl dd{font-size: 16px;line-height: 2;}
.contact .left dl.add{background: url(../images/add.png) no-repeat left 0;}
.contact .left dl.tel{background: url(../images/tel.png) no-repeat left 0;}
.contact .left dl.tel dd{font-size: 24px;font-weight: bold;}
.contact .left dl.email{background: url(../images/email.png) no-repeat left 0;}
.contact .copy{color: #fff;line-height: 3.5;font-size: 14px;margin-top: 30px;position: absolute;bottom: 0;width: 100%;}
.contact .copy a{color: #fff;}
.contact .right{width:100%;padding-top: 2%;display: none;}
.contact .right dl{width: 100%;float: left;text-align: left;box-sizing: border-box;padding-left: 5%;}
.contact .right dl a{color: #fff;}
.contact .right dl dt a{font-size:18px;line-height: 2.5;}
.contact .right dl dd{width: 33.33333333333%;float: left;}
.contact .right dl dd a{font-size: 15px;line-height: 2.5;}
.contact .right dl dd a::before{content: '-';padding-right: 10px;}
}