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


/*==版心定义↓==*/
.container{width:1440px;}
a:hover{color:#ff6a00}
.borTop{border-top:1px #ddd solid}
.bga{background: #f8f8f8;}



/*==字符串↓==*/
*: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/font_1963410_v795xipt42b-1.woff2-t=1648173198633')/*tpa=https://at.alicdn.com/t/font_1963410_v795xipt42b.woff2?t=1648173198633*/ format('woff2'),
       url('../../../../../../at.alicdn.com/t/font_1963410_v795xipt42b-1.woff-t=1648173198633')/*tpa=https://at.alicdn.com/t/font_1963410_v795xipt42b.woff?t=1648173198633*/ format('woff'),
       url('../../../../../../at.alicdn.com/t/font_1963410_v795xipt42b-1.ttf-t=1648173198633')/*tpa=https://at.alicdn.com/t/font_1963410_v795xipt42b.ttf?t=1648173198633*/ format('truetype');
}



.fixed-top.header{ position: fixed;width:100%;z-index:99; padding:10px 0;height:80px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{opacity:1; height:100%;}
.fixed-top.header .nav{margin-top: 20px;}
.fixed-top.header .nav > li > a{padding-bottom: 26px;}
.fixed-top.header .nav > li > a:after{ }
.fixed-top.header .tel{  }
.fixed-top.header .ali{}

/*==顶部↓==*/
.header{z-index:99;padding:20px 0;height:90px;/* background:#000; */}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}
.header .logo{float:left}
.header .logo img{ /* max-height: 100%; */}
.header .logo .txt{float:right;display:block;color:#1f1815;font-size:15px;margin: 0px 0 0 20px;padding-left: 20px;border-left: 1px #ececec solid;}
.header .logo .txt font{display: block; color:#ff6a00;font-weight:bold;}
.header .ali{position:relative;float:left;display: flex;margin-top: 10px;margin-left: 30px;padding: 8px 15px;font-size: 14px;color: #ff6a00;border-left: 1px #ddd solid;justify-content: center;align-items: center;transition: all .4s ease-in-out;border-radius: 8px;border: 1px solid #ff6a00;/* background: #ff6a00; */}
.header .ali:before{content:"\ee48";color:#ff6a00;font-size:24px;margin-right:10px;}
.header .ali font{position:absolute;top: -15px;right: -13px;padding: 3px 10px;color:#fff;font-size: 12px;border-radius: 5px;background:#d7a36a}
.header .ali:hover{color:#fff; transform:translateY(-2px);background: #ff6a00;}
.header .ali:hover:before{color:#fff}
.header .ali:hover font{ }
.header .online{float: right;color:#fff;font-size:14px;padding: 8px 30px;margin-left: 30px;margin-top: 10px;border-radius: 30px;background: #ff6a00;}
.header .lang{float:right;margin: 14px 0 0 30px;width: 30px;height: 30px;line-height: 25px;color:#999;font-size: 14px;font-weight:bold;border:2px #999 solid;border-radius: 50%;text-align: center;}
.header .lang:hover{color:#ff6a00;border-color:#ff6a00}
.header .tel{position: relative;float: right;margin: 10px 0 0 31px;/* font-weight: bold; */font-size: 24px;color: #ff6a00;}
.header .tel:before{content: "\e966";font-family: "iconfont";/* position: absolute; *//* left:0; */margin-right: 10px;font-size: 24px;font-weight: 400;color: #ff6a00;}
.header .nav{display:flex;float: left;margin-left: 50px;margin-top: 15px;}
.header .nav > li{/* flex: 1; */float: left;margin-left: 30px;position: relative;}
.header .nav > li > a{position: relative;display: block;color: #333;font-size:17px;text-align: center;padding-bottom: 30px;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height: 3px;background:#ff6a00;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#ff6a00; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.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: #ff6a00;}
/*.header .nav li:last-child .sub{display: none !important;}*/


/*==次级导航↓==*/
.menu{padding: 20px 0;width:100%;display:table;text-align: center;border-bottom: 1px #ddd solid;overflow:hidden;background: #f1f1f1;}
.menu li{/*! flex: 1; */display: inline-block;margin:0 30px;}
.menu li a{position:relative;z-index:2;display: block;color:#333333;font-size:18px; /* background: #f7f7f7; */}
.menu li a:after{content: "";position: absolute;left:0;bottom: -20px;z-index:-1;width:100%;height:4px;background: #ff6a00;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#ff6a00;}
.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}


/*==面包屑↓==*/
.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:#ff6a00}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #ff6a00;}


/*==标题↓==*/
.titleAx{color:#000123;font-size:44px;font-weight: bold;}  
.titleAx span{margin-top:10px;display: block;color:#bdbdbd;font-size:14px;font-weight: 400;text-transform: Uppercase;}
.titleAx font{color:#0d9edb}
.titleAx hr{display: block;margin: 10px auto 0;width: 40px;height: 3px;border:none;background: #0d9edb;}
.titleAx.cen{text-align: center;margin-bottom:50px;}
.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}
/*--*/
.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: #0d9edb;}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 -20px 0;}
/*--*/
.titleCx{color:#000123;font-size:30px;line-height: 1;}
.titleCx font{color:#ff6a00}  
.titleCx span{margin-top:15px;display: block;color:#bdbdbd;font-size:15px;font-weight: 400;text-transform: Uppercase;}
.titleCx.cen{text-align: center;margin-bottom:50px;}
.titleCx.m30{margin-bottom:30px}
.titleCx.m40{margin-bottom:40px}
.titleCx.m50{margin-bottom:50px}


/*==边距↓==*/
.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{ width:100%;padding:70px 0 80px 0;}
.rackWor{}


/*==首页选择↓==*/
.choiceHome{}
.choiceHome .titleTop{color:#ff6a00;font-size: 36px;margin-bottom: 40px;}
.choiceHome .titleTop span{display: block;color:#666;font-size: 18px;margin-top: 5px;}
.choiceHome .long{display: flex;align-items: center;}
.choiceHome .left{flex:1;}
.choiceHome .right{flex-shrink: 1;width: 45%;margin-left: 80px;}


/*==选下拉列表↓==*/
.choice-change{}
.choice-change li{padding:1px 30px;margin-bottom:20px;cursor: pointer;background: #fff;}
.choice-change h4{position: relative;color:#3a3a3a;font-size: 22px; transition: all .4s ease-in-out;}
/*.choice-change h4:before{content:"\eb98";position:absolute;right:0;top:0;bottom:0;margin:auto;height: fit-content;color: #666;font-size: 16px;}*/
.choice-change h4:before{position:absolute;right:0;top:0;bottom:0;margin:auto;height: fit-content;color: #666;font-size: 16px;}
.choice-change h4 i{color:#ff6a00;margin-right: 10px;font-weight:bold;}
.choice-change p{color:#6a6a6a;font-size: 15px;margin-top: 20px;}
.choice-change li:hover h4{color:#ff6a00;}
.choice-change li:hover h4:before{color:#ff6a00;transform: rotateX(180deg);}
.img_22{
    position: relative;
    top: 13px;
    background: black;}

/*==首页领券专区↓==*/
.couponHome{background: #fff8f1;}


/*==领券专区列表↓==*/
.coupon-list{margin:0 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.coupon-list li{display: flex;width: calc(33.3% - 30px);margin:0 0px 30px 30px;border:1px solid #f79e00}
.coupon-list .info{flex: 1;color:#999;font-size:15px;padding:20px;}
.coupon-list .info h4{color:#5a5a5a;font-size: 17px;margin-bottom: 10px;}
.coupon-list .money{flex-shrink: 1;width: 150px;padding: 30px 20px;color:#fff;font-size:14px;background-image: linear-gradient(0deg,#fe7b47,#ff4227);}
.coupon-list .money h4{color:#fff;font-size:24px;margin-bottom:10px}
.coupon-list .money span{display: block;}
.coupon-list .money .more{display: block;margin-top: 15px;color:#fa6400;padding:5px 20px;text-align: center;background:#fff8ea;}
.coupon-list .money .more:hover{background:#fff}


/*==购买攻略↓==*/
.strategyHome{}


/*==购买攻略列表↓==*/
.strategy-list{position:relative;z-index: 1;margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.strategy-list:before{position:absolute;content: "";top: 120px;left:0;right:0;width: 100%;height: 1px;background: #ddd;}
.strategy-list li{/*flex-grow: 1;*/display: inline-block;width: calc(16.6% - 20px);margin: 0 0px 30px 20px;padding: 0 40px;text-align: center;}
.strategy-list em{font-size: 20px;color: #666; width: 100px;height: 100px;display: block; margin: auto;}
.strategy-list i{position: relative;display:block;margin: 15px auto;width: 12px;height: 12px;border: 2px solid #ff6a00;border-radius: 50%;background: #ffffff;}
.strategy-list h4{color: #333;font-size: 18px;margin-top: 10px;}
.strategy-list p{color:#6a6a6a;font-size: 15px;margin-top: 10px;}
.strategy-list li:hover{}
.strategy-list li:hover h4{color:#ff6a00}
.strategy-list li:hover em{transform:translateY(-5px)}


/*==首页新闻↓==*/
.newsHome{}
.newsHome .titleTop{position: relative;color:#333;font-size:24px;margin-bottom: 40px;padding-right:60px;line-height:1;}
.newsHome .titleTop span{margin-top:15px;display: block;color:#bdbdbd;font-size:14px;font-weight: 400;text-transform: Uppercase;}
.newsHome .titleTop hr{display: block;margin: 10px 0 0 0;width: 35px;height: 2px;border:none;background: #0d9edb;}
.newsHome .titleTop .more{position: absolute;bottom: 0;top: 0;right: 0;margin: auto;height: fit-content;color: #858585;font-size:15px;}
.newsHome .titleTop .more:before{content: "\e606";font-size: 16px;margin-right: 5px;}
.newsHome .titleTop .more:hover{color:#ff6a00}
.newsHome .left{float:left;width: 66%;}
.newsHome .right{float:right;width: 30%;}

.news-grid_1 .one .pic{
    height: 150px!important;
}


/*==首页列表==*/
.news-grid a{display: block;position: relative;}
.news-grid h4{position: relative;color: #333333;font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-grid p{-webkit-line-clamp: 2;margin-top: 10px;/* display: table; */color: #6c6c6c;font-size: 15px;line-height: 26px;}
.news-grid .pic{/* padding: 10px; */box-shadow: 0 0 10px #ddd;background: #fff;}
.news-grid .pic img{width:100%;height: 100%;object-fit: cover;} 
.news-grid li:hover h4{color:#ff6a00;transform:translateX(5px)}
/*--*/
.news-grid_1 .one{float: left;width: 48%;/* background: #fff; */}
.news-grid_1 .one h4{margin-top: 20px;padding-right:100px;}
.news-grid_1 .one .pic{height: 405px;}
.news-grid_1 .one .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news-grid_1 .one .time{position:absolute;right: 0;top:0;bottom: 0;display: table;margin: auto;height: max-content;color: #999;font-size: 14px;}
.news-grid_1 .one p{/* float:left; */}
.news-grid_1 .two{float: right;width: 48%;margin-bottom:20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;/* background: #fff; */}
.news-grid_1 .two a{padding-left: 100px;}
.news-grid_1 .two .time{position: absolute;left: 0;top: 0;bottom: 0;height:fit-content;margin:auto;color: #333;font-size: 40px;text-align: center;}
.news-grid_1 .two .time font{/* color:#fff; */font-size: 14px;display: block;margin-top: 5px;}
.news-grid_1 .two .box{/* float: right; */display: inline-block;}
.news-grid_1 .two:hover{ }
.news-grid_1 .two:hover a{padding-left:0}
.news-grid_1 .two:hover .time{opacity:0}
/*--*/
.news-grid_2{}
.news-grid_2 .one .pic{height:200px;}
.news-grid_2 .one{margin-bottom:20px;padding-bottom: 20px;border-bottom: 1px #ddd solid;}
.news-grid_2 .one h4{margin-top:20px;}
.news-grid_2 .two{margin-bottom:20px}
.news-grid_2 .two h4{font-size: 16px;}                  
.news-grid_2 .two h4:before{content:"\eb9b";font-size:12px;color:#999;margin-right:5px;}
.news-grid_2 .two a{display: flex;position: relative;justify-content: space-between;align-items: center;}
.news-grid_2 .two .time{color:#afafaf;font-size: 13px;width: 100px;margin-left: 10px;}


/*==合作伙伴列表↓==*/ 
.partner-list{margin:0 0px -20px -20px;padding:5px 5px;overflow: hidden;}
.partner-list li{float: left;width:calc(14.28% - 20px);margin:0 0 20px 20px;}
.partner-list li a{position: relative;display:block;width: 100%;height:100%;margin:5px;overflow: hidden; box-shadow: 2px 2px 15px #dfdfdf;border-radius:5px;background:#fff;}
.partner-list a:after{opacity:0; content:""; position:absolute;left:0;top:0;right:0;bottom:0;transform: translateY(-10px);background:#ff6a00;}
.partner-list .pic{position:relative;width:100%;padding-top:60%;}
.partner-list .pic img{position: absolute;left:0;top:0; display:block;width:100%;height:100%;}
.partner-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;padding:10px;color:#fff;font-size: 18px;transform: translateY(10px);}
.partner-list li:hover h4{opacity:1;transform: translateY(0px);}
.partner-list li:hover a:after{opacity:0.8;transform: translateY(0px);}


/*==产品列表↓==*/ 
.product-list{position:relative; margin:0 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.product-list li{ position:relative; display: inline-block;width: calc(25% - 30px);margin: 0 0px 30px 30px;color:#999;font-size:14px;box-shadow: 2px 2px 20px #ebebeb; }
.product-list .tab{position:absolute;right:0;top:-10px;width:104px;height:24px;color:#fff;text-align: center;padding: 0 0 0 10px;background:url(../images/icoBg01-1.png)/*tpa=/static/static/static/static/themes/Home/default/Public/images/icoBg01.png*/ no-repeat center;}
.product-list .top{padding:30px 30px; background:url(../images/proBg02-1.jpg.png)/*tpa=/static/static/static/static/themes/Home/default/Public/images/proBg02.jpg*/ no-repeat top right;}
.product-list .top .title{color:#333;font-size:18px;font-weight:bold;}
.product-list .top .briefly{-webkit-line-clamp: 1; display: block; margin-top: 10px;}
.product-list .deploy{padding:20px 30px;line-height: 30px;}
.product-list .deploy span{display: block;margin-bottom:5px}
.product-list .deploy span:last-child{margin-bottom:0px}
.product-list .money{margin:0 30px;padding:20px 0;border-top: 1px #ddd solid;}
.product-list .money .price font{font-size:18px;color:#ff6a00}
.product-list .money span{display:block;margin-bottom:15px;}
.product-list .activity font{color:#fff;padding:3px 10px;margin-right:5px;font-size:12px;background: #ff6a00;}
.product-list li:hover{box-shadow: 2px 2px 20px #ddd; transform: translateY(-5px);}


/*==新闻列表常规↓==*/ 
.news-list{margin:0 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.news-list li{display:inline-block;width:calc(50% - 30px);margin:0 0 30px 30px; }
.news-list a{display: block;border:1px #ddd solid;padding:20px;}
.news-list .pic{padding-top:40%;}
.news-list .one h4{margin-top: 20px;color:#333;font-size:20px}
.news-list .one p{color:#7b8087;font-size: 15px;margin-top:20px}
.news-list .one .time{display: flex;color: #8c8d9e;font-size:13px;margin-top:20px;justify-content: space-between;flex-direction: row-reverse;align-items: center;}
.news-list .one .time::before{content:"\e61f";color:#ff6a00;font-size: 30px;}
.news-list .one:hover .time:before{transform: translateX(-5px);}
.news-list .two{}
.news-list .two a{display:flex;height:100%;align-items: center;}
.news-list .two .time{flex-shrink: 1;display: flex;position: relative;width: 100px;color: #8c8d9e;font-size: 28px;margin-right: 30px;flex-direction: column;align-content: space-between;}
.news-list .two .time font{display: block;text-align: right;font-size: 24px;}
.news-list .two .time:before{content:"";position:absolute;left: 45px;top:0;width:1px;height: 100%;transform: rotate(45deg);background:#ddd}
.news-list .two .box{ flex: 1;}
.news-list .two h4{ color:#333;font-size:18px}
.news-list .two p{color:#7b8087;font-size: 15px;margin-top:10px}
.news-list .two:hover .time{color:#ff6a00}
.news-list li:hover a{border-color:#ff6a00;transform: translateY(-5px);}
.news-list li:hover h4{color:#ff6a00}


/*==关于我们↓==*/ 
.AboutIn{padding-bottom:0px !important}


/*==公司介绍↓==*/ 
.ab-intro .titleTop{color:#333;font-size:32px;margin-bottom:50px;}
.ab-intro .titleTop span{display: block;color:#999;font-size:16px;margin-bottom: 5px;FONT-WEIGHT: 500;}
.ab-intro .titleTop p{color:#666;font-size:16px;margin-top: 5px;}
.ab-intro .long{display: flex;flex-direction: row-reverse;}
.ab-intro .left{width:50%;margin-left: 50px;}
.ab-intro .left img{width:100%;height: 100%;object-fit: cover;}
.ab-intro .left video{display:block; width:100%;height: 100%;object-fit: cover;}
.ab-intro .right{width: 50%;position: relative;padding-bottom: 50px;}
.ab-intro .wx{color:#333;font-size: 16px; line-height: 30px;}
.ab-intro .gd{display: table;position: absolute;left: 0;bottom: 0;color:#333;font-size:16px;transition: all .4s ease-in-out;}
.ab-intro .gd::after{content:"";display: block;width:100%;height: 1px;margin-top: 8px;background: #666;}
.ab-intro .gd:hover{color:#ff6a00}


/*==荣誉列表↓==*/ 
.honor-list{margin:0 0 -40px -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.honor-list li{display: inline-block;width: calc(33.3% - 40px);margin: 0 0px 40px 40px;}
.honor-list .pic{border:5px solid #c4c3c3}
.honor-list h4{color:#333;font-size:16px;margin-top:15px;text-align: center;}
.honor-list li:hover{transform: translateY(-5px);}
.honor-list li:hover h4{color:#ff6a00}
.honor-list li:hover .pic{border-color:#999}


/*==关于-联系↓==*/ 
.ab-contact{ background: url(../images/contactBg-1.png)/*tpa=/static/static/static/static/themes/Home/default/Public/images/contactBg.png*/ no-repeat center; background-size:cover;}
.ab-contact{}
.ab-contact .long{display:flex;align-items: center;} 
.ab-contact .card{width:50%;}
.ab-contact .ewm{flex-shrink: 1; margin-left: 50px;}
.ab-contact .ewm span{float:left;display:block;margin-left: 30px;}
.ab-contact .ewm img{width: 160px;border:5px solid #ff6a00;border-radius:10px;}
.ab-contact .ewm h4{color:#fff;font-size:16px;text-align:center;margin-top:10px;}
.contact-card{flex: 1;margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.contact-card li{position:relative;display: inline-block;width: calc(50% - 20px);margin: 0 0px 20px 20px;padding: 25px;border:2px #fff solid;background:#fff;}
.contact-card i{opacity: 0.3;position:absolute;right:20px;bottom:20px;color: #3c3c3c;font-size: 60px;}
.contact-card h4{color:#171c3c;font-size:20px;}
.contact-card span{color:#171c3c;display: block;font-size:20px;margin-top: 20px;}
.contact-card li:hover{transform: translateY(-5px);  border-color:#ff6a00}
.contact-card li:hover i{opacity: 0.5;color: #ff6a00;}


/*==关于-地图↓==*/ 
.ab-map{ background: url(../images/mapBg-1.jpg)/*tpa=/static/static/static/static/themes/Home/default/Public/images/mapBg.jpg*/ no-repeat center;background-size:cover;}
.ab-map #dituContent{height:600px}
.ab-map #dituContent img{max-width: initial;}


/*==加入我们↓==*/ 
.joinIn{}
.jo-intro .wx{color:#666;font-size:17px;line-height:40px; text-align:center;}
.jo-intro .chart{ margin:60px 0 -20px 0;text-align: center;}
.jo-intro .chart li{display: inline-block;padding:0 40px;margin-bottom:20px;}
.jo-intro .chart em{ display: block;margin: auto;}
.jo-intro .chart h4{color:#666;font-size:16px;margin-top:10px;}
.jo-promo .pic{width:100%;text-align:center;}
/*--*/
.jo-welfare{}
.jo-welfare .box{text-align:center;} 
.jo-welfare .box span{display: inline-block;color:#666;font-size:28px;padding:10px 30px;}
.jo-welfare .box .f1{color:#ff6a00;font-size:50px;font-weight:bold}
.jo-welfare .box .f2{font-size:36px;}
.jo-welfare .box span:hover{color:#ff6a00;transform:translateX(5px);}


/*==解决方案↓==*/ 
.solutionIn{padding-top:0px !important}
/*==*/
.work-item{background: #fafafa;}
.work-item .tone{display: flex;flex-flow: row wrap;align-content: flex-start;border-bottom:1px #ddd solid; background: #fff;}
.work-item .tone li{position:relative;flex: 1;color:#666;font-size:18px;padding:20px;border-right:1px #ddd solid;cursor: pointer;text-align:center;}
.work-item .tone li:last-child{border-right:none}
.work-item .tone li:before{content:"";position:absolute ;top:0;left:0;right:0;width:100%;height:3px;transition: transform .5s;transform: scale(0,1);transform-origin: right;background: #ff6a00;}
.work-item .tone li.active{color:#ff6a00}
.work-item .tone li.active:before{transform: scale(1);transform-origin:left;}
.work-item .con{display: flex;}
.work-item .con .pic{ flex-shrink:1;width:55%;display:flex;padding: 20px;align-items: center;justify-content: center;background: #eee;}
.work-item .con .info{flex:1;width:45%;margin-left:30px;padding: 60px 40px;}
.work-item .con .title{color:#333;font-size:16px;font-weight:bold;margin-bottom:20px;}
.work-item .con p{color:#666;font-size:15px;line-height: 26px;margin-top:20px;}
.work-item .con .more{display: table; margin-top:30px;color:#fff;font-size:14px;padding:6px 30px;transition: all .4s ease-in-out;background: #ff6a00;}
.work-item .con .more:hover{background: #333;}
.work-item .con .shell{padding-bottom:40px;margin-bottom:40px;border-bottom:1px #ddd solid;}
.work-item .con .shell:last-child{}
.work-item .con .trait{display: flex;flex-flow: row wrap;align-content: flex-start;overflow: hidden;}
.work-item .con .trait li{position: relative;margin-bottom: 20px;color:#888;font-size: 15px;padding-left: 22px;transition: all .4s ease-in-out;}
.work-item .con .trait li:last-child{margin-bottom:0px;}
.work-item .con .trait li:before{position: absolute;left: 0;top: 4px;content:"✓";color:#ff6a00;font-size: 16px;font-weight: bold;}
.work-item .con .trait h4{color:#333;font-size: 15px;font-weight:bold;margin-top:5px;transition: all .4s ease-in-out;}
.work-item .con .trait span{display: block;margin-top: 6px;}
.work-item .con .trait li:hover h4{color:#ff6a00}


/*==优势列表↓==*/ 
.advantage-list{}
.advantage-list li{display:flex;position: relative;z-index: 1;margin-bottom:60px;padding-bottom: 60px;border-bottom: 1px #eee solid;/* align-items: center; */}
.advantage-list li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.advantage-list .box{flex: 1;margin-left: 60px;padding-top: 50px;transition: all .4s ease-in-out;}
.advantage-list hr{display: inline-block;width:40px;height: 4px;border:none;margin: 20px 0;background:#136efb;}
.advantage-list .pic{flex-shrink: 0;max-width: 40%;transition: all .4s ease-in-out;}
.advantage-list .pic img{display: block;}
.advantage-list h4{color:#333;font-size:24px;transition: all .4s ease-in-out;}
.advantage-list p{position: relative;color:#666;font-size:16px;line-height:28px;margin-top: 20px;}
.advantage-list .more{display: table; margin-top:30px;color:#ff6a00;font-size:14px;padding:6px 30px;border:1px solid #ff6a00;transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.advantage-list .more:hover{color:#fff;background: #ff6a00;}
.advantage-list li:nth-child(2n){flex-direction: row-reverse;}
.advantage-list li:nth-child(2n):after{display: none;}
.advantage-list li:nth-child(2n) .box{margin-right:50px;margin-left:0px;}
.advantage-list li:hover .pic{box-shadow: 5px 5px 15px #ddd;}
.advantage-list li:hover h4{color:#ff6a00}
.advantage-list li:hover .box{transform: translateY(5px);}


/*==优势列表2↓==*/ 
.advantage-list_2{margin: 0 0 -40px -40px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.advantage-list_2 li{position:relative;display: flex;width: calc(33.3% - 40px);margin: 0 0 40px 40px;align-items: center;transition: all .4s ease-in-out;}
.advantage-list_2 em{flex-shrink: 0;margin-right:30px;width: 90px;}
.advantage-list_2 h4{color:#333;font-size: 18px;font-weight: bold;transition: all .4s ease-in-out;}
.advantage-list_2 p{color: #888;font-size: 15px;margin-top: 10px;line-height: 28px;}
.advantage-list_2 li:hover{ transform:translateY(-5px)}
.advantage-list_2 li:hover h4{color:#ff6a00}
 


/*==新闻列表框↓==*/
.EssayCont .lefter {float:left;width:70%;}
.EssayCont .righter {float:right;width:25%;}
.EssayCont .righter .shell {width:100%;margin-bottom:30px;border:1px #ddd solid}
.EssayCont .righter .shell:last-child {margin-bottom:0px;}
.EssayCont .righter .shell .tit {position:relative;color:#333333;font-size:18px;border-bottom:1px #e6e8eb solid;padding-bottom:15px;margin-bottom:20px;}
.EssayCont .righter .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:#ff6a00;}
/*--*/
.EssayCont .bgb {margin-bottom:30px;background:#fff;}
.EssayCont .bgb:last-child {margin-bottom:0px;}
.EssayCont .bgb.p3 {padding:30px 30px 50px 30px;}
.EssayCont .bgb.p4 {padding:40px 40px 50px 40px;}
/*--*/
.EssayCont .news {}
.EssayCont .news li {clear:both;width:100%;margin-bottom:20px;}
.EssayCont .news .one {position:relative;}
.EssayCont .news .one h4 {position:absolute;left:0;right:0;bottom:0;width:100%;padding:10px 20px;color:#fff;font-size:14px;background:rgba(0,0,0,0.6)}
.EssayCont .news .one:hover h4 {background:#ff6a00}
.EssayCont .news .two{}
.EssayCont .news .two a {position:relative;display:block;padding-left:15px;color:#333333;font-size:15px;}
.EssayCont .news .two a:before {content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:#b2b2b2;}
.EssayCont .news .title {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.EssayCont .news .two:hover a {color:#ff6a00;}
.EssayCont .news .two:hover a:before {background:#ff6a00;}
.EssayCont .news .three {position:relative;/*border-bottom: 1px #ddd solid;padding-bottom: 20px;*/}
.EssayCont .news .three:last-child{border-bottom:none;margin-bottom: 0px;}
.EssayCont .news .three a{display: block;background: #f8f8f8;}
.EssayCont .news .three .box{padding:20px;}
.EssayCont .news .three .time{color:#999;font-size: 14px;display: block;}
.EssayCont .news .three h4 {width:100%;margin-top: 5px;color: #333;font-size: 16px;}
.EssayCont .news .three:hover h4 {color:#ff6a00}
/*--*/
.EssayCont .content .titleTop{/* text-align: center; */margin: 0 0 40px 0;/* border-bottom: 1px #e4e4e4 solid; */}
.EssayCont .content .title{color:#333333;font-size:28px;border-bottom: 1px #ddd solid;padding-bottom: 20px;}
.EssayCont .content .msg{margin-top: 15px;color:#a7a7a7;font-size:14px;}
.EssayCont .content .msg *,.NewsDetail .msg span,.NewsDetail .msg a{color:#a3a3a3;font-size:14px;}
.EssayCont .content .msg span{margin:0 5px;}
.EssayCont .content .msg a:hover,.NewsDetail .msg .active{color:#0060ac}
.EssayCont .content .msg .active{font-weight:bold;}
.EssayCont .content .briefly{position:relative;z-index: 1; color:#666;font-size:15px;margin-bottom:30px;padding:30px;background: #f8f8f8;}
.EssayCont .content .briefly:before{content:"";position: absolute;right:0;top:0;z-index: -1;width: 0;height: 0;border-top: 20px solid #ff6a00;border-left: 20px solid transparent;}
.EssayCont .content .wor{min-height:300px;font-size:16px;}
/*--*/
.EssayCont .pagIng{margin-top:60px;padding-top:50px;border-top:1px #eee solid;overflow: hidden;}
.EssayCont .pagIng span{ display: inline-block;color:#888888;font-size:15px;}
.EssayCont .pagIng a{width:47%;color:#666666;font-size:15px;padding: 15px 20px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f6f6f6;}
.EssayCont .pagIng a:hover{color:#fff; background: #ff6a00;}
.EssayCont .pagIng .prev{float:left}
.EssayCont .pagIng .next{float:right}


/*==左侧联系↓==*/
.connection {margin-top:30px;padding:20px;border:1px #ddd solid;overflow:hidden;/* background:#eee;*/}
.connection .tit {/* float:left;*/color:#333;font-size:18px;font-weight:bold;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd solid;}
.connection .tit .more {float:right;display:block;color:#666;font-size:13px;margin-top:5px;}
.connection .tit .more:hover {color:#ff6a00}
.connection .tel {position:relative;display:block;font-size:12px;color:#858585;padding-left:50px;margin-bottom:20px;word-wrap:break-word;word-break:normal;}
.connection .tel font {display:block;color:#ff6a00;font-size:24px;margin-top:5px;line-height:25px;font-weight:bold;}
.connection .tel:before {content:"\e611";font-family:"iconfont";position:absolute;top:6px;left:0;margin-right:10px;font-weight:400;color:#333;font-size:36px;}
.connection .wx {color:#666;font-size:14px;line-height:24px}
.connection .ewm {display:table;margin-top:20px;}
.connection .ewm img {max-width:100px;}
.connection .ewm font {vertical-align:middle;color:#666;font-size:14px;padding-left:30px;}
.connection .ewm font hr {float:left;width:30px;height:1px;margin:10px 10px 0 0;border:none;background:#aaa;}
.connection .ewm img,.connection .ewm font {display:table-cell;}


/*==list-box 图片款 久↓==*/
.list-box{margin:0 0 -20px -20px}
.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 20px 20px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #ff6a00 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#ff6a00;}
.list-box.lx5 li{width:14.2%}


/*==底部===*/
.footer {position:relative;z-index:5;background:#4a4b4d;}
.footer .up{padding:70px 0 0px 0;}
.footer .nav {position:relative;float:left;/* display: flex; */width: 60%;justify-content: flex-start;align-content: space-between;}
.footer .tit{position:relative;color:#fff;font-size: 16px;margin-bottom:15px;}
.footer .tit:before{content:"";position:absolute;top:0;left: -12px;bottom: 0;margin: auto;width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #fff;}
.footer .nav li {/*! display:table-cell;*/flex: 1;padding-right: 100px;float:left;}
.footer .nav .box{ column-count: 2;}
.footer .nav li a {display:block;color: #aaa;font-size: 13px;padding: 5px 0;}
.footer .nav li a:hover {color:#fff}
.footer .ewm {float:right;margin-left: 2%;color:#eee;font-size: 16px;text-align:center;}
.footer .ewm img {display:block;width: 130px;margin-bottom:10px;}
.footer .right {float:right;color:#aaa;font-size:12px;}
.footer .right .tel {display:block;color:#fff;font-size:28px;font-weight: bold;margin-bottom:20px;}
.footer .right .wx {display:block;color:#aaa;font-size: 13px;line-height:24px;}
.footer .right .share {margin-top:20px}
.footer .right .share a {display:inline-block;margin-right:18px;width:35px;line-height:35px;text-align:center;color:#fff;font-size:20px;border-radius:50%;background:#3d99ff;}
.footer .right .share a:hover {background:#005ad2;}
.footer .copy {position:relative;margin-top:60px;padding: 20px 0;color: #aaa;font-size: 13px;border-top:1px solid rgba(255,255,255,0.1)}
.footer .copy a {color: #aaa;font-size: 13px;}
.footer .copy a:hover {color:#eee;}
.footer .link{padding:20px 0;background:#38393a;}
.footer .link h3{color: #ddd;font-size: 14px;float: left;}
.footer .link a{color:#858585;font-size:12px;display: inline-block;padding: 0 15px;font-size:12px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}


.news_list{
		display: block;
		overflow: hidden;
	}
	.news_left{
		float: left;
		width: 50%;
		padding: 0 10px;
	}
	.news_left .one h4{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.news_left .one h4 p{
		float: left;
		width: calc(100% - 100px);
		font-size: 18px;
		color: #333;
		display: block;
		overflow: hidden;
	    text-overflow: ellipsis;
	    -o-text-overflow: ellipsis;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -o-box;
	    display: box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}

	.news_left .one h4 span{
		width: 80px;
		float: right;
		font-size: 14px;
		color: #999;
		text-align: right;
		display: block;
	}
	.news_left .one a{
	    display: block;
	}
	
	.news_left .one .lcp{
	-webkit-line-clamp: 2;
    margin-top: 10px;
    /* display: table; */
    color: #6c6c6c;
    font-size: 15px;
    line-height: 26px;
	}
    .news_left .one:nth-child(1){
        margin-bottom: 20px;
    }
    .news_left .one a img{
        height: 150px;
    }
    
	.news_left .one .box{
		padding: 10px 0;
	}

	.news_right{
		float: left;
		width: 50%;
	}
	
	.news_right .two{
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px #ddd solid;
	}
	
	.news_right .two a{
	   display: block;
        position: relative;
        padding-left: 100px;
	}
	   
	.news_right .two a h4 {
    position: relative;
    color: #333333;
    font-size: 18px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
	
.news_right .two a .time {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto;
    color: #333;
    font-size: 40px;
    text-align: center;
}
.anniu{
    position: absolute;
    top: 360px;
    left: 335px;
    display: table;
    color: #fff;
    font-size: 14px;
    margin-top: 30px;
    padding: 10px 40px;
    transition: all .4s ease-in-out;
    background: #ff6a00;
    z-index: 10;
}
.anniu:hover{
    background: #333;
}
.picc{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    object-fit: cover;
}
.news_right .two .time font{/* color:#fff; */font-size: 14px;display: block;margin-top: 5px;}
.news_right .two .box{/* float: right; */display: inline-block;}
.news_right .two:hover{ }
.news_right .two:hover a{padding-left:0}
.news_right .two:hover .time{opacity:0}