@charset "utf-8";

#main .abcon { text-align: center; box-sizing: border-box; background: url(../images/bg01.jpg) no-repeat center center;}
@media screen and (min-width:960px){
#main .abcon{  padding:153px 0; height: 700px;}
#main .abcon .title { margin-bottom: 63px; color: #fff; font-size: 24px; }
#main .abcon .txt01 { margin-bottom: 15px; color: #fff;  font-size: 30px; font-weight: bold; }
#main .abcon .txt02 { margin: 0 auto 110px; max-width:860px; color: #fff; font-size: 16px; line-height: 2; }
}
@media screen and (max-width:960px){
#main .abcon{  padding:5% 20px;}
#main .abcon .title { margin-bottom:23px; color: #fff; font-size: 24px; }
#main .abcon .txt01 { margin-bottom:15px; color: #fff;  font-size:20px; font-weight: bold; }
#main .abcon .txt02 { margin:0 auto 40px; color: #fff; font-size:13px; line-height:24px;}
}


#main .abcon .arrow { margin: 0 auto; width: 160px;}

#main .abcon .arrow a {
  padding: 14px 0 15px;
  display: block;
  border-radius: 20px;
  border: 2px solid #fff;
  box-shadow: inset 0 0 0 black;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#main .abcon .arrow a  span{display: block;width: 41px;height: 7px;background: url(../img/solution/icon01.png) no-repeat  center;background-size: cover;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;}

#main .abcon .arrow a img {
  margin: 0 auto;
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  z-index: 4;
}

#main .abcon .arrow a:hover  {
  box-shadow: inset 0 0 0 25px #fff;
  border: 2px solid #fff;
}

#main .abcon .arrow a:hover   span{
  background: url(../img/solution/icon001_over.png) center no-repeat;background-size: cover;
}



#main .abwenhua .wrap {  margin: 0 auto; max-width: 1650px; }

#main .abwenhua .title { margin-bottom: 48px; text-align: center; }
@media screen and (min-width:960px){
#main .abwenhua { padding: 89px 55px 82px; background: #F3F3F3; }
#main .abwenhua li { padding: 0 25px 50px; width: 33.33%; float: left; box-sizing: border-box; }
#main .abwenhua li a { padding: 20px 50px 0; height: 400px;}
}
@media screen and (max-width:960px){
#main .abwenhua { padding:35px 0px; background: #F3F3F3; }
#main .abwenhua li { padding: 0 25px 30px; box-sizing: border-box; }
#main .abwenhua li a { padding: 20px;}
}


#main .abwenhua li:hover a {
  -moz-box-shadow: 2px 2px 20px #eee;
  -webkit-box-shadow: 2px 2px 20px #eee;
  box-shadow: 2px 2px 20px #eee;
}


#main .abwenhua li a { display: block; position: relative; overflow: hidden; box-sizing: border-box; border-radius: 8px; background: #fff; }

#main .abwenhua li a:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  z-index: 1;
  border-radius: 8px;
  background: rgba(0, 142, 230, 0.85);

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  content: "";
  
}

#main .abwenhua li a:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: 8px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  content: "";
}

#main .abwenhua li a:hover:before {
  /* visibility: visible; */
  opacity: 1;
  
}

#main .abwenhua li a:hover:after {
  /* visibility: visible; */
  opacity: 1;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

#main .abwenhua li a .ttl span{color: #000;}

#main .abwenhua li a:hover span,#main .abwenhua li a:hover .ttl,#main .abwenhua li a:hover  .txt,#main .abwenhua li a:hover .ttl span{
  color: #fff;
}



#main .abwenhua li a .txtBox {
  display: block;
  position: relative;
  z-index: 2;
}

#main .abwenhua li a .txtBox *{transition: all 0.3s;
  -webkit-transition: all 0.3s;}

#main .abwenhua li a .img {
  margin: 23px auto 18px;
  width: 130px;
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
}

/* g */
#main .abwenhua li a .img img{
  width: 100%;
  height: 100%;
  border-radius:50%;
}

#main .abwenhua li a .ttl {
  margin-bottom: 22px;
  display: block;
  color: #000;
  font-size: 18px;
  text-align: center;
}

