@charset "utf-8";

/*~~~~框架布局~~~*/

html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}





/*==版心定义↓==*/

.container{width:1440px;}





/*==字符串↓==*/

i,.iof{font-style: normal;    font-family: "iconfont";transition: all .4s ease-in-out}

.iof:before,.iof:after{font-style: normal;    font-family: "iconfont";} 

@font-face {

  font-family: 'iconfont';  /* project id 1963410 */

  src: url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.eot');

  src: url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.eot?#iefix') format('embedded-opentype'),

  url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.woff2') format('woff2'),

  url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.woff') format('woff'),

  url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.ttf') format('truetype'),

  url('//at.alicdn.com/t/font_1963410_lldr21wzt0r.svg#iconfont') format('svg');

}





/*==顶部↓==*/

.fixed-top.header{height:70px;padding:10px 0; box-shadow:0 0 10px #ddd;background:#fff; }

.fixed-top.header .logo img{margin-top:5px;height:40px;}

.fixed-top.header .right{display: none;}

.fixed-top.header .nav{position: absolute;bottom: 10px;right:0;}

/*--*/

.header{position: fixed;top:0;z-index:99;width:100%; padding: 15px 0;height: 110px;border-bottom:1px #ddd solid; background:rgba(255,255,255,0.8)}

.header .container{position:relative;height: 70px;}

.header .logo img{}

.header .nav{position: absolute;bottom: -24px;right:0;}

.header .nav > li{position:relative;float:left;margin-left: 35px;/* padding-bottom: 20px; */}

.header .nav > li > a{position: relative;display: block;color:#212121;font-size:16px;text-align: center;padding-bottom: 20px;}

.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#ca1521;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.header .nav > li:hover > a,.header .nav > li.active > a{color:#ca1521; }

.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;} 

.header .tel{color:#212121;font-size:20px;margin-left:70px;}

.header .tel i{/*content:"";position: absolute;*/margin-right:8px;color:#ca1421;font-size:22px;}

.header .nav .sub{display:none;width: 200%;left:-50%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}

.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}

.header .nav .sub a:hover{color:#fff; background: #ca1521;}





/*==标题↓==*/

.titleAx{}

.titleAx b{position: relative;display: table;font-weight:bold;color:#212121;font-size:36px;}

.titleAx span{margin-bottom:-40px;display: block;font-size:66px;color: #eff1f3;font-weight: bold; text-transform: uppercase;}

.titleAx.cen{text-align: center;margin-bottom:40px;}

.titleAx.cen b{margin:auto;padding-bottom: 15px;border-bottom:1px #ddd solid;}

.titleAx.cen b:before{content:"";display:block; position:absolute;left:50%;bottom:-2px;margin-left:-20px;width:40px;height:3px;background: #ca1521;}

.titleAx.white,.titleAx.white b{color:#fff}

.titleAx.white span{ color: #41424a;}

/*--*/

.titleBx{margin-top:0px;color:#151515;font-size:40px;font-weight:bold;  }

.titleBx hr{display: table;width:20px;height:2px; margin:10px auto 0;border:none;background: #0d4da1;}

.titleBx span{display: block; margin:10px auto 0;color:#666666;font-size:16px;font-weight:400}

.titleBx.cen{text-align: center;margin-bottom:50px;}

.titleBx.white,.titleBx.white span{color:#fff}

.titleBx.tTop{margin:50px 0 0 0;}





/*伪类*/

.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}

/*-*/

.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}

/*-*/

.bfe-pos,.bfr-pos{ position: relative;}

.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}

/*-*/

.bfe-spos,.bfr-spos{ position: relative;}

.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }





/*句段限制*/

.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}





/*===内页框↓==*/

.rack{float:left;width:100%;padding:70px 0 80px 0;}

.rackWor{}





/*==边距↓==*/

.mt80{margin-top:80px}

.mt100{margin-top:100px}

.pt80{padding-top:80px}

.ptm80{padding:80px 0}

.ptm100{padding:100px 0}





/*==视频效果按钮↓==*/

.videoDot{}

.videoDot .dot{position: absolute;left:50%;top:50%;z-index: 2;margin:-25px;display: block;color:#fff;font-size: 45px;}

.videoDot .dot:before{content:"";position:absolute;z-index: -1;left: -5px;top: -4px;width: 56px;height:56px;border: 2px #fff solid;border-radius:50%;box-shadow: 0 0 10px #fff;background: rgba(255,255,255,0.1);}

.videoDot:before{}

.videoDot a{}

.videoDot a:hover .dot,.videoDot .pic:hover .dot{color:#ca1521}

.videoDot a:hover .dot:before,.videoDot .pic:hover .dot:before{border-color:#ca1521;box-shadow: 0 0 10px #fff;background: rgba(0,0,0,0.5);}

.videoDot .pic{position: relative;cursor: pointer;}

.videoDot .pic:before{opacity: 0.2;content: ""; position: absolute; left:0;top:0;z-index:1; width:100%;height:100%; background:#000;}

.videoDot .pic:hover:before{opacity: 0.5;}

.videoDot .pic{}





/*==更多按钮↓==*/

.mBtn1{position: relative;z-index: 2;display:table;color:#fff;font-size:14px;padding:10px 40px;}

.mBtn1:before,.mBtn1:after{ content:"";position:absolute;left: 0;bottom:0px;width:100%;height:100%;transform: skew(-20deg);transition:transform .5s;}

.mBtn1:before{z-index:-1;background: #ca1521;}

.mBtn1:after{ z-index:0;z-index:-1;background: #333;transform: scale(1,0);transform-origin:right;}

.mBtn1:hover{color:#fff}

.mBtn1:hover:after{transform: scale(1) skew(-20deg);transform-origin:left;}

/*.mBtn1:hover:before{border:1px #333 solid; background: #fff;}*/

/*--*/

.mBtn1.white{color:#ca1521}

.mBtn1.white:before{background: #fff;}

.mBtn1.white:after{ background: #ca1521;}

.mBtn1.white:hover{color:#fff}

/*--*/

.hov:hover .mBtn1{color:#fff}

.hov:hover .mBtn1:after{transform: scale(1) skew(-20deg);transform-origin:left;}

/*--*/

.mBtn2{position:relative;z-index:2;display: table;color:#ca1521;font-size:15px;padding:10px 40px;}

.mBtn2:before,.mBtn2:after{ content:"";position:absolute; top:0px;z-index:-1;width:100%;height:100%;transform: skew(-20deg);    transition: all .5s ease-in-out;}

.mBtn2:before{left: -5px; border-top:1px #ca1521 solid;border-left:1px #ca1521 solid;}

.mBtn2:after{    right: -5px;border-bottom:1px #ca1521 solid;border-right:1px #ca1521 solid;}

.mBtn2:hover{color:#fff;  }

.mBtn2:hover:before,.mBtn2:hover:after{border-color:#ca1521; background:#ca1521}





/*===首页关键搜索↓==*/

.TopIn{border-bottom:1px solid #ddd;overflow: hidden; background: #fff;}

.TopIn .container{/*! padding:0 5%; */}

.TopIn .left{width:70%; display: table;/*! line-height: 15px; */}

.TopIn .left h3{position: relative;color:#ca1521;font-size:18px;line-height:22px;/* font-weight: bold; */padding: 5px 10px;width: 110px;text-align: center;border: #ca1521 solid 1px;}

.TopIn .left h3:before{content:"";position: absolute;right: -6px;top: 21px;width: 10px;height: 10px;border-top: 1px #ca1521 solid;border-right: 1px #ca1521 solid;background: #fff;transform: rotate(45deg);}

.TopIn .left h3 font{display: block;}

.TopIn .left h3,.TopIn .left .list{display: table-cell;/*! line-height: 12px; */vertical-align: middle;}

.TopIn .left .list a{display: inline-block;margin-left:30px; color:#666666;font-size:14px;max-width: 29%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.TopIn .left .list a i{color:#ca1521;font-size:12px; margin-right:10px;}

.TopIn .left .list a:hover{color:#ca1521}

.TopIn .search{ position: relative; width:25%;border-left: 1px #ddd solid;}

.TopIn .search form{ position: relative}

.TopIn .search input{padding: 5px 20px;width:100%;height:60px;border:none;color:#666;font-size: 14px;background: none;}

.TopIn .search input::-moz-placeholder{color:#999}

.TopIn .search input::-ms-input-placeholder{color:#999}

.TopIn .search button{position: absolute;top:20px;right:0;width:12px;height:15px;margin:0px;color:#ca1521;font-size: 18px;font-weight: bold;border:none; /*! background:url(../images/search-ico.png) no-repeat center; */background: none;}

.TopIn .search button:hover{color:#000}

.TopIn .left,.TopIn .search{height:80px;padding: 12px 35px 12px 0px;}





/*==产品↓==*/

.product-list{margin:0 0 -20px -10px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.product-list li{ float:left;width:25%; }

.product-list li a{ display: block;margin: 0 0px 20px 20px; }

.product-list li .pic{ background: #fff;}

.product-list li h4{color:#5c5c5c;font-size:16px;text-align: center;margin-top:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.product-list li:hover h4{ color:#ca1521}





/*==首页产品↓==*/

.productHome{ background: #f6f8fa;}

.productHome .tone{position: relative;display: table;margin: 0 auto 40px;/* overflow: hidden; */}

.productHome .tone:before,.productHome .tone:after{content:"";position:absolute;top: 15px;width:600px;height:1px;background: #ddd;}

.productHome .tone:before{left:-600px}

.productHome .tone:after{right:-600px; }

.productHome .tone li{/* position: relative; */display: inline-block;/* padding: 0 30px; */}

.productHome .tone a{position:relative;z-index:2;display: block;color:#212121;font-size:16px;padding: 8px 40px;margin: 0 30px;border:1px #212121 solid;transform: skew(-20deg); background: #fff;}

.productHome .tone a:before{content:"";position:absolute;left:0px;bottom:0px;z-index:-1;width:100%;height:100%;background:#ca1521;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.productHome .tone a:after{opacity:0; content:"";position:absolute;left:5px;bottom:0px;z-index:-2;width:100%;height:100%;background:#e9b3b8;}

.productHome .tone li.active a{color:#fff;border-color: #ca1521;}

.productHome .tone li.active a:before{transform: scale(1);transform-origin:left;}

.productHome .tone li.active a:after{opacity:1;bottom:-5px;}

.productHome .srll{padding:40px;margin-bottom:30px; background: #fff;}

.productHome .list{}

.productHome .list li{}

.productHome .list .pic{float:left;width: 50%;}

.productHome .list .box{float:right;width:50%;padding-left:40px; padding-top:50px;}

.productHome .list h4{color: #ca1521;font-size: 32px; font-weight:bold;}

.productHome .list h4 hr{border: none;display:table;margin: 10px 0 0 0;width:40px;height: 2px;background: #ca1521;}

.productHome .list p{margin-top: 6px;color:#666666;font-size:14px;line-height:26px;}

.productHome .list .field{margin-top:30px;}

.productHome .list .field h5{color: #212121;font-size: 18px;padding-left:30px;background: url(../images/FieldIco.png) no-repeat left;}

.productHome .list .more{margin-top:60px; display:table;}

.productHome .list .wx{-webkit-line-clamp:5;}

.productHome .list .swiper-slide-active{z-index: ;}

.productHome .spot{position:initial;margin-top:50px;}

.productHome .spot span{opacity:1;width:10px;height:10px;background:#dcdcdc;    transition: all .4s ease-in-out;}

.productHome .spot .swiper-pagination-bullet-active{width:35px;border-radius:20px;background:#ca1521}





/*==首页广告↓==*/

.AdvertHome{padding:60px 0 80px 0;background: url(../images/AdvertBg.jpg) no-repeat center; background-size:cover;}

.AdvertHome .left{width: 60%;}

.AdvertHome .left .titleAx{}

.AdvertHome .left p{color:#fff;font-size:16px;margin-top: 20px;}

.AdvertHome .right{float:right;/* width:30% */margin-top: 30px;}

.AdvertHome .right .tel{position: relative;display: block;margin-bottom:30px;padding-left: 50px;color:#fff;font-size:30px;font-weight:bold;}

.AdvertHome .right .tel i{position: absolute;left: 0;color:#fff;font-size: 35px;font-weight: 400;}

.AdvertHome .right a{display: block;float:left;margin-left: 40px;}





/*==首页优势↓==*/

.AdvantageHome{overflow: hidden;}

.AdvantageHome .frame{margin-bottom:80px; }

.AdvantageHome .frame:last-child{margin-bottom:0px}

.AdvantageHome .left-1{float:left;width:50%}

.AdvantageHome .left-1 ul img{display: block;width:100%}

.AdvantageHome .left-1 .spot{left:auto;width:auto;right:30px;bottom:30px} 

.AdvantageHome .left-1 .spot span{opacity:1;width:10px;height:10px; border:1px #fff solid;background:none;   transition: all .4s ease-in-out;}

.AdvantageHome .left-1 .spot .swiper-pagination-bullet-active{ border-color:#ca1521;background:#ca1521}

.AdvantageHome .right-1{float: right;width:45%;padding:50px 0 0 0}

.AdvantageHome .right-1 .tone{margin:30px 0 -2% -2%;display: flex;flex-flow: row wrap;align-content: flex-start;}

.AdvantageHome .right-1 .tone li{float:left;width:47.3%;margin:0 0 2% 2%;padding: 25px 10px;cursor: pointer;text-align: center;background: #f1f2f5;}

.AdvantageHome .right-1 .tone a{ display: table;margin: auto; color:#212121;font-size:22px;}

.AdvantageHome .right-1 .tone em{float:left;display: inline-block;margin-right:5px;/* margin: -18px 0 0 0; */width:30px;height: 28px;background-repeat:no-repeat;background-position:0 0;transition: all .4s ease-in-out;}

.AdvantageHome .right-1 .tone li.active{color:#fff;background: #ca1521;}

.AdvantageHome .right-1 .tone li.active a{color:#fff;}

.AdvantageHome .right-1 .tone li.active em{background-position:0 -28px ;}

.AdvantageHome .right-1 .tone li.x1 em{background-image:url(../images/AdvantagesIco01.png);}

.AdvantageHome .right-1 .tone li.x2 em{background-image:url(../images/AdvantagesIco02.png);}

.AdvantageHome .right-1 .tone li.x3 em{background-image:url(../images/AdvantagesIco03.png);}

.AdvantageHome .right-1 .tone li.x4 em{background-image:url(../images/AdvantagesIco04.png);}

.AdvantageHome .right-1 .tone li.x5 em{background-image:url(../images/AdvantagesIco05.png);}

.AdvantageHome .right-1 .tone li.x6 em{background-image:url(../images/AdvantagesIco06.png);}

.AdvantageHome .right-1 .down{}

.AdvantageHome .right-1 .down h4{color:#212121;font-size:32px;margin-bottom: 25px;}

.AdvantageHome .right-1 .down hr{width: 40px;height: 2px;margin: 10px 0 0 0;border: none;background: #ca1521;}

.AdvantageHome .right-1 .down p{color:#494949;font-size:20px;height:100px }

.AdvantageHome .left-2{position: relative;height: 600px;z-index: 4;float:left;width:50%;padding:80px 100px 0 0;}

.AdvantageHome .left-2 h3{color:#212121;font-size:36px;margin-bottom:25px;font-weight:bold;}

.AdvantageHome .left-2 h3 font{color:#ca1521; }

.AdvantageHome .left-2 h4{color:#212121;font-size:26px;margin-bottom: 50px;}

.AdvantageHome .left-2 hr{width: 60px;height: 3px;margin: 20px 0 0 0;border: none;background: #ca1521;}

.AdvantageHome .left-2 p{line-height:30px;color:#494949;font-size:16px; }

.AdvantageHome .left-2 ul{position: absolute;left: 0;z-index: 3;width: 125%;margin: 80px 0px 0 0;background: #ca1521;}

.AdvantageHome .left-2 ul li{float:left;width: 20%;color:#fff;font-size:20px;padding:30px 10px;text-align: center;}

.AdvantageHome .left-2 ul li em{display:block;width: 42px;height: 41px;margin: 0 auto 10px;background-repeat:no-repeat;background-position:0 0;transition: all .4s ease-in-out;}

.AdvantageHome .left-2 ul li:nth-of-type(even){background: #df1623;}

.AdvantageHome .left-2 ul li:hover{background:#333}

.AdvantageHome .right-2{float:right;width:50%;position: relative;z-index: 2;}

.AdvantageHome .left-2 .bg{position: absolute;z-index: -1; right:0;top:0;}

.AdvantageHome .right-2 .bg{position: absolute;z-index:-1;left:0;top:0;}

.AdvantageHome .left-2 ul .x1 em{background-image:url(../images/AdvantagesIco201.png);}

.AdvantageHome .left-2 ul .x2 em{background-image:url(../images/AdvantagesIco202.png);}

.AdvantageHome .left-2 ul .x3 em{background-image:url(../images/AdvantagesIco203.png);}

.AdvantageHome .left-2 ul .x4 em{background-image:url(../images/AdvantagesIco204.png);}

.AdvantageHome .left-2 ul .x5 em{background-image:url(../images/AdvantagesIco205.png);}





/*==首页案例↓==*/

.CaseHome{}

.CaseHome .long{position: relative;}

.CaseHome .list h4{text-align: center;color:#212121;font-size:16px;margin-top:15px; }

.CaseHome .list img{display: block;max-width:100%}

.CaseHome .list li:hover h4{color:#ca1521}

.CaseHome .btn{width:auto;height:initial;text-align:center;color: #888;font-size: 60px; background: none;}

.CaseHome .pv{left:-60px}

.CaseHome .nt{right:-60px}

.CaseHome .btn:hover{ color: #ca1521;}





/*==首页应用↓==*/

.UseHome{ position: relative; background:#f6f8fa;}

.UseHome:before{content: "";position: absolute;left: -80px;top:0;width: 60%;height: 60%;transform: skew(-12deg);background: #ca1521;}

.UseHome .container{ position: relative;}

.UseHome .left{position: absolute;left:0;bottom:0;z-index: 2;width: 30%;padding: 20px 40px;background: #fff;} 

.UseHome .left .title{color:#666666;font-size:16px;margin-bottom:25px;}

.UseHome .left .title font{display: block;font-weight:bold; color:#212121;font-size:36px;margin-bottom:10px}

.UseHome .left .tone{margin-right: 80px;}

.UseHome .left .tone a{position: relative;display: block;font-size:17px;color:#404040;padding:14px 0;}

.UseHome .left .tone a:before{ opacity:0; content:""; position: absolute; left:0;bottom:0;width:90%; height:1px;background: #ca1521;}

.UseHome .left .tone i{ opacity:0;float:right;display: block; font-size:22px;font-weight:bold;color:#ca1521;transform: translateX(10px);}

.UseHome .left .tone li.active a:before{opacity:1;width:100%}

.UseHome .left .tone li.active i{opacity:1;transform: translateX(0px);}

.UseHome .left .pageState{position: absolute;right: 20%;top: -50px;color:#fff;font-size:30px;letter-spacing: 5px;}

.UseHome .left .pageState span{color:#fff;display: block;float: left;font-size:45px;margin-top: -25px;}

.UseHome .down{float: right;width: 75%;}

.UseHome .down li{position: relative;z-index:1;width: 100%;height: 520px;}

.UseHome .down li:before{content: ""; position: absolute; left:0;bottom:0;width:100%;height:50%; background:-webkit-linear-gradient(top, rgba(0,0,0,0.01), rgba(0,0,0,0.6)); }

.UseHome .down .box{position: absolute;left: 10%;bottom:30px;}

.UseHome .down h4{color:#fff;font-size: 22px;margin-bottom:10px;font-weight: bold;}

.UseHome .down p{color:#fff;font-size:15px;}

.UseHome .down .bg{position: absolute;left:0;top:0;z-index: -1;width: 100%;height: 100%;object-fit: cover;}





/*==首页应用↓==*/

.PartnerHome{}

.PartnerHome .long{position: relative;}

.PartnerHome .list li{}

.PartnerHome .list li a{border:1px #ddd solid; display:block;height:100%}

.PartnerHome .list a:after{ opacity:0; content:""; position:absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-10px);background:#ca1521;}

.PartnerHome .list h4{ opacity:0; position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;color:#fff;font-size:18px;transform: translateY(10px);}

.PartnerHome .list .pic img{width:100%;min-height:150px}

.PartnerHome .list li:hover h4{opacity:1;transform: translateY(0px);}

.PartnerHome .list li:hover a:after{opacity:0.8;transform: translateY(0px);}

.PartnerHome .pv{left:-50px}

.PartnerHome .nt{right:-50px}

.PartnerHome .btn{width:40px;line-height:40px;height:40px;text-align:center;color: #fff;font-size: 32px;border-radius:50%;background:#000000;}

.PartnerHome .btn:hover{ background: #ca1521;}

.PartnerHome .more{margin:50px auto 0;  }





/*==首页关于↓==*/

.AboutHome{ position: relative; padding-top: 60px; overflow: hidden;}

.AboutHome .container:before{content: "";position: absolute;left: 80px;top:-60px;z-index:-1;width: 150%;height: 90%;transform: skew(-12deg);background: #ca1521;}

.AboutHome .container{ position:relative;z-index:2;}

.AboutHome .bg{position:absolute;right:0;top:0;z-index:-1;/* height:100%; */}

.AboutHome .left{width: 47%;}

.AboutHome .left h3.title{color:#212121;font-size:36px;margin-bottom:10px; font-weight:bold;}

.AboutHome .left h4.title{color:#ca1521;font-size:26px;margin-bottom:40px;}

.AboutHome .left .wx{color:#484848;font-size:15px;line-height: 28px;}

.AboutHome .left .more{color:#ca1521;font-size:15px;margin-top:20px; display: table;}

.AboutHome .left .more:hover{color:#000}

.AboutHome .left .link{margin-top:60px;}

.AboutHome .left .link a{float:left;display: block; font-size:18px;margin-right: 40px;}

.AboutHome .right{width: 45%;}

.AboutHome .digital{padding: 0px;margin: 0 0 0 0;display: block;column-count: 3;column-gap: 15px;orphans: 1;widows: 1;}

.AboutHome .digital li{display: inline-block;float: none;width: 100%;/*height: 252px;*/margin: 0px 0 15px 0;padding: 45px 10px;text-align: center;background-repeat:no-repeat;background-position:center;background-size: cover;}

.AboutHome .digital li a{display:block}

.AboutHome .digital li span{display: inline-block;color:#fff;font-size:60px;}

.AboutHome .digital li font{color:#fff;font-size:28px;}

.AboutHome .digital li h5{color:#fff;font-size:16px;margin-top: 5px;}

.AboutHome .digital .x3{margin-top: 50px;}

.AboutHome .digital .x5{margin-top: 150px;}

.AboutHome .digital .x1{background-image: url(../images/DigitalBg01.jpg);}

.AboutHome .digital .x2{background-image: url(../images/DigitalBg02.jpg);}

.AboutHome .digital .x3{background-image: url(../images/DigitalBg03.jpg);}

.AboutHome .digital .x4{background-image: url(../images/DigitalBg04.jpg);}

.AboutHome .digital .x5{background-image: url(../images/DigitalBg05.jpg);}





/*==首页新闻↓==*/

.NewsHome{}

.NewsHome .tone{text-align: center;margin-bottom:30px}

.NewsHome .tone li{display: inline-block;margin: 0 20px;cursor: pointer;}

.NewsHome .tone li a{position: relative;display:block;color:#0a1a31;font-size:16px;padding-bottom: 12px;}

.NewsHome .tone li a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;background:#ca1521;transition:transform .5s;transform: scale(0,1);transform-origin:right;}

.NewsHome .tone li.active a{color: #ca1521;}

.NewsHome .tone li.active a:after{transform: scale(1);transform-origin:left;} 

.NewsHome .down{}

.NewsHome .left{float: left;position: relative;z-index: 2;width: 38%;padding:30px 40px;background: #f8f8f8;}

.NewsHome .left:before{ content: ""; position: absolute;left:0;top:0;z-index: -1; width: 100%; height: 30%; background: #ca1521;}

.NewsHome .left .title{color:#fff;font-size: 25px;margin-bottom:20px;}

.NewsHome .left .title .more{float:right;font-size: 18px;color:#fff;margin-top: 6px;}

.NewsHome .left .pic{height:330px;margin-bottom:20px;}

.NewsHome .left .pic img{width:100%;height: 100%;object-fit: cover;}

.NewsHome .left h4{color:#373737;font-size:18px; margin-bottom:20px;

width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.NewsHome .left p{-webkit-line-clamp: 2;color:#636363;line-height: 24px;font-size:13px;margin-bottom:30px;}

.NewsHome .left .time{color:#666;font-size:13px;}

.NewsHome .left li:hover h4{color:#ca1521}

.NewsHome .left .spot{position: initial;float: right;width: auto;margin: -20px 0 0 0;}

.NewsHome .left .spot span{opacity:1;width:10px;height:10px;background:#555555;    transition: all .4s ease-in-out;}

.NewsHome .left .spot .swiper-pagination-bullet-active{background:#ca1521}

.NewsHome .right{width: 62%;padding-left:30px;}

.NewsHome .right .list{margin:0 0 -10px -10px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.NewsHome .right li{float:left;width:50%;margin-bottom:10px;}

.NewsHome .right li a{display: block;height:100%;border:1px #ddd solid;padding: 25px;margin-left:10px;}

.NewsHome .right .time{position: relative;color:#666;font-size:14px;display: block;border-bottom:1px #ddd solid;padding-bottom: 30px;margin-bottom: 30px;}

.NewsHome .right .time font{display: block;color:#434343;font-size:45px;font-weight: bold;}

.NewsHome .right .time i{position: absolute;right: 0;top: 24px;float:right;color:#666;font-size: 32px;font-weight: bold;}



.NewsHome .right h4{color:#373737;font-size:18px;margin-bottom: 20px;

width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.NewsHome .right p{-webkit-line-clamp: 3;color:#636363;line-height: 24px;font-size:13px;/* margin-bottom:30px; */}

.NewsHome .right li:hover h4{color:#ca1521}

.NewsHome .right li:hover .time i{color:#ca1521;transform: translateX(-10px);}

.NewsHome .left{height:605px}

.NewsHome .right li{height:297px}





/*==解决方案↓==*/

.ApplyInner{}

.ApplyInner .list{margin-bottom:-40px}

.ApplyInner .list li{position: relative;float: left;width:100%;margin-bottom: 50px;padding-bottom: 50px;border-bottom: 1px #ddd solid;clear: both;overflow: hidden;z-index: 2;}

.ApplyInner .list li a{position: relative;display:block;width: 100%;height: 100%;overflow: hidden;}

.ApplyInner .list .box{float:right;padding:50px;width: 35%;margin: 70px 0;border: 1px #ddd solid;box-shadow: 0 0 10px #ddd;background: #fff;}

.ApplyInner .list li:nth-child(2n) .box{float:left}

.ApplyInner .list li:nth-child(2n) .bg{left:auto;right:0;}

.ApplyInner .list h3{color:#191919;font-size:36px;margin-bottom:40px;}

.ApplyInner .list span{ display: block; color:#999;font-size:14px;}

.ApplyInner .list hr{display: block;margin:10px 0 0 0; width:20px;height:2px; border:none;background: #ca1521;}

.ApplyInner .list p{color:#191919;font-size:14px;margin-bottom:30px;line-height:24px}

.ApplyInner .list p:last-child{margin-bottom:0px;}

.ApplyInner .list p b{display: block; color:#333;font-size:14px;font-weight:bold;margin-bottom:10px;}

.ApplyInner .list .bg{position: absolute;left:0;top:0;width: 70%;height:100%;z-index: -1;}

.ApplyInner .list .bg img{width:100%;height: 100%;object-fit: cover;}

.ApplyInner .list li:hover .box{ box-shadow: 0 0 10px #333;transform: translateY(-10px);/* background: #ca1521*/}

/*.ApplyInner .list li:hover .box *{color:#fff}

.ApplyInner .list li:hover .box hr{background: #fff}*/

/*.ApplyInner .mBtn1:after{background: #fff;}

.ApplyInner .list li:hover .mBtn1{color:#ca1521}*/





/*==视频列表↓==*/

.list-video{margin:0 0 -30px -20px;}

.list-video li{width: 33.3%;float:left;}

.list-video li a{display: block;margin:0 0 30px 20px}

.list-video .pic{ position: relative;z-index:2}

.list-video h4{color:#090929;font-size:18px; margin-top:20px; text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list-video li:hover h4{color:#ca1521}





/*==关于↓==*/

.AboutInner{padding-bottom:0px !important}

.AboutInner .culture{background: url(../images/cultureBg.jpg) no-repeat center; background-size:cover ;}

.AboutInner .culture ul{width:65%}

.AboutInner .culture ul li{position:relative;float:left;width:31.3%;margin:0 0 2% 2%}

.AboutInner .culture ul li img{display: block;width:100%;}

.AboutInner .culture ul .box{position: absolute;bottom:0;padding:30px;}

.AboutInner .culture ul h4{color:#fff;font-size:26px;}

.AboutInner .culture ul p{color:#fff;font-size:16px; margin-top:10px;}

.AboutInner .cooperate{background: url(../images/cooperateBg.jpg) no-repeat center; background-size:cover;}

.AboutInner .cooperate h4{opacity: 0; position: absolute;left:0;bottom:0;width:100%;padding:10px; text-align: center; font-size:14px;color:#fff; background: #ca1521;}

.AboutInner .cooperate .pic img{width:100%}

.AboutInner .cooperate li:hover h4{opacity: 1;}

.AboutInner .cooperate .spot{position:initial; margin-top:40px}

.AboutInner .cooperate .spot span{opacity: 1;width:10px;height:10px; background: #fff;}

.AboutInner .cooperate .spot span.swiper-pagination-bullet-active{background: #ca1521;}

.AboutInner .style{border-top:1px #ddd solid}

.AboutInner .style .srll{float:left;width:50%;padding: 0px 10px 0 0; position: relative;}

.AboutInner .style .srll li{ position: relative;overflow: hidden;}

.AboutInner .style .srll li h4{position: absolute;right:0;bottom:20px;z-index:5;padding:20px 220px 18px 40px;color:#191919;font-size:16px; background: #fff}

.AboutInner .style .srll li h4:after{ position: absolute; content: ""; left:-150%;top:0;z-index:-1;width:300%;height:100%;background: #fff;transition: all .2s ease-in-out;}

.AboutInner .style .srll li h4 font{ opacity: 0; display:block; max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.AboutInner .style .spot-1{left:auto;bottom:20px;right:10px;width:auto;padding:22px 20px 23px 20px; background: #fff;z-index: 2;display: table;}

.AboutInner .style .srll .swiper-slide-active h4:after{ opacity: 0;/*! display: none; *//*! background: #000; */}

.AboutInner .style .srll .swiper-slide-active h4 font{ opacity: 1;}

.AboutInner .style .srll li h4,.AboutInner .style .change{height:65px;}

.AboutInner .style .block{  float:left;width:25%; padding:0 10px 10px 0px;}

.AboutInner .style .block a{position: relative;display: block;overflow: hidden; }

.AboutInner .style .block img{display: block;max-width:100%;}

.AboutInner .style .block h4{ position: absolute; left:0;bottom:0;z-index:2;width:100%;color:#fff;font-size:16px; padding:12px 20px; background: rgba(0,0,0,0.4);}

.AboutInner .style .block:hover h4{bottom:-50px; background: #014ea0;}

.AboutInner .style .srll img,.AboutInner .style .block img{display: block;max-width:100%;height: 100%;object-fit: cover;}

.AboutInner .style .srll .pic,.AboutInner .style .srll{height:610px;}

.AboutInner .style .block .pic{height:300px;}





/*==简介通用↓==*/

.introduceCon{}

.introduceCon .left{position: relative; width:50%;}

.introduceCon .left img{max-width:100%;width:100%;}

.introduceCon .left em{position: absolute; left:50%;top:50%;margin:-25px 0 0 -70px; display: block;color:#fff;font-size:25px; border:2px #fff solid; border-radius:40px;padding:10px 55px;font-family:"iconfont";}

.introduceCon .left:hover em{border-color:#000; background: #000;}

.introduceCon .right{width:45%}

.introduceCon .right .title{color:#191919;font-size:40px;margin-bottom:30px;}

.introduceCon .right .tit{color:#ca1521;font-size:22px;font-weight:bold;margin-bottom:25px;}

.introduceCon .right .wx{color:#666666;font-size:14px;line-height: 26px;}

.introduceCon .right .moreBtn{margin-top:60px;}

.introduceCon .digital{margin-top:80px;padding:50px 0;border-bottom:1px #ddd solid;border-top:1px #ddd solid;}

.introduceCon .digital li{border-right:1px #ddd dashed}

.introduceCon .digital li:last-child{border:none}

.introduceCon .digital li span{color:#333}

.introduceCon .digital li h5{color:#999}





/*==荣誉资质通用↓==*/

.honorCon{background: url(../images/bg03.jpg);}

.honorCon .long{position: relative;}

.honorCon li{}

.honorCon .list li .pic{height:280px;padding:30px !important; background:#fff url(../images/honorBg.png) no-repeat center;background-size: contain;}

.honorCon li h4{color:#333333;font-size:16px;margin-top:20px; text-align: center;}

.honorCon li:hover h4{color:#ca1521}

.honorCon .btn{left:-25px;width:50px;height:50px; line-height:45px;text-align: center;color:#fff;font-size:32px; background: #666;}

.honorCon .btn.next{left:auto;right:-25px;}

.honorCon .btn:hover{background:#ca1521;}





/*==公司环境列表↓==*/

.ambient-list{margin: 0 0px -20px -20px;}

.ambient-list li{float:left;width:25%;}

.ambient-list li a{display: block;margin: 0 0px 20px 20px;}

.ambient-list li h4{color:#333333;font-size:14px;margin-top:10px;}

.ambient-list li:hover h4{color:#ca1521}





/*数字加载*/

.digital{width:100%;margin-top: 50px;padding:0 50px;display: flex;flex-flow: row wrap;align-content: flex-start;}

.digital li{position: relative;z-index:2; float:left;width:20%;display: block;}

.digital li a{position:relative;z-index:2; display:table;margin:auto}

.digital li span{color:#fff;font-size:76px;/* font-weight: bold; */}

.digital li h5{color:#fff;font-size:16px;/* margin-top: 10px; */}





/*==list-box 图片款 久↓==*/

.list-box{margin:0 0 -10px -10px}

.list-box li{float:left; width:25%; }

.list-box li img{max-width:100%;width:100%;}

.list-box li a{display:block;margin:0 0 10px 10px}

.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}

.list-box li:hover .pic{border: 1px #0054b4 solid;}

.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}

.list-box li:hover h4{color:#0054b4;}





/*==底部===*/

.footer{padding: 50px 0 20px 0;border-top:5px #ca1521 solid;background: #333333;overflow: hidden;}

.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 40%;}

.footer .nav h3{ color:#e6e6e6;font-size:15px;margin-bottom:20px;} 

.footer .nav li{/*! display: table-cell; */padding-right: 15px;float: left;width: 25%;}

.footer .nav li a{ display: block;color:#858585;  font-size:13px;padding:3px 0;}

.footer .nav li a:hover{color:#fff}

.footer .ewm{float:right;/* width:30%; */color:#858585;font-size:12px;text-align: center;}

.footer .ewm img{ display: block; margin-bottom:5px;}

.footer .contact{float:right; margin-left:50px}

.footer .contact .tel{position: relative;color:#858585;font-size:12px;display: block;padding-left: 55px;}

.footer .contact .tel font{ display:block;margin-top:5px;color:#fff;font-size:32px;}

.footer .contact .tel i{position: absolute;left: 0;top: 5px;float:left;color:#fff;font-size: 45px;}

.footer .contact .address{margin-top:20px}

.footer .contact .address{color:#fff;font-size:15px;display: block;}

.footer .contact .address font{ display:block;margin-top:5px;color:#858585;font-size:13px;}

.footer .down{position:relative;margin-top:20px;padding-top:20px;position: relative;color:#858585;font-size:12px;}

.footer .down:before{content: "";position: absolute;left:-20%;top:0;width:150%;height:1px;background: #444;}

.footer .down a{ color:#858585;font-size:12px; }

.footer .down .gongw{margin-left:100px;padding-left:20px; background: url(../images/gongwIco.png) no-repeat left;}

.footer .link{margin-top:20px;}

.footer .link h3{color:#fff;font-size:12px;float: left;}

.footer .link h3 font{color: #b00700;margin-left: 5px;}

.footer .link a{color:#aaaaaa;font-size:12px;display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}

.footer .link a:last-child{border:none;}

.footer a:hover{color:#fff}