@charset "utf-8";
/* CSS Document */
.list-banner{background-attachment: fixed!important;background-size: auto 530px!important; width: 100%;}
.main-head{width: 1200px; margin: 0 auto; background-size: 100% 100%; position: relative;}
.main-head h4{font-size: 28px; line-height: 80px;color: #fff;}
.main-head p{font-size: 18px; line-height: 40px;color: #fff;}
.main-head-title{font-size: 28px; line-height: 80px;color: #fff;}
.main-head-p{font-size: 18px; line-height: 40px;color: #fff; }
.main-head a{display: inline-block; width: 200px; text-align: center; margin-top: 50px; line-height: 50px; color: #fff; font-size: 16px; background: #e60012; border-radius: 5px;}
.main-head a:hover{background: #b60211;}
.main{width: 100%;position: relative;}
.main-titles{background: #fff; width: 100%;border-radius: 8px; box-shadow: 0 5px 15px rgb(194, 181, 181); position: absolute; top: -60px;}
.main-pre { width: 1200px;min-height: 80px; margin: 0 auto;}
.pages{width:500px; margin: 0 auto 10px;  height: 40px; clear: both; display: flex; padding-top: 50px;justify-content: space-around;}
.page-prevs,.page,.page li,.page-nexts{float: left; cursor: pointer;margin-right: 10px;}
.page-prevs,.page-nexts,.page li a{display:inline-block; background: #fff; line-height: 42px; text-align: center;  width: 42px; height: 42px; border: 1px solid #f1f1f1;}
.page li a:hover{color: #fff; background: #e60012; border:none; width: 44px; text-align: center; height: 44px;}
.page-prevs{background: url(../images/list/left_01.png) no-repeat center center;}
.page-prevs:hover{background: url(../images/list/left_on_01.png) no-repeat center center;}
.page-nexts{background: url(../images/list/right_01.png) no-repeat center center;}
.page-nexts:hover{background: url(../images/list/right_on_01.png) no-repeat center center;}
.list-head-div{width: 1200px; margin: 0 auto; overflow: hidden;}
.title1{font-size: 30px; color: #e60012;}
.title2{font-size: 28px; color: #292727;}
.title2 span{display: inline-block; position: relative; line-height: 65px; height: 65px; padding-bottom: 15px;}
.title2 span:after{content: "";position: absolute;left:20%;bottom: 0;height: 3px;width: 60%;background: #e60012; color: #e60012;}
.title3{font-size: 26px;}
.title4{font-size: 16px;}
.list-head-div-txt{padding: 30px 0;}
.list-head-div-txt p{color: #595556; text-align: center; line-height: 30px; font-size: 16px;}

.list-btn-more a{display:inline-block; width:110px; text-align:center;margin-top:30px; line-height:35px; color:#fff; font-size:14px; background:#e60012; border-radius:5px;}
.list-btn-more a:hover{background: #ad0210;}
.main-head a:hover{background: #b60211;}


/* 产品 */
.list-banner3{background: url(../images/banner/list-banner3.jpg) no-repeat center 0; height: 460px;}
.list-txt3{padding: 100px 0 0;}
.list-txt3 .main-head-p{width: 830px;}
.list3-box1{width: 100%;position: relative; height: 700px; background: url(../images/product/product-bg1.jpg) no-repeat left bottom; background-size: 100% auto;}
.list3-box1-con{position: absolute; width: 100%;top: -77px;height: 700px; }
.list3-box1-img{width: 1100px; margin: 0 auto; background: #fff; padding: 20px 0; overflow: hidden; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08);border-radius: 8px; text-align: center;}
.list3-box1-img img{display: inline-block; width: 100%;}
.list3-menu-box{width: 100%; margin: 20px auto;}
.list3-menu-box.down {position: fixed;top: -122px;left: 0; z-index: 9999; box-shadow: 0 0 5px #666;background: #fff;   
    -webkit-transform:translateY(58px);
    -moz-transform:translateY(58px);
    -ms-transform:translateY(58px);
    -o-transform:translateY(58px);
    transform:translateY(58px);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;}
.list3-menu-box.up {position: initial;}
.list3-box-menu{width: 1200px; margin: 60px auto 0; display: flex;justify-content: space-evenly;overflow: hidden;}
.list3-box-menu-nav{display: inline-block;height: 60px;padding-bottom: 0;position: relative;text-decoration: none; }
.list3-box-menu-nav span{font-size: 22px; color: #282828; display: inline-block; padding-left: 40px; cursor: pointer;}
.list3-box-menu-nav:hover span{color: #e60012;border-bottom:3px;}
.list3-box-menu .list3-box-menu-nav:before{content: "";position: absolute;left:25%;bottom: 0;height: 3px;width: 50%;background: #e60012;transform: scale(0);transition: all 0.3s;}
.list3-box-menu .list3-box-menu-nav:hover:before{transform: scale(1);}
.list3-box-menu-nav.on:after{content: "";position: absolute;left:25%;bottom: 0;height: 3px;width: 50%;background: #e60012; color: #e60012;}
.list3-box-menu-nav.on:after span{color: #e60012;}
.list3-box-menu-nav.on span{color: #e60012;}
.product-icon1{background: url(../images/product/icon1.png) no-repeat left center;}
.product-icon2{background: url(../images/product/icon2.png) no-repeat left center;}
.product-icon3{background: url(../images/product/icon3.png) no-repeat left center;}
.product-icon4{background: url(../images/product/icon4.png) no-repeat left center;}
.list3-box-menu-nav.on .product-icon1,.list3-box-menu-nav:hover .product-icon1{background: url(../images/product/icon11.png) no-repeat left center;}
.list3-box-menu-nav.on .product-icon2,.list3-box-menu-nav:hover .product-icon2{background: url(../images/product/icon22.png) no-repeat left center;}
.list3-box-menu-nav.on .product-icon3,.list3-box-menu-nav:hover .product-icon3{background: url(../images/product/icon33.png) no-repeat left center;}
.list3-box-menu-nav.on .product-icon4,.list3-box-menu-nav:hover .product-icon4{background: url(../images/product/icon44.png) no-repeat left center;}

.list3-box2{width: 100%;position: relative; min-height: 400px; padding: 80px 0; background: url(../images/product/product-bg2.jpg) no-repeat left bottom; background-size: 100% 100%;}
.list3-box2-con{width: 1200px; margin: 50px auto;}
.list3-box2-div{width: 344px; float: left;}
.list3-box2-div div{color: #e60012; font-size: 24px;}
.list3-box2-div p{padding-top: 20px; color: #3c3c3c; font-size: 16px; line-height: 25px;}
.list3-box2-line{height: 240px; width: 1px; float: left; background:#dbdbdb;margin: 0 41px;}
.list3-box2-line:last-child{display: none;}
.list3-box2-div:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}

.list3-box3{width: 100%;position: relative; padding: 100px 0; background: url(../images/product/product-bg3.jpg) no-repeat left bottom;    background-attachment: fixed!important;
    background-size: auto!important; background-size: 100% 100%;}
.list3-box3 .title2{color: #fff;}
.list3-box3-cons{width: 1200px; margin: 60px auto 0;height: 710px; border-radius: 10px; overflow: hidden;}
.list3-box3-menu{width: 297px; position: relative; float: left; padding-top: 30px; height: 680px; background: url(../images/product/product-box3-bg1.png) no-repeat;}
.list3-box3-menu-nav{height: 60px; z-index: 1; padding-left:30px; line-height: 60px; cursor: pointer;}
.list3-box3-menu-nav-bg{position: absolute;transition: top .1s; top: 40px; left: 0; background: url(../images/list/menu-nav-bg.png) no-repeat left top; width: 297px; height: 60px;}
.list3-box3-menu ul{position: absolute; left: 0; top: 40px; z-index: 2;}
.list3-box3-menu-nav.on{color: #e60012;}


.list3-box3-right{width: 903px; float: left; height: 710px; background: url(../images/product/product-box3-bg2.png) no-repeat;}
.list3-box3-con{padding: 70px 60px;display: none;}
.list3-box3-con p{color: #3c3c3c; font-size: 16px; line-height: 30px; padding-top:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}


.list3-box4{width: 100%;position: relative; padding: 80px 0; background: url(../images/product/product-bg4.jpg) no-repeat left bottom; background-size: 100% 100%;}
.list3-box4-con{width: 1200px; margin: 60px auto 0; position: relative; overflow: hidden;}
.list3-box4-menu{width: 100%;}
.list3-box4-menu ul{display: flex;justify-content: space-evenly; overflow-x: auto;}
.list3-box4-menu-nav{display: inline-block; position: relative;line-height: 70px;height: 70px;padding-bottom: 0;text-decoration: none; }
.list3-box4-menu-nav:hover{color: #e60012;}
.list3-box4-menu .list3-box4-menu-nav:before{content: "";position: absolute;left:25%;bottom: 0;height: 3px;width: 50%;background: #e60012;transform: scale(0);transition: all 0.3s;}
.list3-box4-menu .list3-box4-menu-nav:hover:before{transform: scale(1);}
.on .list3-box4-menu-nav:after{content: "";position: absolute;left:25%;bottom: 0;height: 3px;width: 50%;background: #e60012; color: #e60012;}
.on .list3-box4-menu-nav:after span{color: #e60012;}
.on .list3-box4-menu-nav span{color: #e60012;}
.list3-box4-swiper{width:1100px; margin: 0 auto;}
.list3-box4-p{width: 780px; margin: 30px auto; text-align: center; font-size: 16px; line-height: 30px;}
.list3-box4-div{margin: 0 auto; padding: 30px 0 0; width: 1100px; position: relative;}
.list3-box4-div .swiper{overflow: hidden;}
.list3-box4-img{width: 1000px; text-align: center; margin: 0 auto;}
.list3-box4-img img{width: 100%;}
.swiper1-prev{ background: #fff url(../images/btn2.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; left: 0; top: 420px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -24px; z-index: 15; border-radius:50%; transform: rotate(180deg); transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.swiper1-next{ background: #fff url(../images/btn2.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; right: 0; top: 420px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -24px; z-index: 15; border-radius:50%; transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
/* .swiper1-prev:hover,.swiper1-next:hover{ background: #fff url(../images/btn3.png) no-repeat center center;} */
.list3-box4-img div{margin: 0 auto;}




.list3-box5{width: 100%;position: relative; overflow: hidden; padding: 80px 0; background: url(../images/product/product-bg5.jpg) no-repeat left bottom; background-size: 100% 100%;}
.list3-box5-con{width: 1200px; margin: 0 auto; padding: 60px 0; overflow: hidden;}
.list3-box5-con-left{float: left; width: 552px; height: 297px; border-radius: 10px;}
.list3-box5-con-left img{width: 100%;}
.list3-box5-con-left img:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.list3-box5-con-right{float: left; margin-left: 50px; width: 590px; padding-top: 40px;}
.list3-box5-con-right p{color: #3c3c3c;font-size: 16px; line-height: 35px;}


/* 客户 */
.list-banner1{background: url(../images/banner/list-banner1.jpg) no-repeat center 0; height: 460px;}
.list1-box{position: relative; margin-bottom: 60px;}
.list-txt1{padding: 110px 0 0;}
.list1-box .list1-title{top: -45px; width:100%; max-width:1200px; min-width:320px; overflow: hidden;}
.list1-title-box::-webkit-scrollbar { width:0; height:0; display: none; }  
.list1-title-box .list1-menu{ list-style:none;text-align:center; }
.list1-menu{width: 234px;display:inline-block;line-height: 80px;text-align: center; position: relative;}

.list1-menu:before{content: "";position: absolute;left:88px;bottom: 0;height: 3px;width: 60px;background: #e60012;transform: scale(0);transition: all 0.3s;}
.list1-menu:hover:before{transform: scale(1);}
.list1-menu.on:after{content: "";position: absolute;left:88px;bottom: 0;height: 3px;width: 60px;background: #e60012; color: #e60012;}
.list1-menu.on:after span{color: #e60012;}

.list1-menu span{display: inline-block; line-height: 77px;font-size: 18px; border-bottom: 3px solid #fff; cursor: pointer;}
.list1-menu.on span{color: #e60012;}
.list1-menu span:hover{color: #e60012;}
.list1-tab{width: 100%;}
.list1-box-con{float: left; display: inline-block;border-radius: 8px; width: 385px; box-shadow: 5px 5px 20px #cecbcb;  overflow: hidden; margin-bottom: 22px; margin-right: 22px; background: #fff; position: relative;}
.list1-box-con:hover{box-shadow: 0 0 15px #ccc;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.list1-box-con:hover h4{color: #e60012;}
.list1-box-con:nth-child(3n){margin-right: 0;}
.list1-con-top{position: relative;}
.list1-con-top div{margin-bottom: 2rem;}
.list1-con-top h4{font-size: 22px; color: #1c1b1b; padding:0 25px;}
.list1-con-top p{margin:30px 25px 40px; overflow: hidden;text-overflow: ellipsis;min-height: 42px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list1-logo{position: absolute; text-align: center; left: 50%; top: 188px; background: #fff; padding: 10px;width: 176px;box-shadow: 0 0 15px #eee;}
.list1-logo1{margin-left: -88px;}
.list1-logo2{margin-left: -55px;}
.list1-logo-img{width: 100%;height: 211px;overflow: hidden;}
.list1-logo-img img{width: 100%; height: 100%;}
.list1-logo img{display: inline-block; height: 31px;}

/* 客户详情 */
.grey{color: #999;}
.list-banner6{background: url(../images/banner/list-banner6.jpg) no-repeat center 0; height: 580px;background-size: 100% 660px!important;background-attachment: fixed!important;}
.list-txt6{padding: 80px 0 0 ;}
.list-txt6 h4{color:#e41717;}
.list-txt6 p{color: #595556; font-size: 16px; padding-bottom: 30px;}
.list-txt6-left{width: 600px; margin-right: 40px; float: left; overflow: hidden;}
.list-txt6-left div{background: #f2f2f2;}
.list-txt6-left-logo img{width: 250px;}
.list-txt6-right{float: right; width: 560px;height: auto; overflow: hidden; border-radius: 15px;}
.list-txt6-right img{width: 100%; height: 100%; transition: all 0.6s;border-radius: 15px;display: block;}
.list-txt6-right:hover img{transform: scale(1.1);}
.list6-box1-menu{width: 1200px; overflow: hidden; margin: 0 auto;}
.list6-box1{background: url(../images/custom/bg1.jpg) no-repeat center bottom #f7f7f7; background-size: 100% 100%; padding: 80px 0 10px;}
.list6-box1-con{width: 1200px; margin: 0 auto; padding: 60px 0; overflow: hidden;} 
.list6-box1-icon{width: 400px; height: 150px; padding-bottom: 30px; float: left; text-align: center; margin-top: 30px;}
.list6-box1-icon:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.list6-box1-icon p{padding: 10px 40px 0; line-height: 30px;}

.list6-box2{background: url(../images/custom/bg2.jpg) no-repeat center bottom #f7f7f7; background-size: 100% 100%; padding: 80px 0 100px; overflow: hidden;}
.list6-box2-con{width: 1030px;border-radius: 8px; margin: 60px auto 0; background: #fff; padding: 50px 0; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08);}
.list6-box2-con-img{text-align: center;}
.list6-box2-con p{padding: 0 50px; line-height: 35px;}
.list6-box3{background: url(../images/custom/bg4.jpg) no-repeat center bottom #f7f7f7; background-size: 100% 100%; padding: 80px 0 10px; overflow: hidden;}
.list6-box3 .title1{color: #fff;}
.list6-box3-con{width: 1200px; margin: 60px auto;}
.list6-box3-menu{width:680px; display: flex; height: 60px; margin: 0 auto; border-radius: 8px; overflow: hidden;justify-content: center;}
.list6-box3-menu .list6-box3-nav:first-child{border-radius: 8px 0 0 8px;}
.list6-box3-nav{display: inline-block; width: 220px; height: 60px; background: #eae9e9; text-align: center;}
.list6-box3-nav:last-child{border-radius: 0 8px 8px 0;}
.list6-box3-nav span{display: inline-block; color: #403d3d;line-height: 60px; width: 128px;white-space: nowrap;overflow: hidden; } 
.list6-box3-nav.on_num span{ width: 191px;white-space: nowrap;overflow: hidden; }

.list6-box3-nav.on{background: #e60012;}
.list6-box3-nav.on span{color: #fff;}

.list6-box3-div{padding: 50px 0; width: 1200px; margin: 0 auto; overflow: hidden;}
.list6-box3-div-left{float: left; width: 540px; padding: 40px 30px 0;}
.list6-box3-div-left p{color: #fff; line-height: 40px;}
.list6-box3-div-right{float: left; overflow: hidden; width: 572px; height: 366px; border-radius: 10px;}
.list6-box3-div-right:hover img{transform: scale(1.05);}
.list6-box3-div-right img{transition: all 0.6s;display: block; width: 100%; height: 100%;}
.list6-box4{background: url(../images/custom/bg5.jpg) no-repeat center bottom #f7f7f7; background-size: 100% 100%; padding: 80px 0 160px; overflow: hidden;}
.list6-box4-con{width: 1200px; position: relative; margin: 80px auto 0;border-radius: 8px; text-align: center; display: flex;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08);}
.list6-box4-grey{background: #f2f2f2;}
.list6-box4-pink{background: #f18b8b; color:#fff;}
.list6-box4-red{background: #e94545; color:#fff;}
.list6-box4-tab1{position: absolute; right: 0; top: -20px;border-radius: 8px;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.16);}
.list6-box4-tab1 .list6-box4-head{height: 100px; padding-top: 50px; border-radius: 8px 8px 0 0;}
.list6-box4-tab1 .list6-box4-tr:last-child{height: 90px;padding-top: 40px;}
.list6-box4-con .list6-box4-tab:first-child .list6-box4-tr:last-child{border-radius: 0 0 0 8px;}
.list6-box4-con .list6-box4-tab:first-child .list6-box4-head{border-radius:8px 0 0 0;}
.list6-box4-con .list6-box4-tab:last-child .list6-box4-tr:last-child{border-radius: 0 0 8px 8px;} 

.list6-box4-tab{width: 400px; display: inline-block;}
.list6-box4-head{height: 85px; padding-top:45px; font-size: 20px;}
.list6-box4-tr{height: 77px; padding: 30px 5px 0; background: #fff; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}


.list6-box5{background: url(../images/custom/bg6.jpg) no-repeat center bottom #f7f7f7; background-size: 100% 100%; padding: 80px 0 100px; overflow: hidden;}
.list6-box5 .list-head-div{padding-bottom: 60px;}
.list6-box5-con{width: 1200px; margin:0 auto 20px; background: #fff;border-radius: 8px;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08); position: relative;}
/* .people{width: 124px;  left: 50%; margin-left: -62px; top: -62px; height: 124px; border-radius: 70px; overflow: hidden; position: absolute;} */
.people-txt{padding: 80px 50px 30px; position: relative;}
.people-txt p{padding-bottom: 40px; line-height: 30px; padding-left: 40px;z-index: 2;}
.people-txt-bg1{position: absolute; left: 47px; top: 50px;z-index: 1;}
.people-txt-bg2{position: absolute; right: 61px; top: 50px;z-index: 1;}

/* 研发全场景 */
.list-banner2{background: url(../images/banner/list-banner2.jpg) no-repeat center 0; height: 460px;}
.list-txt2{padding: 100px 0;}
.list-txt2 .main-head-p{width: 730px;}
.list2-box1{width: 100%;position: relative; height: 700px; background: url(../images/list/bg1.jpg) no-repeat left bottom; background-size: 100% auto;}
.list2-box1-con{position: absolute; width: 100%;top: -77px;height: 700px; }
.list2-box1-img{width: 1200px; margin: 0 auto; background: #fff; overflow: hidden; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.08);border-radius: 8px; text-align: center;}
.list2-box1-img img{display: inline-block;}

.list2-box2{background: url(../images/list/bg2.jpg) no-repeat center bottom #f7f7f7;overflow: hidden; width: 100%; background-size: 100% auto; padding: 100px 0 10px;}
.list2-box2-con{margin: 0 auto; width: 1200px;}
.list2-box2-div{width: 1200px; border-bottom: 1px solid #dedede; padding: 90px 0; height: 220px;}
.list2-box2-div-txt{float: left; margin-right: 80px;}
.list2-box2-div-txt h3{width: 720px; font-size: 24px; color: #1c1b1b; margin-bottom: 40px;}
.list2-box2-div-txt p{width: 720px; font-size: 16px; line-height: 30px; color: #3c3c3c;}
.list2-box2-div-img{width:400px; float: right;} 
.list2-box2-div-img div{width: 400px; overflow: hidden; height: 220px; border-radius: 8px;box-shadow: 0px 15px 13px 0px rgba(0, 0, 0, 0.07);}
.list2-box2-div-img:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.list2-box2-div:nth-child(2n) .list2-box2-div-txt{margin-right: 0;}
.list2-box2-div:nth-child(2n) .list2-box2-div-img{margin-right: 80px; float: left;}
.list2-box2-div:last-child{border-bottom: none;}


/* 关于我们 */
.list4-box1{background: url(../images/about/bg1.jpg) no-repeat; background-size: 100% auto; padding: 76px 0 100px;}
.list4-box1-con{width: 1200px; margin: 60px auto 0;}
.list4-box1-con-left{float: left; width: 550px; margin-right: 50px; overflow: hidden;}
.list4-box1-con-left img{transition: all 0.6s;}
.list4-box1-con-left:hover img{transform: scale(1.05);}
.list4-box1-con-right{float: left; width: 600px;}
.list4-box1-con-right h4{font-size: 20px; color: #252020; padding-top: 34px; padding-bottom: 34px;}
.list4-box1-con-right p{color: #595556; font-size: 16px; line-height: 30px;}
.list4-box1-bottom{width: 1200px; margin: 0 auto; padding-top: 68px; display: flex;justify-content: space-between;}
.list4-box1-icon{width: 307px; height: 109px; background: url(../images/about/txt-bg.png) no-repeat; padding: 20px 30px 0;}
.list4-box1-icon-img{color: #e10000; font-size: 24px; line-height: 50px;}
.list4-box1-icon-img img{float: left; margin-right: 10px;}
.list4-box1-icon:hover{box-shadow: 0 0 15px #ccc;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}

.list4-box2{background: url(../images/about/bg2.jpg) no-repeat; background-size: 100% 100%; padding: 70px 0 90px;overflow: hidden;}
.list4-box2 .title3,.list4-box2 .title4{color: #fff; padding-bottom: 40px;}
.list4-box2-box{width: 1250px; margin: 0 auto; overflow: hidden;}
.list4-box2-con{width: 1160px; padding-left: 40px; margin: 0 auto; min-height: 190px; position: relative;}
.list4-box2-slide{width: 210px; transition: all 0.6s; }
.list4-box2-slide:hover{transform: scale(1.05);}
.year{color: #fff; font-size: 32px; padding-bottom: 20px;}
.year-event{font-size: 16px; color: #fff; line-height: 30px;}
.swiper-button-next1{background:url(../images/about/right1.png) no-repeat; right: 0;}  
.swiper-button-prev1{background:url(../images/about/left1.png) no-repeat;left: -25px;}  
.swiper-button-next1,.swiper-button-prev1{ width: 36px; height: 36px;top: 90px; position: absolute;z-index: 10; cursor: pointer;}

.list4-box3{background: url(../images/about/bg3.jpg) no-repeat; background-size: 100% auto; padding: 90px 0 100px;overflow: hidden;}
.list4-box3-con{width: 1200px; margin: 0 auto; padding-top: 50px; display: flex; justify-content: space-between;}
.list4-box3-icon{width: 280px; height: 170px; padding: 30px 0; font-size: 22px; color: #201f1f; text-align: center; border: 1px solid #e6e6e6; background: #f7f7f7;}
.list4-box3-icon-img{text-align: center; width: 70px; margin:0 auto; padding-bottom: 30px;}
.list4-box3-icon-img div{display:table-cell; vertical-align: middle; width: 70px; height: 70px; border-radius: 40px; background: #fff;}
.list4-box3-icon p{font-size: 16px; color: #8e8e8e; padding-top: 10px;}
.list4-box3-icon:hover div{color: #e60012;}
.list4-box3-icon:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}

/* 行业 */
.list5-box1{background: url(../images/industry/list-banner5.jpg) no-repeat; background-size: 100% 100%; padding: 16px 0 100px; overflow: hidden;}
.list5-box1-con{width: 1200px; margin: 60px auto 0; overflow: hidden;}
.list5-box1-con-left{float: left; width: 588px; margin-right: 50px;}
.list5-box1-con-right{float: left; width: 552px; overflow: hidden; border-radius: 10px;}
.list5-box1-con-right img{transition: all 0.6s;}
.list5-box1-con-right:hover img{transform: scale(1.05);}
.list5-box1-con-left h4{font-size: 24px; color: #e50011; padding-bottom: 34px;}
.list5-box1-con-left p{color: #595556; font-size: 16px; line-height: 30px; padding-bottom: 30px;}
.download{width: 200px; background: #e60012; text-align: center; line-height: 50px; border-radius: 5px;}
.download:hover{background: #b60211;}
.list5-box1-con-left a{display: inline-block; line-height: 50px; color: #fff; font-size: 14px; background:url(../images/industry/icon.png) no-repeat 3px center; padding-left:40px}
.list5-box1-bottom{width: 1100px; margin: 80px auto 50px; background: url(../images/industry/txt-bg.png) no-repeat left top; background-size: 100% 100%; padding: 30px 50px;}
.list5-box1-bottom h4{color: #e10000; font-size: 22px; padding-bottom: 15px;}
.list5-box1-bottom p{color: #595556; line-height: 30px;}
.list5-box2{background: url(../images/industry/bg3.jpg) no-repeat; background-size: 100% auto; padding:90px 0 50px;overflow: hidden;}
.list5-box2-con{width: 1200px; margin: 20px auto;}
.list5-box2-con div{width: 100%; text-align: center;}
.list5-box2-con div img{width: 80%;}

.list5-box3{background: url(../images/industry/bg2.jpg) no-repeat; background-size: 100% 100%; padding:90px 0 50px;overflow: hidden;}
.list5-box3-con{width: 1200px; margin: 0 auto; display: flex; padding-top: 50px;}
.list5-box3-con2{width: 900px; margin: 0 auto; display: flex; padding-top: 40px; padding-bottom: 60px;}
.list5-box3-icon{border-radius: 8px;width: 287px;height: 204px; margin-right: 22px; border: 1px solid #e6e6e6; background: #fff; text-align: center;}
.list5-box3-icon:last-child{margin-right: 0;}
.list5-box3-icon div{padding: 40px 0 10px;}
.list5-box3-icon p{color: #2b2b2b; line-height: 30px;}
.list5-box3-icon:hover,.list5-box2-con div img:hover{box-shadow: 0 0 15px #ccc;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.list5-box3-icon:hover p{color: #e60012;}

/* 新闻详情 */
.newlist{background: #f6f6f6; width: 100%; padding: 30px 0;}
.newlist-con{background: #fff; width: 1200px; margin: 0 auto; padding: 50px 0;}
.newlist-con strong{font-weight: bold;}
.newlist-head{color: #1e1e1e; width: 1140px; margin: 0 auto; font-size: 30px; text-align: center; line-height: 40px; padding-bottom: 45px; border-bottom: 1px solid #ebebeb;}
.newlist-tip{width: 1000px; margin: 0 auto; height: 50px; line-height: 50px;}
.newlist-tip span{float: left;font-size: 14px; color: #8f8f8f;}
.newlist-tip strong{float: right;font-size: 14px; color: #8f8f8f;}
.newlist-txt{width: 1100px; margin: 0 auto; padding: 30px 0 0; border-bottom: 1px solid #ebebeb;}
.newlist-txt p{padding-bottom: 40px; font-size: 16px; color: #1f1f1f; line-height: 30px; text-indent: 32px;}
.newlist-txt div{padding-bottom: 40px;text-align: center;}
.newlist-txt div img{width: 95%;}
.newlist-more{width: 1100px; margin: 0 auto; padding: 30px 0 0;}
.newlist-more a{color: #1e1e1e;}
.newlist-more a:hover{color: #e60012;}
.newlist-more span{display: block; color: #636363; padding-bottom: 15px;}

/* 新闻 */
.new-banner{background: url(../images/list/new-banner.jpg) no-repeat center 0; height: 460px;}
.new{width: 1200px; margin: 0 auto; }
.new-con{padding: 40px 0 0; overflow: hidden;}
.new-con-box{width: 385px; height: 540px; background: #fafafa; margin-bottom: 25px; float: left; margin-right: 22px;}
.new-con-box:nth-child(3n){margin-right: 0;}
.new-box-txt{padding: 25px 32px;}
.new-box-txt a{display: block;}
.new-box-txt span{display: block; color: #a6a6a6; font-size: 14px; padding-bottom: 13px;} 
.new-box-txt h4{font-size: 22px; height: 60px; color: #2c2c2c; margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new-box-txt p{font-size: 14px; color: #7d7d7d; height: 76px; margin-bottom: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.new-box-txt strong{display: inline-block; color: #333; font-size: 14px; background: url(../images/more_02.png) no-repeat right center; padding-right: 30px;} 
.new .pages{padding-bottom: 50px;display: flex;justify-content: space-around;}
.new-box-img{overflow: hidden;width: 385px; height: 240px;}
.new-box-img img{transition: all 0.6s; width: 100%;}
.new-con-box:hover img{transform: scale(1.05);}
.new-con-box:hover h4{color: #e60012;}
.new-con-box:hover strong{color: #e60012;background: url(../images/more_01.png) no-repeat right center;}

/* 搜索结果 */
.seah-banner{background: url(../images/list/seach-banner.jpg) no-repeat center 0; height: 460px;}
.seah-txt1{padding: 140px 0 0;}
.seah-txt1-title{text-align: center; font-size: 46px; color: #fff; padding-bottom: 25px;}
.seah-list-box{width: 854px; margin: 0 auto; background: #fff; height: 48px; border: 1px solid #dcdcdd; position: relative;}
.seah-list-box input{font-size: 14px; width: 90%; color: #c8c8c8; line-height: 48px; text-indent: 24px;}
.seach-list-img{position: absolute; cursor: pointer; right: 20px; top: 12px;display:inline-block; width: 26px; height: 26px; background: url(../images/seach.png) no-repeat center center;}
.seach-list-img:hover{ background: url(../images/seach1.png) no-repeat center center;}

/* 服务支持 */
.service-banner{background: url(../images/banner/serve-banner.jpg) no-repeat center 0; height: 450px;}
.list-txt-service .main-head-title,.list-txt-service .main-head-p{color: #292828;}
.list-txt-service{padding: 80px 0 0;}
.service-box{position: relative; padding: 20px 0 60px; width: 100%; background: url(../images/service/bg1.jpg) no-repeat; background-size: 100% 100%;}
.service-box .service-title{top: -85px; width:100%; max-width:1200px; min-width:320px; overflow: hidden;}
.service-title-box{display: flex; justify-content: space-evenly; padding: 30px 0;}  
.service-title-box .service-menu{ list-style:none;text-align:center; display: inline-block; cursor: pointer;}
.service-menu span{display: block;padding-top: 15px;}
.service-menu:hover span{color: #e60012;}
.service-menu strong{display: block; height: 50px;}

.service-box1{overflow: hidden;}
.service-box1-con{width: 1200px; margin: 30px auto 0; display: flex; justify-content: space-between;}
.service-box1-con-div{overflow: hidden;border-radius: 8px; position: relative; height: 181px;}
.service-box1-con-txt{position: absolute; left: 0; bottom: 0; background: url(../images/txt-bg.png) repeat; width: 100%; height: 79px;}
.service-box1-con-txt h4{padding:0 10px; font-size: 16px; line-height: 30px;} 
.service-box1-con-txt p{padding:0 10px; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.service-box1-con div img{transition: all 0.6s;display: block;}
.service-box1-con div:hover img{transform: scale(1.03);}
.service-box1-con div:hover h4{color: #e60012;}

.service-box2{padding: 80px 0 60px; width: 100%; background: url(../images/service/bg2.jpg) no-repeat; background-size: 100% 100%; overflow: hidden;}
.service-box2-con{width: 1200px; margin: 40px auto 0; overflow: hidden;}
.service-box2-play{width: 385px; float: left; margin-right: 20px;}
.service-box2-play h3{font-size: 18px; color: #1c1b1b; padding-top: 15px; height: 63px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.service-box2-play p{font-size: 16px; color: #1c1b1b; padding-top: 15px;}
.service-box2-play:nth-child(3n){margin-right: 0;}
.service-box2-play:hover p{color: #e60012;}
.service-box2-play:hover .play-icon{transform: scale(1.4);background: url(../images/service/play1.png) no-repeat center center;}

.service-box3{padding: 80px 0 60px; width: 100%; background: url(../images/service/bg3.jpg) no-repeat; background-size: 100% 100%; overflow: hidden;}
.service-box3-con{width: 1200px; margin: 0 auto; padding: 40px 0 20px;}
.play{position: relative;}
.play img{border-radius: 8px;}
.play-icon{position: absolute;transition: all 0.6s; cursor: pointer; left: 50%; top: 50%; display: inline-block; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; background: url(../images/service/play.png) no-repeat center center;}
.service-box3-div{border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;}
.service-box3-title{color: #1d1a1a; font-weight: bold; font-size: 20px; padding-bottom: 30px; position: relative;}
.service-open{display: inline-block; cursor:pointer;position:absolute; right: 0; top: 10px; width: 21px; height: 12px; background: url(../images/up.png) no-repeat center center;}
.service-box3-txt{padding:0 0 30px; line-height: 30px; color: #575555; display: none;position: relative;}
.service-box3-txt span{float: right;}
.service-box3-txt a{color: #e60012; padding-left: 10px;position: absolute;right: 0; top:30px; }
.service-box3-open{height: 60px; overflow: hidden; padding-right: 60px;}
.on .service-open{background: url(../images/open.png) no-repeat center center;}
.on .service-box3-title{color: #e60012;}

#goods-player{width:960px;height: 540px;}
.goods-right-con .my-player-dimensions {z-index: 5;width:961px;height:540px;}
.video-box-con {background: #ffffff; position: relative;z-index: 10;}
.video-banner-box-con{background: #ffffff; position: relative;z-index: 10;}
.video-img{position: absolute;cursor: pointer;z-index: 7;left: 0;top: 0;  background-size: 100% 100%;text-align: center;}
.vjs-icon-placeholder {display: none;}
.player-con{width: 960px; height: 540px; position: relative;}
.video{width: 960px; height: 540px; border-radius: 20px; overflow: hidden;}
.player-btn{position: absolute; left: 50%; top: 40%; margin-left: -27px; background: url(../images/index/play.png) no-repeat; width: 54px; height: 54px;}

div.layui-layer{border-radius: 10px;}
.alert-product-con{padding: 30px;}
.alert-product-con h4{font-size: 24px; color: #333333; padding-bottom: 40px;}

.alert-product-list-div a{display: block; background: url(../images/list/open-bg.png) no-repeat; margin-bottom: 20px; background-size: 100% 100%; height: 70px; padding-top: 20px; padding-left: 30px;} 
.alert-product-list-div div{color: #e51616;white-space: initial; font-size: 18px; padding-bottom: 10px;}
.alert-product-list-div p{color: #cdcdcd;white-space: initial; font-size: 12px;}
.alert-product-list{height: 430px; overflow-y: auto;max-height: 430px;} 
.alert-product-list{white-space: nowrap;overflow-y: auto;}
.alert-product-list::-webkit-scrollbar-track{box-shadow: inset 0 0 6px #e5e5e5; background-color: #F5F5F5;}
.alert-product-list::-webkit-scrollbar{width: 6px;background-color:#fff;}
.alert-product-list::-webkit-scrollbar-thumb{background-color: #867f7f; }



@media screen and (max-width: 1200px){

    .alert-product-con{padding: 20px 10px;}
    .alert-product-con h4{font-size: 18px; padding-bottom: 20px;}
    .alert-product-list-div a{width: 90%; padding:10px 2% 10px 5%; height: auto;}
    .alert-product-list-div div{font-size: 15px;}
    .alert-product-list{height: 380px; overflow-y: auto;max-height: 380px;} 
}