@media screen and (min-width:960px){
#main .abwenhua li a .ttl span { display: block; font-size:28px; font-weight: bold; }
}
@media screen and (max-width:960px){
#main .abwenhua li a .ttl span { display: block; font-size:18px; font-weight: bold; }
}
#main .abwenhua li a .txt {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 1.7;
  text-align:center;
}



.pageNews{ padding-bottom:35px; background-color: #FFFFFF;overflow: hidden;}
.pageNews .box{ overflow: hidden;}
.pageNews .box .leftCont{width: 66%;float: left;overflow: hidden;position: relative;}
.pageNews .box .leftCont img{width: 100%;display: block;}
.pageNews .box .leftCont .cont{position: absolute;top: 0;left: 0;padding: 4% 5%;box-sizing: border-box;width: 100%;height: 100%;}
.pageNews .box .leftCont .title{font-size: 48px;color: #333;}
.pageNews .box .leftCont .tit{font-size: 32px;color: #b6b4b4;text-transform: uppercase;font-weight: bold;}
.pageNews .box .leftCont .text{font-size: 24px;color: #666666;line-height: 34px;margin-top: 20px;}
.pageNews .box .rightCont{width: 32%;float: right;}
.pageNews .box .rightCont a{display: block;width: 100%;padding-bottom: 80px;position: relative;}
.pageNews .box .rightCont .img{width: 100%;overflow: hidden;}
.pageNews .box .rightCont .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews .box .rightCont .tit{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-top: 30px;transition: all 0.6s ease;}
.pageNews .box .rightCont .tit span{ color: #ff4229; margin-right: 10px;}
.pageNews .box .rightCont .time{font-size: 16px;letter-spacing: 1px;color: #999999;text-transform: uppercase;margin: 10px 0 20px;transition: all 0.6s ease;}
.pageNews .box .rightCont .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageNews .box .rightCont .l{ width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageNews .box .rightCont:hover .img img{transform: scale(1.1);}
.pageNews .box .rightCont:hover .tit{color: #ff4229;}
.pageNews .box .rightCont:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews .box .rightCont:hover .l{ width: 30%; background-color: #ff4229;}
.pageNews ul{text-align: left;}
.pageNews ul li{margin-top: 3%;}
@media screen and (min-width:960px){
.pageNews ul{width: 100%;display: table;}
.pageNews ul li{width: 32%; margin-right: 2%; display: inline-block; vertical-align: top;}
.pageNews ul li .tit{ font-size: 24px; margin-top: 30px;}
.pageNews ul li .time{font-size: 16px;letter-spacing: 1px;}
}
@media screen and (max-width:960px){
.pageNews ul{ margin:20px;}
.pageNews ul li .tit{ font-size:18px; margin-top:15px;}
.pageNews ul li .time{font-size:14px; }
}
.pageNews ul li a{display: block;width: 100%;padding-bottom: 40px;position: relative;}
.pageNews ul li:nth-child(3n){margin-right: 0;}
.pageNews ul li .img{width: 100%;overflow: hidden;}
.pageNews ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews ul li .tit{color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: all 0.6s ease;}
.pageNews ul li .tit span{ color: #ff4229; margin-right: 10px;}
.pageNews ul li .time{ color: #999999;text-transform: uppercase;margin: 10px 0 20px;transition: all 0.6s ease;}
.pageNews ul li .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageNews ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageNews ul li:hover .img img{transform: scale(1.1);}
.pageNews ul li:hover .tit{color: #ff4229;}
.pageNews ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageNews ul li:hover .l{ width: 30%; background-color: #ff4229;}


.pageNewsD{width: 100%;padding: 40px 0;border-bottom: 1px solid #eeeeee;overflow: hidden;}
@media screen and (min-width:960px){
.pageNewsD .contBox{width: 70%;min-height:680px;float: left;padding:0 4% 150px 0;}
.pageNewsD .contBox .title{color: #333333;font-size: 30px;font-weight: bold;}
.pageNewsD .newsD{width:30%;float: right; padding-left: 3%;}
.pageNewsD .newsD{box-sizing: border-box;position: sticky; display: inline-block; background-color: #fff; z-index: 3;}
.pageNewsD .newsD h1{color: #333333;font-size: 24px;font-weight: bold; }
.pageNewsD .newsD ul{width: 100%;margin-top: 20px;}
.pageNewsD .newsD ul li{width: 100%;border-bottom: 1px dashed #e5e5e5;padding: 14px 0;}
.pageNewsD .newsD ul li .tit{color: #333333;font-size: 16px;line-height: 26px;transition: all 0.6s ease;}
.pageNewsD .newsD ul li .time{color: #999;font-size: 14px;margin-top: 8px;transition: all 0.6s ease;}
.pageNewsD .newsD ul li:hover .tit{color: #ff4229;}
.pageNewsD .newsD ul li:hover .time{color: #333333;}
}
@media screen and (max-width:960px){
.pageNewsD .contBox{ padding:20px;}
.pageNewsD .contBox .title{color: #333333;font-size:18px;font-weight: bold;}
.pageNewsD .newsD{ display:none;}
}
.pageNewsD .contBox{border-right: 1px solid #eeeeee;box-sizing: border-box; position: relative;}
.pageNewsD .contBox .time{color: #666666;font-size: 14px;padding: 26px 0 16px;border-bottom: 1px dashed #e5e5e5;}
.pageNewsD .contBox .time span{margin-right: 15px;}
.pageNewsD .contBox .text{color: #333;font-size: 14px;line-height: 30px; padding: 30px 0;}
.pageNewsD .contBox .text img{ max-width: 100%;}
.pageNewsD .contBox .fx{margin: 30px 0; text-align: center;}
.pageNewsD .contBox .fx a{display: inline-block; width: 36px ;height: 36px ;line-height:36px;background-color: #555;border-radius: 50%;color: #FFFFFF;font-size: 24px;margin-right: 10px;transition: all 0.6s ease; background-image: none ; padding: 0; }
.pageNewsD .contBox .fx a:hover{background-color: #ff4229; text-decoration: none;}
.pageNewsD .contBox .link{width: 100%;padding: 30px 0;position: relative;border-top: 1px solid #eeeeee;}
.pageNewsD .contBox .link a{display: block;position: relative;font-size: 14px;line-height:20px;color: #333333;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pageNewsD .contBox .link a .iconfont{color: #999999;font-size: 16px;line-height:20px;position: absolute;top: 0;}
.pageNewsD .contBox .link a.fl{padding-left: 30px;max-width: 40%;}
.pageNewsD .contBox .link a.fr{padding-right: 30px;max-width: 40%;}
.pageNewsD .contBox .link a.fl .iconfont{left: 0;transform: rotate(-180deg);}
.pageNewsD .contBox .link a.fr .iconfont{right: 0;}
.pageNewsD .contBox .link a.center{height:100%;padding: 30px 40px 0 66px;box-sizing: border-box;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.pageNewsD .contBox .link a.center .iconfont{bottom: 0;left: 40px;margin: auto;font-size: 20px;color: #666666;}
.pageNewsD .contBox .link a:hover,.pageNewsD .contBox .link  a:hover .iconfont{color: #ff4229;}
.pageNewsD .contBox .bot{ position: absolute; bottom: 0; right: 4%; width: 96%;}



.pageRecommend .title{color: #333333;font-size: 24px;}
.pageRecommend ul{width: 100%;display: table;font-size: 0;text-align: left;}
.pageRecommend ul li{display: inline-block;vertical-align: top;margin-top: 2%;}
@media screen and (min-width:960px){
.pageRecommend{width: 100%;margin: 50px 0;}
.pageRecommend ul li{width: 32%; margin-right: 2%;}
.pageRecommend ul li .tit{font-size: 24px;margin-top: 30px;}
.pageRecommend ul li .time{font-size: 16px;letter-spacing: 1px;margin: 10px 0 20px;}
}
@media screen and (max-width:960px){
.pageRecommend{ margin:20px; }
.pageRecommend ul li .tit{font-size:18px;margin-top:15px;}
.pageRecommend ul li .time{font-size:14px; margin: 10px 0 10px;}
}

.pageRecommend ul li a{display: block;width: 100%;padding-bottom: 40px;position: relative;}
.pageRecommend ul li:nth-child(3n){margin-right: 0;}
.pageRecommend ul li .img{width: 100%;overflow: hidden;}
.pageRecommend ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageRecommend ul li .tit{color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.pageRecommend ul li .time{color: #999999;text-transform: uppercase;transition: all 0.6s ease;}
.pageRecommend ul li .txt{font-size: 14px;line-height: 24px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.6s ease;}
.pageRecommend ul li .l{width: 40px ; height: 3px; background-color: #999;  position: absolute;bottom: 0;left: 0;transition: all 0.6s ease;}
.pageRecommend ul li:hover .img img{transform: scale(1.1);}
.pageRecommend ul li:hover .tit{color: #ff4229;}
.pageRecommend ul li:hover .time,.pageNews ul li:hover .txt{color: #333;}
.pageRecommend ul li:hover .l{ width: 30%; background-color: #ff4229;}

@media screen and (min-width:960px){
#main .webfw { padding: 102px 20px; height: 859px; background: url(../images/fuwu01.jpg) no-repeat center bottom;}
#main .webfw .title{ font-size:36px; line-height:80px;}
#main .webfw .text{ margin-bottom: 70px; font-size:16px; line-height:28px; }
}
@media screen and (max-width:960px){
#main .webfw { padding:50px 20px; background:#18073d;}
#main .webfw .title{ font-size:24px; line-height:50px;}
#main .webfw .text{ margin-bottom:30px; font-size:13px; line-height:24px; }
}
#main .webfw {  box-sizing: border-box; background-size: cover; }
#main .webfw .wrap { max-width: 1380px; }
#main .webfw .title { margin-bottom:12px; color: #fff; }
#main .webfw .text { color: #fff;}
#main .webfw .omore{width: 60px;height: 60px; border-radius: 50%;overflow: hidden;border:1px solid #797979;}
#main .webfw .omore img{display: block;width: 100%;position: relative;top: 0;animation:up_down 2s infinite linear;-webkit-animation:up_down 2s infinite linear;}
@-webkit-keyframes up_down{0%{top: -100%;}100%{top: 100%;}}
@keyframes up_down{0%{top: -100%;}100%{top: 100%;}}

.map{position: relative;}
.map .img{width: 80px;position: absolute;top: 35%;left: 44%;z-index: 5;opacity: 0;}
#map{width: 100%;height: 580px;}
.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}
.amap-ui-control-theme-dark .amap-ui-control-zoom{border:0;}
.amap-ui-control-theme-dark .amap-ui-control-zoom a, .amap-ui-control-theme-dark .amap-ui-control-zoom-num{border-bottom-color:#666!important; }

@media screen and (min-width:960px){
#main .con1{padding: 120px 0;}
#main .con1 .box{padding: 0 65px;}
#main .con1 .box .clt{width: 45%;float: left;}
#main .con1 .box .crt{width: 55%;float: right;}
}
@media screen and (max-width:960px){
#main .con1{padding:40px 0;}
#main .con1 .box{padding: 0 20px;}
}
#main .con1 .box{max-width: 1200px;margin: 0 auto;overflow: hidden;}

#main .con1 .box .clt .tt{font-size: 20px;color: #e22f51;margin-bottom: 10px;line-height: 1.1; letter-spacing: 3px;font-family: inherit;}
#main .con1 .box .clt .tc{font-size: 14px;color: #666;line-height: 1.8;}
#main .con1 .box .clt .abtn{margin-top: 40px;}
#main .con1 .box .clt .abtn *{transition: all .3s;-webkit-transition: all .3s;}
#main .con1 .box .clt .abtn a{display: block;width: 50px;height: 50px;border-radius: 50%;float: left;margin-right: 20px; overflow: hidden;position: relative;border:1px solid #ddd;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}
#main .con1 .box .clt .abtn a .s1{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../img/solution/sm_20.png);}
#main .con1 .box .clt .abtn a .s2{z-index: 3; position: absolute;top: 0;left: 0; display: block;width: 100%;height: 100%;background: url(../img/solution/sm_21.png);}
#main .con1 .box .clt .abtn a s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #292929;transform: scale(.5);-webkit-transform: scale(.5);opacity: 0;border-radius: 50%;}
#main .con1 .box .clt .abtn a:hover{ box-shadow: inset 0 0 0 25px black;}
#main .con1 .box .clt .abtn a:hover .s1{background: url(../img/solution/sm_20_1.png);}
#main .con1 .box .clt .abtn a:hover .s2{background: url(../img/solution/sm_21_1.png);}

#main .con1 .box .crt img{display: block;max-width: 100%;}