@charset "utf-8";
/*~~~~????????????~~~*/
/*==???????????????==*/
.container{width:1600px;}
/*==?????????==*/
.fixed-top.header{ position: fixed;z-index:99;width:100%;padding: 10px 0;height: 80px;box-shadow:0 0 10px #aaa; }
.fixed-top.header .logo img{height:60px;}
.fixed-top.header .nav{ margin-top: 20px;}
.fixed-top.header .tel{font-size: 20px;margin: 15px 0 0 60px;padding-left: 40px;}
.fixed-top.header .tel i{font-size:30px;top: 6px;}
.fixed-top.header .nav > li > a:after{bottom:-26px;}
.header{padding:0;height: 100px; overflow:hidden;background:#fff; }
.header .logo{/* margin:-20px 0 */}
.header .tel{position: relative;color:#282828;font-size: 16px;margin: 39px 0 0 60px;padding-left:50px;}
.header .tel i{position:absolute;left:0;top:0;font-size:35px;}
.header .tel font{font-size:12px;display: block;}
.header .nav{ margin-top: 40px;}
.header .nav > li{float:left;}
.header .nav > li > a{position: relative;display: block;color:#727272;font-size:18px;margin-left:35px;text-align: center;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom: -36px;width:100%;height:2px;background:#171c61;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#171c61; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
/*==?????????==*/
.ptm60{padding:60px 0}
.ptm100{padding:100px 0}
.mt60{margin-top:60px}
/*==???????????????==*/
.menu{width:100%;margin-top:60px;}
.menu ul{margin-bottom: 0px;}
/*.menu ul{display:table; text-align: centermargin: auto;}
.menu li{ display: inline-block;}
.menu li a{ position:relative;z-index:2; display: block;margin:0 0px;color:#191919;font-size:18px; border:1px #ddd solid; overflow: hidden;padding: 12px 50px;border-radius: 30px;margin: 0 10px; background: #fff;}
.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:0%; background: #171c61;}
.menu li:hover a,.menu li.active a{ color:#fff;border-color:#171c61 }
.menu li:hover a:after,.menu li.active a:after{height:100%;}*/
/*==????????????==*/
.site{margin:30px 0px 20px 0;color:#666666;font-size:12px;}
.site .home{ padding-left:25px; background: url(img/home_ico.png) no-repeat left;}
.site i{ color:#333;font-size:18px;margin-right:10px;font-weight:bold;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#171c61}
/*==?????????==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
/*==?????????==*/
.titleAx{color:#000000;font-size:40px;}
.titleAx font{color:#171c61;}
.titleAx span{margin-top:3px;display: block;color:#999;font-size:14px;}
.titleAx p{margin-top:6px;display: block;color:#666;font-size:16px;}
.titleAx hr{display: table;width:20px;height:2px; margin:10px auto 5px;border:none;background: #171c61;}
.titleAx.cen{text-align: center;margin-bottom:30px;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.tTop{margin:50px 0 0 0;}
.titleAx.m40{margin-bottom:40px;}
/*.pdx .titleAx{margin-bottom:40px;}*/
/*
.titleBx{margin-top:0px;color:#151515;font-size:40px;margin-bottom:50px;font-weight:bold; text-align: center;}
.titleBx hr{display: table;width:20px;height:2px; margin:10px auto 0;border:none;background: #171c61;}
.titleBx span{display: block; margin:10px auto 0;color:#666666;font-size:16px;font-weight:400}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 0 0;}
*/
/*??????*/
.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}
/*-*/
.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}
/*-*/
.bfe-pos,.bfr-pos{ position: relative;}
.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}
/*-*/
.bfe-spos,.bfr-spos{ position: relative;}
.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }
/*????????????*/
.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*===????????????==*/
.rack{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}
/*===???????????????==*/
.rack .lefter{width: 20%;}
.rack .lefter .box{margin-bottom: 50px; border: 1px #bbb solid; border-top: 2px #666 solid;}
.rack .lefter .title{position: relative;padding: 20px;color: #333;font-size: 22px; border-bottom: 1px #ddd solid;}
.rack .lefter .title:before{content:"";float:left;margin: 8px 15px 0 0;width: 3px;height: 15px;background: #171c61;}
.rack .lefter .title font{ display: none; font-size:14px;}
.rack .lefter .wx{color:#666;font-size:14px;line-height:28px;margin:20px}
.rack .lefter .wx font{color:#000;font-weight:bold;font-size:18px}
.rack .lefter .wx .online{margin-top:15px; display: table; color:#fff;font-size:12px;padding:2px 40px;border-radius:30px;background: #171c61;}
.rack .lefter .wx .online:hover{ background: #666;}
.rack .lefter .list{margin: 20px;}
.rack .lefter .list li{margin: 20px 0px;}
.rack .lefter .list li a{ position: relative; color:#666;font-size:14px;}
.rack .lefter .list li a:before{content:"";/*position:absolute;left:0;top:0;*/float:left; display:block;width:10px;height:10px;margin:6px 10px 0 0;border:1px #999 solid;border-radius:50%;}
.rack .lefter .list li i{color:#666;font-size: 12px;margin-right:10px;}
.rack .lefter .list li a:hover{color:#171c61}
.rack .lefter .list li a:hover:before{border-color:#171c61}
/*===???????????????==*/
.rack .righter{width:77%;padding:40px;border:1px #eee solid;background: #fdfdfd;}
/*===?????????????????????==*/
.leftNav{}
.leftNav ul{ margin: 20px;}
.leftNav ul li{border-bottom:1px #ddd solid;}
.leftNav ul a{width: 100%;display: block;color:#666;font-size: 16px;margin:20px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.leftNav ul a:before{content:"";/*position:absolute;left:0;top:0;*/float:left; display:block;width:10px;height:10px;margin:8px 10px 0 0;border:1px #999 solid;border-radius:50%;}
.leftNav ul li:hover a,.leftNav ul li.active a{color:#171c61;/*transform:translateX(10px);*/}
.leftNav ul li:hover i,.leftNav ul li.active i{color:#171c61}
.leftNav ul li:hover a:before{border-color:#171c61;/*background:#171c61*/}
.leftNav ul i{ float:right;color:#666;font-size:20px;margin:0 0 0}
/*==???????????????==*/
.toneBtn{text-align: center;margin-bottom:40px;}
.toneBtn li{display: inline-block;max-width: 20%;min-width: 12%;}
.toneBtn li a{position:relative;z-index:2;display: block;color:#000;font-size:18px;padding: 15px 10px;margin:0 5px;border:1px #ddd solid;border-radius: 15px;overflow: hidden;}
.toneBtn li a:after{content: ""; position: absolute;left:0;top:0;z-index:-1;width:100%;height:100%;border-radius: 15px;background: #171c61;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.toneBtn li:hover a,.toneBtn li.active a{color:#fff;border-color:#0c94f2; }
.toneBtn li:hover a:after,.toneBtn li.active a:after{transform: scale(1);transform-origin:left;}
.dropdown {
  position: relative; 
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border-radius: 15px;
  width:100%; 
  padding: 12px 16px;
  
}
.dropdown-content p a{height:30px;line-height:30px;font-size:14px;padding: 0px;margin:0 px;border:0px #ddd solid;border-radius: 0px;color:#000;}
.dropdown-content p a:after{border-radius: 0px;background: none;color:#000;}
.dropdown-content p a:hover{color:#0c94f2;}
.toneBtn li:hover .dropdown-content a{color:#000;}
.dropdown:hover .dropdown-content {
  display: block;z-index:5;
}
 
/*==???????????????==*/
.CaseHome{}
.CaseHome .list{/* column-count: 3; */-moz-column-gap: 1.25rem;/* column-gap: 1.25rem; *//* orphans: 1; */vertical-align: top;/* widows: 1; */}
.CaseHome .list li{ float:left; width: 25%;padding:0 0 10px 10px;display: inline-block;vertical-align: top;height: 240px;}
.CaseHome .list a{width:100%;height:100%;display: block; position: relative;}
.CaseHome .list li font{display:inline-block; width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.CaseHome .list li .pic{width:100%;height:100%}
.CaseHome .list li img{max-width:100%;height: 100%;object-fit: cover;}
.CaseHome .list h4{position: absolute;left:0;bottom:0;width:100%;padding: 15px 20px;color:#fff;font-size:16px;background: rgba(0,0,0,0.5);}
.CaseHome .list h4 i{float:right;color:#fff;font-size: 45px;font-weight: 100;/* height: 25px; */margin: -12px 0;}
.CaseHome .list li:hover h4{ background:#171c61}
.CaseHome .list li:nth-child(1){/* float: left; */}
.CaseHome .list li:nth-child(2){width: 50%;height: 480px;/* float: left; */}
.CaseHome .list li:nth-child(3){}
.CaseHome .list li:nth-child(4){}
.CaseHome .list li:nth-child(5){margin-top:-240px}	
.CaseHome .list li:nth-child(6){}		
/*==???????????????==*/	
.AdvantageHome{}
.AdvantageHome .long{background: url(img/AdvantageBg.jpg) no-repeat center;background-size:cover ;}
.AdvantageHome .list-wap{display: none;width:100%;margin:0 0 -2% -2%;}
.AdvantageHome .list-wap li{float:left;width:48%;margin:0 0 2% 2%;padding: 10px;background: #fff;}
.AdvantageHome .list-wap li h4{color:#333;font-size:16px;margin-top: 12px;}
.AdvantageHome .list-wap li p{margin-top:10px;color:#666;font-size:14px;-webkit-line-clamp: 2;}
.AdvantageHome .list-wap li .more{margin:10px 0 0 0;display: table;color:#fff;font-size:12px; padding:6px 20px; background: #666;}
/*==????????????==*/
#certify {position:relative;width:1600px;margin:0 auto;padding: 0 80px;}
#certify .swiper-container {padding:10px 0;}
#certify .swiper-slide {width:920px;background:#fff;/*900-660*/}
#certify .swiper-slide img {display:block;width:100%}
#certify .swiper-slide a{display: block;position: relative;}
#certify .swiper-slide h4{opacity:0; position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:22px;padding: 15px 30px 15px 30px;background:rgba(0,0,0,0.7);}
#certify .swiper-slide h4 font{float:left;width:80%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#certify .swiper-slide h4 i{float:right;color:#fff;font-size: 45px;font-weight: 100;/* height: 25px; */margin: -8px 0;}
#certify .swiper-pagination { display: none; width:100%;bottom:20px;position: initial;margin-top: 40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:15px;height:15px;opacity:1; cursor: pointer}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #0054b3;background-color:#fff;}
#certify .swiper-slide-active{box-shadow:0 0 10px #000}
#certify .swiper-slide-active h4{opacity:1;}
#certify .swiper-slide:hover{background:rgba(0,0,0,0.9);}
#certify .btn{position: absolute; left:0;top:50%; width:44px;height:44px;line-height:45px;color:#fff;font-size:40px; text-align: center;  background-image:none;background-color:#171c61; }
#certify .btn.pv{transform: rotateY(180deg);}
#certify .btn.nt{left:auto;right:0;}
#certify .btn:hover{color:#171c61; background-color:#fff }
/*==???????????????==*/	
.NewsHome{}
.NewsHome .list{margin-left:-80px;}
.NewsHome .list li{float:left;width:33.3%;}
.NewsHome .list li a{ position: relative; display: block; margin-left:80px;}
.NewsHome .list .one{}
.NewsHome .list .one .box{position:absolute;left:0;bottom:0;width:100%; padding:20px 100px 20px 50px;background: rgba(0,0,0,0.5);}
.NewsHome .list .one .box:before{content:"";position: absolute; left:18px;top:30px;width:20px;height:2px; background: #171c61;}
.NewsHome .list .one h4{color:#fff;font-size:18px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}	
.NewsHome .list .one span{color:#fff;font-size:16px;display: block;}
.NewsHome .list .one i{position: absolute; right:20px;top:25px;color:#fff;font-size:35px;}
.NewsHome .list .one:hover .box{background:#171c61}
.NewsHome .list .one:hover .box:before{background:#fff}
.NewsHome .list .two{margin-top:40px;}
.NewsHome .list .two h4{width: 100%;color:#555;font-size:18px;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list .two p{-webkit-line-clamp: 2;color:#999999;font-size:16px;margin-bottom:20px;}
.NewsHome .list .two span{color:#fff;font-size: 14px;font-weight: bold;padding:5px 10px;border-radius: 5px;background: #171c61;}	
.NewsHome .list .two:hover h4{color:#171c61}	
.NewsHome .list .two:hover span{background:#666}
/*==???????????????==*/	
.AboutHome{ background: url(../img/abg.png) no-repeat center; background-size:cover ;}
.AboutHome .munber{ position:relative; float: right;width: 40%;margin-top:100px;padding: 50px 80px;background:rgba(0, 109, 185,0.7);}
.AboutHome .munber:before{content:"";position:absolute;right:-150px;top:0;width:150px;height:3px; background:#171c61}
.digital{position: relative;display:table;/* margin:0 0 -50px 0; */}
.digital:before,.digital:after{content:"";position:absolute;width:35px;height:35px;border-left:6px #fff solid;border-top:6px #fff solid;}
.digital:before{top:-10px;left:-10px;}
.digital:after{right:-10px;bottom:-10px;transform:rotate(180deg)}
.digital li{float:left;width: 50%;}
.digital li:nth-last-child(n+3) a{ margin-bottom:50px;/*background:#eee*/}
.digital li:nth-child(2n) a{float:right;width:185px;}
.digital li a{display:block; position:relative; }
.digital li span{color:#fff;font-size:60px;font-weight:bold;line-height: initial;}
.digital li b{color:#fff;font-size:24px;letter-spacing: -2px;}
.digital li font{color:#fff;font-size:40px;font-weight:bold;}
.digital li h5{color:#fff;font-size:16px;margin-top:0px;}
.AboutHome .box{float: right;width: 40%;padding:50px 50px 20px 50px;background: rgba(255,255,255,0.7);}
.AboutHome .box .titleAx{text-align: right;}
.AboutHome .box .wx{color:#555555;font-size:16px;line-height: 26px;}
.AboutHome .box .wx img{float:left;width:32.3%;margin: 1% 1% 1% 0%;}
.AboutHome .box .more{ position:relative;z-index:2; float: right;margin-top:50px;color:#555555;font-size:16px;padding:5px 15px 10px 15px;}		
.AboutHome .box .more:after{content:"";position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:2px;background: #171c61;transition: all .4s ease-in-out;}
.AboutHome .box .more i{margin-left:10px;color:#171c61;font-size:20px;font-weight: bold;}
.AboutHome .box .more:hover{color:#fff;}
.AboutHome .box .more:hover i{color:#fff;}
.AboutHome .box .more:hover:after{height:100%;}
.AboutHome .box ul{margin-top:10px;margin-left:-10px;}
.AboutHome .box ul li{float:left;width:33.3%}
.AboutHome .box ul a{position:relative; display:block;margin-left:10px;}
.AboutHome .box ul h4{ opacity:0; position:absolute;bottom:0;left:0;width:100%;padding:10px;color:#fff;font-size:14px; background:rgba(0,0,0,0.5)}
.AboutHome .box ul .pic{padding-top:85%;}
.AboutHome .box ul li:hover h4{opacity: 1;}
/*==???????????????==*/
.PartnerHome{}
.PartnerHome .list{border-top:1px #ddd solid;border-left:1px #ddd solid;}
.PartnerHome .list li{position: relative;float:left;width:14.28%;border-right:#ddd solid 1px;border-bottom:#ddd solid 1px;}
.PartnerHome .list li img{display:block;width:100%;}
.PartnerHome .list li a:before{content:"";position: absolute;left:0;top:0;width:100%;height:2px;background:#171c61;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.PartnerHome .list li a{position:relative;display: block;width: 100%;}
.PartnerHome .list li:hover a{z-index:2;box-shadow: 0 0 10px #aaa;transform:scale(1.08);}
.PartnerHome .list li:hover a:before{transform: scale(1);transform-origin:left;}
/*==???????????????==*/	
.case-list{margin: 0 0 -40px -20px;}
.case-list li{float:left;width:25%;}
.case-list li{}
.case-list li a{display:block;margin: 0 0 40px 20px;}
.case-list li .pic{position: relative;padding-top:60%;}
.case-list li .pic span{position: absolute;left:0;bottom: -50px;width: 100%;padding:15px 20px;color:#fff;font-size:14px;background: rgba(0,0,0,0.5);}
.case-list li .pic span font{margin-right: 20px;display: inline-block;}
.case-list li h4{position: relative;color:#666;font-size:16px;padding: 20px 0;border-bottom: 1px #ddd solid;}
 .case-list li h4 font{display: inline-block;max-width: 70%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} 
.case-list li h4 i{position: absolute;right: 0;top: 15px;float:right;color:#666;font-size: 30px;} 
.case-list li h4:after{ content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px; background:#171c61;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.case-list li:hover .pic span{bottom:0;}
.case-list li:hover h4{color:#171c61}
.case-list li:hover h4 i{color:#171c61}
.case-list li:hover h4:after{transform: scale(1);transform-origin:left;}
/*==???????????????==*/	
.CaseDetail{ }	
.CaseDetail .titleTop{margin-bottom:40px;text-align: center;padding-bottom: 30px;border-bottom: 1px #ddd solid;}
.CaseDetail .titleTop .tit{color:#333;font-size: 26px;}
.CaseDetail .titleTop .source{margin-top:20px;display: block;color: #999;font-size: 14px;}
.CaseDetail .titleTop .source font{margin-right:20px;}
.CaseDetail .titleTop .source i{color:#999;font-size: 16px;margin-right: 5px;}	
.CaseDetail .wor{color:#666;font-size:14px;line-height: 26px;}
.CaseDetail .explain{display: block;margin-bottom:30px;font-size: 16px;line-height: 30px;}
/*==???????????????==*/	
.TreasureInner{}
.TreasureInner .list{}
.TreasureInner .list li{float: left;width: 48%;border-bottom: 1px #ddd solid;padding-bottom: 30px;margin-bottom:30px;/* clear: both; */overflow: hidden;}
.TreasureInner .list li:nth-of-type(even){float:right;}
.TreasureInner .list a{ display: block;height:200px; }
.TreasureInner .list .pic{float: left;width:230px;height:100%;margin-right:30px;}
.TreasureInner .list .pic img{max-width:100%;height: 100%;object-fit: cover;}
.TreasureInner .list h4{color:#333;font-size: 20px;margin-top: 10px;}
.TreasureInner .list .time{color:#999;font-size: 14px;display: block;margin-top:5px;}
.TreasureInner .list p{-webkit-line-clamp: 2;color:#666;font-size: 14px;margin-top:20px;}
.TreasureInner .list .more{display: table;margin-top: 30px;color:#666;font-size:14px;padding:8px 20px;border: 1px #aaa solid;}
.TreasureInner .list li:hover h4{color:#171c61}
.TreasureInner .list li:hover .more{ color:#fff;border-color:#333;background:#333}
/*==?????????==*/	
.TeamInner{}
.TeamInner .list li{position: relative;overflow: hidden;margin-bottom: 40px;padding-right: 200px; padding-bottom:40px;border-bottom:1px #ddd solid;}
.TeamInner .list li:last-child{margin-bottom:0px}
.TeamInner .list a{ display: block;/*height:450px; */}
.TeamInner .list .pic{float: left;width: 25%;/* height:100%; */margin-right:50px;}
.TeamInner .list .pic img{max-width:100%;height: 100%;object-fit: cover;}
.TeamInner .list h4{color:#333;font-size: 20px;margin:40px 0 20px 0;padding-bottom:30px;display: inline-block; border-bottom: 1px #ddd solid;}
.TeamInner .list h4 span{display: block;color:#999;font-size:14px; margin-top:10px;}
.TeamInner .list p{-webkit-line-clamp: 6;color:#666;font-size: 14px;margin-top:20px;line-height:26px;}
.TeamInner .list em{position: absolute;right:0;top: 60px;color:#999;font-size: 30px;font-weight: bold;}
.TeamInner .list em:before{content:"";position: absolute;left: 50%;bottom: -110px;width:1px;height:100px;background: #ddd;}
/*==?????????==*/
.NewsListBox{padding-bottom:0 !important}
.NewsListBox .up{margin-bottom:90px;}
.NewsListBox .up .more{}
.NewsListBox .up .more{color:#fff;font-size:12px;padding: 10px 30px;display: table;margin-top: 40px;background: #666;}
.NewsListBox .up .more i{float:right;width:10px;height:7px;margin:1px 0 0 15px;color: #fff;font-size:16px}
.NewsListBox .up .more:before{display: none; content: ""; float:right;width:10px;height:7px;margin:6px 0 0 15px;background: url(../images/line03.png) no-repeat -10px 0;transition: all .4s ease-in-out;}
.NewsListBox .up .more:hover{ background: #171c61;}
.NewsListBox .up .more:hover:before{transform:translateX(3px);}
.NewsListBox .up .swiper-container:after{content: "";position: absolute; left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox .up .spot{bottom:0;display: table;width: 100%;left: 700px;/*! margin-left: 52px; */text-align: left;padding: 30px 35px 30px 50px;background:#171c61;}
.NewsListBox .up .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px;}
.NewsListBox .up .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox .up li{ position: relative; }
.NewsListBox .up li a{position: relative;display: block;height: 450px;padding:50px 50px 50px 750px;background:#f2f2f2;}
.NewsListBox .up li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox .up li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .up li .box{/*! text-align: center; */float: left;width: 100%;height: 100%;}
.NewsListBox .up li .box h4{width: 100%;font-size:24px;color:#191919;/*! font-weight: bold; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsListBox .up li .box .time{position:relative; display: block; color:#999;font-size:12px;margin-top:20px;}
.NewsListBox .up li .box .time:before{content:"";float:left;margin:10px 20px 0 0; width:40px;height:1px; background:#ccc}
.NewsListBox .up li .box p{-webkit-line-clamp: 4;font-size:14px;color:#464646;margin-top: 30px;line-height: 24px;}
.NewsListBox .up li:hover h4{color:#171c61}
.NewsListBox .shell{padding: 70px 0 50px 0;background-color: #f3f3f3; overflow: hidden;}
.NewsListBox .shell ul{margin:0 0 -30px -30px;}
.NewsListBox .shell li{float: left;width: 33.3%;}
.NewsListBox .shell li a{position: relative;display: block;margin:0 0 30px 30px;padding: 30px; overflow: hidden;background-color: #fff;}
.NewsListBox .shell li a:after{content: "";position: absolute;left: 0;top: 0;height: 3px;width: 0;transition: all .5s;background-color: #171c61;}
.NewsListBox .shell li a h4{width: 100%;font-size: 16px;font-weight:bold;color: #191919;margin-top:30px;;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.NewsListBox .shell li a .txt{-webkit-line-clamp: 2;font-size: 14px;color: #666666;line-height: 24px;height:48px;margin-top:15px;/*! overflow: hidden; */margin-bottom: 15px;}
.NewsListBox .shell li a .pic{display: block;position: relative;width: 100%;padding-top: 70%;overflow: hidden;}
.NewsListBox .shell li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.NewsListBox .shell li a .time{float:left; margin-right:20px; display: block;font-size: 12px;color: #999999;}
.NewsListBox .shell .more{float:left;color:#999;font-size:12px;padding: 0 0px;display: block;}
.NewsListBox .shell .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 10px;background: url(../images/line02.png) no-repeat -10px 0px;transition: all .4s ease-in-out;}
.NewsListBox .shell li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.NewsListBox .shell li:hover a{transform: scale(1.02);}
.NewsListBox .shell li:hover a:after{width: 100%;}
.NewsListBox .shell li:hover a h4{color: #171c61}
.NewsListBox .shell li:hover .more{color:#f60}
.NewsListBox .shell li:hover .more:before{ background-position:0 0 }
/*==??????????????????==*/
.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:23px;}
.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 10px;}
.NewsDetailBox .msg span i{color:#999;font-size: 16px;margin-right: 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(img/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#0085d0}
.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:#0085d0}
.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(img/arrow_02.png) no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#0085d0}
/*==???????????????==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent{height: 610px;}
.ContactInner .long .left{ width:52%;}
.ContactInner .long .left img{display: block;max-width:100%;max-width:100%;height: 100%;object-fit: cover;}
.ContactInner .long .right{width:45%; border:1px #ddd solid;padding: 45px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ContactInner .long .right .title{color:#333333;font-size:26px;}
.ContactInner .long .right .tel{ position:relative;margin-top:25px;color:#333333;font-size:14px;display: block;}
.ContactInner .long .right .tel:before{ content: ""; position: absolute; left:0px;top:32px; width:10px; height:3px; background: #171c61;}
.ContactInner .long .right .tel:after{ content: ""; position: absolute; left:13px;top:32px; width:25px; height:3px; background: #171c61;}
.ContactInner .long .right .tel font{margin-top:30px;font-size:30px;color:#e53130;display: block;font-weight: bold;}
.ContactInner .long .right .wx{min-height:156px;margin-top:20px;color:#333333;font-size:14px;display: block;line-height: 26px;}
.ContactInner .long .right .add2{ margin-top:30px;color:#333333;font-size:14px;display: block;}
.ContactInner .long .right .add2 font{font-size:22px; color:#333;display: block;margin-bottom: 10px;}
.ContactInner .long .right .ewm{position: relative;float:left;color:#666666;font-size:12px; text-align: center;display: block;line-height: 15px; margin-right:80px;}
.ContactInner .long .right .ewm:after{ position: absolute; content: "";position: absolute;right:-50px;top:20%;width:1px;height:60%;border-right:1px #bbb dashed}
.ContactInner .long .right .ewm img{max-width:120px; display: block;margin:0 auto 5px;}
.ContactInner .long .right .online{ float:left;color:#fff;margin:50px 0 0 20px; font-size:14px; padding:8px 40px; background:#171c61;display: block;border-radius: 20px;text-align: center;}
.ContactInner .long .right .online:hover{background: #666;}
.ContactInner .long .right .lt{}
.ContactInner .long .right .rt{margin-top:20px;width: 100%;}
.ContactInner .map{margin-top:70px}
.ContactInner .map #dituContent{height:500px;}
/*==??????2???==*/
.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}
.message .frame.x1 input{background: url(img/ico101.png) no-repeat left;/*! float: left; */}
.message .frame.x2 input{background: url(img/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(img/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(img/ico104.png) no-repeat left top;}
.message .frame.x4{width:99%;}
.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}
.message .frame textarea{width:100%;height:100px; clear: both}
.message button.submit{display:table;width:30%; padding:15px 20px;font-size:16px; color:#fff; background: #333;border: none;}
.message button.submit:hover{background:#666}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}
/*==list-box ????????? ??????==*/
.list-box{margin:0 0 -10px -10px}
.list-box li{float:left; width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 10px 10px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #171c61 solid;}
.list-box li h4{color:#666;font-size: 16px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#171c61;}
.list-box.lx5 li{width:20%}
.list-box.lx5p li{width:20%}
/*==??????===*/
.footer{padding: 70px 0 80px 0;border-top:5px #171c61 solid;background-color: #333437;background-repeat:no-repeat;background-position:center bottom; background-image:url(img/footerBg.png);overflow: hidden;}
.footer .left{/*width:60%;*/}
.footer .nav{position:relative;display: table;margin-bottom: 35px;}
.footer .nav li{float: left;}
.footer .nav li a{ display: block;margin-right:40px;color:#fff; line-height:20px;font-size:18px;}
.footer .nav li a:hover{color:#ddd}
.footer .copy{margin-bottom: 35px;}
.footer .copy,.footer .copy a{color:#adaeae;font-size:16px;}
.footer .copy a:hover{color:#fff}
.footer .function{}
.footer .function a{color:#888;font-size:16px;display: inline-block;padding-right: 15px;margin-right: 15px;line-height: 12px;border-right: 1px #888 solid;}
.footer .function a:last-child{border:none;}
.footer .function a:hover{color:#fff}
.footer .right{}
.footer .right span{margin-right:50px; display: inline-block;padding:10px;color:#999999;font-size:12px; text-align:center; background: #3d3e41;}
.footer .right span:last-child{margin-right: 0px;}
.footer .right span img{display:block; width: 110px;margin-bottom:5px;}
.hide{overflow: hidden;}
.firendlink {margin-top:25px;}
.firendlink span,.firendlink a:hover{color:#fff;}
.firendlink a{margin:0 10px;color:#adaeae;}