/*--公共部分--*/
 


#nbanner {
  height: 480px;
  position: relative;
  z-index: 1;
  background: #333;
  overflow: hidden;
}
#nbanner .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  animation: banerBg 3s linear forwards;
}
#nbanner .text {
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  width: 100%;
  padding: 0 50px;
}
#nbanner .text big {
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 50px;
}
#nbanner .text small {
  display: block;
  font-size: 18px;
  margin-top: 20px;
}

@media (max-width:800px) {
	
	
  #nbanner {
    height: 4rem;
  }
  #nbanner .text {
    padding: 0 .3rem;
  }
  #nbanner .text big {
    font-size: .36rem;
    line-height: .4rem;
  }
  #nbanner .text small {
    font-size: .24rem;
    margin-top: .2rem;
  }	
	
	
	
	}

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
 
  .commonweb { margin: 0px auto; max-width: 750px; } }

@media (min-width: 992px) { .commonweb { padding: 0px 10px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
 
  .commonweb { margin: 0px auto; max-width: 970px; } }

@media (min-width: 1260px) {
	
  .commonleft { float: left; }
  .commonright { float: right; }
 
  
 .commonweb { margin: 0px auto; max-width: 1200px; }   
  
  }


@media (min-width: 1420px) { .commonweb { margin: 0px auto; max-width: 1380px; } }

@media (min-width: 1660px) { .commonweb { margin: 0px auto; max-width: 1600px; } }





 


/*--头部开始--*/

 

.header{position:absolute;left:0;top:0;z-index:100;width:100%; height:66px;padding-top:24px;}
 
 
.fixheader{position:fixed;top:-60px;height:51px;padding-top:8px;padding-bottom:1px;background:url("../images/hdbg.png") repeat 0 0}
.fixheader .logo img{height:46px}
.fixheader .nav .title{padding-bottom:0}
.fixheader .nav .title a{padding-bottom:5px}
.fixheader #case .downmenu{top:60px}
.fixheader .nav .title a{padding-bottom:0}
.fixheader .nav .title.ac a, .fixheader .nav .title.cur a{padding-bottom:6px}
.fixheader .full-dropdown{top:60px}



.scroll-tips{position:absolute;left:50%;bottom:50px;z-index:10;width:50px;height:50px;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;border:1px solid #fff;margin-left:-800px;cursor:pointer}
.scroll-tips i{display:block;width:100%;height:48px;background:url("../images/ibandw.png") no-repeat center;-webkit-animation:portraitmove 1.5s ease infinite;-moz-animation:portraitmove 1.5s ease infinite;-o-animation:portraitmove 1.5s ease infinite;animation:portraitmove 1.5s ease infinite}@-webkit-keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}35%{-webkit-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}65%{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}90%{-webkit-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}}@-moz-keyframes portraitmove{0%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}35%{-moz-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}65%{-moz-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}90%{-moz-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}}@-o-keyframes portraitmove{0%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}35%{-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}65%{-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}90%{-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}}@keyframes portraitmove{0%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}35%{-webkit-transform:translate(0, 50%);-moz-transform:translate(0, 50%);-o-transform:translate(0, 50%);transform:translate(0, 50%);opacity:0}65%{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);opacity:0}90%{-webkit-transform:translate(0, 0%);-moz-transform:translate(0, 0%);-o-transform:translate(0, 0%);transform:translate(0, 0%);opacity:1}}
.nav{float:right}
.nav li{float:left;padding:0 20px 0}
.nav .title a{display:block;font-size:16px;line-height:44px;padding:0 4px 22px;color:#fff}

 


.nav .title a:hover{color:#d90000;border-bottom:2px solid #d90000}
.nav .title.ac a, .nav .title.cur a{color:#d90000;padding-bottom:20px;border-bottom:2px solid #d90000}
.nav .downmenu{display:none;position:absolute;top:52px;left:50%;z-index:50;width:150px;margin-left:-75px;padding:10px 0px;border:1px solid #eee;background-color:#fff}
.nav .downmenu a{display:block;padding:5px 0;text-align:center;color:#333}
.nav .downmenu a:hover{color:#d90000}
.nav .activehook{position:absolute;bottom:0;height:2px}
.nav .activehook i{display:block;height:2px;background-color:#d90000}
.m-nav-cate{overflow:hidden;zoom:1;font-size:16px;line-height:45px}
.m-nav-cate img{float:left;margin-right:20px}
.m-navlist{float:left}
.m-navlist li{float:none;padding:0}
.m-navlist a{display:block;font-size:14px;line-height:36px;color:#888888}
.m-navlist a:hover{color:#d90000}
.full-dropdown{display:none;position:absolute;left:0;top:90px;width:100%;z-index:50;background-color:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.2);box-shadow:0 0 3px 1px rgba(0,0,0,0.2);border-bottom:1px solid #d9d9d9 \9}



.nynav {
    position: relative;
    z-index: 99;
    margin-top: -50px;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,0.3);
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
}

.nynav, .nynav a {
    font-size: 15px;
    color: #fff;
}



 

.weblg{max-width:1410px;margin:0 auto;position:relative;z-index:1}

.full-case-detail .case-head{margin-bottom:10px;background-color:#eaeaea;display:table;width:100%}
.full-case-detail .info{display:table-cell;vertical-align:top;width:53.75%;padding:3.125%}
.full-case-detail .info .img{float:left;margin-right:50px;max-width:230px}
.full-case-detail .info .img img{display:block;max-width:100%}
.full-case-detail .info .content{overflow:hidden}
.full-case-detail .info .content .desc{margin-bottom:20px;font-size:16px;line-height:24px;color:#666}
.full-case-detail .info .content .view{display:block;width:120px;height:36px;text-align:center;border:solid 1px #ccc;font-size:15px;line-height:36px;color:#666;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.full-case-detail .info .content .view:hover{border-color:#d90000;color:#d90000}
.full-case-detail .u-cshd-title{padding:10px 0 23px}
.full-case-detail .u-cshd-title .en{font-size:24px;line-height:28px;color:#aaa;font-weight:bold;font-family:DINCond-Bold}
.full-case-detail .u-cshd-title .cn{margin-bottom:12px;font-size:24px;line-height:34px;color:#333}
.full-case-detail .u-cshd-title .line{display:block;width:20px;height:2px;background-color:#ccc}
.full-case-detail .server{display:table-cell;vertical-align:top;width:46.25%;padding:3.125% 5.625%;background-color:#f5f5f5;font-size:15px;line-height:40px;color:#666}
.full-case-detail .server .dot{padding-left:16px;background:url("../images/dot.png") no-repeat 0 center}


.full-dropdown .nav-web{width:1200px;margin:0 auto;height:250px}

.full-dropdown .nav-web2{width:900px;margin:0 auto;height:250px}

.full-dropdown .column{position:relative;float:left;width:30%;height:251px;padding-top:24px;background:url("../images/columnbg.png") no-repeat right 0}
.full-dropdown .column .navbg{position:absolute;top:0;right:0;z-index:-1;width:500%;height:100%;background-color:#f2f2f2}
.full-dropdown .column .ico{height:132px;line-height:132px}
.full-dropdown .column .ico img{vertical-align:middle}
.full-dropdown .column .cn{font-size:18px;line-height:36px;font-weight:bold;color:#333}
.full-dropdown .column .en{font-size:30px;line-height:36px;font-weight:bold;color:#ccc}
.full-dropdown .subnav{float:left;width:70%}
.case-nav-wraper .item{float:left;width:43%;padding:25px 0 0 7%}
.case-nav-wraper .item .m-nav-cate{margin-bottom:9px}
.case-nav-wraper .cate-navlist .m-navlist{width:50%}
.solution-nav-wrapper .solution-nav{padding-top:34px}
.solution-nav-wrapper ul{padding-left:60px}
.solution-nav-wrapper li{float:left;width:25%;padding:0}
.solution-nav-wrapper li a{display:block;font-size:16px;line-height:50px;color:#333;padding-left:12px;background:url("../images/colsolline.png") no-repeat 0 center}
.solution-nav-wrapper li a:hover{font-weight:bold;color:#d90000;background-image:url("../images/colsollineac.png")}
.m-ico-links{float:left;width:45.4%;padding-top:25px;padding-left:4.6%}
.m-ico-links a{display:block;font-size:0;line-height:45px;margin-bottom:10px}
.m-ico-links a:hover{color:#d90000}
.m-ico-links img{margin-right:20px}
.m-ico-links span{font-size:16px;vertical-align:middle}
.app-nav-wrapper .app-solution{float:left;height:250px;padding-left:72px;padding-top:25px;border-left:1px dashed #d2d2d2}
.app-nav-wrapper .app-solution .m-nav-cate{margin-bottom:9px}
.app-nav-wrapper .m-navlist{float:left;width:160px}
.news-nav-wrapper, .wechat-nav-wrapper{overflow:hidden}
.news-nav-wrapper ul, .wechat-nav-wrapper ul{padding-top:65px;margin-left:-46px;margin-right:-46px}
.news-nav-wrapper li, .wechat-nav-wrapper li{float:left;width:33%;padding:0;text-align:center;font-size:16px;line-height:60px;font-weight:bold}
.news-nav-wrapper li:hover a, .wechat-nav-wrapper li:hover a{color:#d90000}
.news-nav-wrapper .ico, .wechat-nav-wrapper .ico{margin-bottom:6px}
.news-nav-wrapper .ico img, .wechat-nav-wrapper .ico img{width:100px;height:100px}
.news-nav-wrapper h3, .wechat-nav-wrapper h3{font-weight:bold;font-size:16px}
.news-nav-wrapper h3 a, .wechat-nav-wrapper h3 a{color:#333}
.news-nav-wrapper li{width:20%}
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash{width:44.5%;border-left:1px dashed #d2d2d2;height:250px}
.site-nav-wrapper .m-ico-links{width:29.7%;padding-left:3.5%}
.about-nav-wrapper dl{float:left;width:318px;padding:24px 40px 0;height:auto}
.about-nav-wrapper dl dt{margin-bottom:15px;padding-bottom:16px;font-size:18px;line-height:24px;font-weight:bold;border-bottom:1px solid #d9d9d9}
.about-nav-wrapper dl a{display:block;font-size:16px;line-height:36px;color:#666;padding-left:12px;background:url("../images/colsolline.png") no-repeat 0 center}
.about-nav-wrapper dl a:hover{font-weight:bold;color:#d90000;background-image:url("../images/colsollineac.png")}
.about-nav-wrapper .know{background:url("../images/navknow.png") no-repeat 246px 173px}
.about-nav-wrapper .customer{border-left:1px solid #d9d9d9;background:url("../images/navcus.png") no-repeat 243px 168px}
.contact-nav-wrapper dl{float:left;position:relative;width:345px;height:192px;padding:63px 20px 0 34px;overflow:hidden;zoom:1}
.contact-nav-wrapper dl .ico{float:right;width:100px}
.contact-nav-wrapper dl dt{font-size:16px;line-height:60px;color:#333;font-weight:bold}
.contact-nav-wrapper dl dt a:hover{color:#d90000}
.contact-nav-wrapper dl dd{font-size:14px;line-height:18px;color:#888}
.contact-nav-wrapper dl dd a{color:#888}

.contact-nav-wrapper dl a{}
.contact-nav-wrapper dl .ico a{display:block}
.contact-nav-wrapper .hr{border-left:1px dashed #d9d9d9}#case{position:static}#case .downmenu{top:76px;left:0;margin-left:0;width:100%}#case dl{width:1180px;padding:15px 0px 8px}#case dt{float:left;width:680px}#case dt a{display:block;float:left;margin-right:45px}#case dt img{display:block}#case dd{float:right;width:445px;margin-right:50px}#case dd p{padding:10px 0px;border-bottom:solid 1px #d9d9d9}#case dd a{width:200px;float:left;text-align:left}#solution .downmenu{width:576px;margin-left:-288px;padding:0 0 20px 0}#solution .downmenu div{float:left;width:180px;height:295px;padding:30px 0 20px;text-align:left;overflow:hidden}#solution .downmenu p{border-left:solid 1px #e7e7e7;margin-left:15px}#solution .downmenu a{text-align:left;padding-left:20px}#solution .col-one p{margin-left:0}#solution .col-thr{padding-right:16px}
.cooperation-box{display:none;position:fixed;left:0;top:0;z-index:101;width:100%;background:#fff;-webkit-box-shadow:0 2px 3px 1px rgba(0,0,0,0.2);box-shadow:0 2px 3px 1px rgba(0,0,0,0.2)}
.cooperation-box .cooperation{position:relative;width:1110px;margin:auto;padding:35px 0px}
.cooperation-box .cooperation-close{position:absolute;right:-70px;top:20px;z-index:3;width:40px;height:40px;background:url(../webimages/index_09.png) no-repeat center}
.cooperation-iframe{width:1100px}
.cooperation-left{float:left;width:450px;color:#212121}
.cooperation-left a{color:#212121}
.cooperation-left h3{font-size:40px;line-height:42px;color:#e60012;padding-bottom:25px}
.cooperation-left h4{font-size:45px;line-height:48px;border-bottom:1px solid #ccc;padding-bottom:35px}
.cooperation-left h5{font-size:18px;line-height:26px;padding-bottom:20px}
.cooperation-left p{font-size:13px}
.cooperation-left .coopb{font-size:13px;padding:35px 0px}
.cooperation-right{float:right;width:498px}
.cooperation-right h3{font-size:24px;line-height:30px;padding-bottom:10px}
.cooperation-right .baseinfo li{margin-bottom:8px}
.cooperation-right .baseinfo label{display:block;padding:6px 10px;height:24px;overflow:hidden;background:#f6f6f6;border:1px solid #d9d9d9}
.cooperation-right .baseinfo input{display:block;width:100%;font-size:15px;line-height:24px;height:24px;color:#999}
.cooperation-right .baseinfo .name{float:left;width:220px}
.cooperation-right .baseinfo .tel{float:right;width:220px}
.cooperation-right .type-label{padding-top:6px;font-size:24px;line-height:30px}
.cooperation-right .type-label span{display:block;font-size:30px;line-height:40px}
.cooperation-right .project-type dd{float:left;position:relative;width:119px;height:63px;padding:5px 5px 5px 0;cursor:pointer}
.cooperation-right .project-type input{display:none}
.cooperation-right .project-type .checked{position:absolute;right:-1px;bottom:-1px;z-index:3;width:17px;height:17px;background-repeat:no-repeat;background-position:center}
.cooperation-right .project-type label{position:relative;display:block;width:118px;height:67px;cursor:pointer;border:1px solid #d9d9d9;background-color:#f6f6f6;text-align:center;border:1px solid #f6f6f6}
.cooperation-right .project-type label.cur{border-color:#e81727}
.cooperation-right .project-type label.cur .checked{background-image:url(../webimages/zdshzimg01.jpg)}
.cooperation-right .project-type span{display:block;padding-top:15px;font-size:14px;line-height:18px}
.cooperation-right .budget-title{font-size:16px;font-weight:bold;padding:8px 0px 5px}
.cooperation-right .budget label{float:left;font-size:14px;line-height:26px;margin-right:12px}
.cooperation-right .budget input{margin:6px 3px 0 0;padding:0;width:14px;height:14px;vertical-align:top}
.cooperation-right .verification{padding-top:20px}
.cooperation-right .verification label{float:left;display:block;width:220px;padding:6px 10px;margin-right:20px;height:24px;overflow:hidden;background:#f6f6f6;border:1px solid #d9d9d9}
.cooperation-right .verification input{display:block;line-height:24px;height:24px;width:100%;background:none;outline:none;font-size:15px;color:#999}
.cooperation-right .verification img{float:left}
.cooperation-right .sub{padding-top:15px}
.cooperation-right .sub input{width:100%;padding:10px 0px;border:2px solid #e81727;font-size:20px;font-weight:bold;color:#e81727;cursor:pointer;background:none;outline:none}






.seomean { padding-top: 70px; height: 430px; background: url(../images/20200728091504_2127701147.jpg) no-repeat center;}


.smleft { width: 840px; font-size: 18px; color: #555; font-weight: lighter; line-height: 50px;}

.smleft strong { display: block;font-size: 36px; color: #222222;}



/*网站为什么要做SEO优化*/
.adv{ padding:60px 0;}
.advcon{ padding-top:40px;}
.advcon{ font-size:0;}
.advcon dl+dl{ margin-top:30px;}
.advcon dl dt{ display:inline-block; width:426px;}
.advcon dl dt+dt{ margin-left:61px;}
.advicon{ text-align:center; width:104px; height:104px; margin:0 auto 20px auto; transition:all .6s ease; border-radius:50%;}
.advicon+p{ padding:25px 20px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; line-height:25px; font-size:13px; color:#bbbbbb; transition:all .4s ease;}
.advcon dl dt:hover .advicon{-webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;}
.advicon+p strong{ display:block; font-size:20px; text-align:center; color:#484848; margin-bottom:15px; transition:all .4s ease;}
.advcon dl dt:hover .advicon+p{ background:#387df0; color:#fff; border-color:#387df0; padding: 25px;}
.advcon dl dt:hover .advicon+p strong{ color:#fff;}
.advcon dl dt:hover  .advicon{ box-shadow:0 0 15px #999;}

.concat{ text-align:center; margin-top:45px; font-size:18px; font-weight:lighter; color:#666666;}
.concat span{ font-size:30px;}
.concat a{ display:block; margin:25px auto 0 auto; width:390px; line-height:50px; background:#387df0; font-size:20px; font-weight:lighter; transition:all .5s ease; color:#fff;}
.concat a:hover{ width:100%; max-width:1400px; background:#ff9000;}


/*为您提供什么服务*/
.service{ padding-top:20px; height:880px; background:url(../images/20200713163700_1593343780.jpg) no-repeat center;}
.setitl{ text-align:center; font-size:18px; font-weight:lighter; color:#fff;}
.setitl strong{ display:block; font-size:38px; margin-bottom:8px;}
#jswbox{width:1400px; margin:40px auto 50px auto;}
#jswbox ul{position:relative;height: 505px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:152px; left:10px; border-radius:10px; box-shadow:0 0 15px #232323;}
#jswbox .prev, #jswbox .next{ display:none;}
#jswbox li .box{ width:100%; height:100%;}
.sertop{ height:50%; background:#387df0; text-align:center; overflow:hidden;}
.serpic{ padding-top:20px; height:auto;} 
.serpic img{ width:204; height:158px;}
.serwa{ font-size:33px; font-weight:bold; padding-top:20px; color:#fff;}
#jswbox li:nth-child(3) .serwa{ padding-top:10px;}
.serword{ font-size:16px; color:#9e9e9e; font-weight:lighter; line-height:36px; padding:10% 10%; height:50%; box-sizing:border-box; background:#fff;}
#jswbox li:nth-child(1) .serwa,#jswbox li:nth-child(5) .serwa{ font-size:23px;}
#jswbox li:nth-child(1) .serword,#jswbox li:nth-child(5) .serword{ font-size:12px; line-height:30px;}
#jswbox li:nth-child(1) .serpic img,#jswbox li:nth-child(5) .serpic img{width:122px; height:94px;}
#jswbox li:nth-child(2) .serpic img,#jswbox li:nth-child(4) .serpic img{width:163px; height:126px;}
#jswbox li:nth-child(2) .serwa,#jswbox li:nth-child(4) .serwa{ font-size:25px;}
#jswbox li:nth-child(2) .serword,#jswbox li:nth-child(4) .serword{ font-size:13px;  line-height:33px;}
.serphone{text-align:center; font-size:18px; font-weight:lighter; color:#fff;}
.serphone span{ font-size:30px;}
.serbtn a{ display:block; width:390px; line-height:50px; margin:30px auto 0 auto; text-align:center; background:#666666; transition:all .3s ease; font-size:20px; color:#c8c8c8; font-weight:lighter;}
.serbtn:hover a{ background:#387df0; color:#fff; width:100%;}



/*优化案例*/
.case{ background:#f5f5f5 url(../images/20200714095217_2007002842.jpg) no-repeat top center; padding:65px 0 80px 0;}
.casetitl{ text-align:center;  color:#484848; font-size:18px;}
.casetitl strong{ display:block; font-size:36px;background:url(../images/20200714095401_2044108272.png) no-repeat center;}
.casetitl strong span{ color:#387df0;}
.casetitl  em{ font-size:13px; letter-spacing:0.5px; text-transform:uppercase; color:#484848; display:block; font-weight:book; font-family:Arial, Helvetica, sans-serif; margin:5px 0 8px 0;}
.casecenter{ padding-top:40px;}
.casecon{ padding:30px; background:#ffffff; box-shadow:0 0 15px #ddd;}
.casetab{ font-size:0; margin-bottom:30px;}
.casetab li+li{ margin-left:20px;}
.casetab li{display:inline-block;line-height:49px; width:206px; border-radius:25px; background:#ececec; font-size:16px; color:#484848; font-weight:lighter; text-align:center; transition:all .3s ease; cursor:pointer;}
.casetab li.on { background:#387df0; color:#fff;}
.casecen{ font-size:0;}
.casecen li p{ display:inline-block; font-size:14px; color:#484848; font-weight:lighter; text-align:center; width:20%; line-height:50px;}
.casecen li p:nth-last-child(1){ color:#f6051c;}
.casecen li p:nth-last-child(2){ color:#3eea3e;}
.casecen li:nth-child(odd){ background:#f3faff;}



@media (max-width:1319px){
	
.nav li {
    float: left;
    padding: 0 10px 0;
}

}


@media (max-width:1138px){
	
.nav li {
    float: left;
    padding: 0 5px 0;
}

}


 


@media (max-width:1048px){
	
.header-phone{ display:none;}

}



@media (max-width: 743px){


.full-dropdown .nav-web2 {
    width: 900px;
    margin: 0 auto;
    height: auto;
}
	
	html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-callout:none;cursor:pointer}
	*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat}
	article, aside, footer, header, nav, section{display:block}
	
	a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#333;outline:none;cursor:pointer}
.bd_weixin_popup{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
html, body{height:100%}
html.fixedfixup, body.fixedfixup{overflow:hidden}

.weblg{width:100%;padding:0 15px}
.header{position:fixed !important; top:0 !important;height:60px !important;padding-top:8px; min-width:0}
.header .logo{height:40px}
.header .logo img{height:40px}#LXB_CONTAINER{top:auto !important;bottom:170px !important;margin-bottom:60px !important}#LXB_CLOSE_BTN{top:auto !important;bottom:170px !important;margin-bottom:60px !important}
 
.menu-handle{float:right;display:block;width:40px;height:40px;padding:8px 5px;margin:2px 0 0 20px}
.menu-handle span{display:block;width:100%;height:2px;background-color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.menu-handle span:nth-child(2){margin:9px 0}
.menu-handle.ac span:nth-child(1){-webkit-transform:translate(0, 11px) rotate(45deg);-moz-transform:translate(0, 11px) rotate(45deg);-ms-transform:translate(0, 11px) rotate(45deg);-o-transform:translate(0, 11px) rotate(45deg);transform:translate(0, 11px) rotate(45deg)}
.menu-handle.ac span:nth-child(2){opacity:0}
.menu-handle.ac span:nth-child(3){-webkit-transform:translate(0, -11px) rotate(-45deg);-moz-transform:translate(0, -11px) rotate(-45deg);-ms-transform:translate(0, -11px) rotate(-45deg);-o-transform:translate(0, -11px) rotate(-45deg);transform:translate(0, -11px) rotate(-45deg)}
.nav{display:none;position:fixed;left:0;top:60px;width:100%;height:100%;padding-bottom:60px;background-color:#fff;padding:0 15px 90px;overflow-y:auto}
.nav>ul>li{float:none;width:100%;color:#333;border-bottom:1px solid #ccc;padding:0}
.nav .title a{color:#333;padding-bottom:0;border-bottom:0}
.nav .title a:hover{border:0}
.nav .title.cur a{padding-bottom:0;border-bottom:0}
.hassub{position:relative}
.hassub .mico{position:absolute;right:0;top:0;width:44px;height:44px;background:url("../images/queico.png") no-repeat center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.hassub.roll .mico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.full-dropdown{position:static;-webkit-box-shadow:none;box-shadow:none;padding:0 0 15px}
.full-dropdown .column{display:none}
.full-dropdown .subnav{float:none;width:100%}
.full-dropdown .nav-web{width:100%;height:auto}
.m-ico-links{padding-top:0;float:none}
.m-ico-links a{display:block;margin-bottom:10px}
.cooperation-box{display:none;position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto}
.cooperation-box .cooperation{width:100%;height:100%;padding:35px 15px}
.cooperation-box .cooperation iframe{width:100%;height:100%}
.cooperation-box .cooperation-close{position:absolute;right:20px;top:20px;width:30px;height:30px;-o-background-size:20px 20px;background-size:20px 20px}
.cooperation-left{float:none;width:100%}
.cooperation-left h3{font-size:20px;line-height:22px;padding-bottom:15px}
.cooperation-left h4{font-size:25px;line-height:28px;padding-bottom:15px}
.cooperation-left h5{padding-bottom:10px}
.cooperation-left .coopb{padding:10px 0px}
.cooperation-right{float:none;width:100%;padding-top:15px}
.cooperation-right .baseinfo label{height:auto}
.cooperation-right .baseinfo .name{float:none;width:100%;margin-bottom:8px}
.cooperation-right .baseinfo .tel{float:none;width:100%}
.cooperation-right .type-label{font-size:20px;line-height:26px}
.cooperation-right .type-label span{font-size:26px;line-height:36px}
.cooperation-right .project-type dd{width:33.333%;height:73px;margin-bottom:5px}
.cooperation-right .project-type label{width:100%;height:67px}
.cooperation-right .verification{position:relative;padding-top:10px;padding-right:150px}
.cooperation-right .verification label{float:none;width:100%;height:auto}
.cooperation-right .verification img{position:absolute;right:0;top:10px;height:36px}
.cooperation-right .sub{padding-top:15px}
.cooperation-right .sub input{padding:6px 0px;border:1px solid #e81727;font-size:16px}
.site-nav-wrapper .m-ico-links, .shop-nav-wrapper .m-ico-links{width:100%;padding-left:0}
.site-nav-wrapper .m-dash, .shop-nav-wrapper .m-dash{border-left:0;height:auto}
.case-nav-wraper .item{float:none;width:100%;padding:0 20px}
.case-nav-wraper .item .m-navlist{display:none;width:100%;float:none;font-size:0}
.case-nav-wraper .item .m-navlist li{display:inline-block;vertical-align:top;*display:inline;*zoom:1;width:50%}
.case-nav-wraper .item .m-navlist a{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.case-nav-wraper .item .cate-navlist{display:none}
.case-nav-wraper .item .cate-navlist .m-navlist{display:block}
.solution-nav-wrapper .solution-nav{padding-top:0}
.solution-nav-wrapper ul{padding:0 0 0 20px}
.solution-nav-wrapper li{width:50%}
.news-nav-wrapper li, .wechat-nav-wrapper li{float:none;width:100%;text-align:left}
.news-nav-wrapper li .ico, .wechat-nav-wrapper li .ico{display:none}
.news-nav-wrapper li a, .wechat-nav-wrapper li a{display:block}
.news-nav-wrapper li a, .wechat-nav-wrapper li a{padding-left:20px;line-height:44px;font-weight:normal}
.news-nav-wrapper ul, .wechat-nav-wrapper ul{padding-top:0;margin-left:0;margin-right:0;margin:0}
.m-ichl-subnav ul{margin-left:-18px}
.m-ichl-subnav li{padding:0 12px 0 18px}
.m-ichl-subnav li a{font-size:15px}
.m-ichl-subnav .activehook{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.m-ichl-subnav{overflow-x:auto}
.m-ichl-subnav ul{white-space:nowrap;font-size:0}
.m-ichl-subnav li{float:none;vertical-align:top;display:inline-block}
.m-ichl-subnav li a{line-height:34px}

}






 

.demandBtn { float: right; margin-left: 15px; margin-top: 0px; }

.demandBtn a { margin: 0 0 0 34px;
    float: right;
    width: 22px;
    height: 44px;
    background: url(../images/hdedit.png) no-repeat center; }

 
 

.new_index_bannerbox { position: relative; width: 100%; padding-bottom: 63%; }

.new_index_banner { width: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; height: 100%; }

.new_index_banner ul li { width: 100%; overflow: hidden; position: relative; }

.new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 50%; height: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.new_index_banner ul li div.new_index_banner_text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.new_index_banner ul li div.new_index_banner_text:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 1px; background-color: #fff; width: 0%; }

.new_index_banner ul li div.new_index_banner_text dl { padding: 0px 20px; }

.new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 70px; }

.new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 40px; font-weight: 900; fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; stroke-dasharray: 900; stroke-dashoffset: 900; opacity: 0; }

.new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 0px; max-width: 590px; }

.new_index_banner ul li h3 { font-size: 18px; padding-bottom: 10px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li p { font-size: 12px; line-height: 24px; color: #fff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

.new_index_banner_icon { position: absolute; left: 0px; width: 100%; bottom: 5%; z-index: 91; }

.new_index_banner_icon p { max-width: 1600px; margin: 0px auto; padding: 0px 15px; }

.new_index_banner_icon p span { width: 18px; height: 25px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }

.new_index_banner_icon p span:after { content: ''; position: absolute; top: 3px; width: 3px; height: 6px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }

.new_index_banner_page { position: absolute; right: 0px; bottom: 0px; z-index: 99; padding: 0px 15px; background-color: rgba(255, 255, 255, 0.6); }

.new_index_banner_page p { float: left; font-size: 16px; font-weight: 700; line-height: 34px; height: 34px; }

.new_index_banner_page p span { color: #999; text-align: center; padding-right: 10px; }

.new_index_banner_page p span:nth-child(1) { color: #333; }

.new_index_banner_page p span:nth-child(2) { color: #333; padding-right: 0px; padding-left: 10px; }

.new_index_banner_page i { float: left; display: block; width: 101px; height: 70px; cursor: pointer; vertical-align: middle; background-position: center; background-repeat: no-repeat; display: none; }

.new_index_banner_page i.banner_Prev_btn { background-image: url(../images/new_ibanprev.png); }

.new_index_banner_page i.banner_Next_btn { background-color: #d90000; background-image: url(../images/new_ibannext.png); }

.new_index_bannertext01 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext01 img.imgpopup { position: absolute; display: block; bottom: 0px; width: 70%; right: 0px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext01 dl { position: absolute; left: 30px; right: 20px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

.new_index_bannertext02 { position: absolute; left: 0px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.new_index_bannertext02 .Multiplatformbox { max-width: 640px; text-align: center; margin: 0px auto; }

.new_index_bannertext02 .Multiplatformbox h3 { font-size: 16px; }

.new_index_bannertext02 .Multiplatformbox h3 span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext02 .Multiplatformbox .iconlist { float: left; width: 20%; vertical-align: top; font-size: 12px; line-height: 20px; position: relative; }

.new_index_bannertext02 .Multiplatformbox .iconlist img { display: inline-block; vertical-align: top; max-width: 30px; }

.new_index_bannertext02 .Multiplatformbox .iconlist span { display: block; padding-top: 12px; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext02 .Multiplatformbox .desc p { font-size: 14px; line-height: 30px; color: #fff; }

.new_index_bannertext02 .Multiplatformbox .desc p span { color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.new_index_bannertext03 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 dl { position: absolute; left: 15px; right: 15px; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); z-index: 99; }

.new_index_bannertext03 .bannerCaseImgbox { position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; }

.new_index_bannertext03 .bannerCaseImgbox img { position: absolute; -webkit-transform: translate(-120px, 120px); -ms-transform: translate(-120px, 120px); -o-transform: translate(-120px, 120px); transform: translate(-120px, 120px); opacity: 0; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 10.58333%; left: 0.60417%; width: 53.20313%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 38.74366%; width: 39.53125%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 80.91667%; left: -0.79167%; width: 50%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 20%; left: 33.04861%; width: 53.20313%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 70.75%; width: 29.21875%; -webkit-transform: translate(120px, -120px); -ms-transform: translate(120px, -120px); -o-transform: translate(120px, -120px); transform: translate(120px, -120px); }

.new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.7%; left: 37.29444%; width: 55.46875%; }

.new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 28.41667%; left: 76.27093%; width: 23.82813%; }

.new_index_banner ul li.cur h3 { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.new_index_banner ul li.cur p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }

.new_index_banner ul li.cur .new_index_bannertext01 img.imgpopup { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.new_index_banner ul li.cur .new_index_bannertext03 .bannerCaseImgbox img { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; }

.new_index_banner ul li.cur .new_index_bannertext02 .Multiplatformbox .iconbox { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1; -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s; }

.wrap {
    clear: both;
    display: block;
/*    overflow: hidden;*/
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}



.htitle{text-align:center;padding-top:10px;}
.htitle big{display:block;line-height:40px;text-transform:uppercase;}
.htitle big span:nth-child(1){font-size:36px;}
.htitle big span:nth-child(2){font-size:24px;color:#ccc;font-family:"宋体";}
.htitle big span:nth-child(3){font-size:36px;color:#ea020d;font-family:"montserrat-medium";}
.htitle small{display:block;margin-top:10px;color:#878B99;font-size:14px;}
.htitle-write big span,
.htitle-write small{color:#fff !important;}
@media (max-width:800px){
	.htitle{padding-top:.1rem;}
	.htitle big{line-height:.4rem;}
	.htitle big span:nth-child(1){font-size:.36rem;}
	.htitle big span:nth-child(2){font-size:.23rem;}
	.htitle big span:nth-child(3){font-size:.36rem;}
	.htitle small{margin-top:.1rem;font-size:.22rem; padding:0 .3rem; line-height:.36rem;}
}

#num{width:100%;box-shadow:0 3px 6px rgba(0,0,0,0.05);padding:25px 0;}
#num .item{width:25%;float:left;text-align:center;border-right:1px #e8edf2 solid;}
#num .item big{display:block;padding:5px 0;}
#num .item big span{font-size:49px;font-family:'din';margin-right:5px;}
#num .item small{display:block;font-weight:400;font-size:16px;margin:0;color:#878B99;}
#num .item:last-child{border-right:none;}
@media (max-width:800px){
	#num{padding:.3rem 0;}
	#num .item{width:50%;}
	#num .item big{display:block;padding:.05rem 0;}
	#num .item big span{font-size:.4rem;margin-right:.05rem;}
	#num .item small{font-size:.2rem;}
	#num .item:nth-child(2n){border-right:none;}
	#num .item:nth-child(n+3){margin-top:.3rem;}
}


#service{width:100%;padding:60px 0 30px;}
#service .wrap{overflow:inherit;}
#service .list{padding:40px 0 0px;height:550px;}
#service .list ul li{float:left;width:calc(100% / 6);padding:30px 0;overflow:hidden;position:relative;}
#service .list ul li .title{background:#333;}
#service .list ul li .title a{color:#fff;padding:10px 0;display:block;text-align:center;}
#service .list ul li .title .icon{padding-top:15px;}
#service .list ul li .title .icon i{color:#fff;font-size:34px;}
#service .list ul li .title big{display:block;color:#fff;font-size:18px;margin-top:5px;}
#service .list ul li .title small{display:block;color:#fff;opacity:.8;font-size:14px;}
#service .list ul li .info{background:#f8f9fc;height:250px;}
#service .list ul li .info .tisp{display:none;}
#service .list ul li .info .href{text-align:center;padding:20px;}
#service .list ul li .info .href a{display:block;line-height:30px;}
#service .list ul li:nth-child(2n) .info{background:#f1f4f7;}
#service .list ul li:nth-child(2n) .title{background:#000;}
#service .list ul li.curr{width:calc(100% / 3);padding:0;box-shadow:0 5px 25px rgba(0,0,0,.1);z-index:130;}
#service .list ul li.curr .title{background:url(../images/index/bg_servicd_title.png) center center #ea020d;background-size:cover;}
#service .list ul li.curr .title a{padding:25px 0;}
#service .list ul li.curr .info{height:280px;padding:35px 10% 0;background:#fff;}
#service .list ul li.curr .info .tisp{display:block;color:#878B99;line-height:24px;max-height:72px;overflow:hidden;}
#service .list ul li.curr .info .href{padding:25px 0 0;max-height:100px;overflow:hidden;}
#service .list ul li.curr .info .href a{display:inline-block;background:#f8f9fc;float:left;width:30%;margin:5px;position:relative;}
#service .list ul li.curr .info .href a i{width:0;position:absolute;left:0;top:0;height:100%;content:'';display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#ea020d;}
#service .list ul li.curr .info .href a span{position:relative;z-index:1;}
#service .list ul li.curr .info .href a:hover i{width:100%;}
#service .list ul li.curr .info .href a:hover span{color:#fff;}
#service .list ul li:nth-child(1) .info .href a:nth-child(n+6){display:none}
#service .list ul li .info .href a:nth-child(n+7){display:none}
@media (max-width:800px){
	#service{padding:.8rem 0;}
	#service .list{padding:.0rem 0 0;height:auto;}
	#service .list ul li{float:inherit;width:100%;padding:0; margin-top:.3rem}
	#service .list ul li .title a{padding:.1rem 0;}
	#service .list ul li .title .icon{padding-top:.15rem;}
	#service .list ul li .title .icon i{font-size:.4rem;}
	#service .list ul li .title big{font-size:.28rem;margin-top:.05rem;}
	#service .list ul li .title small{opacity:.8;font-size:.23rem;}
	#service .list ul li .info{height:auto;}
	#service .list ul li .info .tisp{display:block;color:#878B99;line-height:.4rem;max-height:inherit; padding:.2rem .3rem 0;overflow:hidden;}
	#service .list ul li .info .href{padding:.2rem .3rem .5rem; max-height:inherit}
	#service .list ul li .info .href a{line-height:.54rem; float:left; width:48%; font-size:.23rem; border:1px solid #eee; background:#fff; margin-top:.1rem}
	#service .list ul li .info .href a:nth-child(2n){float:right}
	#service .list ul li.curr{width:100%}
	#service .list ul li.curr .title a{padding:.1rem 0;}
	#service .list ul li.curr .info{height:auto;padding:0;background:#f8f9fc;}
	#service .list ul li.curr .info .tisp{display:block;color:#878B99;line-height:.4rem;max-height:inherit; padding:.2rem .3rem 0;overflow:hidden;}
	#service .list ul li.curr .info .href{padding:.2rem .3rem .5rem; max-height:inherit}
	#service .list ul li.curr .info .href a{line-height:.54rem; float:left; width:48%; border:1px solid #eee; background:#fff; margin:.1rem 0 0}
	#service .list ul li.curr .info .href a:nth-child(2n){float:right}
	#service .list ul li .info .href a:nth-child(n+7){display:inline-block}
}











@-webkit-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@-o-keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }

@keyframes strokeA { 0% { stroke-dashoffset: 900; }
  100% { stroke-dashoffset: 0; } }




 




@-webkit-keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes mouse { 0% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); }
  50% { -webkit-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px); }
  100% { -webkit-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes triSpin2 { 0% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% { -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% { -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-o-keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@keyframes balloon1 { 0%, 100% { -webkit-transform: translateY(0) rotate(-4deg);
    -o-transform: translateY(0) rotate(-4deg) scale(1);
    transform: translateY(0) rotate(-4deg) scale(1); }
  50% { -webkit-transform: translateY(-10px) rotate(6deg);
    -o-transform: translateY(-10px) rotate(6deg) scale(1.1);
    transform: translateY(-10px) rotate(6deg) scale(1.1); } }

@-webkit-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon2 { 0%, 100% { -webkit-transform: translateY(0) rotate(4deg);
    -o-transform: translateY(0) rotate(4deg) scale(1);
    transform: translateY(0) rotate(4deg) scale(1); }
  50% { -webkit-transform: translateY(-15px) rotate(-6deg);
    -o-transform: translateY(-15px) rotate(-6deg) scale(1.1);
    transform: translateY(-15px) rotate(-6deg) scale(1.1); } }

@-webkit-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@-o-keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

@keyframes balloon3 { 0%, 100% { -webkit-transform: translate(0, -5px) rotate(4eg);
    -o-transform: translate(0, -5px) rotate(4eg) scale(1);
    transform: translate(0, -5px) rotate(4eg) scale(1); }
  50% { -webkit-transform: translate(-10px, 15px) rotate(-6deg);
    -o-transform: translate(-10px, 15px) rotate(-6deg) scale(1.1);
    transform: translate(-10px, 15px) rotate(-6deg) scale(1.1); } }

 

.new_index_Ourworks_Title { margin-top: 20px; position: relative; }

.new_index_Ourworks_Title svg { height: 40px; width: 100%; }

.new_index_Ourworks_Title text { font-size: 30px; font-weight: 900; }

.new_index_Ourworks_Title text.Stroke { fill: #fff; stroke: #b97a7a; }

.new_index_Ourworks_Title text.red { fill: #f9253b; }

.new_index_Ourworks_Title h3 { font-size: 16px; color: #4c4f55; }

.new_index_Ourworks_Title .desc1 { color: #6a6d73; font-size: 24px; padding-top: 10px; }

.TabCasebtn { position: relative; font-size: 14px; right: 0px; top: 0px; margin: 20px auto 0px; background-color: #e8eaeb; width: 117px; cursor: pointer; padding: 2px; -webkit-border-radius: 5px; border-radius: 5px; }

.TabCasebtn ul { position: relative; }

.TabCasebtn ul li { float: left; width: 100%; height: 40px; line-height: 40px; position: relative; z-index: 9; font-size: 14px; color: #96999c; font-weight: 700; text-align: center; }

.TabCasebtn ul li.cur { color: #4c4f55; }

.TabCasebtn ul span { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background-color: #fff; display: block; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.new_index_Ourworks { display: none; padding-top: 30px; }

.new_index_Ourworks ul { margin: 0px -10px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; opacity: 1; }

.new_index_Ourworks ul li { width: 100%; padding: 0px 10px 30px; }

.new_index_Ourworks ul li .Ourworksbox { position: relative; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; overflow: hidden; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks ul li img { width: 100%; display: block; }

.new_index_Ourworks ul li div.OurworksImgbox { position: relative; }

.new_index_Ourworks ul li div.OurworksContent { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding: 10px 15px 0px; background-color: rgba(0, 0, 0, 0.8); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks ul li div.OurworksContent h3 { font-size: 20px; color: #fff; line-height: 36px; padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; color: rgba(255, 255, 255, 0.6); padding-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; background: url(../images/new_Case15.png) no-repeat left center; padding-left: 25px; }

.new_index_Ourworks ul li .positiveTitle { color: #4c4f55; font-size: 16px; line-height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 25px; }

.new_index_Ourworks ul li .positiveTitle span { float: right; color: #afb0b3; font-size: 14px; font-weight: 700; background: url(../images/new_Case15.png) no-repeat left center; padding-left: 20px; }

.new_index_Ourworks ul li:hover .Ourworksbox { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }

.new_index_Ourworks ul li:hover div.OurworksContent { opacity: 1; filter: alpha(opacity=100); }

.new_index_Ourworks_more { text-align: center; padding-bottom: 50px; padding-top: 0px; }

.new_index_Ourworks_more a { border: 1px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 180px; line-height: 50px; padding-left: 30px; font-size: 14px; position: relative; font-weight: 700; display: inline-block; text-align: left; }

.new_index_Ourworks_more a:after { content: ''; height: 100%; width: 0px; position: absolute; left: 0px; top: 0px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.new_index_Ourworks_more a span { display: block; position: relative; z-index: 9; background: url(../images/new_Case10.png) no-repeat 90% center; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }

.new_index_Ourworks_more a:hover span { color: #fff; background: url(../images/new_Case11.png) no-repeat 85% center; }

.new_index_Ourworks_more a:hover:after { width: 100%; background-color: #f9253b; color: #fff; }

.new_index_Ourworks ul.new_index_Ourwork_Aadmission { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); opacity: 0; }






 

.new_index_contact { background: url(../images/new_contact01.jpg) no-repeat center; padding-bottom: 60px; background-size: cover; }

.new_index_contact_title { padding-top: 60px; }

.new_index_contact_title svg { height: 60px; width: 100%; }

.new_index_contact_title text { font-size: 45px; font-weight: 900; }

.new_index_contact_title text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #fff; stroke-width: .5; }

.new_index_contact_title text.red { fill: #fff; }

.new_index_contact_title h3 { font-size: 16px; color: #f9253b; padding-bottom: 25px; }

.new_index_contact_line { width: 320px; height: 6px; background: #fff; float: right; margin-top: 195px; display: none; }

.new_index_contact_line:after { content: ''; display: block; width: 0px; }

.new_index_contact:hover .new_index_contact_line { background: none; }

.new_index_contact:hover .new_index_contact_line:after { width: 100%; height: 6px; background-color: #f9253b; -webkit-transition: 1.2s ease; -o-transition: 1.2s ease; transition: 1.2s ease; }

 
 

.new_experience_17 { padding: 20px 0px; text-align: center; position: relative; background: #ef263c; }

.new_experience_17 p { font-size: 24px; color: #fff; }

.new_experience_17 .num { font-size: 32px; font-weight: 700; line-height: 32px; color: #fff; text-shadow: 15px 25px 10px rgba(112, 107, 98, 0.1); }

 

.new_footbox { position: relative; overflow: hidden; }

.new_foot { padding-top: 40px; padding-bottom: 30px; position: relative; z-index: 9; }

.new_footReady { position: relative; }

.new_footReady h3 { font-size: 32px; color: #4c4f55; line-height: 70px; position: relative; z-index: 9; }

.new_footReady svg { height: 99px; width: 100%; position: absolute; z-index: 1; top: 0px; left: 0px; }

.new_footReady text { font-size: 45px; font-weight: 900; }

.new_footReady text.Stroke { fill: rgba(0, 0, 0, 0); stroke: #f4f4f4; stroke-width: 1; }

.new_footReady p { padding-top: 30px; }

.new_footReady p a { display: inline-block; border: 2px solid #fc3d2d; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; padding: 10px 35px; font-size: 14px; color: #282828; -webkit-border-radius: 40px; border-radius: 40px; }

.new_footReady p a:hover { background-color: #fc3d2d; color: #fff; }

 

 
.footlinkbox { border-top: 1px solid #eeeeee; padding: 15px 0px; }

.footlinkbox h3 { color: #6a6d73; font-size: 16px; font-weight: 700; position: relative; }

.footlinkbox h3:after { content: ''; width: 20px; height: 2px; background-color: #d41919; display: block; margin-top: 15px; }

.footlinkbox h3 span { cursor: pointer; font-weight: normal; right: 0px; top: 0px; display: block; padding: 0 10px; font-size: 14px; line-height: 22px; color: #666; border: 1px solid #444; position: absolute; }

.footlink { font-size: 13px; padding-top: 20px; display: none; }

.footlink a { color: #6a6d73; font-size: 13px; margin-right: 19px; display: inline-block; margin-top: 5px; }

.footlink a:hover { color: #d41919; }



/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 25px;
    top: 45%;
    /*transform:translateY(-50%);*/
    z-index: 10000;
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #e75c1e;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
}
.aside-nav-one-img img{
    width: 22px;
}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -122px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 16px;
    line-height: 52px;
    background: #e00012;
    color: #e00012;
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 15px;
}

.aside-nav-one-desc .qq-name i{
  width: 22px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #e00012;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.qq-name-box{
    position: absolute;
    right: 0px;
}
.more-width:hover .aside-nav-one-desc {
    width: 125px;
    color: #fff;
    transition: .3s;
}
.more-width-call:hover .aside-nav-one-desc {
    width: 180px;
}

.more-width-qq:hover .aside-nav-one-desc {
    width: 120px;
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}

.more-width-qq:hover .aside-nav-one-img{
    left: -60px;
}

.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}
.more-weixin a{
    width: 54px;
    height: 54px;
    background: #e00012;
    display: block;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index:2;
}
.more-weixin .wx-code{
    position: absolute;
    top: 50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    opacity: 0;
    transition: .45s;
    visibility: hidden;
    z-index:-1;
}
.more-weixin .wx-code img{
    width:120px;
    height: 120px;
}
.more-weixin:hover .wx-code{
    opacity: 1;
    visibility: visible;
    right:230%;
    transition: .45s;
}
/*------------------------------- 侧边栏end -------------------------------------*/



.GradientBox { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 2%; width: 300px; height: 300px; z-index: 1; display: none; }

.Gradient1 { -webkit-animation: 7s color1 linear infinite; -o-animation: 7s color1 linear infinite; animation: 7s color1 linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #ffd8dc, rgba(255, 216, 220, 0) 100%); z-index: 1; left: 0px; right: 0px; top: 0px; bottom: 0px; position: absolute; }

.Gradient2 { -webkit-animation: color2 8s linear infinite; -o-animation: color2 8s linear infinite; animation: color2 8s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #fde8ce, rgba(253, 232, 206, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px -30%; }

.Gradient3 { -webkit-animation: color3 6s linear infinite; -o-animation: color3 6s linear infinite; animation: color3 6s linear infinite; background-image: -webkit-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); background-image: -moz-radial-gradient(50% 50%, circle contain, #efdafc, rgba(239, 218, 252, 0) 100%); z-index: 1; left: 0px; top: 50%; width: 60%; height: 60%; position: absolute; margin: -5% 0px 0px 30%; }

@-webkit-keyframes color1 { 0% { -webkit-transform: rotate(0deg) translate(-40px) rotate(0deg) scale(1, 1); }
  50% { -webkit-transform: rotate(-180deg) translate(-20px) rotate(-180deg) scale(1, 1.33); }
  100% { -webkit-transform: rotate(-360deg) translate(-40px) rotate(-360deg) scale(1, 1); } }

@-webkit-keyframes color2 { 0% { -webkit-transform: rotate(0deg) translate(30px) rotate(0deg) scale(1, 1);
    opacity: 1; }
  66% { -webkit-transform: rotate(180deg) translate(60px) rotate(-180deg) scale(1, 1.33);
    opacity: .33; }
  100% { -webkit-transform: rotate(360deg) translate(30px) rotate(-360deg) scale(1, 1);
    opacity: 1; } }

@-webkit-keyframes color3 { 0% { -webkit-transform: rotate(0deg) translate(10px) rotate(0deg) scale(1, 1); }
  33% { -webkit-transform: rotate(180deg) translate(40px) rotate(-180deg) scale(1.66, 1); }
  100% { -webkit-transform: rotate(360deg) translate(10px) rotate(-360deg) scale(1, 1); } }

.animation_fadeInUpinit { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.animation_afadeInUp { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; }

.popDemand { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 999; overflow: hidden; display: none; }

.popDemand:after { width: 200px; height: 200px; content: ''; -webkit-border-radius: 100%; border-radius: 100%; background-color: #ffffff; display: block; position: absolute; z-index: 1; right: 0px; top: 0px; -webkit-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; }

.popDemandhead { position: absolute; z-index: 25; left: 0px; top: 0px; right: 0px; padding: 15px 15px 0px; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.popDemandhead .new_index_header a.logo { display: none; }

.popDemandhead .DemandClosebtn { padding: 9px 4px 0; float: right; width: 36px; cursor: pointer; }

.popDemandhead .DemandClosebtn span { position: relative; display: block; width: 100%; height: 2px; margin: 0 auto 6px; background: #4c4f55; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.popDemandhead .DemandClosebtn span:nth-child(1) { top: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.popDemandhead .DemandClosebtn span:nth-child(2) { opacity: 0; }

.popDemandhead .DemandClosebtn span:nth-child(3) { top: -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.popDemandLeft { display: none; overflow: hidden; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; background-color: #ffffff; z-index: 19; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }

.popDemandLeft video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }

.popDemandRight { right: 0px; width: 100%; top: 0px; bottom: 0px; padding: 60px 20px 40px; background-color: #ffffff; z-index: 19; position: absolute; opacity: 0; -webkit-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; overflow-y: auto; }

.demandSlogan { font-size: 24px; color: #4c4f55; padding-bottom: 20px; line-height: 30px; border-bottom: 2px solid #f7f7f7; }

.DemandForm dt { padding-top: 10px; position: relative; }

.DemandForm dd { padding-top: 10px; }

.DemandForm label { display: block; border-bottom: 1px solid #c0c0c0; padding: 20px 0px 10px; position: relative; }

.DemandForm label input { width: 100%; font-size: 14px; color: #4c4f55; }

.DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 14px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.DemandForm label.cur i { top: 0px; font-size: 12px; }

.DemandForm label span { position: absolute; color: #f9253b; top: 0px; font-size: 12px; background-color: #fff; left: 0px; right: 0px; display: none; white-space: nowrap; }

.DemandForm label.errorPrompt { border-bottom: 1px solid #f9253b; }

.DemandForm label.errorPrompt span { display: block; }

.DemandForm label.errorPrompt i { display: none; }

.DemandService { padding-top: 35px; }

.DemandService h3 { font-size: 20px; color: #4c4f55; }

.DemandService p { color: #b6b6b6; font-size: 15px; font-weight: 700; padding-top: 15px; }

.DemandService p span { font-size: 18px; font-weight: 100; padding: 0px 8px; }

.DemandService p label { color: #b6b6b6; }

.DemandService p label.cur { color: #4c4f55; }

.DemandService p label:hover { color: #4c4f55; }

.DemandService p label input { display: none; }

.DemandDudget { line-height: 46px; border-top: 2px solid #f7f7f7; margin-top: 30px; padding-top: 20px; }

.DemandDudget dt { float: left; font-size: 20px; color: #4c4f55; padding-right: 30px; }

.DemandDudget dd { font-size: 14px; color: #4c4f55; }

.DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }

.DemandDudget dd span:after { content: ''; position: absolute; left: 0px; top: 16px; width: 14px; height: 14px; background-color: #e6e6e6; -webkit-border-radius: 100%; border-radius: 100%; }

.DemandDudget dd label:last-child span { padding-right: 0px; }

.DemandDudget dd span.cur:after { border: 3px solid #e6e6e6; background-color: #f9253b; }

.DemandDudget dd input { display: none; }

.DemandInputBtn { padding-top: 40px; }

.DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 40px; font-size: 16px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }

.DemandInputBtn input:hover { background-color: #f9253b; color: #fff; }

.DemandvCode { position: absolute; right: 0px; top: 20px; width: 100px; height: 35px; }

.Admission:after { width: 4000px; height: 4000px; right: -500px; top: -1500px; }

.Admission .popDemandhead { opacity: 1; }

.Admission .popDemandLeft { opacity: 1; }

.Admission .popDemandRight { opacity: 1; }

.hideScroll { overflow: hidden; }

 

#LXB_CONTAINER_SHOW{top:60% !important; width: 45px !important;}

@media (max-width: 480px) {  
 
  .new_index_banner ul li div.new_index_banner_text dl { padding: 0px 10px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { height: 40px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 24px; }
  .new_index_banner ul li h3 { font-size: 14px; }
  .new_index_banner ul li p { line-height: 18px; }
 }

@media (min-width: 768px) { .new_index_banner ul li div.new_index_banner_text dl { max-width: 750px; margin: 0px auto; padding: 0px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 60px; }
  .new_index_banner ul li h3 { font-size: 26px; padding-bottom: 20px; }
  .new_index_banner ul li p { font-size: 16px; line-height: 28px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 100px; }
  .new_index_banner_icon p { max-width: 750px; padding: 0px 0px; }
 
 
  .new_index_Ourworks_Title text { font-size: 35px; }
  .new_index_Ourworks_Title h3 { font-size: 20px; }
  .new_index_Ourworks_Title svg { width: 100%; height: 60px; }
  .TabCasebtn { position: absolute; font-size: 18px; right: 0px; top: 35px; cursor: pointer; }
  .TabCasebtn img { margin-right: 10px; height: 40px; }
 
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 40px; line-height: 80px; }
 
 
 
  .DemandForm dt { float: left; width: 48%; padding-top: 20px; position: relative; }
  .DemandForm dd { float: right; width: 48%; padding-top: 20px; }
  .demandSlogan { font-size: 36px; color: #4c4f55; padding-bottom: 40px; line-height: 46px; border-bottom: 2px solid #f7f7f7; }
  .DemandInputBtn input { width: 100%; background-color: #d8dbe2; color: #4c4f55; height: 60px; font-size: 18px; font-weight: 700; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
  .DemandService h3 { font-size: 24px; color: #4c4f55; }
  .DemandForm label input { width: 100%; font-size: 16px; color: #4c4f55; }
  .DemandForm label i { position: absolute; left: 0px; right: 0px; top: 21px; font-size: 16px; font-weight: 700; color: #c0c0c0; font-style: normal; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  .DemandDudget dt { float: left; font-size: 24px; color: #4c4f55; padding-right: 30px; }
  .DemandDudget dd { font-size: 16px; color: #4c4f55; }
  .DemandvCode { position: absolute; right: 0px; top: 35px; width: 100px; height: 35px; }
  .new_index_Ourworks ul { margin: 0px -10px; }
  .new_index_Ourworks ul li { float: left; width: 50%; padding: 0px 10px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 20px 20px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 10px; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_index_Ourworks_more { text-align: center; padding-top: 0px; }
  .new_index_Ourworks_more a { border: 1px solid #e5e5e5; -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; width: 240px; line-height: 60px; padding-left: 30px; font-size: 16px; position: relative; font-weight: 700; display: inline-block; text-align: left; }
  .new_footReady svg { height: 120px; }
  .new_footContact h3 { font-size: 20px; }
  .new_footContact .new_red { color: #d41919; font-size: 30px; padding-top: 5px; }
 
  .new_index_banner_icon p span { width: 32px; height: 44px; -webkit-border-radius: 20px; border-radius: 20px; border: 5px solid #fff; display: block; position: relative; -webkit-animation: mouse both ease-in 2s infinite; -o-animation: mouse both ease-in 2s infinite; animation: mouse both ease-in 2s infinite; }
  .new_index_banner_icon p span:after { content: ''; position: absolute; top: 7px; width: 6px; height: 11px; background: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 4px; border-radius: 4px; }
 
  .TabCasebtn { position: absolute; }
  .TabCasebtn ul { position: relative; }
  .TabCasebtn ul li { height: 50px; line-height: 50px; }
  .TabCasebtn ul li.cur { color: #4c4f55; }
  .new_index_banner ul li img.bigbgimg { display: block; position: relative; left: 0%; height: auto; width: 100%; -webkit-transform: translate(0px); -ms-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); }
  .new_index_banner { position: relative; height: auto; width: 100%; }
  .new_index_bannerbox { position: relative; width: 100%; padding-bottom: 0px; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop01 { top: 9.875%; left: 33.90625%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop02 { top: 0; left: 58.54167%; width: 26.35417%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop03 { top: 79.375%; left: 33.3125%; width: 33.33333%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop04 { top: 19.5%; left: 55.57292%; width: 35.46875%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop05 { top: 0; left: 80.625%; width: 19.47917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop06 { top: 73.5%; left: 57.29167%; width: 36.97917%; }
  .new_index_bannertext03 .bannerCaseImgbox img.pop07 { top: 29.125%; left: 84.32292%; width: 15.88542%; }
 
 }

@media (min-width: 992px) { body { padding-top: 0px; }
 
 
  .new_headerfixedbox { position: fixed; background-color: rgba(0, 0, 0, 0.5) !important; top: -60px; padding: 10px 30px 0px; }
  .new_headerfixedbox a.logo img { height: 40px; }
  .new_headerfixedbox .demandBtn { margin-top: 3px; }
  .new_headerfixedbox .new_Common_nav { padding-top: 8px; }
  .new_headerfixedbox .new_Common_nav ul li { height: 42px; }
  .new_headerfixedbox .new_Common_nav ul li:hover h2 a:after{top:36px}
  .new_headerfixedbox .new_child_navbox { top: 59px; }
  .new_headerbg { background-color: rgba(0, 0, 0, 0.5) !important; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 970px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 70px; }
  .new_index_banner ul li div.new_index_banner_text:after { content: ''; }
  .new_index_banner ul li div.new_index_banner_text dl dd { padding-top: 50px; }
  .new_index_banner ul li div.new_index_banner_text dl dt svg { width: 100%; height: 150px; }
  .new_index_banner_icon p { max-width: 970px; padding: 0px 0px; }
  
 
  .demandBtn { float: right; margin-left: 30px; margin-top: 0px; }
   
 
 
 
  .new_index_contact_title svg { height: 70px; }
  .new_index_contact_title text { font-size: 50px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_index_contact { min-height: 400px; padding-bottom: 0px; }
  .new_index_contact_title { float: left; width: 50%; }
  .new_index_contact_line { display: block; }
  .new_foot { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: 9; }
  .new_footReady text { font-size: 60px; font-weight: 900; }
  .new_footReady h3 { font-size: 50px; line-height: 80px; }

 
  .GradientBox { width: 500px; height: 500px; }
 
 
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 10px; }
  .popDemandLeft { width: 30%; }
  .popDemandRight { width: 70%; padding: 50px 20px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 15px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft { display: block; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 30px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }
 
 
  .new_experience_17 p { font-size: 24px; }
  .new_experience_17 .num { font-size: 40px; line-height: 42px; }
  
 
 
  .new_index_banner_page { padding: 0px 50px 0px 40px; width: 420px; }
  .new_index_banner_page p { height: 70px; line-height: 70px; margin-right: 30px; }
  .new_index_banner_page i { display: block; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 0px 0px 20px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 26px; line-height: 30px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 60px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 18px; line-height: 38px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 26px; }
 
    
  .footlinkbox h3 { font-size: 18px; }
 
 
  .popDemandhead { padding: 15px 30px 0px; }
  .popDemandhead .new_index_header a.logo { display: block; } }

@media (min-width: 1260px) { .new_index_banner_icon p { max-width: 1200px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1200px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 90px; }
  .new_index_banner ul li h3 { font-size: 36px; }
  .new_index_banner ul li p { font-size: 18px; }
   

  .new_index_Ourworks_Title { margin-top: 30px; position: relative; }
   
  .new_index_Ourworks_Title text { font-size: 40px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 30px; }
  
   
  .swiper-container-horizontal > .swiper-scrollbar { left: 30px; bottom: 0px; width: 99%; opacity: 1 !important; }
   
  .new_footReady text { font-size: 80px; font-weight: 900; }
  .new_footReady h3 { font-size: 60px; line-height: 90px; }
  
 
  
  .DemandService p { font-size: 16px; font-weight: 700; padding-top: 0px; }
  .popDemandLeft { width: 40%; }
  .popDemandRight { width: 60%; padding: 100px 40px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 10px; cursor: pointer; }
  .popDemandLeft p { position: absolute; bottom: 5%; left: 5%; font-size: 50px; font-weight: 700; color: #fff; z-index: 9; text-transform: uppercase; }
  .new_childnav_news dd { padding: 30px 0px 0px 5%; }
   
  .new_index_Ourworks ul { margin: 0px -20px; }
  .new_index_Ourworks ul li { float: left; width: 33.3333%; padding: 0px 20px 40px; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 30px 30px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 26px; line-height: 32px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 15px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 48px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 15px; }
  .new_index_Ourworks ul li .positiveTitle { font-size: 20px; line-height: 36px; margin-top: 25px; }
  .new_foot { position: relative; z-index: 9; }
 
 
  .new_experience_17 { float: left; padding: 25px 0px; width: 380px; max-width: inherit; }
 
  .new_experience_17 p { font-size: 51px; }
  .new_experience_17 .num { font-size: 68px; line-height: 70px; }
  .news_foot_contact_Telbox dl dt h3 { font-size: 36px; padding-top: 0px; }
  .news_foot_contact_Telbox dl dt .desc2 span { margin-right: 20px; font-size: 26px; }
 
  .new_index_bannertext02 .Multiplatformbox { max-width: 1030px; }
  .new_index_bannertext02 .Multiplatformbox .iconbox { padding: 30px 0px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist { font-size: 32px; line-height: 40px; }
  .new_index_bannertext02 .Multiplatformbox .iconlist img { max-width: 90px; }
  .new_index_bannertext02 .Multiplatformbox .desc p { font-size: 24px; line-height: 48px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 36px; }
 
 
  }








@media (min-width: 1420px) { .new_index_banner_icon p { max-width: 1380px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1380px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 100px; }
 
 
  .new_index_Ourworks_Title text { font-size: 50px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
 
  .new_footContact dt { float: left; }
  .new_footContact dd { float: right; }
  
 
  .new_childnav_web dd { padding-left: 10%; }
  .popDemandLeft { width: 35%; }
  .popDemandRight { width: 65%; padding: 100px 60px 50px; }
  .DemandDudget dd span { display: inline-block; padding-left: 25px; position: relative; padding-right: 25px; cursor: pointer; }
  .new_index_Ourworks ul li div.OurworksContent { padding: 40px 40px 0px; }
  .new_index_Ourworks ul li div.OurworksContent h3 { font-size: 30px; line-height: 36px; padding-bottom: 10px; }
  .new_index_Ourworks ul li div.OurworksContent .subtitle { font-size: 14px; padding-bottom: 20px; }
  .new_index_Ourworks ul li div.OurworksContent .desc { font-size: 14px; color: #fff; line-height: 24px; display: -webkit-box; height: 72px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .new_index_Ourworks ul li div.OurworksContent .label { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-top: 25px; }
   
  
  .new_experience_17 { float: left; padding: 25px 0px; width: 480px; text-align: center; }
  .news_foot_contact_Telbox { float: left; width: -webkit-calc(100% - 480px); width: calc(100% - 480px); padding: 30px 0px 0px; }
 
  .news_foot_contact_Telbox dl dd { width: 275px; }
  .news_foot_contact_Telbox dl { padding-bottom: 80px; padding-left: 50px; }
  .news_foot_contact_Telbox dl dt .desc2 span { font-size: 22px; }
  .news_foot_contact_Telbox dl dt .news_foot_contact_tel { top: 56px; }
  
  }

@media (min-width: 1660px) { 

  .new_index_Ourworks_Title { position: relative; }
 
 
  .new_index_newshot dl dt h3 { font-size: 18px; padding: 40px 15px 0px 0px; }
  .new_index_contact_title svg { height: 90px; }
  .new_index_contact_title text { font-size: 60px; }
  .new_index_contact_title h3 { font-size: 22px; padding-bottom: 25px; }
  .new_footReady text { font-size: 100px; font-weight: 900; }
  .new_footReady h3 { font-size: 72px; }
   
  .popDemandLeft { width: 43%; }
  .popDemandRight { width: 57%; padding: 100px 80px 50px; }
  .DemandService p { font-size: 18px; font-weight: 700; padding-top: 15px; }
  
  .new_index_Ourworks ul li .positiveTitle { font-size: 30px; line-height: 36px; margin-top: 25px; }
  .new_index_banner ul li h3 { font-size: 48px; }
  .new_index_banner ul li p { font-size: 20px; }
  .new_index_bannertext02 .Multiplatformbox h3 { font-size: 42px; }
   
   
    }

@media (min-width: 1900px) { .new_index_banner_icon p { max-width: 1600px; padding: 0px 0px; }
  .new_index_banner ul li div.new_index_banner_text dl { max-width: 1600px; }
  .new_index_banner ul li div.new_index_banner_text dl dt text { font-size: 110px; }
  .new_index_Ourworks_Title text { font-size: 60px; }
  .new_index_Ourworks_Title h3 { font-size: 22px; }
  .new_index_Ourworks_Title .desc1 { font-size: 36px; }
  .popDemandLeft { width: 50%; }
  .popDemandRight { width: 50%; padding: 100px 100px 50px; }
 
  
  
  
  }
  
  
  
.faq_bg {
    width: 100%; background:url(../images/webbj.jpg); height:1115px;
    padding: 70px 0px 0px 0px;
    overflow: hidden;
}



.titlea {
    width: 1400px;
    height: 98px;
    margin: 0 auto;
}

.titleal {
    width: 1400px;
    float: left;
    text-align: center;
}


.titleal p {
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    color: #333;
    letter-spacing: 0.5px;
}

.titleal em {
    font-size: 20px;
    line-height: 20px;
    color: #999;
    margin-top: 20px;
    font-weight: 300;
    display: block;
    letter-spacing: 1px;
}



.faq {
    padding-top: 60px; background:#FFF; padding-left:50px;
    width: 1400px;
    margin: 0 auto;
}

.faq_c {
    width: 1018px;
    height: 583px;
    background: url(../images/20200718144234_1798856264.jpg) center no-repeat;
    margin: 0 auto;
}


.faq_l {
    width: 462px;
    float: left;
    position: relative;
    right: 191px;
    margin-top: 90px;
}



.faq_l dl {
    float: left;
    width: 435px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 65px;
}



.faq_l dt {
    float: left;
    transform: rotate(0deg);
    transition: 0.5s;
}

.faq_l dl:hover dt{ transform:rotate(360deg);}

.faq_l dd {
    float: left;
    width: 340px;
    font-size: 16px;
    line-height: 28px;
    color: #666; padding-left:10px;
}



.faq_l span {
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 45px;
    font-weight: bold;
}


 

.faq_r {
    width: 462px;
    float: left;
    position: relative;
    left: 285px;
    margin-top: 90px;
}





.faq_r dl {
    float: left;
    width: 435px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 65px;
}



.faq_r dt {
    float: left;
    transform: rotate(0deg);
    transition: 0.5s;
}

.faq_r dl:hover dt{ transform:rotate(360deg);}

.faq_r dd {
    float: left;
    width: 340px;
    font-size: 16px;
    line-height: 28px;
    color: #666;
}



.faq_r span {
    display: block;
    font-size: 22px;
    color: #333;
    line-height: 45px;
    font-weight: bold;
}



.setitl {
    text-align: center;
    font-size: 24px;
    font-weight: lighter;
    color: #fff; line-height:70px;  padding-top:30px;
}

.setitl strong {
    display: block;
    font-size: 32px;
    margin-bottom: 8px;
}


.setitfk{ width:100%; text-align:center; margin: 0 auto; padding-bottom:50px;}


.setitfk ul{ text-align:center;}
.setitfk ul li{ width:240px; height:55px; line-height:55px; text-align:center; background:#225ac9; margin: 0 auto;display: inline-block; position: relative; margin:0 30px; color:#FFF; font-size:20px;}

.setitfk ul li:nth-child(2){ background:#0f8c6c}
.setitfk ul li:nth-child(3){ background:#6a4ac7}
.setitfk ul li:nth-child(4){ background:#109941}


.process_bg{ width: 100%; background: #fff url(../images/20200720201437_153982939.jpg) bottom center no-repeat; padding:100px 0px 40px 0px; overflow: hidden;}

.titlea {
    width: 1400px;
    height: 98px;
    margin: 0 auto;
}

.titleal {
    width: 1400px;
    float: left;
    text-align: center;
}

.titleal p {
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    color: #333;
    letter-spacing: 0.5px;
}

.titleal em {
    font-size: 20px;
    line-height: 20px;
    color: #999;
    margin-top: 20px;
    font-weight: 300;
    display: block;
    letter-spacing: 1px;
}


/*流程*/
.index-solution {
	padding: 60px 0px;
	overflow: hidden;
	width: 95%;
	margin:0 auto;
}
.index-solution-list li {
	position: relative;
	float: left;
	width: 16.6%;
	text-align: center;
	padding: 54px 20px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.index-solution-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #2b3cd9;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.index-solution-list li:hover:before {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
/*.index-solution-list li.on,
.index-solution-list li:hover {
	background: #ea5250;
}*/
.index-solution-list li .pic {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	background: #fff;
	border: 1px solid #e8e8e8;
	font-size: 0;
	line-height: 110px;
	border-radius: 50%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.index-solution-list li:hover .pic {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.index-solution-list li .tit {
	position: relative;
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
	margin-top: 15px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	font-weight: 500;
}
.index-solution-list li.on .tit,
.index-solution-list li.on .des,
.index-solution-list li:hover .tit,
.index-solution-list li:hover .des,
.index-solution-list li:hover .des a {
	color: #fff;
}
.index-solution-list li .des {
	position: relative;
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 100;
	color: #999;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.index-solution-list li .more {
	position: relative;
	border-radius: 40px;
	border: 1px solid #e8e8e8;
	width: 100px;
	line-height: 36px; 
	height: 36px;
	margin:0 auto;
	display: block;
	font-size: 13px;
}
.index-solution-list li.on .more,
.index-solution-list li:hover .more {
	color: #fff;
	border-color: #fff;
}
.index-solution-list li.on .more:hover,
.index-solution-list li:hover .more:hover {
	background: #fff;
	color: #3e58f8;
}


.index-solution-list li .pic .iconfont {
    font-size: 43px;
    float: left;
    text-align: center;
    line-height: 110px;
    height: 110px;
    color: #333;
    width: 110px;
}



.page {
    margin: 0 auto;
    width: 1360px;
}

.news {width:100%; text-align:center}
.news_row1 {display:block;font-size:36px;line-height:50px;color:#343434;text-align:center;}
.news_row1 .small {color:#999;font-size:17px;font-weight:100;display:block;line-height:35px;}
.news_row2 ul li {display:inline-block;margin:0px 10px;padding:2px 35px;position:relative;}
.news_row2 ul {text-align:center;}
.news_row2 {padding:10px 0 10px;}
.news_row3 {padding:30px 0 0 !important;}
.news_row2 ul li a {font-size:15px;color:#343434;line-height:32px;display:block;position:relative;z-index:3;transition:0.3s all ease;}
.news_row2 ul li:after {content:'';display:block;width:100%;height:100%;background: #e93a3a;position:absolute;left:0;top:-100%;border-radius:50px;transition:0.3s all ease;opacity:0;filter:alpha(opacity=0);}
.news_row2 ul li.cur:after {opacity:1;filter:alpha(opacity=100);top:0;}
.news_row2 ul li.cur a {color:#fff;}
.news_l {width:436px;padding:38px;background:#fff;float:left;}

 

.news_item_b_tit {padding:15px 0;border-bottom:1px solid #eee;}
.news_item_b_tit strong {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;font-size:18px;font-weight:normal;color:#343434;line-height:40px;display:block;}
.news_item_b_tit p {font-size:14px;font-weight:lighter;color:#666;line-height:25px;height:60px; text-align:left;}
.news_item_big {display:block;}
.news_item_big .news_item_b_img {width:100%;display:block;height:165px;}
.news_item_big .news_item_b_img img {display:block;width:100%;height:100%;}
.news_item_big:hover .news_item_b_tit strong {color:#e93a3a;}
.news_item_big:hover .news_item_b_date i {color:#e93a3a;}
.news_item_big:hover .news_item_b_date i:after {border-left:5px solid #e93a3a;border-top:5px solid transparent;border-bottom:5px solid transparent;}
.news_item_b_date {padding:16px 0 0;}
.news_item_b_date:after {content:'';display:block;clear:both;}
.news_item_b_date i {font-size:15px;color:#666;font-style:normal;font-weight:lighter;position:relative;padding:0 15px 0 0;float:left;display:block;line-height:30px;}
.news_item_b_date i:after {content:'';display:block;width:0;height:0;border-left:5px solid #aaa;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;right:0;top:50%;margin-top:-5px;}
.news_item_b_date span {float:right;color:#999;font-weight:lighter;font-family:arial;line-height:30px;}
.news_r {float:right;width:924px;}

.news_row3_in{ float:left;}
.news_row3_in:after {content:'';display:block;clear:both;}

.news_item {background:#fff;display:block;float:left;width:49%;margin-left:2px;margin-bottom:2px;position:relative;padding:40px 30px 41px 140px;height:137px;transition:0.3s all ease;}
.news_item .news_item_date {position:absolute;text-align:center;width:140px;left:0;font-size:15px;color:#666;font-family:arial;line-height:20px;top:50%;margin-top:-35px;}
.news_item .news_item_date i {font-style:normal;font-size:40px;display:block;color:#343434;font-family:arial;line-height:50px;}
.news_item > strong {white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;font-size:16px;font-weight:normal;color:#343434;line-height:30px;display:block;padding-bottom:0px; text-align:left;}
.news_item > p {font-size:13px;color:#666;line-height:25px;display:block;font-weight:lighter;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:left;}
.news_item:hover {background:#e93a3a;}
.news_item:hover .news_item_date,.news_item:hover .news_item_date i {color:#fff;}
.news_item:hover > strong {color:#fff;}
.news_item:hover > p {color:#fff;}

.tempWrap{ padding-bottom:10px; margin:0 auto;}

 
 
/*图片不停旋转*/
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.crtrait{ border-bottom:1px solid #2d2f3a; font-size:0;}
.crtrait li{ display:inline-block; font-size:16px; color:#a9a9ad; line-height:100px; position:relative; padding-left:57px;}
.crtrait li span{ position:absolute; left:0;}
.crtrait li+li{ margin-left:101px;}

.crtrait li span{
-webkit-transform: rotate(360deg);
animation: rotation 2s linear infinite;
-moz-animation: rotation 2s linear infinite;
-webkit-animation: rotation 2s linear infinite;
-o-animation: rotation 2s linear infinite;
}
.crcon{ padding:50px 0;}
.crcon li{ float:left;}
.crcon li:nth-child(5){ float:right;}
.crcon li>p{ font-size:16px; color:#fff; margin-bottom:20px;}
.crcon li a,.crcon li .craddr p{ font-size:12px; display:block; color:#999999; font-weight:lighter; line-height:30px;}
.crcon li a:hover{ color:#fff;}
.crcon li+li{ margin-left:160px;}
.links{ line-height:78px; border-top:1px solid #2d2f3a; padding-left:35px; background:url(../uploadfile/image/20200714/20200714163723_1189175513.png) no-repeat left center;}
.links p.fl{ font-size:18px; color:#999999;}
.links p span { font-family:impact; padding:0 20px 0 5px;}
.links p.fl:nth-child(1){ position:relative; margin-right:15px;}
.links p.fl:nth-child(1):after{ content:''; display:block; position:absolute; width:1px; height:17px; right:0; top:31px; background:#d1d1d1;}
.links p.fr a{ font-size:12px; color:#999999; font-weight:lighter;}
.links p.fr a:hover{ color:#fff; }
.end{ border-top:1px solid #2d2f3a; line-height:102px;}
.end,.end a{ font-size:14px; color:#999999; font-weight:lighter;}
.end a:hover{ color:#fff;}


.w1400 {
    width: 1400px;
    margin: 0 auto;
}


/*乱跑*/
.index_p2{ position:relative;z-index:9;}

.b_10_3 {
    overflow: hidden;
    text-align: center;
    background: url(../images/index_05.png) center no-repeat;
    background-size: 100% 100%;
}






.map {height: 500px;}



@media (max-width: 1400px){
	
	
.faq{ width:100%; padding:0;}	
	
.faq_c{ width:98%; background:none; height:560px; overflow:hidden;}

.faq_l{ width:48%; float:left; right:0; padding-right:5px;}
.faq_r{ width:48%; float:left; left:0; padding-left:5px;}


.faq_l dl{ width:100%;}

}

 



@media (min-width:895px){
	
.wzjs_1{ display:none;}
.wzjs_2{ display:none;}		
	
	}

@media (max-width:895px){
	
.faq_l { margin-top:10px; margin-right:5px;}
.faq_l dl{ width:100%;  margin-bottom:15px; padding-bottom:15px;}	
	
.faq_r { margin-top:10px; margin-left:5px;}	
.faq_r dl{ width:100%;  margin-bottom:15px; padding-bottom:15px;}	
.faq_r span{ text-align:center; font-size: 18px;}
.faq_r dd{ width:100%; font-size:14px;}
	
.faq_l dt{ width:100%; text-align:center;}	
.faq_l span{ text-align:center; font-size: 18px;}
.faq_l dd {width:100%; font-size:14px;}
	
.faq_r dt{ width:100%; text-align:center;}	

.wzjs_1-1{ display:none;}
.wzjs_2-1{ display:none;}	


	
	}
	
	
	

@media (max-width: 1360px)

{
.news_l{ width:300px;}
.news_r{ width:700px;}

}


@media (max-width: 1218px)

{

.setitfk ul li{ width:160px; height:40px; line-height:40px; font-size:16px;  margin:10px 10px;}

}

@media (max-width: 1200px)

{
.m_tgdxg{width: 100%;}

.full-case-detail .server{ width:30%}	
.full-case-detail .info { width:75%;}


}



@media (max-width: 1005px)

{
.news_l{ width:50%;}
.news_r{ width:50%;}
.news_item{ width:100%;}

.news_item:nth-child(4){ display:none;}
.news_item:nth-child(5){ display:none;}
.news_item:nth-child(6){ display:none;}

.news_row3_in{ width:100%;}
.news_row2 ul li{padding: 2px 10px;}
}



 @media (max-width: 767px)
{
	
.m_tgdxg{ height: 100px;}

.map {height: 300px;}

.full-case-detail .server{ width:100%;display: block; line-height: 30px;}	
.full-case-detail .info { width:100%; display: block;}

.full-case-detail .info .img{max-width: 38%; float: none;}

.nynav{ display:none;}

}



 @media (max-width: 650px)
{
	
.setitl{font-size: 20px; line-height: 40px; padding-top:20px;}

.setitl strong{font-size:26px;} 
.setitfk{ padding-bottom: 30px;}

.news_row2 ul li{padding: 2px 10px; margin: 0px 5px;}

.news_l{ width:100%; padding:15px;}
.news_r{ width:100%;}
.news_item{ width:100%; padding: 10px 30px 10px 140px; height:90px;}

.news_item > strong{ text-align:left;}

.news_item:nth-child(1){border-top: 1px solid #eee;}

.news_item .news_item_date{top:40%}

.contact-nav-wrapper dl{ height:auto; padding: 5px 40px 0 24px;}
.contact-nav-wrapper dl .ico{ display:none;}
.contact-nav-wrapper .hr{ border-left:0;}



}

@media (max-width: 766px){
.aside-nav{display: none;}
}