/*头部*/
.header{border-top: 3px solid #E60012;position: absolute;left: 0;top: 0;width: 100%;height: 70px;background: rgba(0, 0, 0, 0.3);z-index: 99;}
.header .container{box-sizing: border-box;width: 100%;padding: 0 64px;margin: 0 auto;max-width: 1920px;}
.header .logo{display: block;height: 36px;margin-top: 15px;float: left;position: relative;z-index: 10;}
.header .logo img{display: block;height: 36px;}
.header .logo .cb{display: none;}
.header .shares{float: left;margin: 15px 0 0 15px;border-left: 1px solid rgba(255, 255, 255, 0.2);height: 36px;font-size: 12px;line-height: 18px;color: #fff;padding-left: 20px;position: relative;z-index: 10;}
.header .search{display: block;width: 24px;height: 24px;background: url('../images/search.png') no-repeat;background-size: cover;float: right;margin-top: 22px;position: relative;z-index: 10;}
.header .language{float: right;height: 24px;padding-left: 33px;background: url('../images/language.png') no-repeat left center;background-size: 24px 24px;margin: 22px 24px 0 0;position: relative;z-index: 10;}
.header .language a{display: block;font-size: 14px;color: #fff;line-height: 24px;float: left;}
.header .language span{display: block;float: left;margin: 6px 8px;width: 1px;height: 12px;background:#fff;}
.header .nav{position: absolute;width: 100%;left: 0;display: flex;justify-content: center;z-index: 5;}
.header .nav li{float: left;margin-right: 54px;}
.header .nav li:last-child{margin-right: 0;}
.header .nav li .link{display: block;font-size: 16px;color: #fff;line-height: 70px;position: relative;padding-right: 17px;}
.header .nav li.head-more .link::after{content: '';right: 0;width: 7px;height: 4px;background: url('../images/arrowB.png') no-repeat;background-size: cover;top: 35px;position: absolute;}
.header .nav li:last-child .link{padding-right: 0;}
.header .nav li .erify{position: absolute;left: 0;top: 68px;background: #fff;width: 100%;display: none;padding: 40px 0 43px;z-index: 99;border-top: 1px solid #DADADA;}
.header .nav li .erify .sub-main{display: flex;justify-content: center;}
.header .nav li .erify .item{border-right: 1px solid #DADADA;padding-bottom: 40px;padding: 0 68px;}
.header .nav li .erify .item:last-child{border-right: none;}
.header .nav li .erify .item .name{font-size: 18px;color: #333;line-height: 26px;}
.header .nav li .erify .item .name img{display: block;float: left;height: 26px;margin-right: 10px;}
.header .nav li .erify .item .list{margin-top: 15px;}
.header .nav li .erify .item .list .sub-link{display: block;font-size: 15px;color: #666;line-height: 30px;}
.header .nav li .erify .item .list .sub-link:hover{color: #E60012;}
.header .nav li .erify .item .list .sub-list {margin-left: 15px;}
.header .nav li .erify .item .list .sub-list a{display: block; font-size: 13px;line-height: 18px;color: #999;margin-right: 10px;}
.header .nav li .erify .item .list .sub-list a:hover{color: #E60012;}
.header-fixed{position: fixed;}
.head-show{background: #fff;border-bottom: 1px solid #DADADA;}
.header-h{height: 0px;}
.head-show .logo .cb{display: block;}
.head-show .logo .cw{display: none;}
.head-show .shares{color: #333;border-left-color: rgba(140, 140, 140, 0.2);}
.head-show .search{background-image: url('../images/search_r.png');}
.head-show .language{background-image: url('../images/language_r.png');}
.head-show .language a{color: #333;}
.head-show .language span{color:#B7B6B6;}
.head-show .nav li .link{color: #333;}
.head-show .nav li.head-more .link::after{background-image: url('../images/arrowB_b.png');}
.m-header{display: none;}
.head-show .nav li:hover .link .line{position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #E60012;}

.pc_show{display: block;}
.m_show{display: none;}
/*底部*/
.footer{position: relative;z-index: 20;}
.foot-top{height: 54px;padding: 24px 0 22px;background: #E60012;}
.foot-top li{float: left;width: 25%;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.foot-top li:last-child{border-right: none;}
.foot-top li a{display: flex;height: 54px;align-items: center;font-size: 20px;color: #fff;justify-content: center;}
.foot-top li:first-child a{justify-content: flex-start;}
.foot-top li a img{display: block;margin-right: 24px;max-height: 52px;}
.foot-info{background: #222;padding: 74px 0 34px;}
.foot-mid{padding-bottom: 45px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);margin-bottom: 20px;}
.foot-mid .left{float: left;width: 220px;display: none;}
.foot-mid p{font-size: 22px;line-height: 29px;color: #fff;}
.foot-mid .left .txt{font-size: 18px;line-height: 24px;color: #fff;margin-top: 17px;}
.foot-mid .left .link{display: block;font-size: 14px;line-height: 18px;margin-top: 23px;color: #fff;}
.foot-mid .left .link i{width: 11px;height: 9px;background: url('../images/foot_arrow.png') no-repeat;background-size: cover;margin: 4px 0 0 10px;}
.foot-mid .right{float: right;width: 100%;display: flex;justify-content: space-between;}
.foot-mid .right .item:last-child{width: 32%;}
.foot-mid .item ul{margin-top: 18px;}
.foot-mid .item li a{font-size: 16px;line-height: 28px;color: #B5B5B5;}
.foot-mid .item li:hover a{color: #fff;}
.foot-mid .item .txt{font-size: 16px;line-height: 28px;color: #B5B5B5;margin-top: 18px;}
.foot-mid .item .online-link{display: block;width: 150px;height: 36px;border:2px solid #E60012;background: #fff;font-size: 14px;color: #E60012;line-height: 36px;text-align: center;margin-top: 10px;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 20px;}
.foot-mid .item .online-link:hover{background: #E60012;color: #fff;}
.foot-mid .item .m-online{display: none;}
.foot-bot{height: 17px;}
.foot-bot .info{float: left;font-size: 13px;line-height: 17px;color: #fff;}
.foot-bot .info a{color: #fff;}
.foot-bot .info a:hover{text-decoration: underline;}
.foot-bot .link{display: block;float: right;font-size: 13px;color: #fff;position: relative;display: none;}
.foot-bot .link i{display: block;float: right;width: 11px;height: 12px;background: url('../images/foot_link.png') no-repeat;background-size: cover;margin-left: 12px;position: relative;top: 4px;}
.backTotop{display: block;width: 48px;height: 48px;border-radius: 4px;background: url('../images/backtotop.png') no-repeat center center rgba(230,0,18,0.8);background-size: 18px 18px;position: fixed;right: 20px;bottom: 30%;z-index: 99;display: none;}
.foot-bot .share{/*border-top: 1px solid #3A3A3A;*//*margin-top: 30px;padding-top: 26px;*/float: right;}
.foot-bot .share p{float: left;margin-right: 22px;font-size: 18px;line-height: 20px;opacity:1;color: #fff;}
.foot-bot .share a{display: block;float: left;width: 20px;height: 20px;background: url('../images/foot_share.png') no-repeat;background-size: 20px 40px;margin-right: 18px;position: relative;}
.foot-bot .share .erify{position: absolute;left: 50%;bottom: 28px;width: 140px;box-sizing: border-box;padding: 10px;margin-left: -70px;z-index: 20;background: #fff;display: none;}
.foot-bot .share .erify::after{content: '';width:0; height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position: absolute;left: 50%;bottom: -6px;margin-left: -6px;}
.foot-bot .share .erify img{display: block;width: 100%;}
.foot-bot .share .taobao{background-position: 0 -20px;}
.sales-pop{position: fixed;width: 100%;height: 100%;z-index: 1001;display: none;left: 0;top: 0;}
.sales-pop-layer{position: relative;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.sales-pop-main{position: absolute;width: 4.8rem;height: 4.8rem;background: #fff;padding: .4rem;box-sizing: border-box;margin: -2.4rem 0 0 -2.4rem;left: 50%;top: 50%;z-index: 10;}
.sales-pop-main img{display: block;width: 100%;}
.sales-pop-main .close{display: block;width: .3rem;height: .3rem;background: url('../images/video_close.png') no-repeat;background-size: cover; position: absolute;right: -.3rem;top: -.3rem;}

/*首页*/
.swiper-banner{position: fixed;left: 0;top: 0;width: 100%;height: 767px;z-index: 1;}
.swiper-banner a,
.swiper-banner .imgBg{display: block;width: 100%;height: 767px;}
.banner-height{height: 767px;}
.ind-pro{padding: 77px 0 98px;}
.ind-pro .title{font-size: 30px;line-height: 40px;color: #333;}
.ind-pro .list{margin-top: 26px;}
.ind-pro .item{float: left;width: 25%;}
.ind-pro .item:nth-child(2){float: right;}
.ind-pro .item a{display: block;width: 100%;height: 292px;background: #F3F3F3;margin-bottom: 16px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
.ind-pro .item .img{display: flex;padding: 30px 20px 6px;height: 180px;justify-content: center;align-items: center;}
.ind-pro .item .img img{display: block;max-width: 100%;max-height: 124px;}
.ind-pro .item p{font-size: 18px;color: #333;line-height: 24px;text-align: center;}
.ind-pro .item a:hover{background: #E60012;box-shadow: 0px 0px 25px rgba(230, 0, 18, 0.2);}
.ind-pro .item a:hover p{color: #fff;}
.ind-pro .mid{width: 50%;box-sizing: border-box;padding: 0 15px;float: left;}
.swiper-newpro{height: 600px;background: #F3F3F3;}
.swiper-newpro a{display: block;}
.swiper-newpro .img{display: flex;padding: 80px 30px 60px;height: 246px;align-items: center;justify-content: center;}
.swiper-newpro .img img{display: block;max-height: 246px;max-width: 100%;}
.swiper-newpro .main{text-align: center;padding: 0 30px;}
.swiper-newpro .main .tips{font-size: 18px;color: #E60012;line-height: 24px;}
.swiper-newpro .main .name{font-size: 22px;line-height: 29px;color: #333;margin-top: 8px;}
.swiper-newpro .main p{font-size: 20px;line-height: 25px;color: #666;margin-top: 12px;}
.swiper-newpro .swiper-pagination{bottom: 40px;}
/* .swiper-newpro .swiper-pagination .swiper-pagination-bullet{box-sizing: border-box;border:1px solid #999;background: #fff;opacity: 1;}
.swiper-newpro .swiper-pagination .swiper-pagination-bullet-active{border-color: #E60012;} */


.swiper-newpro .swiper-pagination .swiper-pagination-bullet{box-sizing: border-box;border:1px solid #999;background: #fff;opacity: 1;}
.swiper-newpro .swiper-pagination .swiper-pagination-bullet-active{border-color: #333;}
.swiper-newpro:hover {background: #E60012;}
.swiper-newpro:hover .main .tips,
.swiper-newpro:hover .main .name,
.swiper-newpro:hover .main p{color: #fff;}
.swiper-newpro:hover .swiper-pagination .swiper-pagination-bullet-active{border-color: #333;background: #333;}


.ind-app{position: relative;height: 780px;}
.bg-list .imgBg{height: 780px;display: none;}
.ind-app .main{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;}
.ind-app .main .content{margin: 0 auto;box-sizing: border-box;padding: 115px 100px 0;position: relative;height: 780px; max-width: 1920px;}
.ind-app .main .title{font-size: 30px;line-height: 40px;color: #fff;}
.ind-app .main .info{font-size: 20px;line-height: 32px;color: #fff;max-width: 650px;margin-top: 24px;display: none;}
.ind-app .main .info:first-child{display: block;}
.ind-app .main .list{position: absolute;left: 100px;bottom: 87px;width: calc(100% - 200px);}
.ind-app .main .list li{width: calc(25% - 30px);margin-right: 40px;float: left;box-sizing: border-box;height: 200px;background: #fff;padding: 15px 24px 0;position: relative;cursor: pointer;border-radius: 4px;margin-top: 74px;}
.ind-app .main .list li:last-child{margin-right: 0;}
.ind-app .main .list li .name{font-size: 22px;color: #333;line-height: 28px;}
.ind-app .main .list li .name img{display: block;float: left;height: 28px;margin-right: 10px;}
.ind-app .main .list li .name .hover-show{display: none;}

.ind-app .main .list li i{display: block;width: 40px;height: 40px;float: left;margin-right: 10px;background: url('../images/app_icon.png') no-repeat;}
.ind-app .main .list li .icon2{background-position: 0 -40px;}
.ind-app .main .list li .icon3{background-position: 0 -80px;}
.ind-app .main .list li .icon4{background-position: 0 -120px;}
.ind-app .main .list li .txt{font-size:16px;line-height: 22px;color: #fff;margin: 15px 0 26px;display: none;}
.ind-app .main .list li .links{margin-top: 18px;}
.ind-app .main .list li a{display: block;float: left;margin-right: 20px;font-size: 14px;line-height: 20px;color: #666;border-bottom: 2px solid #666;padding-bottom: 6px;}
.ind-app .main .list li::after{content: '';width: 20px;height: 20px;background: url('../images/app_arrow.png') no-repeat;background-size: 20px 40px;position: absolute;right: 30px;bottom: 30px;}
.ind-app .main .list li:hover{height: 274px;background: #E60012;margin-top: 0;}
.ind-app .main .list li:hover .name{color: #fff;}
.ind-app .main .list li:hover .txt:first-child{display: block;}
.ind-app .main .list li:hover a{color: #fff;border-color: #fff;}
.ind-app .main .list li:hover i{background-image: url('../images/app_h_icon.png');}
.ind-app .main .list li:hover::after{background-position: 0 -20px;}
.ind-app .main .list li:hover .hover-hidden{display: none;}
.ind-app .main .list li:hover .hover-show{display: block;}

.ind-news{padding: 104px 0 114px;background: #FAFAFA;}
.ind-news .title{font-size: 30px;line-height: 40px;color: #333;}
.ind-news .left{width: 52.46%;float: left;}
.ind-news .left .list{margin-top: 33px;display: flex;justify-content: space-between;}
.ind-news .left .list a{display: block;width: calc(50% - 12px);}
.ind-news .left .list .pic{overflow: hidden;height: 200px;border-radius: 4px 4px 0 0;}
.ind-news .left .list .imgBg{height: 200px;}
.ind-news .left .list .main{background: #eee;border-radius: 0 0 4px 4px;box-sizing: border-box;height: 210px;padding: 25px 29px 0;}
.ind-news .left .list .main .tips{width: 144px;height: 36px;text-align: center;line-height: 28px;font-size: 14px;color: #fff;background: url('../images/news_tips.png') no-repeat;}
.ind-news .left .list .main .txt{font-size: 18px;line-height: 24px;color: #333;margin-top: 16px;text-align: justify;}
.ind-news .left .list .main .time{font-size: 18px;line-height: 21px;color: #999;margin-top: 36px;}
.ind-news .left .more{display: block;margin-top: 30px;width: 175px;height: 46px;box-sizing: border-box;font-size: 14px;line-height: 46px;color: #fff;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 100px;padding-left: 22px;}
.ind-news .left .more .icon{float: left;display: block;width: 22px;height: 22px;background: url('../images/news_icon.png') no-repeat;background-size: cover;margin: 12px 10px 0 0;}
.ind-news .left .list a:hover .main .txt{color: #E60012;}
.ind-news .left .list a:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}

.ind-news .right{width: 42.39%;float: right;}
.ind-news .right .list{margin-top: 33px;}
.ind-news .right .list li{margin-bottom: 18px;padding-left: 0;}
.ind-news .right .list a{display: block;}
.ind-news .right .list .time{font-size: 14px;line-height: 18px;color: #999;margin-top: 8px;}
.ind-news .right .list .name{font-size: 18px;line-height: 30px;color: #333;}
.ind-news .right .list li:hover{padding-left: 10px;}
.ind-news .right .list li:hover .name{color: #E60012;}
.ind-about{height: 766px;background: url('../img/about_bg.jpg') no-repeat center center;background-size: cover;}
.ind-about .container{padding-top: 130px;}
.ind-about .left{padding-top: 9px;float: left;width: 53%;}
.ind-about .left h4{font-size: 30px;line-height: 40px;color: #333;}
.ind-about .left h4 a{color: #333;}
.ind-about .left .line{width: 120px;height: 6px;background: #E60012;margin: 18px 0 29px;}
.ind-about .left .found{font-size: 26px;line-height: 48px;color: #333;}
.ind-about .left .txt{font-size: 18px;line-height: 32px;color: #333;}
.ind-about .left .v-player{display: block;width: 125px;height: 46px;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 23px;margin-top: 36px;box-sizing: border-box;padding-left: 22px;font-size: 14px;color: #fff;line-height: 46px;}
.ind-about .left .v-player i{display: block;width: 22px;height: 22px;background: url('../images/v_player.png') no-repeat;background-size: 100%;float: left;margin: 12px 7px 0 0;}
.ind-about .right{float: right;width: 40%;}
.ind-about .right .item{margin-bottom: 26px;}
.ind-about .right .num{font-size: 50px;line-height: 70px;color: #E60012;font-weight: bold;}
.ind-about .right p{font-size: 18px;color: #666;line-height: 26px;}

/*公司简介*/
.about-banner{height: 600px;background: url('../img/about_banner.jpg') no-repeat center center;position: relative;background-size: cover;position: fixed;left: 0;top: 0;width: 100%;z-index: 1;}
.about-banner .container{padding-top: 250px;}
.about-banner .txt{font-size: 42px;line-height: 56px;color: #fff;font-weight: 200;}
.about-banner p{font-size: 26px;color: #fff;line-height: 44px;font-weight: 200;}
.about-banner .canvas{position: absolute;left: 0;bottom: 0;width: 100%;height: 228px;}
.about-nav{border-bottom: 1px solid #E8E8E8;height: 100px;position: relative;z-index: 10;background: #fff;}
.about-nav ul{display: flex;justify-content: space-between;}
.about-nav li{box-sizing: border-box;height: 101px;line-height: 100px;}
.about-nav li a{display: block;font-size: 22px;color: #333;line-height: 100px;height: 101px;box-sizing: border-box;}
.about-nav li:hover a{color: #E60012;}
.about-nav li.on a{color: #E60012;border-bottom: 4px solid #E60012;}
.company-top{padding: 92px 0 138px;}
.data-list{display: flex;justify-content: space-between;}
.data-list .item{width: 24%;}
.data-list .item .num{font-size: 28px;line-height: 78px;font-weight: bold;font-family: Century Gothic;color: #E60012;}
.data-list .item .num sup{font-size: 50px;line-height: 61px;font-weight: bold;position: relative;top: -8px;}
.data-list .item p{font-size: 18px;line-height: 28px;color: #666;}
.company-top .main{margin-top: 142px;}
.company-top .profile{float: left;width: 56%;}
.company-top .profile .title{font-size: 26px;line-height: 56px;font-weight: bold;color: #333;}
.swiper-company{height: 334px;padding-right: 30px;position: relative;overflow: hidden;margin-top: 30px;}
.swiper-company .swiper-slide{font-size: 18px;line-height: 30px;color: #666;height: auto;}
.swiper-company .swiper-slide p{margin-bottom: 15px;}
.swiper-company .swiper-slide p:last-child{margin-bottom: 0;}
.company-top .video{float: right;width: 40.6%;box-sizing: border-box;border-left: 9px solid #E60012;height: 408px;position: relative;margin-right: -60px;}
.company-top .video .v-player{display: block;width: 99px;height: 93px;background:url('../images/a_player.png') no-repeat center center #E60012;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);border-radius: 20px;position: absolute;left: 50%;top: 50%;margin: -46px 0 0 -49px;}
.company-culture{height: 720px;box-sizing: border-box;padding-top: 130px;background: url('../img/culture_bg.jpg') no-repeat center center;}
.company-culture .title{font-size: 34px;line-height: 45px;color: #333;text-align: center;}
.company-culture .list{display: flex;justify-content: space-between;margin-top: 65px;}
.company-culture .list .item{text-align: center;width: 310px;}
.company-culture .list .item .img{width: 110px;height: 110px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background: #fff;margin: 0 auto;}
.company-culture .list .item .name{font-size: 26px;color: #333;line-height: 36px;margin-top: 20px;}
.company-culture .list .item .line{width: 50px;height: 6px;background: #E60012;margin: 20px auto 30px;}
.company-culture .list .item .txt{font-size: 18px;line-height: 28px;color: #333;}

.about-height{height: 600px;}
.topScroll-main{position: relative;z-index: 10;background: #fff;}

/*研发历程*/
.history{padding: 96px 0 152px;}
.history h4{font-size: 34px;line-height: 45px;color: #333;text-align: center;}
.history .info{font-size: 20px;color: #666;line-height: 26px;margin-top: 12px;text-align: center;}
.history .num{font-size: 100px;color: #E60012;font-weight: bold;line-height: 123px;font-family: Century Gothic;text-align: center;margin-top: 17px;}
.history .found{font-size: 26px;line-height: 34px;color: #333;text-align: center;margin-top: 11px;}
.history .list{position: relative;z-index: 10;background: url('../images/history_line.png') repeat-y center center;margin-top: 23px;padding: 80px 0;}
.history .list .pic{float: left;width: 50%;}
.history .list .swiper-history{width: 350px;height: 260px;background: linear-gradient(150.48deg, #F4F4F4 -4.39%, rgba(220, 220, 220, 0.43) 122.9%), #F5F5F5;
border-radius: 8px;float: right;margin-right: 50px;opacity: 0;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;}
.history .list .swiper-history .swiper-slide{overflow: hidden;}
.history .list .swiper-history .img{display: flex;padding: 10px;height: 140px;align-items: center;justify-content: center;margin-top: 18px;}
.history .list .swiper-history .img img{display: block;max-width: 100%;max-height: 140px;}
.history .list .swiper-history .name{font-size: 22px;color: #666;line-height: 27px;margin-top: 6px;text-align: center;}
.swiper-history .swiper-pagination{bottom: 20px;display: flex;align-items: center;justify-content: center;}
.swiper-history .swiper-pagination .swiper-pagination-bullet{display: block; box-sizing: border-box;border:1px solid #E60012;background: #E60012;opacity: 1;}
.swiper-history .swiper-pagination .swiper-pagination-bullet-active{border-color: #E60012;background:none;width: 12px;height: 12px;}
.history .list .moveLeft{-webkit-transform: translateX(-100px);transform: translateX(-100px);}
.history .list .moveRight{-webkit-transform: translateX(100px);transform: translateX(100px);}
.history .list .history-pic{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}

.history .list .main{float: right;width: 50%;margin-top: 60px;}
.history .list .item{margin-bottom: 33px;}
.history .list .item:nth-child(2n) .pic{float: right;}
.history .list .item:nth-child(2n) .swiper-history{float: left;margin: 0 0 0 50px;}
.history .list .item:nth-child(2n) .main{float: left;text-align: right;}
.history .list .year{font-size: 50px;line-height: 66px;padding-left: 40px;position: relative;color: #333;font-family: Century Gothic;font-weight: bold;cursor: pointer;}
.history .list .year::after{content: '';width: 16px;height: 16px;position: absolute;left: -8px;top: 25px;background: #E60012;border-radius: 50%;}
.history .list .txt{font-size: 16px;line-height: 30px;color: #666;margin-left: 40px;}
.history .list .txt span{margin-right: 5px;font-size: 30px;line-height: 36px;}
.history .list .item:nth-child(2n) .year{padding-right: 40px;}
.history .list .item:nth-child(2n) .year::after{left: auto;right: -8px;}
.history .list .item:nth-child(2n) .txt{margin-right: 40px;margin-left: 0;}
.history .list .item:nth-child(2n) .txt span{margin: 0 0 0 5px;}

/*荣誉专利*/
.honor{padding: 70px 0 100px;}
.honor-top .title{font-size: 34px;line-height: 47px;float: left;color: #333;}
.honor-nav{float: right;}
.honor-nav li{float: left;margin-left: 20px;}
.honor-nav li a{display: block;font-size: 16px;line-height: 47px;text-align: center;width: 128px;border-radius: 24px;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);background: #333;color: #fff;}
.honor-nav li.on a{background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);}
.honor .txt{font-size: 17px;line-height: 34px;color: #333;margin-top: 25px;}
.honor-list{margin-top: 40px;}
.honor-list li{float: left;width: 22.9%;margin: 0 2.8% 30px 0;box-sizing: border-box;padding: 8px 8px 10px;border-bottom: 2px solid #E60012;background: #F2F2F2;}
.honor-list li:nth-child(4n){margin-right: 0;}
.honor-list li .img{display: flex;justify-content: center;align-items: center;height: 196px;margin-bottom: 18px;}
.honor-list li .img img{display: block;max-height: 196px;max-width: 100%;}
.honor-list li p{font-size: 18px;color: #666;line-height: 24px;text-align: center; height: 48px;display: flex;align-items: center;justify-content: center;}

/*合作伙伴*/
.partner{padding: 53px 0 222px;}
.partner .title{font-size: 34px;line-height: 45px;color: #333;margin-bottom: 35px;}
.partner-list li{float: left;box-sizing: border-box;width: 18.4%;margin: 0 2% 18px 0;border: 1px solid #E7E7E7;height: 110px;padding: 9px;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.partner-list li:nth-child(5n){margin-right: 0;}
.partner-list li img{display: block;max-width: 100%;max-height: 90px;}

/*联系我们*/
.contact{padding: 58px 0 200px;}
.contact .title{font-size: 34px;line-height: 45px;color: #333;}
.contact .map{width: 100%;display: block;margin-top: 34px;}
.contact .map img{display:block;width: 100%;}
.contact-list{margin-top: 34px;}
.contact-list .item{border-bottom: 1px solid #DADADA;padding-bottom: 30px;margin-bottom: 42px;}
.contact-list .item:last-child{margin-bottom: 0;border-bottom: none;}
.contact-list .item .sub-title{font-size: 30px;color: #333;line-height: 40px;}
.contact-list .item .sub-title a{display: block;width: 154px;height: 57px;box-sizing: border-box;padding-left: 25px;font-size: 16px;color: #fff;line-height: 57px;border-radius: 28px;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);background: #E60012;float: right;}
.contact-list .item .sub-title a i{display: block;float: left;width: 26px;height: 26px;background: url('../images/ask_icon.png') no-repeat;background-size: 100%;margin: 16px 9px 0 0;}
.contact-list .item h5{font-size: 30px;color: #333;line-height: 40px;}
.contact-list .item ul{margin-top: 30px;}
.contact-list .item li{float: left;font-size: 18px;color: #666;line-height: 50px;margin-right: 196px;}
.contact-list .item li:nth-child(2n){margin-right: 0;}
.contact-list .item li a{color: #666;}
.contact-list .item li.long{width: 100%;margin-right: 0;}
.contact-list .item li i{display: block;width: 26px;height: 26px;background: url('../images/contact_icon.png') no-repeat;background-size: 26px 104px;float: left;margin: 12px 20px 0 0;}
.contact-list .item li .icon2{background-position: 0 -26px;}
.contact-list .item li .icon3{background-position: 0 -52px;}
.contact-list .item li .icon4{background-position: 0 -78px;}
.contact-list .item li a:hover{color: #E60012;}

/*新闻中心*/
.news-main{padding-bottom:143px;}
.news-banner{height: 600px;background-position: center center;background-size: cover;width: 100%;position: fixed;left: 0;top: 0;z-index: 1;}
.news-height{height: 600px;}
.news-banner .container{padding-top: 176px;}
.swiper-news{padding-bottom: 34px;}
.swiper-news a{display: block;width: 100%;}
.swiper-news .main{float: left;width: 45.6%;}
.swiper-news .main .title{font-size: 32px;line-height: 43px;color: #fff;font-weight: 200;}
.swiper-news .main .txt{font-size: 20px;line-height: 34px;font-weight: 200;color: #fff;margin-top: 18px;}
.swiper-news .main .more{box-sizing: border-box;width: 176px;height: 56px;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 100px;font-size: 16px;color: #fff;line-height: 56px;padding-left: 38px;margin-top: 45px;}
.swiper-news .main .more span{display:block;float:left;font-size: 28px;margin-right: 10px;line-height: 50px;}
.swiper-news .pic{width: 31.28%;height: 264px;border-radius: 8px;float: right;}
.swiper-news .swiper-pagination{bottom: 0;width: 31.28%;left: 68.72%;display: flex;height: 16px;align-items: center;justify-content: center;}
.swiper-news .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0 8px;box-sizing: border-box;}
.swiper-news .swiper-pagination-bullet-active{width: 12px;height: 12px;border:2px solid #fff;background: none;}
.swiper-news .swiper-button-next,
.swiper-news .swiper-button-prev{display: block;width: 28px;height: 25px;background: url('../images/sw_prev.png') no-repeat;background-size: 100%;top: auto;bottom: 0;left: 68.72%;}
.swiper-news .swiper-button-next{background-image: url('../images/sw_next.png');left: auto;right: 0;}
.news-nav{border-bottom: 1px solid #E8E8E8;height: 100px;}
.news-nav ul{float: left;}
.news-nav li{float: left;margin-right: 130px;}
.news-nav li:last-child{margin-right: 0;}
.news-nav li a{display: block;font-size: 20px;color: #333;line-height: 100px;height: 101px;box-sizing: border-box;}
.news-nav li:hover a{color: #E60012;}
.news-nav li.on a{color: #E60012;border-bottom: 4px solid #E60012;}
.news-search{float: right;width: 518px;border-left: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;height: 100px;position: relative;}
.news-search .text{display: block;float: left;box-sizing: border-box;width: calc(100% - 60px);height: 100px;padding:0 30px;font-size: 18px;color: #BEBEBE;border:none;}
.news-search .text::-webkit-input-placeholder{color:#BEBEBE;}
.news-search .text:-moz-placeholder {color:#BEBEBE;opacity:1;}
.news-search .text::-moz-placeholder {color:#BEBEBE;opacity:1;}
.news-search .text:-ms-input-placeholder {color:#BEBEBE;}
.news-search .text::-ms-input-placeholder {color:#BEBEBE;}
.news-search .btn{display: block;width: 28px;height: 28px;background: url('../images/search_r.png') no-repeat;background-size: 100%;float: right;margin: 37px 30px 0 0;border:none;}

.search-history{position: absolute;left: 0;top: 100px;background:#fff;width: 100%;max-height: 180px;overflow-y: scroll;box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);display: none;opacity: 0;transform:translateY(40px);}
.search-history a{display: block;font-size: 16px;color: #666;line-height: 36px;padding: 0 30px;}
.search-history a:hover{color: #E60012;}

.news-list{padding: 70px 0 30px;}
.news-list li{float: left;width: 31.16%;margin: 0 3.26% 30px 0;}
.news-list li:nth-child(3n){margin-right: 0;}
.news-list li a{display: block;background: #fff;overflow: hidden;border-radius: 4px;box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);}
.news-list li .pic{height: 246px;overflow: hidden;}
.news-list li .imgBg{height: 246px;}
.news-list li .main{padding: 30px 35px;}
.news-list li .main .title{font-size: 20px;line-height: 29px;height: 58px;color: #333;overflow: hidden;}
.news-list li .main .txt{font-size: 18px;line-height: 24px;color: #666;margin-top: 25px;}
.news-list li .main .time{font-size: 16px;line-height: 21px;color: #999;margin-top: 54px;}
.news-list li:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.news-list li:hover .main .title{color: #E60012;}
.load-more{display: block;width: 176px;height: 56px;font-size: 16px;color: #fff;line-height: 56px;border-radius: 28px;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);margin: 0 auto;box-sizing: border-box;padding-left: 36px;}
.load-more i{display: block;width: 22px;height: 22px;background: url('../images/load_more.png') no-repeat;background-size: 100%;margin: 18px 14px 0 0;float: left;}
.load-more:hover i{animation: rotate 3s linear infinite;}

@keyframes rotate{
	0%{
		transform: rotateZ(0deg);/*从0度开始*/
	}
	100%{
		transform: rotateZ(360deg);/*360度结束*/
	}
}

/*新闻详情*/
.newsDet{padding:90px 0 120px;}
.newsDet .title{font-size: 34px;line-height: 45px;color: #333;}
.newsDet .time{font-size: 18px;color: #999;line-height: 32px;margin-top: 10px;}
.newsDet .content{font-size: 16px;line-height: 28px;color: #666;margin-top: 30px;}
.newsDet .content img{display: block;max-width: 100%;margin: 20px 0;}
.newsDet .content p{margin-bottom: 20px;}
.newsDet .backList{display: block;width: 186px;height: 56px;box-sizing: border-box;padding-left: 32px;font-size: 16px;color: #fff;line-height: 56px;border-radius: 28px;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);margin-top: 10px;}
.newsDet .backList i{display: block;width: 23px;height: 20px;background: url('../images/backlist_icon.png') no-repeat;background-size: 100%;float: left;margin: 18px 13px 0 0;}
.news-page{margin-top: 40px;}
.news-page a{display: block;font-size: 16px;line-height: 28px;color: #333;}
.news-page a:hover{color: #E60012;}

/*加入晶华*/
.join-banner{height: 480px;background: url('../img/join_banner.jpg') no-repeat center center;background-size: cover;width: 100%;position: fixed;left: 0;top: 0;z-index: 1;}
.join-height{height: 480px;}
.join-banner .container{padding-top: 180px;}
.join-banner h4{font-size: 42px;line-height: 56px;font-weight: 200;color: #fff;}
.join-banner p{font-size: 26px;color: #fff;line-height: 44px;font-weight: 200;}
.online{padding: 86px 0 93px;}
.online .title{font-size: 34px;line-height: 45px;color: #333;}
.online-list{margin: 23px 0 66px;}
.online-list li .top{padding: 0 20px;border-bottom: 1px solid #D8D8D8;cursor: pointer;}
.online-list li .top div{float: left;font-size: 16px;line-height: 69px;color: #666;width: 170px;}
.online-list li .top .name{color: #333;width: 266px;box-sizing: border-box;padding-right: 10px;font-size: 18px;}
.online-list li .top .address{width: 400px;}
.online-list li .top .arrow{display: block;width: 20px;height: 20px;background: url('../images/online_add.png') no-repeat;background-size: 20px 40px;margin-top: 27px;float: right;}
.online-list li.show .top{background: #E60012;border-color: #E60012;}
.online-list li.show .top div{color: #fff;}
.online-list li.show .top .arrow{background-position: 0 -20px;}
.online-list .upload{height: 56px;position: relative;display: flex;}
.online-list .upload input{display: block;width:176px;height: 100%;position: absolute;opacity: 0;cursor: pointer;}
.online-list .upload .btn{width: 176px;height: 56px;font-size: 16px;line-height: 56px;box-sizing: border-box;padding-left: 32px;color: #fff;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 28px;cursor: pointer;}
.online-list .upload .btn i{display: block;width: 28px;height: 22px;background: url('../images/upload_icon.png') no-repeat;background-size: 100%;float: left;margin: 18px 8px 0 0;}
.online-list .upload .file-name{font-size: 16px;line-height: 56px;margin-left: 20px;color: #E60012;}
.online-list li .erify{display: none;background: #f3f3f3;padding: 35px 50px 69px 286px;}
.online-list li .erify .item{margin-bottom: 22px;font-size: 16px;line-height: 36px;color: #666;}
.online-list li .erify .item .name{color: #333;}
.league{background: #F3F3F3;padding: 74px 0 120px;}
.league .title{font-size: 34px;line-height: 45px;color: #333;}
.swiper-league{margin-top: 20px;padding-bottom: 64px;}
.swiper-league .swiper-slide{cursor: pointer;}
.swiper-league .pic{height: 226px;overflow: hidden;}
.swiper-league .imgBg{height: 226px;}
.swiper-league .name{font-size: 18px;color: #333;line-height: 24px;margin-top: 20px;}
.swiper-league .swiper-slide:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.swiper-league .swiper-slide:hover .name{color: #E60012;}
.swiper-league .swiper-pagination{bottom: 8px;display: flex;height: 16px;align-items: center;justify-content: center;}
.swiper-league .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 1;margin: 0 8px;box-sizing: border-box;border:1px solid #999;}
.swiper-league .swiper-pagination-bullet-active{width: 12px;height: 12px;}
.swiper-league .swiper-button-next,
.swiper-league .swiper-button-prev{display: block;width: 28px;height: 25px;background: url('../images/sw_n_prev.png') no-repeat;background-size: 100%;top: auto;bottom: 0;left:0;cursor: pointer;z-index: 10;}
.swiper-league .swiper-button-next{background-image: url('../images/sw_n_next.png');left: auto;right: 0;}
.swiper-league .swiper-button-prev:hover{background-image: url('../images/sw_prev.png');}
.swiper-league .swiper-button-next:hover{background-image: url('../images/sw_next.png');}

.resume-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;display: none;}
.resume-pop-main{position: absolute;left: 50%;top: 50%;width: 382px;height: 230px;box-sizing: border-box;border:2px solid #E60012;background: #fff;margin: -115px 0 0 -196px;border-radius: 6px;padding: 18px 22px 0;}
.resume-pop-main .close{position: absolute;right: 12px;top: 12px;width: 12px;height: 12px;background: url('../images/resume_close.png') no-repeat;background-size: 100%;}
.resume-pop-main .close:hover{transform:rotate(180deg);-webkie-transform:rotate(180deg);}
.resume-pop-main .title{font-size: 16px;color: #5A6977;line-height: 21px;margin-bottom: 10px;}
.resume-pop-main .item{margin-bottom: 10px;position: relative;}
.resume-pop-main .file-name{background: url('../images/file_icon.png') no-repeat right 10px center #F0F0F0;border-radius: 4px;box-sizing: border-box;padding: 0 30px 0 23px;font-size: 14px;color: #666;line-height: 46px;}
.resume-pop-main .file{opacity: 0;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
.resume-pop-main .text{display: block;box-sizing: border-box;float: left;width: 198px;height: 46px;border:none;background: #F0F0F0;border-radius: 4px;font-size: 14px;color: #BCBCBC;padding: 0 23px;}
.resume-pop-main img{display: block;float: right;width: 130px;border-radius: 4px;}
.resume-pop-main .item-bot{padding-top: 10px;}
.resume-pop-main .btn{display: block;width: 90px;height: 36px;border:none;border-radius: 4px;font-size: 12px;color: #fff;background: #E60012;}

.active-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;display: none;background: rgba(0, 0, 0, 0.8);}
.active-pop-main{position: absolute;left: 50%;top: 50%;background: #fff;width: 1120px;height: 840px;margin: -420px 0 0 -560px;}
.active-pop-main .close{display: block;width: 20px;height: 20px;background: url('../images/video_close.png') no-repeat;background-size: 100%;position: absolute;right: -30px;top: 0;}
.active-pop-main .close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.swiper-active{width: 100%;height: 100%;}
.swiper-active .img img{display: block;width: 100%;height: 840px;}

.loadEmail-pop{display: none;position: fixed;left: 50%;top: 50%;transform:translate(-50%,-50%);animation:zoomIn 0.3s linear;box-sizing: border-box;width: 400px;height: 140px;background: #fff;box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.06);padding: 20px 30px 0;z-index: 1001;}
.loadEmail-pop .close{display: block;width: 20px;height: 20px;position: absolute;right: 10px;top: 10px;background: url('../images/close.png') no-repeat;background-size: 100%;}
.loadEmail-pop .close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.loadEmail-pop .txt{font-size: 18px;color: #666;line-height: 28px;text-align: center;}
.loadEmail-pop .warp{margin: 20px auto 0;display: flex;justify-content: space-between;}
.loadEmail-pop .warp .yourEmail{display: block;width: calc(100% - 100px);height: 40px;box-sizing: border-box;border:1px solid #C4C4C4;padding: 0 20px;font-size:14px;color: #C4C4C4;}
.loadEmail-pop .warp .btn{display: block;width: 80px;height: 40px;box-sizing: border-box;border:none;background: #E60012;font-size: 14px;color: #fff;}

/*资料下载*/
.service-banner{height: 480px;background-position: center center;background-repeat: no-repeat;background-size: cover;width: 100%;position: fixed;left: 0;top: 0;z-index: 1;}
.service-height{height: 480px;}
.service-banner .container{padding-top: 179px;}
.service-banner h4{font-size: 42px;line-height: 56px;color: #333;font-weight: 200;}	
.service-banner p{font-size: 26px;line-height: 44px;color: #333;font-weight: 200;}
.service-nav{height: 98px;border-bottom: 1px solid #E8E8E8;background: #fff;position: relative;z-index: 10;}
.service-nav ul{display: flex;justify-content: space-between;}
.service-nav li{float: left;}
.service-nav li a{display: block;box-sizing: border-box;height: 99px;line-height: 94px;font-size: 22px;color: #333;padding: 0 65px;}
.service-nav li:hover a{color: #E60012;}
.service-nav li.on a{color: #E60012;border-bottom: 5px solid #E60012;}
.download{background: #f3f3f3;padding: 65px 0 130px;}
.download-search{position: relative;z-index: 10;}
.download-search .left{float: left;width: 52.9%;position: relative;z-index: 10;}
.download-search .right{width: 44.9%;float: right;}
.download-search .title{font-size: 28px;line-height: 48px;}
.download-search .main{background: #fff;height: 60px;margin-top: 20px;position: relative;}
.download-search .main .select{width: calc(50% - 40px);box-sizing: border-box;height: 60px;position: relative;float: left;}
.download-search .main .select p{font-size: 18px;color: #666;line-height: 60px;padding: 0 15px;cursor: pointer;}
.download-search .main .select p::after{content: '';position: absolute;right: 15px;top: 29px;width: 15px;height: 8px;background: url('../images/arrowB_d.png') no-repeat;}
.download-search .main .select:first-child::after{content: '';position: absolute;right: 0;top: 15px;width: 1px;height: 30px;background: #E2E2E2;}
.download-search .main .select ul{position: absolute;left: 0;top: 60px;width: 100%;background: #fff;z-index: 20;max-height: 240px;overflow-y: scroll;display: none;}
.download-search .main .select li{font-size: 18px;color: #888;line-height: 48px;padding: 0 18px;cursor: pointer;}
.download-search .main .select li:hover{color: #E60012;}
.download-search .main .text{display: block;width: calc(100% - 60px);height: 60px;box-sizing: border-box;border:none;padding: 0 15px;font-size: 18px;color: #666;float: left;}
.download-search .main .btn{display: block;width: 60px;height: 60px;background: url('../images/search.png') no-repeat center center #E60012;background-size: 22px 22px;border:none;float: right;}
.result-list{margin-top: 46px;}
.result-list .title{font-size: 26px;color: #333;line-height: 44px;}
.result-list ul{margin-top: 13px;}
.result-list ul li{margin-bottom: 1px;height: 60px;background: #fff;}
.result-list ul li .name{float: left;width: calc(100% - 460px);box-sizing: border-box;padding-left: 30px;font-size: 18px;color: #666;line-height: 60px;}
.result-list ul li a{display: block;float: right;margin-left: 75px;font-size: 16px;color: #666;line-height: 60px;}
.result-list ul li a:last-child{margin-left: 0;}
.result-list ul li a:nth-child(2){margin-right: 35px;}
.result-list ul li a:hover{color: #E60012;}
.result-list ul li a i{display: block;float: left;width: 16px;height: 16px;float: left;background: url('../images/load_icon.png') no-repeat;background-size: 16px 48px;margin: 22px 9px 0 0;}
.result-list ul li .load i{background-position: 0 -16px;}
.result-list ul li .email i{background-position: 0 -32px;}

.result-list ul li.code{width: 18.4%;float: left;margin: 0 2% 30px 0;height: auto;padding-bottom: 10px;}
.result-list ul li.code:nth-child(5n){margin-right: 0;}
.result-list ul li .pic{padding: 10px;height: }
.result-list ul li .pic img{display: block;max-width: 100%;margin: 0 auto;}
.result-list ul li .app-name{font-size: 16px;text-align: center;line-height: 26px;margin-top: 5px;}

.load-links{padding: 98px 0 120px;}
.load-links li{float: left;width: calc(25% - 30px);margin-right: 40px;}
.load-links li:last-child{margin-right: 0;}
.load-links li a{display: block;}
.load-links li .img{background: #f2f2f2;display: flex;box-sizing: border-box;padding: 31px 0 32px;height: 123px;align-items: center;justify-content: center;}
.load-links li .img img{display: block;max-height: 60px;max-width: 100%;}
.load-links li p{font-size: 20px;color: #666;text-align: center;line-height: 26px;margin-top: 16px;padding-bottom: 24px;border-bottom: 2px solid #E60012;}
.result-list .load-more{margin-top: 50px;}

.service-history{position: absolute;left: 0;top: 60px;background:#fff;width: 100%;max-height: 180px;overflow-y: scroll;box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);display: none;opacity: 0;transform:translateY(40px);}
.service-history a{display: block;font-size: 16px;color: #666;line-height: 36px;padding: 0 30px;}
.service-history a:hover{color: #E60012;}
.service-show{opacity: 1;display: block;transform:translateY(0px);}

/*视频专区*/
.video{background: #f3f3f3;padding: 70px 0 110px;}
.video-nav li{float: left;width: calc(25% - 6px);margin-right: 8px;height: 60px;position: relative;}
.video-nav li:last-child{margin-right: 0;}
.video-nav li a{display: block;box-sizing: border-box;padding-left: 23px;background: #fff;font-size: 18px;color: #333;height: 60px;line-height: 60px;}
.video-nav li i{display: block;width: 24px;height: 24px;background: url('../images/video_icon.png') no-repeat;background-size: 24px 96px;float: left;margin: 18px 13px 0 0;}
.video-nav li .icon2{background-position: 0 -24px;}
.video-nav li .icon3{background-position: 0 -48px;}
.video-nav li .icon4{background-position: 0 -72px;}
.video-nav li .icon5{background-position: 0 -96px;}
.video-nav li:hover a,
.video-nav li.on a{background:#E60012;color: #fff;}
.video-nav li.on::after{content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -11px;width:0; height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:10px solid #E60012;}
.video-nav li:hover i,
.video-nav li.on i{background-image: url('../images/video_h_icon.png');}
.load-nav{margin-bottom: 60px;}
.load-nav li{width: calc(20% - 4px);margin-right: 5px;}
.load-nav li i{background: url('../images/load_nav.png') no-repeat;background-size: 24px 120px;}
.load-nav li:hover i,
.load-nav li.on i{background-image: url('../images/load_h_nav.png');}

.video-en-nav li a{display: flex;justify-content: space-between;align-items: center;}
.video-en-nav li i{margin: 0 13px 0 0;}
.video-en-nav li p{width: calc(100% - 37px);line-height: 20px;}

.video-list{margin-top: 42px;padding-bottom: 38px;}
.video-list li{float: left;width: 22.9%;margin: 0 2.8% 30px 0;}
.video-list li:nth-child(4n){margin-right: 0;}
.video-list li .pic{height: 210px;position: relative;overflow: hidden;}
.video-list li .pic i{display: block;width: 52px;height: 49px;background: url('../images/a_player.png') no-repeat center center #E60012;background-size: 26px 26px; box-shadow: 0px 4px 8px rgba(230, 0, 18, 0.2);border-radius: 10px;position: absolute;left: 50%;top: 50%;margin: -25px 0 0 -26px;}
.video-list li .imgBg{height: 210px;}
.video-list li .name{font-size: 18px;color: #666;line-height: 24px;margin-top: 15px;}
.video-list li:hover .imgBg{transform:scale(1.1);-webkit-transform:scale(1.1); -moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.video-list li:hover .name{color: #E60012;}
.media-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 99;display: none;}
.media-pop-main{position: absolute;left: 50%;top: 50%;width: 900px;height: 506px;background: #000;margin: -253px 0 0 -450px;}
.media-pop-main .close{display: block;width: 30px;height: 30px;background: url('../images/video_close.png') no-repeat;position: absolute;right: -50px;top: 0;}
.media-pop-main .close:hover{transform:rotate(180deg);}
.media-pop-main .media video{display: block;width: 100%;height: 506px;}

.app-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 99;display: none;}
.app-pop-layer{position: relative;width: 100%;height: 100%;}
.app-pop-main{background: #fff;width: 330px;height: 360px;box-sizing: border-box;padding: 30px 25px 0;box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.06);border-radius: 10px;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.app-pop-main .title{font-size: 20px;color: #333;line-height: 26px;text-align: center;}
.app-pop-main .img{border-top: 1px solid #EBEBEB;margin-top: 20px;padding-top: 20px;}
.app-pop-main .img img{display: block;width: 200px;margin: 0 auto;}
.app-pop-main p{font-size: 16px;color: #666;text-align: center;line-height: 22px;margin-top: 10px;}


/*常见问题*/
.problem{background: #F3F3F3;padding: 50px 0 140px;}
.problem-list{padding-bottom: 53px;}
.problem-list li{border-bottom: 1px solid #D8D8D8;}
.problem-list li .top{font-size: 17px;color: #333;line-height: 67px;position: relative;padding-left: 33px;cursor: pointer;}
.problem-list li .top::before{content: 'Q：';position: absolute;left: 0;top: 0;font-size: 18px;line-height: 67px;color: #333;}
.problem-list li .erify{display: none;font-size: 17px;color: #333;line-height: 28px;position: relative;padding-left: 33px;margin-bottom: 20px;}
.problem-list li .erify::before{content: 'A：';position: absolute;left: 0;top: 0;font-size: 18px;line-height: 28px;color: #333;}
.problem-list li .erify p{margin-bottom: 15px;}
.problem-list li .erify p:last-child{margin-bottom: 0;}
.problem-list li.show .top{color: #E60012;}
.problem-list li.show .top::before{color: #E60012;}

/*样片申请和购买*/
.apply{background: #f3f3f3;padding: 60px 0 82px;}
.apply .info{font-size: 16px;color: #333;line-height: 24px;position: relative;}
.apply .info .taobao{display: block;position: absolute;right: 0;top: 20px;width: 36px;height: 36px;background: url('../images/taobao.png') no-repeat;background-size: 100%;}

.apply-main{margin-top: 20px;}
.apply-main .item{float: left;width: calc(25% - 6px);margin: 0 8px 8px 0;height: 60px;background: #fff;}
.apply-main .item:nth-child(4n){margin-right: 0;}
.apply-main .item .name{font-size: 14px;line-height: 60px;padding-left: 15px;color: #666;float: left;}
.apply-main .item .text{display: block;float: right;width: calc(100% - 185px);box-sizing: border-box;font-size: 15px;color: #666;border:none;height: 60px;}
.apply-main .item .select{width: calc(100% - 185px);height: 60px;position: relative;z-index: 10;float: right;}
.apply-main .item .select p{font-size: 12px;color: #666;height: 60px;line-height: 60px;cursor: pointer;}
.apply-main .item .select p::after{content: '';position: absolute;right: 20px;top: 26px;background: url('../images/arrowB_d.png') no-repeat;width: 14px;height: 8px;}
.apply-main .item .select ul{position: absolute;left: 0;top: 60px;background: #fff;z-index: 20;width: 100%;padding: 10px 0;display: none;}
.apply-main .item .select li{font-size: 12px;color: #888;line-height: 36px;text-align: center;cursor: pointer;}
.apply-main .item .select li:hover{color: #E60012;}
.apply-main .item-bot{padding-top: 52px;}
.apply-main .item-bot .btn{display: block;width: 176px;height: 56px;border-radius: 28px;background:url('../images/apply_icon.png') no-repeat 42px center #E60012; background-size: 25px 25px;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border:none;box-sizing: border-box;padding-left: 32px;font-size: 16px;color: #fff;margin:0 auto;}

/*应用案例*/
.case{background: url('../img/case_bg.jpg') no-repeat center center;background-size: cover;padding: 220px 0 153px;}
.case .container{box-sizing: border-box;padding: 0 100px;width: 100%;max-width: 1920px;margin: 0 auto;}
.case .title{font-size: 48px;line-height: 64px;color: #333;font-weight: 200;}
.case .info{font-size: 26px;line-height: 44px;color: #333;font-weight: 200;}
.case .list{margin-top: 24px;}
.case .list .item{width: 23.8%;float: left;margin: 0 1.6% 30px 0;}
.case .list .item:nth-child(4n){margin-right: 0;}
.case .list .item .pic{height: 280px;overflow: hidden;}
.case .list .item .imgBg{height: 280px;}
.case .list .item .name{font-size: 26px;line-height: 34px;color: #333;margin-top: 17px;}
.case .list .item .links{margin-top: 17px;display: flex;flex-wrap: wrap;}
.case .list .item .links a{display: block;font-size: 16px;line-height: 24px;padding-bottom: 9px;border-bottom: 1px solid #333;margin-right: 36px;color: #333;margin-bottom: 5px;}
.case .list .item .links a:last-child{margin-right: 0;}
.case .list .item .links a:hover{color: #E60012;border-color: #E60012;}

/*案例列表*/
.case-banner{height: 500px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: fixed;width: 100%;left: 0;top: 0;z-index: 1;}
.case-banner .container{padding-top: 189px;}
.case-height{height: 500px;}
.website{position: relative;z-index: 10;display: flex;}
.website span,
.website a{display: block;font-size: 16px;line-height: 30px;color: #fff;margin-right: 10px;}
.website .home{width: 18px;height: 30x;background: url('../images/home_icon.png') no-repeat center center;background-size: 18px 18px;}
.website .select{position: relative;z-index: 10;margin-right: 10px;}
.website .select p{padding-right: 20px;font-size: 16px;color: #fff;line-height: 30px;cursor: pointer;}
.website .select p::after{content: '';position: absolute;right: 0;top: 12px;width: 10px;height: 6px;background: url('../images/arrowB_w.png') no-repeat;background-size: 100%;}
.website .select ul{position: absolute;left: -10px;top: 30px;background: #fff;width: 128px;z-index: 20;padding: 10px 0;border-radius: 2px;display: none;}
.website .select li{padding: 0 10px;}
.website .select li a{margin-right: 0;font-size: 14px;color: #333;}
.website .select li:hover a{color: #E60012;}
.case-banner .main .title{font-size: 34px;color: #fff;line-height: 45px;font-weight: 200;}
.case-banner .main .txt{font-size: 20px;line-height: 34px;color: #fff;font-weight: 200;max-width: 600px;margin-top: 22px;}
.case-nav{border-bottom: 1px solid #E8E8E8;height: 100px;}
.case-nav li{float: left;margin-right: 160px;}
.case-nav li:last-child{margin-right: 0;}
.case-nav li a{display: block;height: 101px;box-sizing: border-box;line-height: 96px;font-size: 22px;color: #333;padding: 0 50px;}
.case-nav li:hover a{color: #E60012;}
.case-nav li.on a{color: #E60012;border-bottom: 5px solid #E60012;}
.summary{padding: 80px 0 85px;}
.summary .main{float: left;width: 67.68%;margin-top: 16px;}
.summary .main .title{font-size: 34px;color: #333;line-height: 54px;font-weight: 200;}
.summary .main .txt{font-size: 20px;line-height: 36px;color: #333;margin-top: 30px;font-weight: 200;}
.summary .main .load{margin-top: 24px;}
.summary .main .load a{display: flex;margin-bottom: 20px;}
.summary .main .load .item{display: flex;align-items: center; border-top: 3px solid #E60012;border-bottom: 3px solid #E60012;font-size: 18px;color: #333;line-height: 32px;height: 70px;}
.summary .main .load .item i{display: block;width: 34px;height: 34px;background: url('../images/pdf_icon.png') no-repeat;background-size: 100%;margin-right: 12px;}
.swiper-case{float: right;width: 25.6%;padding-bottom: 25px;}
.swiper-case .swiper-slide .img{display: flex;height: 353px;box-sizing: border-box;padding: 20px;align-items: center;justify-content: center;}
.swiper-case .swiper-slide .img img{display: block;max-width: 100%;max-height: 313px;}
.swiper-case .swiper-pagination{height: 8px;display: flex;justify-content: center;bottom: 0;}
.swiper-case .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;box-sizing: border-box;display: block;border:1px solid #999;background: #fff;opacity: 1;margin: 0 6px;}
.swiper-case .swiper-pagination .swiper-pagination-bullet-active{border-color: #E60012;}
.advantage .main{display: flex;width: 40%;height: 500px;justify-content: center;flex-direction: column;margin-left: 60%;}
.advantage .txt{font-size: 20px;line-height: 36px;color: #666;margin-top: 20px;}
.advantage .txt p{position: relative;padding-left: 15px;font-weight: 200;}
.advantage .txt p::before{content: '●';position: absolute;left: 0;top: 0;font-size: 12px;color: #666;line-height: 36px;}

.trait{padding: 98px 0 107px;}
.advantage .title,
.trait .title,
.picture .title,
.case-pro .title{font-size: 34px;color: #333;line-height: 54px;font-weight: 200;}
.adv-list{margin-top: 12px;}
.adv-list .sub-title{font-size: 24px;line-height: 44px;color: #333;font-weight: 200;}
.adv-list li{display: flex;width: calc(50% - 50px);margin-right: 100px;height: 68px;align-items: center;border-bottom: 1px solid #D8D8D8;float: left;}
.adv-list li p{padding-left: 30px;font-size: 20px;line-height: 28px;color: #333;position: relative;}
.adv-list li p::before{content: '';box-sizing: border-box;width: 10px;height: 10px;border-radius: 50%;border:1px solid #8C8C8C;position: absolute;left: 0;top: 9px;}
.adv-list li:nth-child(2n){margin-right: 0;}
.trait .adv-list li p{font-size: 17px;font-weight: 200;}
.picture{background: #f9f9f9;padding: 83px 0 66px;}
.picture .img{margin-top: 25px;}
.picture .img img{display: block;max-width: 100%;max-height: 530px;}
.case-pro{padding: 97px 0 100px;}
.case-pro .list{margin-top: 33px;}
.case-pro .list li{float: left;width: 18.58%;margin: 0 1.775% 30px 0;}
.case-pro .list li:last-child{margin-right: 0;}
.case-pro .list li a{display: block;background: linear-gradient(150.48deg, #F3F3F3 -4.39%, #DCDCDC 122.9%), #F5F5F5;border-radius: 8px;padding: 36px 0 26px; overflow: hidden;}
.case-pro .list li .img{display: flex;padding:0 30px;height:112px;align-items: center;justify-content: center;}
.case-pro .list li .img img{display: block;max-width: 100%;max-height: 112px;}
.case-pro .list li .name{text-align: center;font-size: 18px;line-height: 22px;color: #333;margin-top: 26px;}
.case-pro .list li:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}
.case-pro .list li:hover .name{color: #E60012;}
.case-aside{position: fixed;left: 50%;margin-left: 720px;bottom: 100px;z-index: 999;}
.case-aside a{display: block;width: 93px;height: 84px;background: #333;border-radius: 8px;margin-top: 10px;overflow: hidden;}
.case-aside i{display: block;width: 28px;height: 28px;background: url('../images/case_aside.png') no-repeat;background-size: 28px 56px;margin: 16px auto 7px;}
.case-aside .icon2{background-position: 0 -28px;}
.case-aside a p{font-size: 13px;line-height: 18px;color: #fff;text-align: center;}
.case-aside a:hover{background: #E60012;}

.classify-aside{position: fixed;left: -300px;top: 0;width: 300px;height: 100%;border-left: 4px solid #E60012;box-sizing: border-box;background:rgba(255,255,255,0.9);z-index: 1001;}
.classify-show{left: 0;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);}
.classify-aside .scroll-wrap{position: relative;}
.classify-aside .scroll-list{height: 100%;overflow: hidden;}
.classify-aside .ft-title{font-size: 18px;line-height: 70px;border-bottom: 1px solid #E7E7E7;color: #333;padding-left: 34px;font-weight: bold;}
.classify-aside .list{padding: 12px 0;border-bottom: 1px solid #E7E7E7;}
.classify-aside .item:last-child .list{border-bottom: none;}
.classify-aside .sub-title{font-size: 16px;line-height: 42px;padding-left: 34px;}
.classify-aside .sub-title a{color: #666;display: block;}
.classify-aside .sub-title a:hover{color: #E60012;}
.move-btn{position: absolute;right: -74px;top: 50%;margin-top: -55px;width: 74px;height: 110px;background:#E60012;box-shadow: 0px 4px 20px rgba(230, 0, 18, 0.2);border-radius: 0px 8px 8px 0px;box-sizing: border-box;padding: 15px 10px 0;cursor: pointer;}
.move-btn i{display: block;width: 26px;height: 26px;background: url('../images/move1_icon.png') no-repeat;background-size: 100%;margin:0 auto;}
.move-btn .icon2{background-image: url('../images/move2_icon.png');}
.move-btn p{font-size: 14px;color: #fff;line-height: 18px;margin-top: 8px;text-align: center;}


/*产品中心*/
.product-banner{height: 600px;background-repeat: no-repeat;background-position: center center;background-size: cover;position: fixed;left: 0;top: 0;width: 100%;z-index: 1;}
.product-height{height: 600px;}
.product-banner .container{padding-top: 178px;}
.product-banner .website a,
.product-banner .website span{color: #333;}
.product-banner .website .select p{color: #333;}
.product-banner .website .home{background-image: url('../images/home_b_icon.png');}
.product-banner .website .select ul{width: 158px;}
.product-banner .website .select p::after{background-image: url('../images/arrowB_bw.png');}
.product-banner .warp{float: left;width: 43.48%;margin-top: 40px;}
.product-banner .warp .title{font-size: 34px;color: #333;line-height: 45px;font-weight: 200;}
.product-banner .warp .txt{font-size: 20px;line-height: 34px;margin-top: 20px;font-weight: 200;color: #333;}
.swiper-pro{float: right;width: 45.42%;padding-bottom: 54px;}
.swiper-pro a{display: block;background: rgba(255, 255, 255, 0.8);border-radius: 8px;padding: 43px 0 34px;}
.swiper-pro .img{display: flex;justify-content: center;align-items: center;padding:0 30px 20px;height: 140px;}
.swiper-pro .img img{display: block;max-width: 100%;max-height: 140px;}
.swiper-pro .name{font-size: 20px;color: #333;line-height: 27px;font-weight: 200;text-align: center;}
.swiper-pro p{font-size: 18px;line-height: 22px;margin-top: 8px;color: #666;font-weight: bold;text-align: center;}
.swiper-pro .swiper-button-prev,
.swiper-pro .swiper-button-next{width: 28px;height: 25px;background: url('../images/sw_p_prev.png') no-repeat;background-size: 100%;top: auto;bottom: 0;margin: 0;left: 0;}
.swiper-pro .swiper-button-next{left: auto;right: 0;background-image: url('../images/sw_p_next.png');}
.swiper-pro .swiper-button-prev:hover{background-image: url('../images/sw_prev.png');}
.swiper-pro .swiper-button-next:hover{background-image: url('../images/sw_next.png');}
.swiper-pro .swiper-pagination{height: 12px;display: flex;justify-content: center;align-items: center;}
.swiper-pro .swiper-pagination-bullet{display: block;box-sizing: border-box;width: 8px;height: 8px;opacity: 1;border:1px solid #A5A5A5;background: #fff;margin: 0 8px;}
.swiper-pro .swiper-pagination-bullet-active{width: 12px;height: 12px;border-width: 2px;}

.product-tofix{position: relative;height: 80px;}
.product-tofix .tofix{position: absolute;left: 0;top: 0;}
.product-nav{background: linear-gradient(270deg, #B6B6B6 14.69%, #727171 97.19%), #727272;height: 80px;width: 100%;left: 0;top: 0;position: absolute;}
.swiper-proNav .swiper-slide{width: auto;}
.swiper-proNav .swiper-slide a{display: block;height: 80px;box-sizing: border-box;line-height: 76px;font-size: 20px;color: #fff;}
.swiper-proNav .swiper-slide a:hover{color: #E60012;}
.swiper-proNav .swiper-slide a.on{border-bottom: 4px solid #E60012;}
.product-fixed{position: fixed;z-index: 90;}
.to-fixMove .product-fixed{top: 73px;}
.product-info{border-bottom: 1px solid #E8E8E8;/* background: url('../img/proInfo_bg.jpg') no-repeat center center;background-size: cover; */}
.product-info .container{padding: 68px 0 76px;}
.product-info .txt{font-size: 22px;line-height: 35px;color: #333;}
.product-main{padding: 62px 0 170px;}
.product-main h5{font-size: 18px;color: #666;line-height: 24px;}
.product-search{margin-top: 20px;position: relative;z-index: 10;}
.product-search .left{float: left;width: 48%;position: relative;border:1px solid #E3E3E3;box-sizing: border-box;}
.product-search .left .text{width: 100%;height: 63px;box-sizing: border-box;padding: 0 22px;font-size: 16px;color: #BEBEBE;border:none;}
.product-search .left .btn{position: absolute;right: 30px;top:20px;width: 26px;height: 26px;border:none;background: url('../images/search_r.png') no-repeat;background-size: 100%;}

.pro-histoty{position: absolute;left: 0;top: 62px;background:#fff;width: 100%;max-height: 180px;overflow-y: scroll;box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);display: none;opacity: 0;transform:translateY(40px);}
.pro-histoty a{display: block;font-size: 16px;color: #666;line-height: 36px;padding: 0 30px;}
.pro-histoty a:hover{color: #E60012;}
.history-show{display: block;opacity: 1;transform: translateY(0px);}

.product-search .right{float: right;margin-top: 15px;}
.product-search .right span,
.product-search .right a{display: block;float: left;font-size: 16px;color: #666;position: relative;line-height: 32px;}
.product-search .right a{margin-right: 0;margin: 0 30px;}
.product-search .right a::after{content: '';width: 1px;height: 16px;right: -30px;top: 8px;background: #C4C4C4;position: absolute;}
.product-search .right a:last-child{padding-right: 0;}
.product-search .right a:last-child::after{display: none;}
.product-search .right a:nth-child(2){margin-left: 15px;}
.product-search .right a:hover{color: #E60012;border-bottom: 3px solid #E60012;}
.product-list{margin-top: 42px;position: relative;}
.product-list .look-more{position: absolute;left: -113px;top: 0;display: block;width: 93px;height: 84px;background: #E60012;border-radius: 8px;/* filter: drop-shadow(0px 4px 20px rgba(230, 0, 18, 0.2)); */font-size: 13px;line-height: 17px;text-align: center;color: #fff;overflow: hidden;}
.product-list .look-more i{display: block;width: 32px;height: 32px;margin: 8px auto 5px;background: url('../images/parameter_icon.png') no-repeat;background-size: 100%;}

.pro-scroll{width: 100%;overflow: hidden;}
.scroll-x{overflow-x: scroll;}
.scroll-y{overflow-y: scroll;height: 567px;}
.product-top{position: relative;z-index: 10;}
.product-top .item{float: left;position: relative;}
.product-top .item-first{z-index: 10;}
.product-top .item p{box-sizing: border-box;border-right: 2px solid #fff;width:100%;background: #D50111;height: 44px;border-radius: 8px 8px 0 0;line-height: 44px;padding-left: 30px;font-size: 14px;color: #fff;font-weight: bold;}
.product-warp li{margin-top: 2px;}
.product-warp li .item{float: left;}
.product-warp li .item a{display: block;padding-left: 30px;font-size: 14px;line-height: 44px;height: 44px;color: #690008;background: #F4D6D8;width: 100%;box-sizing: border-box;border-right: 2px solid #fff;}
.product-warp li .item p{box-sizing: border-box;padding-left: 30px;font-size: 14px;line-height: 44px;height: 44px;color: #333;background: #ECECEC;width: 100%;border-right: 2px solid #fff;}


/* .product-list .list li{margin-top: 2px;}
.product-list .list li .item{float: left; box-sizing: border-box;border-right: 2px solid #fff;width:16.6666%; height: 60px;background: #ECECEC;line-height: 60px;font-size: 16px;color: #333;box-sizing: border-box;padding-left: 30px;flex: 1;}
.product-list .list li .item:last-child{border-right: none;}
.product-list .list li .item:first-child{background: #F4D6D8;color: #690008;}
.product-warp .left{width: 228px;float: left;}
.product-warp .left .pronew-top{background: #D50111;height: 44px;line-height: 44px;box-sizing: border-box;padding-left: 30px;position: relative;font-size: 14px;font-weight: bold;color: #fff;border-radius: 8px 8px 0 0;}
.product-warp .left .item{display: block;width: 100%;height: 44px;background:#F4D6D8;margin-top: 2px;font-size: 14px;color: #690008;line-height: 44px;box-sizing: border-box;padding-left: 30px;}
.product-warp .right{width: calc(100% - 230px);float: right;overflow-x: scroll;padding-bottom: 15px;}
.product-warp .top-item{position: relative;z-index: 10;}
.product-warp .top-item .step{float: left; background: #D50111;width: 300px;height: 44px;line-height: 44px;box-sizing: border-box;padding-left: 30px;position: relative;font-size: 14px;font-weight: bold;color: #fff;border-radius: 8px 8px 0 0;border-right: 2px solid #fff;cursor: pointer;}
.product-warp .top-item .step::after{content: '';width: 14px;height: 8px;background: url('../images/arrowB_pw.png') no-repeat;background-size: 100%;position: absolute;right: 17px;top: 26px;opacity: 0.5;display: none;}
.product-warp .top-item .step ul{position: absolute;left: 0;top: 60px;width: 100%;background: #D50111;display: none;}
.product-warp .top-item .step li{padding-left: 30px;font-size: 14px;color: #fff;line-height: 52px;cursor: pointer;border-top: 1px solid rgba(255,255,255,0.3);}


.pronew-list{width: 1500px;}
.product-warp .item .step{float: left;background: #ECECEC;width: 300px;height: 44px;line-height: 44px;box-sizing: border-box;border-right: 2px solid #fff;font-size: 14px;color: #333;padding-left: 30px;margin-top: 2px;overflow: hidden;}
 */


/*产品详情*/
.proDet-body .header{border-bottom: 1px solid #E8E8E8;}
.productDet .product-banner{height: 500px;background-image: url('../img/productDet_banner.jpg');position: relative;}
.productDet .title{font-size: 30px;color: #333;line-height: 48px;font-weight: 200;}
.productDet .product-banner .main .img{display: flex;float: left;width: 240px;height: 240px;align-items: center;justify-content: center;}
.productDet .product-banner .main .img img{display: block;max-width: 100%;max-height: 240px;}
.productDet .product-banner .main .info{float: left;margin-left: 72px;width: calc(100% - 552px);}
.productDet .product-banner .main .info .name{font-size: 40px;line-height: 49px;font-weight: bold;color: #333;margin-top: 20px;}
.productDet .product-banner .main .info .list{margin-top: 24px;}
.productDet .product-banner .main .info .list .item{float: left;width: 20%;font-size: 16px;box-sizing: border-box; line-height: 24px;color: #666;line-height: 24px;border-right: 1px solid #DCDCDC;height: 68px;position: relative;z-index: 5;cursor: pointer;padding: 0 10px;}
.productDet .product-banner .main .info .list .item:first-child{padding-left: 0;}
.productDet .product-banner .main .info .list .item:nth-child(5n){border-right: none;}

.productDet .product-banner .main .info .list .item .erify{display: none; position: absolute;left: 0;top: 24px;width: 100%;background: #fff;box-sizing: border-box;padding:15px 10px;font-size: 16px;color: #666;line-height: 24px;word-break: break-all;}
.productDet .product-banner .main .info .list .item-show{z-index: 10;}

.productDet .product-banner .main .file{display: block;box-sizing: border-box;width: 220px;height: 90px;background: linear-gradient(94.47deg, #E20012 0.47%, #CA0211 104.65%);border-radius: 0px 8px 8px 0px;float: right;margin-top: 80px;overflow:hidden;}
.productDet .product-banner .main .file i{float: left;width: 70px;height: 86px;background: url('../images/pdf_icon.png') no-repeat center center #fff;background-size: 44px 44px;margin: 2px 0 0 2px;}
.productDet .product-banner .main .file .name{float: left;padding-left: 20px;color: #fff;font-size: 14px;line-height: 18px;margin-top: 18px;}
.productDet .product-banner .main .file .name strong{display: block;font-size: 20px;line-height: 23px;}

.productDet-nav{background: linear-gradient(270deg, #B6B6B6 14.69%, #727171 97.19%), #727272;height: 80px;width: 100%;}
.productDet-nav li{float: left;margin-right: 70px;}
.productDet-nav li a{display: block;box-sizing: border-box;line-height: 76px;height: 80px;font-size: 20px;color: #fff;padding: 0 15px;}
.productDet-nav li.on a{border-bottom: 6px solid #E60012;}
.anchor{left: 0;top: -80px;position: absolute;}

.productDet-fixed{position: fixed;left: 0;top: 0;z-index: 100;}
.product-profile{padding: 72px 0 80px;position: relative;}
.product-profile .txt{font-size: 18px;line-height: 36px;color: #333;margin-top: 27px;}
.product-trait{background: #F9F9F9;padding: 73px 0 121px;position: relative;}
.product-trait .list{margin-top: 10px;}
.product-trait .adv-list li{height: 68px;}
.product-trait .adv-list li p{font-size: 17px;}
.product-diagram{padding: 87px 0 95px;position: relative;}
.product-diagram .img{margin-top: 27px;height: 350px;position: relative;width: 50%;display: flex;align-items: center;justify-content: center;}
.product-diagram .img img{display: block;max-height: 350px;max-width: 100%;}
.product-diagram .img a{display: none;position: absolute;left: 50%;top: 50%;margin: -28px 0 0 -98px;box-sizing: border-box;width: 196px;height: 56px;background: #E60012;border-radius: 28px;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);font-size: 16px;color: #fff;line-height: 56px;padding-left: 30px;}
.product-diagram .img a i{display: block;float: left;width: 22px;height: 22px;background: url('../images/search.png') no-repeat;background-size: 100%;margin: 17px 11px 0 0;}
.product-diagram .img:hover a{display: block;}
.product-field{background: #F9F9F9;padding: 53px 0 47px;position: relative;}
.product-field .list{display: flex;flex-wrap: wrap;margin-top: 13px;}
.product-field .list .item{display: flex;align-items: center;margin: 0 52px 30px 0;height: 42px;font-size: 22px;color: #666;}
.product-field .list .item i{display: block;width: 30px;height: 42px;background: url('../images/field_icon.png') no-repeat;background-size: 100%;margin-right: 15px;}
.product-field .list .item img{display: block;height: 42px;float: left;margin-right: 15px;}
.product-field .list .item a{display: block;padding-right: 20px;background: url('../images/field_arrow.png') no-repeat right 16px; background-size: 10px 10px;font-size: 22px;color: #666;text-decoration: underline;}
.product-material{padding: 69px 0 68px;position: relative;}
.product-material .list{margin-top: 24px;}
.product-material .list a{display: flex;width: 18%;height:67px;margin: 0 2.5% 30px 0;background: linear-gradient(94.47deg, #E20012 0.47%, #CA0211 104.65%);border-radius: 0px 8px 8px 0px;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 2px;float: left;}
.product-material .list a i{display: block;width: 70px;height: 63px;background: url('../images/pdf_icon.png') no-repeat center center #fff;background-size: 30px 30px;margin-right: ;}
.product-material .list p{width: calc(100% - 95px);margin-right: 10px;font-size: 14px;line-height: 18px;color: #fff;}

.product-forum{background: #F9F9F9;padding: 62px 0 75px;position: relative;}
.product-forum .list{margin-top: 28px;display: flex;}
.product-forum .list a{display: flex;position: relative;padding-right: 145px;height: 50px;/*border-right: 2px solid #C4C4C4;*/align-items: center;font-size: 18px;color: #333;}
.product-forum .list a:last-child{padding-right: 0;border:none;margin-left: 127px;display: none;}
.product-forum .list i{display: block;width: 50px;height: 50px;background: url('../images/forum_icon.png') no-repeat;background-size: 50px 100px;margin-right: 20px;}
.product-forum .list .icon2{background-position: 0 -50px;}
.product-forum .list p{font-size: 28px;margin-right: 16px;}
.case-aside .apply-btn{height: 100px;}
.case-aside .icon3{background-image: url('../images/search.png');background-size: 28px 28px;}

.nofile .product-forum{background: #fff;}
.nofile .case-pro{background: #F9F9F9;}

.diagram-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);z-index: 101;display: none;}
.diagram-pop .img{display: flex;align-items: center;justify-content: center;padding: 20px 2%;position: absolute;left: 0;top: 0;box-sizing: border-box;width: 100%;height: 100%;}
.diagram-pop .img img{display: block;max-width: 100%;max-height: 100%;}
.diagram-pop .close{display: block;position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;background: url('../images/close.png') no-repeat;cursor: pointer;z-index: 101;}
.diagram-pop .close:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);}

/*详细参数*/
.parameter{padding: 101px 0 83px;}
.parameter-top{padding: 20px 0;}
.parameter-top .container{box-sizing: border-box;width: 100%;padding: 0 64px;}
.parameter-top .title{font-size: 26px;line-height: 48px;color: #333;float: left;font-weight: 200;}
.parameter-top a{display: block;float: right;padding: 0 24px;height: 48px;line-height: 48px;background: #333;border-radius: 4px;box-shadow: 0px 3px 6px rgba(52, 52, 52, 0.2);font-size: 16px;color: #fff;margin-left: 24px;}
.parameter-top a i{display: block;width: 24px;height: 24px;background: url('../images/share_icon.png') no-repeat;background-size: 24px 72px;float: left;margin: 12px 8px 0 0;}
.parameter-top a .icon2{background-position: 0 -24px;}
.parameter-top a .icon3{background-position: 0 -48px;}
.parameter-top a:hover{background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.18);}
.parameter-list{border-top: 1px solid #DDD;}
.category{width: 213px;float: left;}
.model{width: 118px;float: left;}
.parameter .content{width: calc(100% - 213px);float: right;overflow: hidden;/* overflow-x: scroll;padding-bottom: 40px; */}
.para-top{box-sizing: border-box;width: 100%;height: 96px;border-right: 1px solid #DDD;background: #F1F1F1;position: relative;z-index: 10;border-bottom: 1px solid #DDD;}
.para-top .title{font-size: 14px;color: #333;line-height: 18px;padding: 7px 30px 0 65px;}

.parameter-fixed{position: fixed;right: 0;bottom: 40px;height: 18px;z-index: 20;width: calc(100% - 213px);}
.parameter-hide{overflow: hidden;overflow-x: scroll;width: 100%;height: 18px;}
.parameter-scroll{height: 18px;}

.para-top .select{position: absolute;z-index: 10;width: calc(100% - 25px);height: 24px;box-sizing: border-box;border:1px solid #DDD;background: #fff;left: 10px;top: 30px;z-index: 10;}
.para-top .select p{font-size: 12px;line-height: 22px;padding: 0 7px;color: #666;cursor: pointer;}
.para-top .select p::after{content: '';position: absolute;right: 8px;top: 9px;width: 8px;height: 4px;background: url('../images/arrowB_d.png') no-repeat;background-size: 100%;}
.para-top .select ul{position: absolute;left: -1px;top: 22px;border:1px solid #DDD;background: #fff;z-index: 20;width: 100%;display: none;padding: 5px 0;max-height: 120px;overflow-y: scroll;}
.para-top .select ul li{padding: 0 7px 0 25px;font-size: 12px;color: #888;line-height: 24px;position: relative;cursor: pointer;word-break: break-all;}
.para-top .select ul li::before{content: '';left: 7px;width: 10px;height: 10px;border:1px solid #DDD;border-radius: 2px;top: 6px;position: absolute;}
.para-top .select ul li.on::before{background: url('../images/category_icon.png') no-repeat center center #E60012;border-color: #E60012;background-size: 10px 10px;}
.para-top .select ul li:hover{color: #E60012;}

.category .item{border-bottom: 1px solid #DDD;height: 85px;overflow: hidden;}
.category .item-hide{display: none;}
.category .item .name{font-size: 14px;color: #333;line-height: 20px;margin: 22px 0 0 28px;position: relative;padding-left: 36px;}
.category .item .name::after{content: '';width: 16px;height: 16px;border:1px solid #DDD;border-radius: 2px;box-sizing: border-box;position: absolute;left: 0;top: 2px;cursor: pointer;}
.category .item-on{background: #FFF4F4;}
.category .item-on .name::after{background: url('../images/category_icon.png') no-repeat center center #E60012;border-color: #E60012;background-size: 8px 8px;}
.model .para-top .title{padding-left: 10px;}
.model .item{border-bottom: 1px solid #DDD;height: 85px;overflow: hidden;background: #fff;}
.model .item .name{font-size: 14px;color: #333;line-height: 20px;margin: 22px 0 0 28px;}
.model .item-on{background:#FFF4F4;}
.parameter-list .content .step{float: left;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #fff;}
.parameter-list .content .para-top{min-width: 158px;}
.parameter-list .content .para-top .title{padding-left: 10px;}
.parameter-list .content .para-top .hide{display: block;width: 48px;height: 24px;background: #fff;border:1px solid #DDD;box-sizing: border-box;font-size: 12px;line-height: 22px;color: #666;text-align: center;margin: 35px 0 0 10px;}
.parameter-list .content .para-top .hide:hover{background: #E60012;border-color: #E60012;color: #fff;}
.parameter-list .content .para-top .handle{position: absolute;right: 5px;top: 10px;width: 6px;height: 12px;background: url('../images/handle_icon.png') no-repeat;background-size: 100%;z-index: 10;cursor: move;}
.parameter-list .content .item{border-bottom: 1px solid #DDD;height: 85px;overflow: hidden;}
.parameter-list .content .item-hide{display: none;}
.parameter-list .content .item .name{font-size: 14px;color: #333;line-height: 20px;margin: 22px 15px 0 10px;}
.parameter-list .content .item-on{background: #FFF4F4;}
.ratio-aside{display:none;height: 56px;padding-left:27px;width: 160px;box-sizing: border-box;background: #E60012;box-shadow: 0px 3px 6px rgba(230, 0, 18, 0.2);border-radius: 4px;position: fixed;left: 28px;bottom: 50%;font-size: 16px;color: #fff;line-height: 56px;z-index: 99;}
.ratio-aside i{display: block;float: left;width: 27px;height: 19px;background: url('../images/ratio_icon.png') no-repeat;background-size: 100%;float: left;margin: 19px 14px 0 0;}

/*搜索结果*/
.ferret{background: #F3F3F3;padding: 50px 0 90px;}
.ferret .title{font-size: 34px;line-height: 54px;color: #333;}
.ferret-search{margin-top: 20px;background: #fff;height: 80px;position: relative;}
.ferret-search .text{display: block;width: calc(100% - 80px);border:none;padding: 0 26px;box-sizing: border-box;height: 80px;background: #fff;font-size: 18px;color: #666;float: left;}
.ferret-search .btn{display: block;width: 80px;height: 80px;background: url('../images/search.png') no-repeat center #E60012;border: none;background-size: 28px 28px;float: right;}
.ferret-search .service-history{top: 80px;}
.ferret-nav{margin-top: 33px;}
.ferret-nav .total{font-size: 26px;color:#333;line-height: 42px;float: left;}
.ferret-nav ul{float: right;}
.ferret-nav li{float: left;margin-left: 28px;}
.ferret-nav li a{display: block;padding-left: 30px;font-size: 18px;line-height: 42px;color: #333;background: url('../images/ferret_icon.png') no-repeat left center;}
.ferret-nav li.on a{background-image: url('../images/ferret_h_icon.png');}

.ferretPro-list{margin-top: 20px;}
.ferretPro-list li{float: left;width: 23.62%;margin: 0 1.84% 30px 0;}
.ferretPro-list li:nth-child(4n){margin-right: 0;}
.ferretPro-list li a{display: block;background:#fff;border-radius: 8px;height: 310px;overflow: hidden;}
.ferretPro-list li .img{display: flex;padding: 30px;height:148px;align-items: center;justify-content: center;margin-top: 25px;}
.ferretPro-list li .img img{display: block;max-width: 100%;max-height: 148px;}
.ferretPro-list li .name{text-align: center;font-size: 22px;line-height: 27px;color: #333;margin-top: 26px;}
.ferretPro-list li:hover a{background: #E60012;}
.ferretPro-list li:hover .name{color: #fff;}

.ferretNews-list{margin-top: 20px;}
.ferretNews-list ul{margin-bottom: 20px;}
.ferretNews-list li{height: 80px;line-height: 80px;margin-bottom: 1px;background: #fff;}
.ferretNews-list li a{display: block;font-size: 18px;color: #666;padding: 0 30px;}
.ferretNews-list li:hover a{color: #E60012;}

.selfsearch-pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1001;}
.selfsearch-pop-main{width: 324px;height: 160px;border:2px solid #E60012;border-radius: 6px;background: #fff;margin: -80px 0 0 -162px;position: absolute;left: 50%;top: 50%;}
.selfsearch-pop-main .close{display: block;width: 12px;height: 12px;background: url('../images/resume_close.png') no-repeat;position: absolute;right: 12px;top: 12px;background-size: 100%;}
.selfsearch-pop-main .close:hover{transform:rotate(180deg);-webkie-transform:rotate(180deg);}
.selfsearch-pop .txt{font-size: 16px;line-height: 32px;padding: 30px;text-align: center;}
.selfsearch-pop .txt span{color: #E60012;}