@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}


/*==版心定义↓==*/
.container{width:1600px;}
a:hover{color:#0d4da1}


/*==字符串↓==*/
*:before,*:after,em,i,.iof{font-style: normal;font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* Project id 1963410 */
  src: url('//at.alicdn.com/t/c/font_1963410_ool8h5oeqy.woff2?t=1672194438197') format('woff2'),
       url('//at.alicdn.com/t/c/font_1963410_ool8h5oeqy.woff?t=1672194438197') format('woff'),
       url('//at.alicdn.com/t/c/font_1963410_ool8h5oeqy.ttf?t=1672194438197') format('truetype');
}

/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;z-index:99; padding:10px 0; box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{opacity:0.9; height:100%;}
.fixed-top.header .logo img{ height:60px;}
.fixed-top.header .head-top{display: none;}
.fixed-top.header .nav{margin:10px 0}
/*--*/
.header{position: fixed;top: 0;z-index:99;width: 100%;padding:20px 0;/* height:100px; */}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #0d4da1;transition: all .4s ease-in-out;}
.header .logo{float:left;display: flex;align-items: center;}
.header .logo img{ /* max-height: 100%; */}
.header .txt{margin-left:20px;color:#fff;font-size:20px;font-weight:bold;}
.header .tel{position: relative;float: right;margin: 10px 0 0 60px;font-weight: bold;font-size: 24px;color: #333;}
.header .tel:before{content: "\e675";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-weight: 400;color: #0d4da1;}
.header .nav{display:flex;}
.header .nav > li{flex: 1;}
.header .nav > li > a{position: relative;display: table;margin: auto;color: #fff;font-size: 20px;text-align: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;top: -16px;width:100%;height:2px;background:#fff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#fff;font-weight:bold; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.head-top{border-bottom: 1px #ddd solid;padding-bottom: 20px;margin-bottom: 15px;overflow: hidden;}
.header .lang{position: relative;float:right;display: flex;color:#fff;margin: 5px 0 0 40px;align-items: center;}
.header .lang:before{content:"";position:absolute;left: -20px;top:0;bottom:0;width:1px;height:20px;margin: auto;background:#fff}
.header .lang a{display: inline-block;/* float:left; */color:#fff;margin: 0 5px;font-size: 18px;}
.header .lang a:hover{color:#0d4da1}
.header .search {position:relative;float: right;margin: auto;margin: 5px 0 0 60px;width: 150px;border-radius: 20px;border: 1px #fff solid;}
.header .search input {width:100%;padding:0 40px 0 10px;color: #fff;background: none;font-size: 14px;border: none;}
.header .search input::-webkit-input-placeholder{color:#fff}
.header .search button {position:absolute;right: -1px;top: -1px;bottom: -1px;padding: 0 10px !important;margin:auto;/* width: 60px; *//* height: 40px; */color: #fff;font-size: 23px;border:none;cursor:pointer;background: none;}
.header .search button:hover {background:#0d4da1}
.header .search input,.header .search button {line-height: 30px;/* height:40px; */padding:1px 15px;/* background:none;*/border-radius: 0px 20px 20px 0;}
/*--*/
.header .sub{display:none;left:0;right:0;top:100%;position:absolute;z-index: 999;border-top: 1px #ddd solid;border-bottom:1px #ddd solid; box-shadow:0 0 10px #ddd;background:url(../images/navBg.jpg) no-repeat center; background-size:cover;}
.header .sub .long{display: flex;justify-content: center;} 
/*--*/
.header .sub-1{padding:20px 0}
.header .sub-1 a{display: block;color: #5e5e5e;font-size: 16px;margin: 8px 20px;}
.header .sub-1 a:hover{color:#0d4da1; font-weight:bold}
/*--*/
.header .sub-2{padding: 50px 0;}
.header .sub-2 .vig{/* flex: 1; */display: flex;    flex-direction: column;}
.header .sub-2 .vig li{}
.header .sub-2 .vig .title{color:#333;font-size: 18px;margin-bottom:20px;}
.header .sub-2 .vig a{display: flex;color:#333;font-size: 17px;margin-bottom: 15px;}
.header .sub-2 .vig a:hover{color:#0d4da1;transform:translateX(-2px)}
.header .sub-2 .vig img{flex-shrink: 0;width:70px;margin-right:10px;}
.header .sub-2 .pic{flex-shrink:0;margin-left: 100px;}
.header .sub-2 .pic .more{display: block;color:#999;font-size:14px;margin-top:10px;}
.header .sub-2 .pic .more:hover{color:#0d4da1}

/*==次级导航↓==*/
.menu{position: relative;width:100%;/* box-shadow: 0 0 20px #ddd; */background: #f3f3f3;}
.menu ul{display: flex;text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;/* padding: 22px 0; */align-items: center;justify-content: center;flex-wrap: wrap;}
.menu li{/*! flex: 1; */ display: inline-block;}
.menu li a{position:relative;z-index:2;display: block;margin: 0 50px;color:#191919;font-size:18px;padding: 20px 0;overflow: hidden;}
.menu li a:after{content: "";position: absolute;left:0;bottom:0;z-index:-1;width: 100%;height: 3px;background: #0d4da1;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{color: #0d4da1;font-weight:bold}
.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}

 

/*==次级导航↓==*/
.menu_2{position: relative;width:100%;margin-top: -30px;}
.menu_2 ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu_2 li{/*! flex: 1; */ display: inline-block;}
.menu_2 li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#3c3c3c;font-size: 20px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 6px;background: #e8e7e7;}
.menu_2 li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #0d4da1;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu_2 li:hover a,.menu_2 li.active a{ color:#fff;border-color:#0d4da1;box-shadow:0 0 10px #ddd}
.menu_2 li:hover a:after,.menu_2 li.active a:after{transform: scale(1);transform-origin:left;}


/*==筛选1↓==*/
.inv-period{ position:relative;display: flex; margin-bottom:40px;}
.inv-period .title{display: flex;color:#666;font-size: 20px;font-weight:bold;margin-right:30px;align-items: center;}
.inv-period .title:before{content: "";display: block;width:3px;height: 18px;margin-right: 10px;background: #0d4da1;}
.inv-period a{display: block;color:#666;font-size: 20px;margin-right: 40px;cursor:pointer;}
.inv-period a:hover,.inv-period a.active{color:#0d4da1;font-weight:bold}



/*==筛选2↓==*/
.inv-choice{ position:relative;display: flex; margin-bottom:50px;}
.inv-choice a{position: relative;display: block;color:#666;font-size:18px;margin-right:20px;padding: 5px 25px;cursor:pointer;background: #d9d9d9;}
.inv-choice a:after{opacity: 0;content:"\e65f";position: absolute;left:0;right:0;bottom: -15px;margin: auto;color:#0d4da1;font-size:20px;width: fit-content;}
.inv-choice a:hover,.inv-choice a.active{color:#fff; background: #0d4da1;}
.inv-choice a:hover:after,.inv-choice a.active:after{opacity:1}


/*==面包屑↓==*/
.site{}
.site .container{padding: 20px 0;border-bottom:1px #ddd solid;}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#0d4da1}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #0d4da1;}


/*==标题↓==*/
.titleAx{ color:#333;font-size:40px;} 
.titleAx b{position: relative;z-index: 1;display: table;padding-bottom: 10px;font-weight: bold;border-bottom:2px solid #0d4da1;} 
/*.titleAx b:after{content: "";position: absolute;top: 5px;right: -20px;z-index: -1;width:50px;height:50px;border-radius:50%;background:-webkit-linear-gradient(top, #0d4da1, #fff);}*/
.titleAx span{margin-top:10px;display: block;font-size:18px;text-transform: Uppercase;}
.titleAx font{color:#0d4da1}
.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none; }
.titleAx.cen{text-align: center;margin-bottom:50px;}
.titleAx.cen b{margin:auto;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
.titleAx.tTop{margin-top:40px}
/*--*/
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.titleBx span{display: block; margin:10px auto 0;color:#bdbdbd;font-size:14px;font-weight:400}
.titleBx hr{display: block;margin: 10px auto 0;width: 40px;height: 2px;border:none;background: #0d4da1;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}


/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}

/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;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{}


/*==产品左侧↓==*/
.pro-item{display: flex;}
.pro-item .lefter{width:270px;margin-right:50px;}
.pro-item .righter{flex: 1;}


/*==内页导航↓==*/
.leftNav{}
.leftNav .title{display: flex;position: relative;color: #333;font-size:20px;align-items: center;padding-bottom: 15px;}
.leftNav .title:before{content: "";display: block;width:3px;height: 18px;margin-right: 10px;background: #0d4da1;}
.leftNav .title:after{content:"";position: absolute;left: 0;bottom: 0;display:block;width:60%;height:1px;background:#eee}
.leftNav .title em {display:none;font-size:16px;}
.leftNav .title em i {margin-left:5px}
.leftNav .title em:hover {color:#0d4da1}
.leftNav .drop li{}
.leftNav .drop li:after{content:"";display:block;width:60%;height:1px;background:#eee}
.leftNav .drop a{display: block;color:#333333;font-size:18px;padding: 15px 0px;}
.leftNav .drop li:hover a,.leftNav .drop li.active a{color:#0d4da1;transform:translateX(-5px)}


/*==更多按钮↓==*/
.more-1{display: table;margin-top:30px;color:#fff;font-size:16px;padding: 11px 40px;border-radius: 5px;background: #ee924a;}
.more-1:hover{color:#fff;background:#0d4da1}
/*--*/
.more-2{display: flex;width: max-content;margin:auto;margin-top: 40px;color:#ee924a;font-size:14px;padding: 12px 50px;border-radius: 30px;border:1px #ee924a solid;transition: all .4s ease-in-out;align-items: center;justify-content: center;flex-direction: row-reverse;}
.more-2:before{content:"\e61f";font-size: 24px;margin-left: 20px;color:#ee924a}
.more-2:hover{color:#fff; background:#ee924a;}
.more-2:hover:before{color:#fff;transform:translateX(5px)}


/*==切换效果↓==*/
.cut-item .btn {position:absolute;top:50%;left:-75px;display:block;width: 50px;line-height: 50px;text-align:center;color: #fff;font-size: 22px;font-weight:bold;transform:translateY(-50%);cursor:pointer;border: 1px #fff solid;border-radius: 50%;/*background:#fff;*/}
.cut-item .btn.sNext {left:auto;right:-75px;}
.cut-item .btn:hover {color:#0d4da1;border-color: #0d4da1;}
.cut-item .btn:hover:before {color:#0d4da1}
.cut-item .sPrev:before {content:"\e662";}
.cut-item .sNext:before {content:"\eb9b";}
/*-切换点1-*/
.spot-dot {}
.spot-dot {position:initial;margin:40px auto 0;text-align:center;}
.spot-dot span {opacity:1;width:15px;height:15px;margin:0 10px;border:1px #ddd solid;background:#fff;}
.spot-dot span.swiper-pagination-bullet-active {background:#0d4da1;}
/*-切换点2-*/
.spot-forte{position:initial;margin:40px auto 0;text-align:center;}
.spot-forte span{opacity:0.8;width:25px;height:6px;border-radius:0px;margin:0 6px;background:#fff;}
.spot-forte span.swiper-pagination-bullet-active{opacity:1;background:#0d4da1;}
 


/*==切换按钮↓==*/
.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -5px;    align-items: stretch;}
.tone-item li{flex: 1;display:inline-block;cursor: pointer;margin-left: 5px;}
.tone-item a{position: relative;z-index: 1;display: block;height:100%;color:#fff;font-size:18px;padding: 15px 10px;overflow:hidden; background:#9d9d9d}
.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background: #0d4da1;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.tone-item .more a{color:#1c2023; background: #dddddd;}
.tone-item .active a,.tone-item li:hover a{color:#fff; }
.tone-item .active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}


/*==视频框↓==*/
.videoEject{position: relative;display: block;overflow: hidden;}
.videoEject h5{position: absolute;left:0;;bottom:0;right:0; margin:30px;color:#fff;font-size:20px; }
.videoEject img{transition: all .4s ease-in-out;}
.videoEject:before{content: "\e695";position: absolute;left:0;right:0;top:0;bottom:0;z-index: 2;display: flex;margin:auto;height: fit-content; color:#fff;font-size: 80px;font-weight: bold;justify-content: center;align-items: center;}
.videoEject:hover img{transform:scale(1.02);}


/*===产品列表↓==*/
.product-list.edge{margin:0 0 -30px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list.edge li{display: inline-block;width:calc(33.3% - 20px);margin:0 0 30px 20px; }
.product-list li{text-align: center;}
.product-list.lx1 li{width:calc(100% - 20px);}
.product-list a{display: block;}
.product-list .pic{padding-top:100%;border:10px #fff solid;box-shadow: 5px 5px 10px #ddd;}
.product-list em{display: table;margin:0 auto 10px; color:#666;font-size:20px;width:70px;height:70px; line-height:70px;border:1px #666 solid; border-radius: 50%;background-repeat:no-repeat;background-position:center;}
.product-list h4{color:#000123;font-size:16px;margin-top:15px;}
.product-list li:hover{}
.product-list li:hover a{transform: translateY(-5px);}
.product-list li:hover h4{color:#0d4da1}


/*==首页数字滚动↓==*/
.numberHome{padding:150px 0; background: url(../images/digitalBg.jpg) no-repeat center; background-size:cover;}


/*==首页关于↓==*/
.aboutHome .long{display: flex;}
.aboutHome .video{position: relative;width:60%;margin-right:40px;}
.aboutHome .info{flex: 1;}
.aboutHome .info .logo{display: table;margin: auto;margin-bottom:50px;}
.aboutHome .info .wx{color:#666666;font-size: 18px;line-height:30px;}
.aboutHome .info .more{display: table;margin: auto;margin-top: 50px;color:#666;border: 1px #aaa solid;padding: 10px 40px;border-radius: 5px;}
.aboutHome .info .more:hover{color:#fff; border-color:#0d4da1; background:#0d4da1;}


/*==产业布局列表↓==*/
.field-list{}
.field-list li{margin-bottom:30px;/*min-height:400px;*/ background: #eee;}
.field-list a{display: block;position: relative;height: 100%;width: 100%;overflow: hidden;}
.field-list .bg{display: block; width:100%;height: 100%;object-fit: cover;}
.field-list .info{position: absolute;z-index: 1;left:100px;bottom:60px;}
.field-list h4{color:#fff;font-size:28px;font-weight:bold;}
.field-list .more{display: table; margin-top:40px;color:#fff;font-size:14px;padding:5px 20px;border:1px #0d4da1 solid; background: #0d4da1;}
.field-list li:hover a{transform:translateY(-5px)}
.field-list li:hover .bg{transform:scale(1.02);}
.field-list li:hover .more{color:#0d4da1; border-color:#0d4da1;background: none;}


/*==合作客户↓==*/
.PartnerCont{background: url(../images/PartnerHomeBg.png) no-repeat center; background-size:cover ;}
.PartnerCont .long{/* padding:0 100px; *//* background: #ddd; */}
.PartnerCont .list{display: flex;flex-flow: row wrap;align-content: flex-start;}
.PartnerCont .list li{display: inline-block;width: 20%;/* border: 1px #f60 dashed; */}
.PartnerCont .list a{position:relative; display:block;width: 100%;height: 100%;}
.PartnerCont .list a:before{content: "";position: absolute;left:0;top: 0;right: 0;bottom: 0;z-index: -1;margin: 15%;width: 70%;height: 70%;border: 1px #ddd solid;transform: rotate(45deg);background: #fff;}
.PartnerCont .list img{/* display: contents; */margin: auto;margin: 32% 20%;width: 60%;/* height: 62%; */}
.PartnerCont .list a:after{opacity: 0;content: "";position: absolute;left: 25%;top: -10%;right: 0;bottom: 0;z-index: 1;width: 70%;height: 70%;transform: rotate(45deg);background: #0d4da1;}
.PartnerCont .list h4{opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;z-index: 2;margin: auto;width: fit-content;height: fit-content;text-align: center;color:#fff;font-size:15px;padding: 10px 20px;background: rgba(0,0,0,0.6);transform: translateY(-5px);}
.PartnerCont .list li:nth-child(2n){}
.PartnerCont .list li:nth-child(6){margin-left: 10%;}
.PartnerCont .list li:nth-child(n+6){margin-top: -10%;}
.PartnerCont .list li:nth-child(15){margin-left: 14.2%;}
.PartnerCont .list li:hover a{z-index:2;}
.PartnerCont .list li:hover a:before{border-color:#0d4da1}
.PartnerCont .list li:hover a:after{opacity: 0.3;}
.PartnerCont .list li:hover h4{opacity:1;transform:translateY(0px)}
.PartnerCont .spot{ position: initial;margin:60px auto 0;text-align: center;}
.PartnerCont .spot li{position:relative; display:inline-block;width:15px;height:15px;margin:0 10px;border-radius:50%;overflow:hidden;cursor:pointer;background:#e9e9e9;    transition: all .4s ease-in-out;}
.PartnerCont .spot .active{background: #0d4da1;} 



/*==首页新闻↓==*/
.newsHome{position: relative;}
.newsHome .tagging{opacity: 0.5;position: absolute;right:-65px;top:0;bottom:0;z-index: -1;margin: auto;color:#eee;font-size:180px;font-weight:bold;height: fit-content;writing-mode: tb-rl;}
.newsHome .tone{display: flex;margin-bottom: 30px;justify-content: flex-start;}
.newsHome .tone li{float: left;display:inline-block;cursor: pointer;margin-right: 50px;}
.newsHome .tone a{position: relative;z-index: 1;display: block;color: #242424;font-size: 20px;padding-bottom: 10px;}
.newsHome .tone .active a,.newsHome .tone li:hover a{color: #0d4da1;}
/*---*/
.news-grid{}
.news-grid a{display: block;overflow: hidden;}
.news-grid .title{flex: 1;color:#333;font-size: 22px;font-weight:bold;}
.news-grid li:hover .title{color:#0d4da1}
.news-grid .one{float:left;width:50%;}
.news-grid .one .pic{padding-top:60%; }
.news-grid .one .pic img{}
.news-grid .one .title{margin-top:30px;}
.news-grid .two{ float: right; width: 47%;margin-left:3%;margin-bottom:40px; }
.news-grid .two a{position: relative; padding-right:150px; padding-bottom:20px; }
.news-grid .two a:before{content: "";position: absolute;left:0;bottom: 0;z-index: 1;width:50px;height: 3px;background: #0d4da1;}
.news-grid .two a:after{content: "";position: absolute;left:0;bottom:0px;right:150px;height: 2px;background: #ddd;}
.news-grid .two .title{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-grid .two .txt{-webkit-line-clamp: 1;;margin-top:20px;color:#666;font-size:16px;}
.news-grid .two .time{position: absolute;right: 0;top:0;top:0;bottom:0; margin:auto;height:fit-content;color:#999;font-size:30px;}
.news-grid .two .time font{display: block;font-size:15px}
.news-grid .two:hover:before{width:100px;}
.news-grid .two:hover a{transform:translateX(-5px)}
.news-grid .two:hover a:before{width:100px}

/*==社会责任tab1↓==*/
.tab_1{display: flex; flex-direction: column-reverse;}
.tab_1 .tone{display: flex;margin-top: 40px;border-top: 2px #eee solid;justify-content: center;}
.tab_1 .tone li{position: relative;z-index: 1;flex: 1;display:inline-block;cursor: pointer;color: #242424;font-size: 22px;padding: 10px 0;text-align: center;}
.tab_1 .tone li:after {content:"";position:absolute;left:0;top: -2px;z-index: 1;width:100%;height: 2px;background:#0d4da1;transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.tab_1 .tone .active,.tone-item li:hover{color: #0d4da1;}
.tab_1 .tone .active:after,.tab_1 .tone li:hover:after{transform:scale(1);transform-origin:left;} a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}
.tab_1 .frame{position: relative;height:550px;display: flex;justify-content: flex-end;align-items: center;}
.tab_1 .frame .pic{position: absolute;left: 0;top: 0;bottom: 0;right:450px;z-index:-1; height: 100%;}
.tab_1 .frame .pic img{display:block;width:100%;height: 100%;object-fit: cover;}
.tab_1 .frame .info{/* float: right; */padding:50px;margin: 50px 0;width: 600px;box-shadow: 0 0 10px #ddd;background: #fff;}
.tab_1 .frame .info h4{display: table; color:#333;font-size:28px; padding-bottom:10px;border-bottom:2px #0d4da1 solid;}
.tab_1 .frame .info .wx{margin-top:30px;color:#666;font-size:16px;line-height: 30px;;}


/*==登陆↓==*/
.signIn{background: url(../images/signBg.jpg) no-repeat no-repeat; background-size:cover;}
.signIn .box{float:right;width: 450px;margin:200px 0;padding:30px;text-align: center;background: #fff;}
.signIn .box .title{color:#2e3b57;font-size:30px;font-weight:bold;margin-bottom:20px;}
.signIn .box .shell{display: flex;margin-bottom:20px;padding: 8px 15px;border:1px #ddd solid;}
.signIn .box .shell input{ flex: 1;border: none;}
.signIn .box .shell:before{content: "";color:#999;font-size: 25px;margin-right: 10px;}
.signIn .box .number:before{content:"\e64a";}
.signIn .box .pass:before{content:"\e60f";}
.signIn .box .submit{margin-top: 15px;width: 100%;color:#fff;font-size: 16px;padding: 15px 20px;border:none;border-radius: 5px;background: #1395e7;}
.signIn .box .submit:hover{background: #3d3d3d;}
.signIn .opt{display: flex;margin-top:30px;justify-content: space-between;}
.signIn .opt a{display: block;color:#c1c4cb;font-size:16px;}
.signIn .opt a:hover{color:#0d4da1}


/*==供应商tab↓==*/
.mark-tab{display: flex;}
.mark-tab .for{margin-right:80px}
.mark-tab .for li{color:#666;font-size:20px;padding: 10px 50px;margin-bottom: 10px;cursor: pointer;background: #eee;}
.mark-tab .for .active{color:#fff;background: #0d4da1;}
.mark-tab .right{flex:1}
.mark-list{}
.mark-list li{margin-bottom:20px;}
.mark-list a{display: flex;padding-bottom:10px;border-bottom: 1px #ccc dashed;justify-content: space-between;}
.mark-list h4{color:#666;font-size:20px;}
.mark-list h4:before{content: "\e677";margin-right:10px;font-size:30px;}
.mark-list .time{display: block; color:#666;font-size:14px;}
.mark-list li:hover a{transform:translateX(-5px)}
.mark-list li:hover h4{color:#0d4da1}


/*==投资者列表↓==*/
.inv-list{}
.inv-list li{/* display: flex; */margin-bottom:20px;padding:0 100px;padding-bottom: 15px;border-bottom:1px #aaa dashed;align-items: center;overflow: hidden;}
.inv-list a{display: block;color:#333;font-size: 18px;}
.inv-list a:before{content: "";color:#666;font-size:24px;margin-right:10px; }
.inv-list .title{float: left;}
.inv-list .preview{float:right}
.inv-list .download{float:right;    margin-left: 100px;}
.inv-list .preview:before{content: "\e6d3";}
.inv-list .download:before{content: "\e62f";}
.inv-list a:hover{color:#0d4da1;}
.inv-list a:hover:before{color:#0d4da1}


/*==联系我们2↓==*/
.con2-list{display: flex;}
.con2-list li{display: flex;padding:30px 50px;width: calc(50% - 80px);margin-left:80px;box-shadow: 2px 5px 15px #ddd;align-items: center;}
.con2-list em{color:#0d4da1;font-size:50px;margin-right:30px;}
.con2-list .box{color:#333;font-size: 24px;font-weight: bold;}
.con2-list li:hover{transform:translateY(-5px);background: #0d4da1;}
.con2-list li:hover *{color:#fff}


/*==环保体系↓==*/
.protecIn{/*background: url(../images/bgk01.jpg) no-repeat center; background-size:cover;*/}


/*==环保体系列表2↓==*/
.apply-list {}
.apply-list_2 li {position:relative;margin-bottom:60px;clear:both;overflow:hidden;z-index:2;}
.apply-list_2 li a {position:relative;z-index:2;display:flex;clear:both;overflow:hidden;}
.apply-list_2 li:last-child {margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.apply-list_2 .pic {flex-shrink:0;width:50%;}
.apply-list_2 .pic img {width:100%;height:100%;object-fit:cover;}
.apply-list_2 .box {position:relative;flex:1;margin: 50px 0 0 60px;width:40%;}
.apply-list_2 h4 {color: #333;font-size: 24px;font-weight: bold;margin-bottom:40px;}
.apply-list_2 span {display:block;color:#999;font-size:14px;}
.apply-list_2 p{    -webkit-line-clamp: 4;color:#666;font-size:16px;line-height:30px;}
.apply-list_2 .more {position:relative;z-index:2;margin-top: 50px;display:table;color:#666;font-size:14px;padding: 8px 20px;border:1px #999 solid;border-radius: 5px;/* background:#0072dc;*/}
.apply-list_2 .more:hover {color:#fff;background:#333;}
.apply-list_2 li:hover a {border-color:#0d4da1}
.apply-list_2 li:hover h4{color:#0d4da1;}
.apply-list_2 li:hover h4 hr{width:50px;}
.apply-list_2 li:hover .more {color:#fff;border-color:#0d4da1;background:#0d4da1}
.apply-list_2 li:nth-child(2n) a {flex-direction:row-reverse;}
.apply-list_2 li:nth-child(2n) .box{margin:50px 50px 0 0}



/*===全球交付↓==*/
.der-card{background: url(../images/cardBg.jpg) no-repeat center; background-size:cover;} 
.der-card ul {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.der-card ul li {position: relative;z-index:1;flex: 1;line-height:1;height:900px;padding: 20px;text-align:center;color: #fff;}
.der-card ul li:after{opacity: 0.4; content: "";position: absolute;left:0;top:0;right:0;bottom:0;z-index:-1; background:#000;}
.der-card ul li:nth-child(2n):after{ opacity:0.2;}
.der-card ul .box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:2;margin: auto;height: fit-content;padding: 0 40px;transform:translateY(50px);    transition: all .4s ease-in-out;}
.der-card ul li h5 {display: table;margin: auto;color: #fff;font-size: 18px;margin-top: 10px;padding-bottom:10px}
.der-card ul li font{font-size:22px;}
.der-card ul li b{font-size:54px;color: #fff;font-weight: bold;}
.der-card ul li span {display: block; margin-top:10px;color:#fff;font-size:14px;text-transform: uppercase;}
.der-card ul li p{opacity: 0;margin-top:20px;color:#fff;font-size:16px;line-height:26px;}
.der-card ul li:hover .box{transform:translateY(0);}
.der-card ul li:hover h5{border-bottom:1px #fff solid;} 
.der-card ul li:hover p{opacity:1}


/*===全球交付-列表↓==*/
.der-list{}
.der-list .frame{ margin-bottom:50px;}
.der-list .frame:last-child{margin-bottom:0px;}
.der-list .frame:nth-child(2n) .box{float:left;}
.der-list .container{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;margin: auto;height: fit-content;/* overflow: hidden; */}
.der-list .long{position:relative; /* min-height:1000px; */overflow: hidden;background-repeat:no-repeat;background-position:center;background-size:cover;}
.der-list .long .bg{ width: 100%; height: 100%;  object-fit: cover;}
.der-list .box{float: right;margin:auto;height: fit-content;padding:50px;width: 500px;background:rgba(0,0,0,0.5);}
.der-list h4{display: table;color:#fff;font-size:20px;font-weight:bold;border-bottom:1px #fff solid;padding-bottom:10px;margin-bottom:20px;}
.der-list p{color:#fff;font-size:16px;margin-bottom:30px}
.der-list .txt1{font-weight: bold;}


/*===视频列表↓==*/
.video-list{padding: 0 100px;}
.video-list li{position: relative;margin-bottom:50px;padding: 0 0 50px 200px;}
.video-list li:last-child{margin-bottom:0px}
.video-list .pic{display: block;position: relative;/* margin:0 0 40px 100px; */}
.video-list .pic .play{position: absolute;left:0;right:0;top:0;bottom:0;margin: auto;display: flex;color:#fff;font-size:20px;width: 70px;height: 70px;border: 2px #fff solid;border-radius: 50%;background: rgba(255,255,255,0.2);align-items: center;justify-content: center;}
.video-list .info{position: absolute;left:0;bottom:0;z-index: 2;width: 500px;padding:30px 50px;text-align:center;border:1px #eee solid;background:#fff;}
.video-list .info h4{color:#0d4da1;font-weight:bold;font-size: 22px;margin-bottom:10px}
.video-list .info p{color:#666;font-size:15px;line-height:26px;}
.video-list li:hover .play{background:rgba(0,0,0,0.2)}


/*===质量体系↓==*/
.qay-policy{}
/*--*/
.qay-gd{ background:url(../images/gdBg.jpg) no-repeat center; background-size:cover;}
.qay-gd p{color:#fff;font-size:18px;line-height: 26px;padding:0 80px}
/*--*/
.qay-govern{background:url(../images/governBg.jpg) no-repeat center; background-size:cover;}
.qay-govern .list{display: flex;margin: 0 0 -30px -30px;}
.qay-govern .list li{width: calc(33.3% - 30px);margin: 0 0 30px 30px;}
.qay-govern .list h4 {color: #fff;font-size: 22px;font-weight:bold; margin-top:30px;}
.qay-govern .list span{display: block;   color:#fff;font-size:14px;line-height:30px;margin-top:10px;}
.qay-govern .list .more {position:relative;z-index:2;margin-top: 50px;display:table;color:#fff;font-size:14px;padding: 8px 20px;border:1px #fff solid;border-radius: 5px;/* background:#0072dc;*/}
.qay-govern .list li:hover h4{color:#0d4da1;} 
.qay-govern .list li:hover .more {color:#fff;border-color:#0d4da1;background:#0d4da1} 


/*===左右框架↓==*/
.orso-item {position:relative;display: flex; clear:both;overflow:hidden;z-index:2;}
.orso-item .bin {flex-shrink:0;width:50%;}
.orso-item .bin img {width:100%;height:100%;object-fit:cover;}
.orso-item .info {position:relative;flex:1;margin: 50px 0 0 60px;width:40%;}
.orso-item h4 {color: #333;font-size: 26px; margin-bottom:40px;}
.orso-item p{    -webkit-line-clamp: 4;color:#666;font-size:16px;line-height:30px;}
.orso-item .more {position:relative;z-index:2;margin-top: 50px;display:table;color:#666;font-size:14px;padding: 8px 20px;border:1px #999 solid;border-radius: 5px;/* background:#0072dc;*/}
.orso-item .info:hover h4{color:#0d4da1;} 
.orso-item .info:hover .more {color:#fff;border-color:#0d4da1;background:#0d4da1}
.orso-item.ri{flex-direction: row-reverse;}
.orso-item.ri .info{margin: 50px 60px 0 0px;}


/*===左右框架-列表↓==*/
.orso-item .list{display: flex;margin:0 0 -10px -10px;flex-wrap: wrap;}
.orso-item .list a{display: block;width:calc(50% - 10px); margin:0 0 10px 10px;}
.orso-item .list .pic{height: 120px;display: flex;justify-content: center;align-items: center;border: 1px #eee solid;background: #fff;}
.orso-item .list .pic img{  height: 100%; width: auto;}
.orso-item .list h4{margin-top:10px;text-align: center;color:#333;font-size:16px;}
.orso-item .list a:hover .pic{}
.orso-item .list a:hover h4{color:#0d4da1}



/*===新闻列表↓==*/
.news-list{}
.news-list li{margin-bottom:30px}
.news-list li:last-child{margin-bottom:0px;}
.news-list a{display: flex;background: #f5f5f5;}
.news-list .pic{flex-shrink:0; /* margin-right:40px; */width: 400px;}
.news-list .info{ padding: 40px;flex: 1;min-width: 0%;}
.news-list h4{color:#333;font-size:20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list p{margin-top:20px;color:#666;font-size: 16px;}
.news-list .time{display: block;margin-top: 20px;color:#0d4da1;font-size:14px;}
.news-list .more{margin-left:10px;}
.news-list .more:hover{color:#333}
.news-list li:hover a{box-shadow: 0 0 10px #ddd}
.news-list li:hover h4{color:#0d4da1}


/*===新闻列表-2↓==*/
.news-list_2{display: flex;margin: 0 0 -30px -30px;flex-wrap: wrap;}
.news-list_2 li{width: calc(33.3% - 30px);margin: 0 0 30px 30px;}
.news-list_2 a{display: block;background: #f5f5f5;}
.news-list_2 .pic{}
.news-list_2 .info{ padding: 40px;}
.news-list_2 h4{color:#0d4da1;font-weight:bold;font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list_2 p{margin-top:20px;color:#666;font-size: 16px;}
.news-list_2 .low{display: flex;margin-top:20px;font-size: 13px;align-items: center;}
.news-list_2 .time{display: block;color:#999;}
.news-list_2 .order{margin-left:10px;color:#0d4da1;border:1px #0d4da1 solid;padding: 2px 10px;border-radius:5px;}
.news-list_2 .order:hover{color:#fff;background:#0d4da1}
.news-list_2 li:hover a{box-shadow: 0 0 10px #ddd;transform:translateY(-5px)}
.news-list_2 li:hover h4{color:#3a3a3a}


/*==招聘↓==*/
.joinIn{}
.joinIn .frame{margin-bottom:60px}
/*--*/
.joinIn .titleTop{display: flex;margin-bottom:30px;color:#0d4da1;font-size: 24px;font-weight:bold; align-items: center;}
.joinIn .titleTop:before{content: "";display: block;width:3px;height: 18px;margin-right: 10px;background: #0d4da1;}
/*--*/
.joinIn .search form {position:relative;width: 320px;display: flex;border-radius: 5px;overflow: hidden;align-items: stretch;}
.joinIn .search form input {width:100%;padding: 21px;color:#333;background: none;font-size: 15px;border: 1px #ddd solid;}
.joinIn .search form button {flex-shrink: 0;margin:auto;color: #fff;border:none;cursor:pointer;background-color: #0d4da1;}
.joinIn .search form button:hover {background:#3a3a3a}
.joinIn .search form input,.joinIn .search form button {line-height: 35px;padding: 5px 15px;}
/*--*/
.joinIn .screen{}
.joinIn .screen ul{display: flex;margin-left:-20px}
.joinIn .screen ul li{flex: 1;position: relative; margin-left:20px}
.joinIn .screen h4{display: flex;color:#666;font-size:16px;padding: 12px 20px;border:1px #ddd solid;border-radius: 5px;align-items: center;justify-content: space-between;}
.joinIn .screen h4:after{content: "\eb98"; font-size:20px;}
.joinIn .screen .drop{position: initial;left:0;right:0;top: 120%;min-height:135px;display: flex;    flex-wrap: wrap;align-items: flex-start; margin-top:10px;border:1px #ddd solid;border-radius: 5px;padding: 20px 30px; background: #fff;}
.joinIn .screen .drop a{display: flex;color:#666;font-size:14px;margin:5px 10px;align-items: center;}
.joinIn .screen .drop a:hover{color:#0d4da1}
.joinIn .screen .drop a:before{content:"";display: block;width: 12px;height: 12px;margin-right: 10px;border-radius: 50%;border: 2px #fff solid;/* padding: 10px; */background: #999;box-shadow: 0 0 0 1px #ddd;}
.joinIn .screen .drop a.active:before{box-shadow: 0 0 0 1px #0d4da1;background: #0d4da1;}

/*--*/
.join-list{display: flex;margin:0 0 -30px -30px;flex-wrap: wrap;}
.join-list li{width:calc(50% - 30px);margin:0 0 30px 30px;box-shadow: 5px 5px 15px #eee;}
.join-list a{display: flex;padding: 50px 100px;align-items: center;justify-content: space-between;}
.join-list h4{color:#333;font-size:26px;}
.join-list h4 b{display:block;margin-top:10px;color:#0d4da1;font-size:20px;}
.join-list li:hover{box-shadow: 2px 2px 15px #ddd;transform:translateY(- 5px)}
.join-list li:hover a{transform:translateY(-5px)}
.join-list li:hover h4{color:#0d4da1}


/*==招聘-流程↓==*/
.jn-process{}
.jn-process .bin{position: relative;}
.jn-process .bin:after{content:"";position: absolute;left: -100%;top:0;right: -100%;bottom:0;z-index:-1;background: #0d4da1;}
.jn-process .up{display: flex;margin:0 -10%; }
.jn-process .up li{flex: 1;color:#fff;font-size:30px;padding: 50px 20px;text-align: center; background: url(../images/bgk02.png) no-repeat right center;}
.jn-process .guide{display: flex;justify-content: space-between;}
.jn-process .guide li{/* flex: 1; */position: relative;padding: 50px 0;}
.jn-process .guide li:after{content:"";position: absolute;top:0;bottom:0;right: -250px;margin: auto;width: 200px;height: 3px;background:#fff;}
.jn-process .guide li:last-child:after{display:none}
.jn-process .guide i{display: flex;width: 70px;height: 70px;margin-bottom: -30px;color:#0d4da1;font-size: 36px;font-weight: bold;border-radius:50%;background: #fff;justify-content: center;align-items: center;}
.jn-process .guide em{display: flex;width: 130px;height: 130px;border:1px #fff solid;border-radius: 50%;background: rgba(255,255,255,0.2);justify-content: center;align-items: center;}


/*==收缩列表↓==*/
.shrink-item{}
.shrink-item li{padding:15px 0;border-bottom:1px #ddd solid}
.shrink-item .tit{display: flex;color:#000123;font-size: 24px;cursor: pointer;align-items: center;justify-content: space-between;}
.shrink-item .tit:after{content: "\e84f";font-size: 32px;color: #999;}
.shrink-item .drop{display: none;margin: 15px 0 30px 0;color:#666;font-size:16px;line-height: 30px;}
.shrink-item li.on{}
.shrink-item li.on .tit:after{color:#0d4da1;transform:rotate(90deg);}


/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:28px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#FF6600}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#0d4da1}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#0d4da1}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .relevant{margin-top:60px}
.NewsDetailBox .relevant .tit{color:#333;font-size:22px;}
.NewsDetailBox .relevant .list{margin-top:20px;}
.NewsDetailBox .relevant .list li{float:left;width:45%;margin:8px 0% 8px 0;}
.NewsDetailBox .relevant .list li:nth-of-type(even){float:right;}
.NewsDetailBox .relevant .list li .time{float: right; color:#858585;font-size:14px;}
.NewsDetailBox .relevant .list li a{ display: block; color:#858585;font-size:14px;padding-left:15px; background: url(../images/arrow_02.png) no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#0d4da1}



/*==留言通用↓==*/
.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover;}
.MessageCon .long{padding:80px; background: #fff;}
.MessageCon .title{margin-bottom:40px;overflow: hidden;}
.MessageCon .title h2{float:left;color:#191919;font-size:24px;}
.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}
.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}
.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:1%;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}
.MessageCon textarea{width:100%;height:120px;}
.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}
.MessageCon button:hover{background:#0d4da1}
.MessageCon .x1{background-image: url(../images/ico201.png);}
.MessageCon .x2{background-image: url(../images/ico202.png);}
.MessageCon .x3{background-image: url(../images/ico203.png);}
.MessageCon .x4{background-image: url(../images/ico204.png);}
.MessageCon .x5{background-image: url(../images/ico205.png);}


/*==关于↓==*/
.AboutInner{padding-bottom:0px !important}
.ab-intro{}
.ab-intro .long{display: flex; }
.ab-intro .left{flex: 1; position: relative;/* width:50%; */}
.ab-intro .left img{max-width:100%;width:100%;}
.ab-intro .left:hover em{border-color:#000; background: #000;}
.ab-intro .right{/* width:45%; */flex: 1;padding: 50px;}
.ab-intro .right .title{color:#333333;font-size:26px;margin-bottom:30px;}
.ab-intro .right .title:after{content:"";display: block;margin-top:10px;width:50px;height:2px;background: #0d4da1;} 
.ab-intro .right .wx{color:#666666;font-size:15px;line-height: 28px;}
.ab-intro .right .moreBtn{margin-top:60px;}
.ab-intro .number-item_2{margin-top:50px;}
/*--*/
.ab-culture{background:#f6f6f6;}
.ab-culture .up{display: flex;margin-bottom:40px;}
.ab-culture .up h4{flex-shrink: 0;margin-right:80px;color:#0d4da1;font-size: 28px;font-weight:bold;}
.ab-culture p{color:#333333;font-size: 16px;line-height:30px;}
.ab-culture .pic{margin-bottom:40px;box-shadow: 0 0 10px #ddd;}
.ab-culture .wx{}
.ab-culture .number-item_2{margin-bottom:40px;}
/*--*/
.ab-course{}


/*==关于-发展历程↓==*/
.srll-course{position: relative;  background: url(../images/courseBg.jpg) no-repeat center; background-size:cover;}
.srll-course .peg{position: relative;margin-top: 50px;padding: 0 100px;}
.srll-course .peg:after{content:"";position:absolute;left: 0;right: 0;top: 35px;margin: 0 60px;height: 1px;border-top: 2px #aaa dashed;background: #fff;}
.srll-course .peg li{color: #606060;font-size: 30px;padding-top: 0px;text-align: center;display: block;background: none;cursor: pointer;}
.srll-course .peg li:before{content:"";display: block;width: 15px;height: 15px;margin:auto;margin-top: 28px;clear: both;border-radius: 50%;border: 2px #999 solid;background: #fff;}
.srll-course .peg li:after{content:"\e627";opacity: 0;position: absolute;left: 0;right: 0;top: 2px;font-weight: bold;font-size: 32px;color: #0d4da1;}
.srll-course .peg h4{display: table;margin: auto;margin-top: 15px;padding: 5px 10px;color:#666;font-size: 20px;border-radius: 5px;}
.srll-course .peg .swiper-slide-thumb-active h4{  color:#fff;background:#0d4da1}
.srll-course .peg .swiper-slide-thumb-active:after{ opacity: 1;}
.srll-course .peg .swiper-slide-thumb-active:before{opacity:0}
.srll-course .btn {position:absolute;top: 10px;left: 0;z-index: 2;display: flex;width: 50px;height: 50px;text-align:center;color: #999;font-size: 22px;font-weight:bold;/* transform:translateY(-50%); */cursor:pointer;border: 1px #999 solid;border-radius: 50%;/*background:#fff;*/align-items: center;justify-content: center; background: #fff;}
.srll-course .btn.sNext {left:auto;right: 0;}
.srll-course .btn:hover {color:#fff;border-color: #0d4da1;background:#0d4da1}
.srll-course .btn:hover:before {color:#fff}
.srll-course .sPrev:before {content:"\e662";}
.srll-course .sNext:before {content:"\eb9b";}
.srll-course .long{position: relative; }
.srll-course .con{ }
.srll-course .con li{display: flex;align-items: center;justify-content: center;padding:0 100px;}
.srll-course .con .info{position:relative;padding-right: 80px;margin-right: 80px;}
.srll-course .con .info:after{content:"";position:absolute;right:0;top:0;width:3px;height:100px; background:#0d4da1}
.srll-course .con .title{color:#0d4da1;font-size:26px;font-weight:bold; }
.srll-course .con p{color:#666;font-size:18px;margin-top:50px;}
.srll-course .con .pic{border:1px #ddd solid}
.srll-course .spot{display: none;}


/*===数字滚动↓==*/ 
.number-item {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.number-item li {line-height:1;float:left;padding: 0px 40px;text-align:center;color: #fff;border-left: 1px #fff solid;}
.number-item li.log{border-left:0px;}
.number-item li h5 {color: #fff;font-size: 18px;margin-top: 10px;}
.number-item li font{font-size:22px;}
.number-item li b{font-size:54px;color: #fff;font-weight: bold;}
.number-item li span {display: block; margin-top:10px;color:#999;font-size:14px;text-transform: uppercase;}
.number-item li:hover{transform:translateY(-5px);}


/*===数字滚动2↓==*/ 
.number-item_2 {display: flex;padding:0 100px;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.number-item_2 li {line-height:1;float:left;padding: 0px 40px; color: #0d4da1;border-left: 1px #fff solid;}
.number-item_2 li h5 {font-size: 16px;margin-top: 10px;}
.number-item_2 li font{font-size:18px;}
.number-item_2 li b{font-size: 40px;font-weight: bold;}
.number-item_2 li span {display: block; margin-top:10px;color:#999;font-size:14px;text-transform: uppercase;}
.number-item_2 li:hover{transform:translateY(-5px);}


/*==list-box 图片列表↓==*/
.list-box{margin:0 0 -20px -20px}
.list-box li{display:inline-block; width: calc(25% - 20px);margin: 0 0 20px 20px; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block; }
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #0d4da1 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#0d4da1;}
.list-box.lx5 li{width: calc(20% - 20px);}



/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:5; width:100%;height:100%; background:rgba(0,0,0,0.5)  }


/*==留言弹出框-通用↓==*/
.offer-item{display: none;position: fixed;top:0;left:0;right:0;bottom:0;z-index:6;margin:auto;height:max-content;overflow: hidden;border-radius: 5px;/* border: 1px #d1d1d1 solid; */}
/**/
.offer-item .report {width:100%;padding: 80px 50px;border-radius:5px;box-shadow:0 0 10px #333;background: #fff;}
/*.offer-item .report .title{color:#191919;font-size:28px;padding-bottom:20px;margin-bottom:35px;border-bottom:2px #191919 solid;text-align:center;}*/
.offer-item .close{position: absolute;right:10px;top:10px;display: flex;width: 30px;height: 30px;text-align: center;color:#fff;font-size:12px;border-radius: 50%;background: #2a2a2a;justify-content: center;align-items: center;cursor: pointer;}
.offer-item .close::before{content:"\e731";}
.offer-item .close:hover{transform:rotate(90deg); background: #191919;}
.offer-item .success{display:none;position:fixed;top:0;left:0;right: 0;bottom: 0;width: 350px;height: 249px;margin: auto;text-align:center;padding: 50px;border-radius: 10px;box-shadow: 3px 3px 10px #666;overflow: hidden;background: #fff;}
.offer-item .success h4{color: #1f7fe8;font-size:30px;}
.offer-item .success h4:before{content:"\e638";color: #1f7fe8;margin-right: 10px;}
.offer-item .success span{color: #7f7f7f;font-size: 16px;display: block;margin-top: 10px;}
.offer-item .success .btn{position: absolute;left: 0;right: 0;bottom: 0;display: block;color:#fff;font-size:16px;padding: 12px 10px;transition: all .4s ease-in-out;background: #1f7fe8;}
.offer-item .success .btn:hover{background: #0883ab;}


/*==留言弹出-↓==*/
.message-popup .report .title{margin-bottom:50px;}
.message-popup .report .title h3{display:table;margin:auto;position:relative;color: #333;font-size: 24px;font-weight: bold;}
.message-popup .report .title h3:before,.message-popup .report .title h3:after{content:"";position:absolute;left: -120px;top:0;bottom: 0;margin: auto;width: 100px;height:1px;background: #999;}
.message-popup .report .title h3:after{left:auto;right: -120px;}


/*==底部↓==*/
.footer{padding-top:50px;border-top:1px #ddd solid;background:#fff;overflow:hidden;}
.footer .logo{margin-bottom:30px; }
.footer .logo .txt{margin-left:50px;color:#99c73e;font-size: 30px;font-weight: bold;}
.footer .nav {position:relative;display: flex;margin-bottom:30px;justify-content: space-between;}
.footer .nav h3 {color:#333333;font-size: 20px;margin-bottom:18px;}
.footer .nav li {/*! display:table-cell;*/padding-right: 20px;}
.footer .nav li a {display:block;color: #555;font-size: 17px;margin-bottom:15px;}
.footer .nav li a:hover {color: #0d4da1;}
.footer .ewm {color:#333333;font-size:14px;text-align:center;}
.footer .ewm span{display: block;float:left;margin-left:10px;font-size:16px;}
.footer .ewm img {display:block;margin-bottom: 5px;width:90px;}
.footer .info {display: flex;margin-top:60px;justify-content: space-between;    align-items: center;}
.footer .info .box{width: 50%;font-size: 18px;color: #696969;}
.footer .info .box span{display: inline-block;margin-right:30px;margin-top: 20px;font-size:18px;}
.footer .info .box span i{margin-right:10px;font-size:20px;}
.footer .down {position:relative;margin-top:20px;padding: 15px 0;color:#666;font-size:14px;border-top: 1px #aaa solid;}
.footer .down a {color:#666;font-size:14px;}
.footer .down a:hover {color:#ddd}