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


/*==版心定义↓==*/
.container{position:relative;width:1600px;}
a{transition: all ease 0.4s;}
a:hover{color:#008cd6}


/*==字符串↓==*/
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_5iznhqq1s9h.eot');
  src: url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.woff') format('woff'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1963410_5iznhqq1s9h.svg#iconfont') format('svg');
}


/*==顶部top↓==*/
.head-top{padding: 15px 0;background: #333;}
.head-top .cr{display: inline-block;color:#008cd6;font-size:16px;}
.head-top .bk{position:relative;display: inline-block;color:#c0c0c0;font-size:14px;margin-left:15px;padding-left: 35px; background: url(../images/ico301.png) no-repeat 15px 3px;}
.head-top .tel{color:#fff;font-size:18px;display: block;padding-left: 35px;background: url(../images/telIco.png) no-repeat left;}
.head-top .bk:before{content: "";position:absolute;left:0;top:10%;height:80%;width:1px;background: #ddd;}


/*==顶部↓==*/
.fixed-top.header{ position: fixed;top:0;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 .logo img{ margin-top:10px}
.fixed-top.header .nav{margin-top: 20px;}
.fixed-top.header .nav > li > a{padding-bottom: 26px;}
.fixed-top.header .tel{ margin-top: 10px; }
.fixed-top.header .ewm{margin-top:16px;}
/*====*/
.header{z-index:99;padding:20px 0;height:90px;}
.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 .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: #008cd6;}
.header .nav{display:flex;float: right;margin-top: 10px;}
.header .nav > li{/* flex: 1; */float: left;margin-left: 50px;position: relative;}
.header .nav > li > a{position: relative;display: block;color:#212121;font-size:16px;text-align: center;padding-bottom: 36px;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#008cd6;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#008cd6; }
.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: #008cd6;}
.header .nav li:last-child .sub{display: none !important;}
.header .ewm{float:right;position:relative;margin: 9px 0 0 20px;}
.header .ewm i{color:#666;font-size: 22px;border: 1px #aaa solid;width: 32px;height: 32px;line-height: 30px;display: block;cursor: pointer;text-align: center;border-radius: 50%;}
.header .ewm .show{position:absolute;right: 0;top: 100%;z-index: 2;width: 150px;display:block;padding:10px;border: 1px #eee solid;transform-origin: 95% 0%;transform: scale(0);transition: all 1s;background: #fff;}
.header .ewm:hover .show{transform: scale(1);}


/*==次级导航↓==*/
.menu{width:100%;margin-top:60px;margin-bottom:-10px;}
.menu ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu li{/*! flex: 1; */ display: inline-block;}
.menu li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 6px; background: #f7f7f7;}
.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #008cd6;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#fff;border-color:#008cd6 }
.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:#2e3093}
.site .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.site .more:hover{color:#fff; background: #1e6dab;}


/*==标题↓==*/
.titleAx{color:#212121;font-size:40px;font-weight: bold;}  
.titleAx span{line-height:1;display: block;color:#d9d9d9;font-size:50px;font-weight: 400;letter-spacing: -1px;text-transform: Uppercase;}
.titleAx font{color:#0d9edb}
.titleAx hr{display: block;margin: 12px auto 5px;width: 40px;height: 2px;border:none;background: #e60013;}
.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}
/*--*/
.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 -10px 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{}


/*==首页解决方案↓==*/
.IndustryHome{position: relative;}
.IndustryHome .titleAx{ position: absolute; top:100px;z-index: 5;width:100%;}
.IndustryHome ul{ position: relative; display: flex;flex-flow: row wrap;align-content: flex-start;background: url(../images/IndustryBg.jpg) no-repeat center;}
.IndustryHome ul:before{ opacity: 0.5; content: "";position: absolute;left:0;top: 0;width: 100%; height:100%; background: #000;}
.IndustryHome ul li{flex-grow: 1;display: inline-block;width:20%;height: 770px;}
.IndustryHome ul a{position: relative;z-index: 2;display: block;height: 100%;padding:100px 0px 50px 2px;text-align: center;border-right:1px rgba(255,255,255,0.5) solid;overflow:hidden;}
.IndustryHome ul a:before{opacity: 0;content:"";position: absolute;left:0;top:0;z-index: -1;width: 100%;height: 100%;transform: translateY(-5px);background: #008cd6;}
.IndustryHome ul .box{position: absolute;left:0;right:0;bottom:50px;padding:0 20px;transition: all .6s ease-in-out;}
.IndustryHome ul em{display: table;margin: 0 auto 30px;color:#666;font-size:20px;width: 100px;height: 100px;border:1px #fff solid;border-radius: 50%;background-repeat:no-repeat;background-position:center;}
.IndustryHome ul h4{color:#fff;font-size:24px;margin-bottom: 5px;}
.IndustryHome ul span{color:#fff;font-size:14px;margin-bottom:10px;} 
.IndustryHome ul .more{opacity:0;display:table;margin: 40px auto 0;color:#008cd6;font-size:14px;padding: 10px 30px;border-radius: 5px;background: #fff;}
.IndustryHome ul li:hover{}
.IndustryHome ul li:hover .box{ transform: translateY(-40px);}
.IndustryHome ul li:hover a:before{opacity:0.5; transform: translateY(0px);}
.IndustryHome ul li:hover .more{opacity: 1;}
.IndustryHome ul li:hover .more:hover{ color:#fff;box-shadow:5px 5px 10px #444; background:#008cd6}
.IndustryHome ul .x1 em{background-image:url(../images/IndustryIco01.png);}
.IndustryHome ul .x2 em{background-image:url(../images/IndustryIco02.png);}
.IndustryHome ul .x3 em{background-image:url(../images/IndustryIco03.png);}
.IndustryHome ul .x4 em{background-image:url(../images/IndustryIco04.png);}
.IndustryHome ul .x5 em{background-image:url(../images/IndustryIco05.png);}


/*==首页产品↓==*/
.ProductHome{}
.ProductHome .left{width: 23%;}
.ProductHome .left li{}
.ProductHome .left li a{background: #f2f2f2;}
.ProductHome .left li:nth-child(even) a{background:#ededed}
.ProductHome .left a{position: relative;z-index:2;display: block;padding: 22px 30px;color:#212121;font-size:20px;overflow:hidden;}
.ProductHome .left a:before{content:"\e65b";position:absolute;right: 20px;top: 50%;margin-top: -12px;color:#dddddd;font-size: 25px;font-style: normal;font-family: "iconfont";line-height:1;}
.ProductHome .left a:after{opacity:0;content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#008cd6;transform: translateX(10px)}
.ProductHome .left .active a{color:#fff;}
.ProductHome .left .active a:before{color:#fff;transform: translateX(5px)}
.ProductHome .left .active a:after{opacity:1;transform: translateX(0px)}
.ProductHome .right{width: 76%;}
.ProductHome .right .thumb{display: block;float:left;width: 69%;}
.ProductHome .right .thumb img{display: block;width: 100%;height: 100%;object-fit: cover;}
.ProductHome .right .box{float:right;width: 30%;padding: 60px 40px;background: url(../images/bg04.jpg) no-repeat center;}
.ProductHome .right .box h4{color:#fff;font-size: 24px;margin-bottom: 25px;}
.ProductHome .right .box p{-webkit-line-clamp: 8;color:#fff;font-size:14px;line-height: 24px;}
.ProductHome .right .box .more{display: table;color:#008cd6;font-size:13px;margin-top:40px;padding:10px 30px;border-radius: 5px;background: #fff;}
.ProductHome .right .box .more:hover{color:#fff;background:#008cd6}
.ProductHome .left,.ProductHome .thumb,.ProductHome .box{height: 445px;}
.ProductHome .down{margin-top: 40px;}


/*==产品列表↓==*/
.ProductHome .list{margin-left:-20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductHome .list li{flex-grow: 1;display: inline-block;width:25%; }
.ProductHome .list li a{display: block;margin-left:20px}
.ProductHome .list .pic{display: block; padding-top: 60%;}
.ProductHome .list .border{padding:10px;box-shadow: 0 0 10px #ddd;/* background: #000; */}
.ProductHome .list a{display: block;text-align: center;}
.ProductHome .list h4{color:#212121;font-size:16px;margin-top:10px;}
.ProductHome .list li:hover h4{color:#008cd6}


/*==首页优势↓==*/
.AdvantageHome{ background: #f6f6f6;}
.AdvantageHome ul{display: flex;flex-flow: row wrap;align-content: flex-start;box-shadow:0px 5px 5px #aaa; background: #fff;}
.AdvantageHome ul li{position:relative;z-index:2;flex-grow: 1;display: inline-block;width:20%;height:400px;/* padding: 60px 50px; */text-align: center;border-right:1px #ddd solid;background-repeat:no-repeat;background-position:center;}
.AdvantageHome ul li:last-child{border:none}
.AdvantageHome ul li:before{/* opacity: 0; */content:"";position: absolute;left:0;top:0;z-index: 0;width: 100%;height: 100%;/* transform: translateY(-5px); */background: #fff;}
.AdvantageHome ul .bg{position:absolute;left:0;top:0;z-index: -1;display:block;width:100%;height: 100%;object-fit: cover;}
.AdvantageHome ul .box{position: absolute;top: 0;left: 0;right:0;bottom:0;margin: auto;height: max-content;padding: 10px 50px;transition: all .6s ease-in-out;}
.AdvantageHome ul em{display: table;margin: 0px auto 25px;width: 100px;height: 100px;background-repeat:no-repeat;background-position:center;}
.AdvantageHome ul h4{color:#212121;font-size:24px;margin-bottom: 10px;}
.AdvantageHome ul span{color:#212121;font-size:20px;margin-bottom:10px;font-weight:bold}
.AdvantageHome ul p{opacity:0;-webkit-line-clamp: 3;height:0px;color:#666;font-size:14px;margin-top: 30px;line-height: 24px;}
.AdvantageHome ul li:hover:before{opacity:0.8;background:#008cd6}
.AdvantageHome ul li:hover em{opacity:0;height:0px;}
.AdvantageHome ul li:hover h4{color:#fff}
.AdvantageHome ul li:hover span{color:#fff}
.AdvantageHome ul li:hover p{opacity:1;height:auto;color:#fff}
.AdvantageHome ul li:hover a{transform: translateY(-5px);}
.AdvantageHome ul .x1 em{background-image:url(../images/AdvantageIco01.png);}
.AdvantageHome ul .x2 em{background-image:url(../images/AdvantageIco02.png);}
.AdvantageHome ul .x3 em{background-image:url(../images/AdvantageIco03.png);}
.AdvantageHome ul .x4 em{background-image:url(../images/AdvantageIco04.png);}


/*==首页合作客户↓==*/
.PartnerHome{}
.PartnerHome .long{padding:0 100px;/* background: #ddd; */}
.PartnerHome .list{display: flex;flex-flow: row wrap;align-content: flex-start;}
.PartnerHome .list li{ display: inline-block;width:20%;/* border: 1px #f60 dashed; */}
.PartnerHome .list a{position:relative; display:block;width: 100%;height: 100%;}
.PartnerHome .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;}
.PartnerHome .list img{/* display: contents; */margin: auto;margin: 32% 20%;width: 60%;/* height: 62%; */}
.PartnerHome .list li:nth-child(2n){}
.PartnerHome .list li:nth-child(6){margin-left: 10%;}
.PartnerHome .list li:nth-child(n+6){margin-top: -10.2%;}
.PartnerHome .list li:hover a{z-index:2;}
.PartnerHome .list li:hover a:before{border-color:#008cd6}
.PartnerHome .spot{ position: initial;margin:30px auto 0;text-align: center;}
.PartnerHome .spot li{position:relative; display:inline-block;width:12px;height:12px;margin:0 8px;border-radius:50%;overflow:hidden;cursor:pointer;background:#e9e9e9;    transition: all .4s ease-in-out;}
.PartnerHome .spot .active{background: #008cd6;} 


/*==首页案例↓==*/
.CaseHome{background: #f6f8f9;}
.CaseHome .tone{}
.CaseHome .tone{position:relative;width: 100%;overflow:hidden;text-align: center;margin-bottom: 50px;} 
.CaseHome .tone li{display: inline-block;}
.CaseHome .tone a{position:relative;z-index:2; display: block;margin: 0 25px;padding: 12px 40px;border-radius:5px;color: #666;font-size:16px;overflow: hidden;background: #fff;} 
.CaseHome .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#008cd6;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.CaseHome .tone .active a{color: #ffffff; }
.CaseHome .tone .active a:after{transform: scale(1);transform-origin:left;}
.CaseHome .list h4{color:#212121;font-size:18px;margin-top:20px;text-align: center;}
.CaseHome .list li:hover h4{color:#008cd6}
.CaseHome .more{position: relative;color:#fff;font-size:16px;display: table;margin: 50px auto 0;padding: 13px 60px;border-radius: 5px;overflow: hidden; background: #008cd6;}
.CaseHome .more:before{opacity:0;content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#666;transform: translateX(-10px);transition: all .4s ease-in-out;}
.CaseHome .more:hover{color:#fff;border-color:#008cd6; background: #333; }
.CaseHome .more:hover:before{opacity:1;transform:translateX(0px);}

/*--*/
.chartSrll .long{position: relative;}
.chartSrll .btn{left:-40px;width: auto;height: auto;line-height: initial;text-align: center;color:#dddddd;font-size: 30px;font-weight:bold;background: none;}
.chartSrll .btn.nt{left:auto;right: -40px;}
.chartSrll .btn:hover{color:#008cd6;}


/*==首页关于↓==*/
.AboutHome{padding:160px 0 140px 0;background: url(../images/AboutBg.jpg) no-repeat center; background-size:cover ;background-attachment:fixed ;}
.AboutHome .box{width: 740px;padding: 60px 40px;background: #fff;}
.AboutHome .title{color:#212121;font-size:40px; font-weight:bold; margin-bottom:30px;}
.AboutHome .title span{display: block;font-weight: 400;color:#666666;font-size:24px;margin-top: 2px;}
.AboutHome .wx{color:#666;font-size:14px;line-height: 24px;}
.AboutHome .block{margin:30px 0 0 -2%;overflow: hidden;}
.AboutHome .block a{position: relative;z-index: 2;float:left;display: block;margin-left:2%;width:31.3%;height: 90px;padding: 20px 10px;text-align: center;}
.AboutHome .block a:before{opacity:0; content:"";position:absolute;top:0;left:0;z-index: -1;width:100%;height:100%;background:#008cd6;transform: translateY(10px);}
.AboutHome .block a:hover:before{opacity:1;transform: translateY(0px);}
.AboutHome .block a:hover h4{opacity:1;transform: translateX(0px);}
.AboutHome .block img{position: absolute;left:0;top:0;z-index: -2;display: block;width:100%;height: 100%;object-fit: cover;}
.AboutHome .block h4{ opacity:0;color:#fff;font-size:18px;transform: translateY(-5px);}
.AboutHome .block h4 span{display: block;color:#fff;font-size:12px;display: block;margin-top: 2px;}
.AboutHome .more{display: table;color:#212121;font-size:14px;margin-top:40px;padding: 12px 30px;border:1px #ddd solid;border-radius:5px;}
.AboutHome .more:hover{color:#ffff;border-color:#008cd6; background: #008cd6;}


/*==首页新闻↓==*/
.NewsHome{background: #f6f8f9;}
.NewsHome .tone{}
.NewsHome .tone{position:relative;width: 100%;overflow:hidden;text-align: center;margin-bottom: 50px;} 
.NewsHome .tone li{display: inline-block;cursor: pointer;}
.NewsHome .tone a{position:relative;z-index:2; display: block;margin: 0 25px;padding: 10px 40px;color: #666;font-size:16px;border-radius:5px;overflow: hidden;background: #f0f0f0;} 
.NewsHome .tone a:after{content:"";position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%;background:#008cd6;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.NewsHome .tone .active a{color: #ffffff; }
.NewsHome .tone .active a:after{transform: scale(1);transform-origin:left;}
.NewsHome .list{}
.NewsHome .list a{display: block;position: relative;}
.NewsHome .list h4{color:#212121;font-size:18px;margin-bottom:20px;font-weight: bold;}
.NewsHome .list p{/* display: table; */color:#666666;font-size:14px;}
.NewsHome .list .one{float: left;width: 49%;background: #fff;}
.NewsHome .list .one .pic{height: 420px;}
.NewsHome .list .one .pic img{display: block;width: 100%;height: 100%; object-fit: cover;}
.NewsHome .list .one .box{padding: 25px 50px 40px 50px;overflow: hidden;}
.NewsHome .list .one .frame{position: relative;padding-left: 100px;}
.NewsHome .list .one .time{position:absolute;left:0;top:0;display: table;color:#212121;font-size:24px;text-align: center;padding-right: 20px;border-right: 1px #ddd solid;}
.NewsHome .list .one .time font{color:#999999;font-size:14px;display: block;}
.NewsHome .list .one p{float:left;}
.NewsHome .list li:hover h4{color:#008cd6}
.NewsHome .list .two{float: right;width: 49%;margin-bottom:20px;background: #fff;}
.NewsHome .list .two a{padding: 20px 40px 20px 170px;}
.NewsHome .list .two .time{position: absolute;left: 0;top: 0;bottom: 0;color:#fff;font-size:36px;text-align: center;padding: 30px 25px;background: #008cd6;}
.NewsHome .list .two .time font{color:#fff;font-size:16px;display: block;}
.NewsHome .list .two .box{/* float: right; */display: inline-block;}
.NewsHome .list .two:hover{box-shadow: 5px 5px 10px #aaa;}


/*==解决方案↓==*/
.ApplyInner{}
.ApplyInner .list{margin-bottom:-40px}
.ApplyInner .list li{ position: relative; width:100%;margin-bottom:40px;clear: both;overflow: hidden;z-index: 2;}
.ApplyInner .list .box{float:right;padding:50px;width:33%; margin:70px;background: #fff;}
.ApplyInner .list li:nth-child(2n) .box{float:left}
.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:10px;height:2px; border:none;background: #008cd6;}
.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:100%; 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: #008cd6}
.ApplyInner .list li:hover .box *{color:#fff}
.ApplyInner .list li:hover .box hr{background: #fff}


/*==招聘页面↓==*/
.joinBox{min-height:700px;/* background: #f5f5f5; */}
.joinBox .container{ position: relative;padding-right: 265px;width:75%}
.joinBox .lefter{width:100%;}
.joinBox .righter{ position: absolute;right:0; width: 240px;}
.join-list li{margin:0 0 30px 0;padding:0 0 20px 0;border: 1px #ededed solid;box-shadow: 0 0 10px #eee;background: #fff;}
.join-list li .title{position:relative;padding: 30px 30px 50px 30px;border-bottom: 1px #f2f2f2 solid;background: #fafafa;}
.join-list li .title h3{color: #444;font-size:25px;font-weight:bold;margin: 0 0 10px 0;}
.join-list li .title span{color:#666; font-size:14px;}
.join-list li .title .txt-right{position: absolute;right:30px;top: 50px;color:#777;}
.join-list li .box h4{color: #444; font-weight:bold;font-size:16px;margin: 0 0 10px 0;}
.join-list li .box{margin: 30px 30px 40px 30px;padding: 0px 0px 40px 0px;color: #777;font-size:14px;line-height: 30px;border-bottom:1px #eee solid;}
/*.join-list li .box:last-child{margin-bottom:0px;}*/
.join-list li .title .share{float:right;margin-top:-50px}
.join-list li .down{margin: 0px 30px 30px 30px;padding:20px;background: #f5f5f5;}
.join-list li .down p{color:#666; font-size:15px; line-height:32px}
.join-list li .down a{float: right;display: inline-block;color:#fff;background: #008cd6;padding: 7px 25px;font-size:15px;}
.join-list li .down a:hover{background: #333;}
.joinBox .righter{}
.joinBox .righter .box{padding:20px;margin:0 0 20px 0;border-top: 1px #ededed solid;border-right: 1px #ededed solid;border-bottom: 1px #ededed solid;border-left: 1px #ededed solid;background: #fff;}
.joinBox .righter .one img{display: block; margin: auto; max-width:100%}
.joinBox .righter .one h2{color:#333; font-size:15px; margin:15px 0 15px 0; text-align: center;}
.joinBox .righter .one a{width:150px;display: block;margin: auto; text-align: center; color:#777; font-size:14px;border: 1px #ddd solid; padding:7px 20px;}
.joinBox .righter .one a:hover{background: #008cd6;color:#fff}
.joinBox .righter .two{}
.joinBox .righter .two h3{font-size:18px;color:#666;padding-bottom: 10px;margin:0 0 15px 0;border-bottom: 1px #eee solid;}
.joinBox .righter .two ul li em{color:#999;width:22px;font-size:18px;margin: 0 5px 0 0;display: inline-block;vertical-align: top; text-align: center;}
.joinBox .righter .two ul li{display: block;clear: both;margin: 5px 0 15px 0;}
.joinBox .righter .two ul li span{display:inline-block;color:#888;font-size:13px;width: 165px;}
.joinBox .righter .two ul li.x1{height: 45px;}
.joinBox .righter .two ul li.x1 span{line-height:25px;}
.joinBox .righter .two ul li.x1 em{line-height: 45px;}
.joinBox .righter .two ul li.x2{}
.joinBox .righter .two ul li.x2 span{}
.joinBox .righter .two ul li.x2 em{line-height: 23px;}
.joinBox .righter .three{}
.joinBox .righter .four{}
.joinBox .righter .four h3{text-align: center; color:#666; font-size:15px;}
.joinBox .righter .four img{display: block; margin: 10px auto; max-width:100%;}
.joinBox #fixedBoxA{width:240px}
.joinBox .fixedBoxA1{}
.joinBox .fixedBoxA2{position:fixed;_position:absolute;top:100px; z-index:250;}
.joinBox .absolute{position:absolute; z-index:250; bottom:0px;}



/*==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;}
.list-box.lx5 li{width:20%}

.partner-list .pic{padding-top:60%}


/*==底部===*/
.footer {position:relative;z-index:5;background:#3f3f3f;overflow:hidden;}
.footer .up{padding:70px 0 60px 0;}
.footer .nav {position:relative;float:left;display:table;width: 58%;}
.footer .nav h3 {color:#fff;font-size: 16px;margin-bottom: 12px;}
.footer .nav h3 hr {display:block;border:none;margin: 12px 0 0px 0;width: 25px;height:1px;background:#1e6dab;}
.footer .nav li {/*! display:table-cell;*/padding-right: 60px;float:left;}
.footer .nav li a {display:block;color:#eee;font-size: 13px;padding: 5px 0;}
.footer .nav li a:hover {color:#ccc}
.footer .ewm {float:right;margin-left: 6%;color:#eee;font-size:14px;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;border-bottom: 1px rgba(255,255,255,0.2) solid;padding-bottom:10px;margin-bottom:20px;padding-right: 50px;}
.footer .right .tel i {float:left;font-size: 22px;display:block;font-weight: 400;margin: 10px 10px 0 0;}
.footer .right .wx {display:block;color:#eee;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:#1e6dab;}
.footer .down {position:relative;padding: 20px 0 30px 0;color:#eee;font-size: 13px;background: #191919;}
.footer .down a {color:#eee;font-size: 13px;}
.footer .down a:hover {color:#ddd;}
.footer .link{margin-top:20px;width: 100%;}
.footer .link h3{color:#fff;font-size:12px;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;}