/*联系我们*/
.banner-ny{ float: left; width: 100%; position: relative; height: auto !important;  }
.banner-ny img{ float: left; width: 100%;}
.banner-ny img.sj-bj{ display: none;}
.banner-ny img.pc-bj{ display: block;}
.banner-text{width: 100%;float: left;position:absolute;height: 100%; left: 0px; top: 0px; padding: 0px 80px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center; z-index:8;}
.banner-text h2{ font-size: 60px; color:#fff; line-height:60px; font-weight:bold; margin-bottom:50px; text-align:center;}
.banner-text p{font-size:28px; color:#fff; line-height:48px; text-align:center; }
.mui{ width: 60px; height: 60px; background: #fff; position: absolute; left: 50%; margin-left:-30px; bottom:40px; font-size: 20px; border-radius: 50%; text-align: center; line-height: 60px; color: #333;transition: all 0.5s ease-out 0s;-webkit-animation: up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite; cursor: pointer;}
.mui:hover{ background: #e6212b; color: #fff;}
.banner-text div{ width:100%;}
.jx-banner{ position:absolute; width:100%; height:100%; top:0px; left:0px; overflow:hidden; z-index:7;}
.jx-banner img{ position: absolute; top: 0%;  display: inline-block; /* width: 1920px; */ /* max-width: 1920px; */ width: 100%; min-width: 1200px;animation: caseSelectionMove 50s linear 0s infinite;}

@keyframes caseSelectionMove {

    0% {
        top: 0px;
    }
    100% {
        top: -1239px;
    }
}

.lianx-1{ width:100%; float:left; background:url(../images/page/lianx-1.jpg) bottom center no-repeat #fafafa; background-size:cover; overflow:hidden; padding: 60px 0px; }
.lianx-1 h2{ width:100%; float:left; font-size:28px; color:#333; text-align:center; animation-duration:1s; font-weight: bold;}
.lianx-1 ul{ width:100%; float:left; background:#fff; margin-top:60px; animation-duration:1.1s;}
.lianx-1 ul li{ width:33.33%; float:left; padding:60px 0; position:relative; overflow:hidden;}
.lianx-1 ul li:before{content:""; position:absolute; top:50%; right:0px; float:left; width:1px; height:20px; background:#eee; margin-top:-10px;}
.lianx-1 ul li:nth-child(2n+2):before{ display:none;}
.lianx-1 ul li b{ display:inline-block; width:100%; float:left;}
.lianx-1 ul li b img{ max-width:40px; display:block; margin:0 auto; text-align:center;}
.lianx-1 ul li p{ width:100%; float:left; font-size:14px; color:#333; text-align:center; margin:30px 0; font-weight:bold;}
.lianx-1 ul li i{ display:inline-block; float:left; width:100%; font-style:normal; font-size:16px; color:#333; text-align:center;}
.lianx-1 ul li i a.tel-wz{ font-family: din; font-size: 24px; color: #333;}
.lianx-1 ul li i a:hover{ color: #e6212b;}
.lianx-1 ul li i a{ font-size: 16px; color: #333;}
.lianx-1 ul li em{ display:inline-block; float:left; width:100%; font-style:normal; font-size:14px; color:#808080; text-align:center; margin-top:60px;font-family: din; }

.lianx-2{ width:100%; float:left; height:620px; overflow:hidden;}
.baidu{ width:100%; float:left; height:100%; position:relative; overflow:hidden;}
.baidu img{ width: 40px;}
#allmap{ width:100%; float:left; height:100%;}

.dhwz{ width:100%; float:left; position:absolute; left:0px; bottom:30px; z-index:2;  animation-duration:1s;}
.dhwz a{ display:inline-block; float:left; padding:10px 20px; background:#fff; transition:all 0.5s ease-out 0s; cursor: pointer;}
.dhwz a i{ display:inline-block; float:left; width:26px; height:26px; background:#e6212b; border-radius:50%; transition:all 0.3s ease-out 0s;}
.dhwz a i img{ max-width:12px; display:block; margin:0 auto; text-align:center; margin-top:7px;}
.dhwz a em{ display:inline-block; float:right; font-style:normal; font-size:16px; line-height:26px; padding-left:20px; color:#808080; transition:all 0.3s ease-out 0s;}
.dhwz a:hover{ background:#e6212b;}
.dhwz a:hover i{ background:#e6212b;}
.dhwz a:hover em{ color:#fff;}

.liuyan{ float: left; width: 100%; padding: 60px 0px; background: #fafafa;}
.lx-ym3-tj{ width:100%; float:left; margin-top:20px; overflow:hidden; }
.lx-ym3-tj ul{ width:100%; float:left;}
.lx-ym3-tj ul li{ width:32%; float:left; margin-bottom:30px; }
.lx-ym3-tj ul li:nth-child(1){animation-duration:1s; animation-delay: 0.1s;}
.lx-ym3-tj ul li:nth-child(2){ margin:0px 2%; animation-duration:1.2s;animation-delay: 0.2s;}
.lx-ym3-tj ul li:nth-child(3){ animation-duration:1.2s;animation-delay: 0.3s;}
.lx-ym3-tj ul li.srkk{ height:150px; width:100%;animation-duration: 1.2s;animation-delay: 0.4s;}
.c-input{ width:100%; float:left; background:#fff; outline:none; border:0px; padding:0 20px; font-size:14px; color:#999; line-height:54px; -webkit-appearance:none; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;   }
.textarea{ width:100%; float:left; background:#fff; outline:none; border:0px; padding:20px; font-size:14px; color:#999; height:100%; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s;  }
.c-input:focus{ background:#eee; color:#000;}
.textarea:focus{ background:#eee; color:#000;}
.lx-ym3-tj span{ display:block; width:100%; float:left; animation-duration:1.3s;}
.lx-ym3-tj span a{ display:inline-block; width:200px; float:left;  text-align:center; background:#363636; position:relative; overflow:hidden; height:54px;     transition: all .4s cubic-bezier(.78,.07,0,1) .2s;}
.lx-ym3-tj span a i{ width:100%; float:left; font-style:normal; position:absolute; left:0px; top:0px; text-align:center; font-size:14px; color:#fff; line-height:54px;}
.lx-ym3-tj span a:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #e6212b;transition: inherit;}

.lx-ym3-tj span a:hover:before{ left:-1px;right:auto;width:calc(100% + 2px)}
.contact-hz{ float: left; width: 100%; margin-bottom: 40px;}

.wxnr{ position:fixed; width:100%; height:100%; left:0px; top:0px; float:left; background:rgba(0,0,0,0.8); z-index:-1;opacity:0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; display:none;}
.wxnr.ateler{ opacity: 1; z-index:9999999; visibility:visible; display:block; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.wxnr span{ position:absolute; left:50%; top:50%; width:250px; height:300px; background:#fff; padding:20px; margin-top:-150px; margin-left:-125px; z-index:2;}
.wxnr span img{ max-width:100%; float:left;}
.wxnr span b{ display:inline-block; width:100%; float:left; font-size:14px; color:#000; text-align:center; margin-top:20px; font-weight:normal;}
.wxnr h2{ position:absolute; left:0px; top:0px; bottom:0px; width:100%; float:left; cursor:pointer;}
.wxnr h2 a{ cursor:url("../images/page/close.png") 25 25, auto;  width:100%; height:100%; float:left; display:block; background-size:cover; background-position:50% 50%;}

.join-main{ float: left; width: 100%; background: #fafafa;overflow: hidden;}
.join-bt{ float: left; width: 100%;background: #fafafa; overflow: hidden; text-align: center; padding: 60px 0px;}
.join-bt h2{ font-size:28px; font-weight: bold; color: #333;}
.join-bt p{ font-size: 16px; color: #666; margin-top: 20px; line-height: 36px;}
.recruit3{ width:100%; float:left;}
.recruit3 ul{ width:100%; float:left;}
.recruit3 ul li{ width:100%; float:left; margin-bottom:10px; background:#fff;  position:relative; overflow:hidden; transition:all 0.6s ease-out 0s;}
.recruit3 ul li.btta{ border-top:2px solid #282828;}
.recruit3 ul li.btta:hover{ background:#fff;}
.recruit3 ul li.btta:hover span b{ color:#333;}
.recruit3 ul li.btta span b:nth-child(4n+2){ padding-left:6.5%;}
.recruit3 ul li.btta span b:nth-child(4n+3){ padding-left:6.5%;}
.recruit3 ul li.btta span b:nth-child(4n+4){ padding-left:15.5%;}
.recruit3 ul li span{ display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; width: 100%; float:left; padding:0 80px 0px 30px;}
.recruit3 ul li span b{ width:25%; float:left;  font-size:14px; color:#333; line-height:70px; text-align:left; }
.recruit3 ul li span b:nth-child(4n+2){ padding-left:8%;}
.recruit3 ul li span b:nth-child(4n+3){ padding-left:8%;}
.recruit3 ul li span b:nth-child(4n+4){ padding-left:15%;}
.recruit-nr{ width:100%; float:left;}
.recruit-nr ul{ width:100%; float:left;}
.recruit-nr ul li{ width:100%; float:left; margin-bottom:10px; background:#fff;  position:relative; overflow:hidden; transition:all 0.4s ease-out 0s;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}

.recruit-nr ul li.btta{ border-top:2px solid #f39301;}
.recruit-nr ul li.btta:hover{ background:#fff;}
.recruit-nr ul li.btta:hover span b{ color:#666;}
.recruit-nr ul li.btta span b:nth-child(4n+2){ padding-left:6.5%;}
.recruit-nr ul li.btta span b:nth-child(4n+3){ padding-left:6.5%;}
.recruit-nr ul li.btta span b:nth-child(4n+4){ padding-left:15.5%;}
.recruit-nr ul li span{  float:left; padding:0 30px; position: relative; z-index: 9;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.recruit-nr ul li:hover{transition:all 0.8s ease-out 0s;}
.recruit-nr ul li:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #282828;transition: inherit;}
.recruit-nr ul li:hover:before{ left:-1px;right:auto;width:calc(100% + 2px);}

.recruit-nr ul li span b{ width:25%; float:left;  font-size:14px; color:#666; line-height:70px; text-align:left; white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; font-weight: normal;  }
.recruit-nr ul li span b:nth-child(4n+2){ padding-left:8%;}
.recruit-nr ul li span b:nth-child(4n+3){ padding-left:8%;}
.recruit-nr ul li span b:nth-child(4n+4){ padding-left:15%;}
.recruit-nr ul li font{  float:left;  z-index:1; margin-right:30px;}
.recruit-nr ul li font a{ display:inline-block; font-size:14px; float:left; color:red; line-height:70px;transition:all 0.5s ease-out 0s;}
.recruit-nr ul li font a:hover{ color:#E8D49B;}
.recruit-nr ul li:hover font a{ color:#fff;}
.recruit-nr ul li:hover span b{ color:#fff;}
.recruit-nr ul li font a:hover{ color:#E8D49B;}
.more-mp ul h1{display:inline-block;}
.more-mp{ width:100%; float:left; margin-top:60px; margin-bottom:60px; text-align:center;}
.more-mp a{ display:inline-block; font-size:16px; color:#666; border-radius:50px;  height:50px; line-height:50px; text-align:center; background:#fff; overflow:hidden; margin:0px 10px; transition:all 0.3s ease-out 0s; padding:0px 20px;}
.more-mp a:hover{ color:#fff; background:#e6212b;}
.more-mp a.active{ color:#fff; background:#e6212b;}
.more-mp a:last-child{ width: auto; padding: 0px 30px; }


/*弹出招牌*/
.sm-modal{ position:fixed; left:0; top:0; overflow-y:auto; overflow-x: hidden; right:0px; bottom:0; opacity:0; visibility:hidden; z-index: -10; -webkit-overflow-scrolling:touch; background:url(../images/page/job-bj.jpg) center no-repeat; background-size:cover;}
.sm-modal .align-vertical{  opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}
.sm-content{ margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.sm-show, .sm-show body { overflow-y: hidden;}
.sm-show .sm-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.sm-show .sm-modal{ opacity:1; visibility:visible; z-index: 1100;}
.sm-show .sm-modal .align-vertical{ opacity: 1;}
.sm-close { background-color: #282828; width: 54px;height: 54px; line-height: 54px; position: absolute; right: -54px;top: 50%; margin-top: -27px; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.sm-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  transition: 300ms; -webkit-transition: 300ms; background:url(../images/page/close.png) center no-repeat; background-size:16px;}
.sm-close:hover { background-color: #D60300;}
.sm-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.hrPage{ width: 800px; padding: 82px 50px; margin: 0px auto;  background: none rgba(255,255,255,0.9);}
.hrPage .title{ font-size: 36px; font-weight: normal; line-height: 1.2; margin-bottom: 6px; color: #333;}
.hrPage .desc{ border-bottom: 1px solid #ccc; padding-bottom: 32px; margin-bottom: 40px; margin-top:15px;}
.hrPage .desc span{ margin-right: 32px; display:inline-block; font-size:14px; color:#000; margin-bottom:5px;}
.hrPage .desc span:last-child{ margin-right: 0;}
.hrPage .pageC{ color: #666;}
.yxbox a:link, .yxbox a:visited { color: #C30D23;}
.yxbox a:active, .yxbox a:hover { color: #C30D23; text-decoration: underline;}
.yxbox{ border-top: 1px solid #ccc; margin-top: 30px; padding-top: 40px; color: #C30D23; font-size:14px;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner{display: table-cell;vertical-align: middle;}
.job-bt{ font-size:14px; font-weight:bold; color:#000; margin-top:25px;}
.job-nr p{ line-height:30px; margin:8px 0px; font-size:14px; color:#454545; }

/*新闻*/
.ny-nav{ float: left; width: 100%; padding:40px 20px; background:#f1f1f1;}
.ny-nav ul{ float: left; width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;}
.ny-nav ul li{-webkit-box-flex: 1;-webkit-flex: 1; flex: 1;  text-align: center;}
.ny-nav ul li a{ font-size: 20px; height: 50px; line-height: 50px; display: inline-block; text-align: center; color: #333; position: relative;transition:all 0.3s ease-out 0s; padding:0px 25px;}
.ny-nav ul li a:hover,.ny-nav ul li.active a{color: #fff; background:#e6212b;}


.news-main{ float: left; width: 100%; background: #fafafa;}
.ny-news-list{ float: left; width: 100%; overflow: hidden; margin-top: 40px;}
.ny-news-list ul{ float: left;  margin: 0px -20px;}
.ny-news-list ul li{ float:left; width: 33.33%; padding:20px;transition:all 0.6s ease-out 0s;}
.ny-news-list ul li:hover{     transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);}
.ny-news-list ul li:nth-child(3n+1) .news-nr dl{animation-duration:1.2s; animation-delay:.3s;    }
.ny-news-list ul li:nth-child(3n+2) .news-nr dl{animation-duration:1.2s;  animation-delay:.5s;}
.ny-news-list ul li:nth-child(3n+3) .news-nr dl{animation-duration:1.4s; animation-delay:.7s;}
.ny-news-list ul li .news-nr dl{ margin: 0px;}
.ny-news-list ul li:hover .news-nr dl{ margin: 0px;}

.news-xx{ float: left; width: 100%;}
.news-xyy{ float: left; width: 100%; padding: 20px 80px;}
.news-xyy ul li{ float: left; width: 33.33%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news-xyy ul li a{ font-size: 16px; color: #666;}
.news-xyy ul li a i{ font-style: normal; font-size: 16px; display: none;}
.news-xyy ul li a b{ font-size: 20px;}
.news-xyy ul li:nth-child(1) a b{ position: absolute; left: 0px; top: 0px;}
.news-xyy ul li:nth-child(1){position: relative; padding-left: 20px; text-align: left;}
.news-xyy ul li:nth-child(3) a b{  position: absolute; right: 0px; top: 0px;}
.news-xyy ul li:nth-child(3){ position: relative; padding-right: 20px; text-align: right;}

.news-xyy ul li:nth-child(2){ text-align: center;}
.news-xyy ul li:nth-child(2) a b{ margin-right: 15px; font-size: 16px;}
.news-xyy ul li a:hover{ color: #e6212b; font-weight:bold}
.news-shang{ float: left; width: 100%; background: #fafafa;}

.news-details{ width: 100%; background: #fff; float: left; margin-top: -200px; padding: 40px 60px; margin-bottom: 80px; position:relative; z-index:8;}
.news-details .news-d-title{ font-size: 36px; font-weight: bold; color: #333; text-align: center; margin: 20px 0px;}
.news-content{ float: left; width: 100%; padding:30px 0px;}
.news-content img{ max-width: 100%;}
.time{ text-align: center; font-size: 14px; margin-top: 20px; border-bottom: 1px solid #eee; padding-bottom: 40px;}
.time b{ font-weight: normal; margin: 0px 40px;}
.news-content p{ font-size: 16px; line-height: 36px; margin: 15px 0px; color: #222;}

.fen-xiang{ float: left; width: 100%;  padding-top: 30px; border-top: 1px solid #eee;}
.fen-xiang a{ width: 50px !important; height: 50px !important; float: none !important; border-radius: 50%; line-height: 50px !important; text-align: center; background: #999; display: inline-block; color: #fff !important; font-size: 16px; margin: 0px 10px !important;}
.fen-xiang a:hover{ background: #282828; color: #E8D49B !important; opacity: 1 !important;}
.bd_weixin_popup .bd_weixin_popup_main{ padding:15px 0px 5px 0px !important;}

/*关于我们*/
.case-center{ width:1200px; margin:0 auto;}

.ny-bj{background-image: linear-gradient(-216deg, #fe5a44 0%, #fa3462 100%);}

/*ziji*/
.wrapper{position: relative; z-index: 1; background-color: #fafafa; overflow: hidden; width: 100%; float: left;}
.about1{padding-top: 13vw; padding-bottom: 1rem; float: left; width: 100%; position: relative;}
.about1 .img1{width: 116%; margin-left: -8%; overflow: hidden; position: relative;}
.about1 .img2{position: absolute; top: 7%; left: -6%; width: 45%;}
.about1 .img3{position: absolute; top: 50%; right: 16%; width:160px; display: none; margin-top: -28px;}
.about1 .img1 >div {-webkit-animation: img1 30s ease-in-out infinite; animation: img1 30s  ease-in-out infinite;}
.about1 .img2 >div {-webkit-animation: img2 35s ease-in-out infinite; animation: img2 35s  ease-in-out infinite;}
.about1 .img1 >div img{ width: 100%;}
.about1 .img2 >div img{ max-width: 100%;}
.scheme-line{margin: 0 auto; width: 4px; height: 16px; line-height: 1.1; background: #000; margin-left: 0; margin-bottom: 6vw;}
.pags{ right: 0;top: 0;width: 50%;height: 68.5%;background: #fff; position: absolute;    display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center; z-index: 9;}
.pags div.lsl-jz{ width: 66%; margin-left: 22%; }
.pags h3{ margin-bottom: 3vw;font-size: 3.125vw;font-weight: normal;color: #1C1C3C;}
.pags p{color: #222; font-size: 16px; line-height: 32px; margin-bottom: 20px;}
.join-about{ width: 100%; float: left; overflow: hidden;}
.join-about ul li{ float: left; width: 25%; position: relative; overflow: hidden;}
.join-about ul li:nth-child(1){ background: #dedede;}
.join-about ul li:nth-child(2){ background: #f0f0f0;}
.join-about ul li:nth-child(3){ background: #fff;}
.join-about ul li:nth-child(4){ background: #fff;}
.join-about ul li:nth-child(5){ background: #fff;}
.join-about ul li:nth-child(6){ background: #1C1C3C;transition:all 0.3s ease-out 0s;}
.join-about ul li:nth-child(7){ background: #f5f5f5;}
.join-about ul li:nth-child(8){ background: #dedede;}
.join-about ul li span{ width: 100%; float: left; position: absolute; height: 100%;}
.join-about ul li span b{ position: absolute; top: 50%; width: 100%; height: 50px; line-height: 50px; margin-top: -25px; left: 0px; text-align: center; font-size: 24px; font-family: din; color: #000;}
.join-about ul li span img.tou{ width: 46%; left: 27%; position: absolute; top: 7%;transition:all 0.3s ease-out 0s;}
.join-about ul li:hover span img.tou{ top: 5%;}
.join-about ul li span img.shen{ width: 100%; position: absolute; bottom: 0px; left: 0px;}
.join-about ul li img.kong{width: 100%; float: left;}
.guang-gao{ float: left; width: 100%; overflow:hidden;}
.guang-gao img{ width: 100%; float: left;}
.join-about ul li span.wenzi{    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center; text-align: right;}
.join-about ul li span.wenzi .about-gy-title{width: 100%; text-align: right; padding-right: 50px;}
.join-about ul li span.wenzi a{ display: block; width: 100%;}
.join-about ul li span .view{ width: 100%; text-align: center;}
.join-about ul li span .view i{display: inline-block; margin: 5px; width: 11px; height: 11px; background: #fff; border-radius: 50%;}
.about-gy-title{ font-size: 36px; color: #333; }
.join-about ul li:nth-child(6):hover{ background: #353552;}

.bangong{ width: 100%; float: left; position: relative;}
.bangong .bg-white{left: 0;top: 0;width: 50%;height: 100%; position: absolute; background: #fff;}
.team-list{ width: 100%; float: left; padding:4.7vw 7.8%;    display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.team-left{ float: left; width: 50%;}
.team-left h3{ font-size: 3.125vw; color: #222; margin-bottom: 3vw;}
.team-left p{  color: #2f2f2f;  font-size: 16px;  line-height: 32px; width: 66.66%;}
.team-right{ float: left; width: 50%; padding-left: 7.8%;}
.team-right img{ float: left; width: 100%;}
.team-line{  margin-top: 8.6vw;width: 16px;height: 4px;background: #000;}
.about5{ float: left; width: 100%; position: relative; margin: 7.5vw 0px;    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;}
.idx-coop{ width: 50%; padding: 0px 60px; overflow: hidden; position: relative; z-index: 6; float: left;}
.idx-coop ul li{ height: 112px; width: 33.33%; float: left; position: relative;}
.idx-coop ul li:before{position: absolute; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: #1C1C3C; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1); transition: all .7s cubic-bezier(0.23, 1, .38, 1);}
.idx-coop ul li .img{position: absolute; left: 50%; top: 0; width: 126px; height: 112px; margin-left: -61px; background: no-repeat center center; background-size: contain; -webkit-transition: all .7s; transition: all .7s;}
.idx-coop ul li .after{left: 0; opacity: 0;}

.idx-coop ul li:hover::before{-webkit-transform: scale(1); transform: scale(1);}
.idx-coop ul li:hover .before{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.idx-coop ul li:hover .after{left: 50%; opacity: 1;}

.hidden-xs{ width: 50%; float: right; position:absolute;  padding: 3vw 0px 3vw 7.8%; z-index: 3; right: 0px; }
.hidden-xs h3{  margin-bottom: 3vw;font-size: 3.125vw;font-weight: normal;color: #222;}
.hidden-xs p{color: #2f2f2f;font-size: 16px;line-height: 32px; width: 66.66%;}
.about5 .bg-white{  width: 50%; position: absolute; right: 0px; top: 0px; height: 100%; background: #fff;}
.about-digital .digital{ background: none; margin: 3.5vw 0px; border-top: 0px;}
/*ziji*/
.about6{ float: left; width: 100%; background: #fff; padding: 60px 0px;}
.about6 h3{font-size: 3.125vw; color: #222; margin-bottom: 3vw; float: left; width: 100%; text-align: center;}
.about6 ul{ float: left; margin: 0px -20px;}
.about6 ul li{ float: left; width: 33.33%; padding: 0px 20px; margin-bottom: 40px;}
.about6 ul li img{ float: left; width: 100%;}
.about6 ul li b{ float: left; width: 100%; font-size: 16px; color: #333; background: #fafafa; height: 60px; line-height: 60px; overflow: hidden; text-align: center; padding: 0px 15px;transition:all 0.3s ease-out 0s;}
.about6 ul li:hover b{ background: #282828; color: #fff;}
@-webkit-keyframes img1 {
    0% {-webkit-transform: translateX(-5%)}
    50%{-webkit-transform: translateX(0)}
    100%{-webkit-transform: translateX(-5%)}
}@keyframes img1 {
     0% {-webkit-transform: translateX(-5%)}
     50%{-webkit-transform: translateX(0)}
     100%{-webkit-transform: translateX(-5%)}
 }
@-webkit-keyframes img2 {
    0% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
    50%{-webkit-transform: rotate(-5deg) translate3d(0,0,0)}
    100% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
}@keyframes img2 {
     0% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
     50%{-webkit-transform: rotate(-5deg) translate3d(0,0,0)}
     100% {-webkit-transform: rotate(5deg) translate3d(-10%,-5%,0)}
 }
@-webkit-keyframes up_down{
    0% {-webkit-transform:translateY(0px);}
    50% {-webkit-transform:translateY(8px);}
    100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
    0% {-moz-transform:translateY(0px);}
    50% {-moz-transform:translateY(8px);}
    100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
    0% {-ms-transform:translateY(0px);}
    50% {-ms-transform:translateY(8px);}
    100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
    0% {transform:translateY(0px);}
    50% {transform:translateY(8px);}
    100% {transform:translateY(0px);}
}
.app-xcx{ float: left; width: 100%;}
.app-xcx img{ width: 100%; float: left;}
.app-xcx img.xcx-sj{ display: none;}
.one{ overflow: hidden;  background:#1C1C3C; background-size: cover;}
.tq-a1{ float: left; width: 100%; height: 100%;  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center; }
.tq-right{ float:right; width: 50%; height: 100%; position: absolute; right: 0%; top: 0px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all .8s;}

.tq-left{ float: left; width: 50%; padding: 0px 80px;}
.tq-left h6{ text-align: left; margin-bottom: 30px; }
.tq-left h6 img{ max-width: 120px;  opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all .8s; }
.tq-left h2{ font-size: 36px; color:#fff;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transition:all 0.6s ease-out 0.2s;}
.tq-left p{ font-size: 16px; color:#fff; line-height: 36px; margin: 20px 0px; opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transition:all 0.8s ease-out 0.3s;}
.tq-left span{ margin-top: 50px;}
.tq-left span b{ border: 1px solid rgba(255,255,255,0.1); margin-right: 20px; color: #fff; color: rgba(255,255,255,0.5);padding: 10px 15px;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px); float: left;}
.tq-left span b:nth-child(1){transition:all 0.6s ease-out 0.4s;}
.tq-left span b:nth-child(2){transition:all 0.6s ease-out 0.5s;}
.tq-left span b:nth-child(3){transition:all 0.6s ease-out 0.6s;}

.fp-completely.active .tq-right{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.1s;}
.fp-completely.active .tq-left p{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-completely.active .tq-left h2{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-completely.active .tq-left h6 img{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.1s;}
.fp-completely.active .tq-left span b{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}

.right-wu{ margin-left: 50%;}
.tq-right-img{float:right; width: 50%; height: 100%; position: absolute; left: -50%; top: 0px; background: red;transition:all 0.6s ease-out 0.1s;}
.fp-completely.active .tq-right-img{ left: 0px;}

.tq-bj1{  background: url("../images/page/tq-bj1.jpg") center no-repeat; background-size: cover;}
.tq-bj2{  background: url("../images/page/tq-bj2.jpg") center no-repeat; background-size: cover;}
.tq-bj3{  background: url("../images/page/tq-bj3.jpg") center no-repeat; background-size: cover;}
.tq-bj4{  background: url("../images/page/tq-bj4.jpg") center no-repeat; background-size: cover;}
.gd-footer{ height: 300px !important;}
.gd-footer .fp-tableCell{ height: 300px !important;}
.tq-left h5{ float: left; width: 100%; margin-top: 40px;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transition:all 0.6s ease-out 0.7s;}
.tq-left h5 .c-button{ background:none; border: 1px solid rgba(255,255,255,.2); color: #fff; }
.tq-left h5 .c-button b{ font-size: 12px; font-family: -apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
.tq-left h5 .c-button:before{ background: #fff;}
.tq-left h5 .c-button:hover{color:#000}
.tq-left h5 .c-button:hover>i{background:#000}
.tq-left h5 .c-button:hover>i:before{border-left-color:#000;border-bottom-color:#000}
.fp-completely.active .tq-left h5{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}


/*解决方案*/
.row-solution{ height: 100vh;background-color: #1C1C3C;width: 100%;overflow: hidden;z-index: 3;display: flex;justify-content: center;align-content: center;z-index: 4;}
.row-solution .box{position: relative;width: 50%;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;}
.row-solution .box.left{ left: 0px;}
.row-solution .box.right{ right: 0px;}
.row-solution .box .photo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: 3;}
.row-solution .box .photo > img{height: 100%;margin-left: -15%;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;}
.row-solution .box .photo:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;background-color: rgba(0, 0, 0, 0.2);}
.row-solution .right:after{content: "";position: absolute;z-index: 8;pointer-events: none;width: 100vw;height: 100vh;top: 0;right: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;}
.row-solution .msg p img{ max-width: 120px;}
.row-solution .msg h3{ font-size: 30px; color: #fff; margin-top: 20px; }

.row-solution .box .msg{ position: absolute;top: 0; height: 100%;  bottom: 0;left: 0;right: 0;z-index: 10;width: 50%;text-align: center;flex-direction: column; margin: auto; display: flex;justify-content: center;flex-wrap: wrap;align-items: center;  }
.row-solution .left .msg{ left: 0;}

.row-solution .left:after{content: "";position: absolute;z-index: 8;width: 100vw;height: 100vh;top: 0;left: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;pointer-events: none;transition: all 0.8s ease-out;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;}

@media screen and (min-width: 780px) {

    .row-solution .left:hover {
        width: 80%;z-index: 3;
    }
    .row-solution .left:hover:after {
        opacity: 1;
    }
    .row-solution .left:hover .photo:after {
        opacity: 0;
    }
    .row-solution .left:hover .photo > img {
        transform: translateX(-2%);
        -webkit-transform: translateX(-2%);
        -moz-transform: translateX(-2%);
        -o-transform: translateX(-2%);
        -ms-transform: translateX(-2%);
    }
    .row-solution .left:hover .msg h3 {
        opacity: 1;
    }

    .row-solution .right:hover {
        width: 80%;
    }
    .row-solution .right:hover:after {
        opacity: 1;
    }
    .row-solution .right:hover .photo:after {
        opacity: 0;
    }
    .row-solution .right:hover .photo > img {
        transform: translateX(-2%);
        -webkit-transform: translateX(-2%);
        -moz-transform: translateX(-2%);
        -o-transform: translateX(-2%);
        -ms-transform: translateX(-2%);
    }
    .row-solution .right:hover .msg h3 {
        opacity: 1;
    }
    .row-solution .right:hover .msg .img {
        opacity: 1;
    }
}



.rjgg-main{ float: left; width: 100%; background: #fafafa; padding: 60px 0px; overflow: hidden;}
.rjgg-bt{ float: left; width: 100%;}
.rjgg-bt h3{ font-size: 36px; color: #333; text-align: center; font-weight: bold; margin-bottom: 5px;}
.rjgg-bt b{ font-size: 14px; font-family: din; text-align: center; display: block;text-transform: uppercase;}
.gn-icon{ float: left; width: 100%; margin: 20px 0px 40px 0px;}
.gn-icon dl{ float: left; width: 20%; padding: 0px 15px; text-align: center; margin: 25px 0px;  }


.gn-icon dl dt img{ max-width: 80px;transition: 284ms ease-in-out; transition:all 0.5s ease-out 0s;}
.gn-icon dl:hover dt img{ -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s; }
.gn-icon dl dd{ font-size: 16px; color: #000; margin-top: 15px;}
.gn-list{ float: left; width: 100%; margin: 15px 0px;}
.gn-list span{ width: 100%; display: block; float: left;  border-radius: 20px 20px 0px 0px; padding: 15px 25px; position: relative;}
.gn-list span.gn-bj2{background-image: linear-gradient(120deg, #d65c22 0%, #ec692b 100%);}
.gn-list span.gn-bj3{background-image: linear-gradient(120deg, #179174 0%, #21a788 100%);}
.gn-list span.gn-bj4{background-image: linear-gradient(120deg, #cd374e 0%, #e34860 100%);}
.gn-list span.gn-bj5{background-image: linear-gradient(120deg, #316aa4 0%, #3f7ab5 100%);}
.gn-list span.gn-bj6{background-image: linear-gradient(120deg, #e6ad33 0%, #f5bb3f 100%);}
.gn-list span.gn-bj7{background-image: linear-gradient(120deg, #d23c54 0%, #e34860 100%);}
.gn-list span.gn-bj8{background-image: linear-gradient(120deg, #2b92ca 0%, #329cd6 100%);}
.gn-list span.gn-bj9{background-image: linear-gradient(120deg, #1c997b 0%, #21a787 100%);}
.gn-list span.gn-bj10{background-image: linear-gradient(120deg, #ec692b 0%, #f2783f 100%);}
.gn-list span.gn-bj11{background-image: linear-gradient(120deg, #236c9f 0%, #2878b0 100%);}
.gn-list span i{ position: absolute; right: 25px; font-size: 30px; color: #fff; font-family: din; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; font-style: normal;}
.gn-list span h3{ font-size: 20px; color: #fff;}
.gn-list span b{ font-size: 14px; color: #fff; font-family: din;text-transform: uppercase;}
.gn-list ul{ float: left; width: 100%; background: #fff; padding: 15px 25px; border-radius: 0px 0px 20px 20px; overflow: hidden;}
.gn-list ul li{ float:left; width: 25%; font-size: 16px; color: #333; line-height: 24px; margin: 10px 0px;transition:all 0.5s ease-out 0s; cursor: pointer;}

.gn-list ul li:hover{ padding-left: 15px;}
.gn-list ul li i{    width: 3px;height: 3px;background: #000;display: inline-block;margin-right: 5px;vertical-align: 4px;}
.gn-list ul li:hover{ color: #1C1C3C;}
.gn-list ul li:hover i{ background: #1C1C3C;}

/*服务*/
.service-main{ float: left; width: 100%; overflow: hidden;}
.service-01{ float: left; width: 100%; position: relative; padding: 0px 0px 0px 0px;  background: #f2f2f2; overflow:hidden;}
.service-01 .c-button{ background: none; border: 1px solid #ddd;}
.service-02{ float: left; width: 100%; position: relative;background: #17161c; overflow:hidden;}
.id-dj{ position:absolute; width: 10px; height: 76px; top: -76px;z-index: 5;}
.pa-dw{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;    display: -webkit-box; z-index:6; display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;
align-items: center;}
.service-img{ float: left; width: 100%;}
.sz-01{ float: right; width: 50%; text-align: center; position: absolute; top: 30px; right: 0px;}
.sz-01 font{ font-size: 14px; color: #666;text-transform: uppercase;font-family: din;}
.sz-01 h3{ font-size: 3.125vw; color: #333; font-family: din;}
.fw-nr{ float:left; width: 50%;}
.scheme-bd{ width: 100%; float: left; padding-right: 15%;}
.scheme-bd h3{ margin-bottom: 3vw;font-size: 3.125vw;font-weight: normal;color: #2d2d2d;}
.scheme-bd p{color: #222;font-size: 1.25vw;margin-bottom: 3vw; line-height: 3vw; }
.scheme-bd .c-button>b{ font-weight: normal; font-family: -apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}

.service-02 .sz-01{ left: 0px; right: auto;}
.service-02 .sz-01 font,.service-02 .sz-01 h3{ color: #fff;}
.service-02 .fw-nr{ float: right;}

.service-02 .c-button{ background:none; border: 1px solid rgba(255,255,255,.2); color: #fff; }
.service-02 .c-button b{ font-size: 12px; font-family: -apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
.service-02 .c-button:before{ background: #fff;}
.service-02 .c-button:hover{color:#000}
.service-02 .c-button:hover>i{background:#000}
.service-02 .c-button:hover>i:before{border-left-color:#000;border-bottom-color:#000}
.service-02 .scheme-line{ background: #fff;}
.service-02 .scheme-bd h3,.service-02 .scheme-bd p{ color: #fff;}
.service-03{ background:#fff;}

.wdcg{ float: left; width: 100%; background: #222; padding: 40px 0px; display:none;}
.wdcg h6{ font-size: 3.125vw; color: #2d2d2d; text-align: center;margin-bottom: 3vw;}
.wdcg .idx-coop{ width: 100%; padding: 0px; background:none;}
.wdcg .idx-coop ul li{ width: 16.66%;}


.body-news-xx{ float:left; padding-top:140px; width:100%; background:#f6f6f6; padding-bottom:80px; overflow:hidden;}
.new-bt{ float:left; width:100%;}
.new-bt h1{ font-size:30px; text-align:center; color:#333;}
.new-bt h2{ text-align:center; margin-top:30px; margin-bottom:50px;}
.new-bt h2 a{ background:url(../images/public_bg.png) no-repeat; width:42px;  height:42px; margin-left:9px; text-indent:-999px; display:block; margin-top:8px; display:inline-block;}
.new-bt h2 a:hover{opacity:0.8;}
.new-bt h2 a.bshare-sinaminiblog{ background-position:-43px 0px;}
.new-bt h2 a.bshare-qzone{ background-position:-86px 0px;}


.ny-video{ float:left; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;}
.ny-video video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%;}


.news_xx-js{ float:left; width:100%;}
.news_xx-js p{ font-size:16px; width:100%; float:left; line-height:30px; margin:8px 0px;}
.news_xx-js img{ max-width:100%;}


/*营销*/
.mark_yi{ float:left; width:100%; background:#f8f8f8; padding:50px 0px; overflow:hidden;}
.mark_center{ width:1440px; margin:0 auto;}
.mark_yi_left{ float:left; width:550px;}
.mark_yi_left img{ max-width:100%;}
.mark_yi_right{ float:right; width:700px; position:relative; margin-top:40px;}
.mark_yi_right h1{ font-size:36px; width:100%; float:left; font-weight:bold; color:#f30202; margin-top:45px; position:relative; z-index:66;}
.mark_yi_right h2{ font-size:20px;width:100%; float:left; margin-top:60px;font-weight:bold; color:#333;}
.mark_yi_right h3{ position:absolute; right:0px; }
.mark_yi_right h3 img{ max-width:100%;}
.mark_yi_right p{ font-size:16px; line-height:30px; color:#2a2a2a; margin-top:25px; float:left; width:100%; margin-bottom:20px;}
.yx-more{ float:left; width:100%;}
.yx-more a{width:260px; display:inline-block; line-height:46px;  height:48px;border:1px solid rgba(0,0,0,0.3); position:relative;letter-spacing: .1em;text-decoration: none;transition: all .4s cubic-bezier(.78,.07,0,1) .2s; text-align:center; }
.yx-more a i{ position:relative; z-index:3; font-style:normal;  font-family: din; color:#333;transition: all 0.5s ease-out 0s; font-size:16px;}
.yx-more a:before{content: '';display: block;position: absolute;left: auto;right: -1px;top: -1px;width: 0;height: calc(100% + 2px);background-color: #e6212b;transition: inherit;}
.yx-more a:hover:before{left:-1px;right:auto;width:calc(100% + 2px)}
.yx-more a:hover i{ color:#fff;}


.mark_er{float:left; width:100%; background:url(../images/yx/a3.jpg) center no-repeat; background-size:cover;overflow:hidden;}
.mark_er h1{ float:left; width:100%; font-size:36px; color:#fff; text-align:center; font-weight:bold; margin-top:50px;}
.mark_er p{ float:left; width:100%; font-size:20px; color:#fff; text-align:center; margin-top:25px; margin-bottom:20px; line-height:30px; }
.mark_er h2{ float:left; width:100%; text-align:center; margin-top:60px; position:relative; font-size:0;}
.mark_er h2 img{ max-width:100%;}
.mark_er h2 .er_dingwei{ position:absolute; left:55%; top:0px;}

.mark_san{ float:left; width:100%; padding:70px 0px;overflow:hidden;}
.mark_san_left{ float:left; width:800px;}
.mark_san_left h1{font-size:36px; width:100%; float:left; font-weight:bold; color:#f30202; margin-top:45px; }
.mark_san_left h2{ font-size:20px;width:100%; float:left; margin-top:40px;font-weight:bold; color:#333;}
.mark_san_left p{ font-size:16px; line-height:30px; color:#2a2a2a; margin-top:25px; float:left; width:100%; margin-bottom:20px; }
.mark_san_left h3{ float:left; width:100%; text-align:right; margin-top:40px;}
.mark_san_left h3 img{ max-width:100%;}
.mark_san_right{ float:right; width:483px;  position:relative;}

.san_bj{width: 100%; float:left;transform: scale(1, 1);animation: Circle 15s infinite linear;position: absolute;top:15px;right:0px;}
.san_bj img,.san_ai1 img{ max-width:100%; float:left;}

.san_ai1{ width:100%; float:left;}

.mark_si{ float:left; width:100%; background:url(../images/yx/a9.jpg) center no-repeat; background-size:cover; text-align:center; height:760px;overflow:hidden; }
.mark_si h1{font-size:36px; width:100%; float:left; font-weight:bold; color:#fff; margin-top:50px; }
.mark_si h2{ font-size:20px;width:100%; float:left; margin-top:25px; color:#fff; margin-bottom:20px;}

.dw-ma{ position:relative; float:left; width:100%; height:760px;}
.dw-ma ul{ float:left; width:100%; position:absolute; bottom:0px; left:0px;}
.dw-ma ul li{ float:left; width:16.66%; position:relative;}
.dw-ma ul li img{ position:absolute; bottom:0px; left:50%;}
.dw-ma ul li:nth-child(6n+1){ left:0%}
.dw-ma ul li:nth-child(6n+2){ left:16.66%}
.dw-ma ul li:nth-child(6n+3){ left:33.32%}
.dw-ma ul li:nth-child(6n+4){ left:49.98%}
.dw-ma ul li:nth-child(6n+5){ left:66.64%}
.dw-ma ul li:nth-child(6n+6){ left:83.3%}


.jz-ba{ text-align:center;}
.jz-ba a{ display:inline-block;border: 1px solid rgba(255,255,255,0.3);}
.jz-ba a i{ color:#fff;}
.jz-ba a:before{ background:#fff;}
.jz-ba a:hover i{ color:#e6212b}

@keyframes Circle{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.mark_wu{ float:left; width:100%; background:#f8f8f8; padding:80px 0px;overflow:hidden;}
.mark_wu_left{ float:left; width:700px;}
.mark_wu_left h2{ float:left; width:100%;}
.mark_wu_left h2 img{ max-width:100%;}
.mark_wu_left h1{font-size:36px; width:100%; float:left; font-weight:bold; color:#f30202; margin-top:45px; }
.mark_wu_left p{ font-size:16px; line-height:30px; color:#2a2a2a; margin-top:25px; float:left; width:100%; margin-bottom:20px; }
.mark_wu_right{ width:586px; float:right; display:none;}
.mark_wu_right img{ max-width:100%;}

.mark_liu{ float:left; width:100%; background:url(../images/yx/a12.jpg) center no-repeat; padding:140px 0px; background-size:cover;overflow:hidden;}
.mark_liu h1{ font-size:36px; color:#fff; line-height:58px;}
.mark_liu h2{ font-size:30px; color:#fff; margin:80px 0px;}
.mark_liu p{ font-size:18px; color:#fff; line-height:40px;}

.about_n1{ float:left; width:100%; background:#fff; }
.about_n2{ width:1200px; margin:60px auto;}
.about_n2 h1{ text-align:center; font-size:42px;  color:#000; margin-top:60px; margin-bottom:50px;}
.about_n2 p{font-size:18px; color:#666; line-height:36px; margin-top:15px;}


.about_n3{ width:100%; height:640px; background-image:url(../images/n1.jpg); float:left; background-color: transparent; background-size: cover;background-attachment: fixed;}
.about_n5{ width:1200px; margin:0 auto; height:450px; position:relative;}
.about_n6{ position:absolute; top:-172px;}
.about_n7{ width:600px; right:30px; top:50px; position:absolute;}
.about_n7 p{font-size: 26px;color: #464646;line-height: 46px; }

.about_n8{ width:100%; float:left; padding:120px 0px; overflow:hidden;}
.about_n8 h1{ font-size:50px; text-align:center; color:#000; padding-bottom:20px;}
.about_n8 h2{ font-size:42px; text-align:center; color:#000;}
.about_n8 p{ font-size:18px; text-align:center; color:#666; line-height:35px; margin-top:30px;}

.about_n9{ width:100%; height:800px; background:url(../images/n4.jpg) no-repeat fixed; float:left; position:relative;}
.about_n9 h1{ position:absolute; width:627px; left:50%; margin-left:-313px; top:200px;}
.about_n9 h2{ position:absolute; width:100%; text-align:center; color:#fff; top:400px; font-size:24px; }
.about_n9 h3 a{ width:197px; height:61px; top:445px; background:url(../images/jr1.png); display:block; position:absolute; left:50%; margin-left:-100px;}
.about_n9 h3 a:hover{background:url(../images/jr2.png);}

.about_n10{ background:#f8f8f8; padding:100px 0px 60px 0px; float:left; width:100%;display:none;}
.about_n10 ul{ width:1200px; margin:0 auto;}
.about_n10 ul li{ float:left; width:16.66%; padding-bottom:40px;}
.about_n10 ul li img{ max-width:100%;}

.about-sz-red .digital{ background:#EF3333}
.about-sz-red ul li p{ color:#fff;}
.about-sz-red ul li span{ color:#fff;}
.about-sz-red .rjbt b{ color:#fff;}

@media (max-width: 1920px) {
    .pags div.lsl-jz{ margin-left: 15%; width: 70%;}
}

@media (max-width: 1640px) {
    .banner-text{ padding: 0px 40px;}
    .mui{ bottom: 30px;}
    .join-about .public-center{ padding: 0px;}
    .idx-coop{ padding: 0px 40px;}
    .about6{ padding: 40px 0px;}
    .tq-left{ padding: 0px 40px;}
    .tq-left p br{ display: none;}
    .rjgg-main{ padding: 40px 0px;}
    .pags{ height: 90%;}
}


@media (max-width: 1460px){
.mark_center{ width:100%; float:left; padding:0px 3%;}
.mark_yi_left{ width:40%;}
.mark_yi_right{ width:58%;}
.mark_san_left{ width:55%;}
.mark_san_right{ width:43%;}
.mark_wu_left{ width:53%;}
.mark_wu_right{ width:45%;}	
	
}
@media (max-width: 1366px) {
    .ny-news-list .news-nr dl{ padding: 0px;}
    .ny-news-list .news-nr dl dd{ padding:20px;}
    .ny-news-list .news-nr dl dd font{ margin-top: 20px;}
    .ny-news-list .news-nr dl dd p{ margin-top: 10px;}
    .team-list{ padding: 4.7vw 40px;}
    .team-right{ padding-left: 40px;}
    .pags h3,.team-left h3,.hidden-xs h3,.about6 h3{ font-size: 2.5vw;}
    .scheme-line{ margin-bottom: 3vw;}
}
@media (max-width: 1200px) {

    .lianx-1 ul{ margin-top:40px;}
    .lianx-1 ul li{ padding:40px 0;}
    .lianx-1 ul li p{ margin:20px 0;}
    .lianx-1 ul li i{ font-size:16px;}
    .lianx-1 ul li em{ margin-top:50px;}
    .lianx-2{ height:550px;}
    .banner-text h2{ font-size:46px; line-height:46px; margin-bottom:40px;}
    .banner-text p{ font-size:24px; line-height:40px;}
    .news-details{ padding: 20px 40px 40px 40px; margin-top: -160px; margin-bottom:60px;}
    .news-xyy{ padding: 20px 40px;}
    .tq-left{ padding: 0px 40px;}
    .gn-list ul li{ width: 33.33%;}
    .pags div.lsl-jz{ width: 100%; margin-left: 0px; padding: 0px 40px;}
    .pags{ height: 94%;}
    .scheme-bd p{ font-size: 16px;}
	.ny-hzhb li{ width:33.33%;}
	.case-center{ width:100%; padding:0px 20px;}
	.banner-text p br{ display:none;}
	.mark_liu h1 br{ display:none;}
	.mark_liu h1{ font-size:30px;}
	.mark_liu h2{ font-size:26px;}
	.mark_liu p{ font-size:16px; line-height:40px;}
	
	
	.about_n2{ width:100%; float:left; margin:0px; padding:40px 40px;}
	.about_n2 h1{ margin-top:20px;}
	.about_n5{ width:100%;}
	.about_n6{ width:38%;}
	.about_n6 img{ float:left; width:100%;}
	.about_n7 p{ font-size:22px;}
	.about_n7{ width:58%; right:0px; padding-right:40px;}
	.about_n10 ul{ width:100%; padding:0px 20px;}
	.about_n5{ height:360px;}

}
@media (max-width: 1100px) {
    .pags{ width: 70%;}

}
@media (max-width: 1024px) {
    .lianx-1 h2{ font-size: 24px;}
    .lianx-1 h2,.lianx-4 h2{ font-size:24px;}
    .lianx-1 ul{ margin-top:30px;}
    .lianx-1 ul li p{ margin:15px 0;}
    .lianx-1 ul li i{ font-size:12px; padding: 0px 15px;}
    .lianx-1 ul li em{ margin-top:30px;}
    .lianx-2{ height:460px;}

    .banner-text h2{ font-size:40px; line-height:40px; margin-bottom:30px;}

    .hrPage{width: 70%;padding: 40px 5%;}
    .hrPage .desc{ margin-bottom:20px;}
    .yxbox{ padding-top:20px; margin-top:20px;}
    .hrPage .title{ font-size:24px;}
    .recruit-nr ul li span b:nth-child(4n+1){ width: 40%;}
    .recruit-nr ul li span b:nth-child(4n+2){ padding-left: 10px; width: 20%;}
    .recruit-nr ul li span b:nth-child(4n+3){ padding-left: 10px; width: 20%;}
    .recruit-nr ul li span b:nth-child(4n+4){ padding-left: 10px; width: 20%;}
    .recruit3 ul li span b:nth-child(4n+1){ width: 40%;}
    .recruit3 ul li.btta span b:nth-child(4n+2),.recruit3 ul li.btta span b:nth-child(4n+3),.recruit3 ul li.btta span b:nth-child(4n+4){ padding-left: 10px; width: 20%;}
    .recruit3 ul li span{ padding: 0px 90px 0px 30px;}
    .ny-news-list ul li{ width: 50%;}
    .ny-news-list .news-nr dl dd p{ margin-bottom: 10px;}
    .news-details .news-d-title{  font-size: 28px; margin-bottom:0px;}
    .time{ font-size: 12px; padding-bottom: 25px;}
    .time b{margin: 0px 20px;}
    .news-xx .public-center{ padding: 0px;}
    .news-details{  }
    .pags div.lsl-jz{ width: 100%; margin: 0px; padding: 40px;}
    .tq-left h6 img{ max-width: 80px;}
    .tq-left h2{ font-size: 26px;}
    .app-xcx img.xcx-sj{ display:block;}
    .app-xcx img.xcx-pc{ display: none;}
    .row-solution .msg p img{ max-width: 80px;}
    .row-solution .msg h3{ font-size: 22px; margin-top: 10px;}
    .gn-icon dl{ width: 25%;}
    .gn-icon{ margin: 20px 0px 0px 0px;}
    .rjgg-bt h3{ font-size: 30px;}
    .gn-icon dl:last-child{ display: none;}
    .idx-coop{ width: 64%;}
    .hidden-xs{ width: 36%; padding: 3vw;}
    .about5 .bg-white{ width: 36%;}
    .hidden-xs p{ width: 100%;}
    .wdcg .idx-coop ul li{ width: 25%;}
	.new-bt h1{ font-size:26px;}
	.new-bt h2{ margin-bottom:30px;}
	.mark_yi_right h1,.mark_er h1,.mark_san_left h1,.mark_si h1,.mark_wu_left h1{ font-size:30px;}
	.mark_yi_right h2,.mark_er p,.mark_san_left h2,.mark_si h2{ font-size:18px;}
	.mark_yi_right p,.mark_san_left p,.mark_wu_left p{ font-size:15px; }
	.mark_center{ padding:0px 15px;}
	.mark_si{ height:600px;}
	.dw-ma{ height:600px;}
	.mark_liu h1{ font-size:26px; line-height:46px;}
	.mark_liu h2{ margin:50px 0px;}
	.dw-ma ul li img{ bottom:-10vw; width:30px;}
	
}
@media (max-width: 960px) {
    .tq-left{}
    .tq-right{ width: 100%;}
    .tq-left{ position: relative; z-index: 88;}
    .fp-completely.active .tq-a1:before{ content: ''; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); z-index: 2;}
    .tq-left{ width: 100%;}
    .tq-left h2{ font-size: 36px;}
    .right-wu{ margin-left: 0px;}
    .tq-right-img{ width: 100%; left: 0%;  opacity: 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);transition: all .8s;}
    .fp-completely.active .tq-right-img{ opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition-delay: 0.1s;}
    .gn-list ul li{ font-size: 14px;}
    .pags p{font-size: 14px; margin-bottom: 10px;}
    .team-left p{ font-size: 14px;}
    .hidden-xs p{ font-size: 14px;}
    .scheme-bd h3,.wdcg h6{ font-size: 30px;}
    .wdcg .solution-bt{ margin-top: 0px;}
}
@media (max-width: 880px){
.mark_wu_left p br{ display:none;}
}


@media (max-width: 768px) {
    .lianx-1 h2{ font-size: 20px;}
    .lianx-1 ul{ margin-top:20px;}
    .lianx-1 ul li{ padding:30px 0;}
    .lianx-1 ul li b img{ max-width:34px;}
    .lianx-1 ul li p{ margin:10px 0;}
    .lianx-1 ul li i{ padding:0 15px; line-height:24px; height:48px;}
    .lianx-1 ul li em{ margin-top:20px;}
    .lianx-2{ height:400px;}
    .lianx-1 ul li b img{ max-width: 30px;}
    .dhwz a{ padding:10px;}
    .dhwz a i{ width:20px; height:20px;}
    .dhwz a i img{ max-width:8px; margin-top:6px;}
    .dhwz a em{ font-size:14px; line-height:20px; padding-left:10px;}
    .banner-ny img.sj-bj{ display: block;}
    .banner-ny img.pc-bj{ display: none;}
    .banner-text h2{ font-size: 30px; margin-bottom: 15px;}
    .banner-text p{ font-size: 20px;}
    .banner-text{ padding: 0px 20px 40px 20px;}
    .banner-text{}
    .mui{  bottom: 20px;}
    .ny-news-list ul li{ padding: 10px;}
    .news-details{ padding: 20px 20px;}
    
    .time{ padding-bottom: 15px; margin-top:10px;}
    .news-content p{ font-size: 14px; line-height: 32px;}
    .news-xyy ul li{ width: 48%;}

    .news-xyy ul li:nth-child(2){ position: absolute; bottom: 0px; width: auto; right: 0px; left: 0px; border-top: 1px solid #eee; height: 50px; line-height: 50px;}
    .news-xyy ul li:nth-child(3){ float: right;}
    .news-xyy{ position: relative; padding: 20px 20px 70px 20px; overflow: hidden;}
    .fen-xiang a{ width: 44px !important; height: 44px !important; line-height: 44px !important; margin: 0px 5px !important;}
    .fen-xiang{ padding-top: 20px;}
    .pags{ position: static; width: 100%;}
    .pags div.lsl-jz{ margin: 0px; width: 100%; padding: 30px 20px 80px 20px; text-align: left;}
    .about1 .img2{ top: auto; bottom: -7%;}
    .scheme-line{ margin-right: auto; margin-left: 0px;}
    .about1{ padding: 0px;}

    .about1 .img3{ display: block;}
    .about1 .img3 img{ max-width: 100%;}
    .team-list{ padding: 4vw 20px;}
    .pags h3, .team-left h3, .hidden-xs h3, .about6 h3{ font-size: 3.125vw;}
    .team-left p{ width: 100%;}
    .team-left{ padding-right: 20px;}
    .team-right{ padding-left: 20px;}
    .join-about ul li{ width: 33.334%;}
    .join-about ul li span.wenzi .about-gy-title{ padding-right: 20px; font-size: 3.125vw;}
    .join-about ul li:nth-child(3){ display: none;}
    .join-about ul li:nth-child(5){display: none;}
    .idx-coop ul li{ width: 50%;}
    .hidden-xs p{ width: 100%;}
    .hidden-xs{ padding: 3vw 20px 3vw 20px;}
    .about6 ul li{ width: 50%; padding: 0px 10px; margin-bottom: 20px;}
    .about6 ul{ margin: 0px -10px;}
    .idx-coop{ padding: 0px 20px;}
    .about6{ padding: 20px 0px;}
    #fp-nav.right{ right: 15px !important;}
    .tq-left{ padding: 0px 40px 0px 20px;}
    .tq-left span b{ color: #fff;}
    .row-solution .box{ float: left;}
    .row-solution .box.left{ width: 100%; height: 50%;background: url("../images/page/solution2.jpg") center no-repeat; background-size: cover;}
    .row-solution{ display: block;}
    .row-solution .box .photo{ position: static;}
    .row-solution .box .photo > img{ margin: 0px; width: 100%; display: none;}
    .row-solution .box.right{ width: 100%; height: 50%; background: url("../images/page/solution1.jpg") center no-repeat; background-size: cover;}
    .row-solution .left:after{ opacity: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0px;}
    .row-solution .right:after{ opacity: 1;width: 100%; height: 100%; background: rgba(0,0,0,0.3);  right: 0px;}
    .gn-icon dl dd{ font-size: 14px;}
    .gn-icon dl dt img{ max-width: 60px;}
    .gn-list{ margin: 10px 0px;}
    .wdcg .idx-coop ul li{ width: 33.33%;}
    .pa-dw{ position: static;}
    .scheme-bd{ padding-right: 0px;}
    .fw-nr{ width: 100%;}
    .sz-01{ width: auto; right: 20px; text-align: right; top: 30px;}
    .service-01 .service-img{ max-width: none;width: 180%;margin-left: -80%;}
    .service-02 .service-img{ width: 200%;}
    .service-02 .sz-01{ left: auto; right: 20px;}
    .service-02 .fw-nr{ margin-top: 30px;}
	.service-01{ padding-top:30px;}
	.scheme-bd p{ line-height:36px;}
	.service-02 .fw-nr,.service-03 .fw-nr,.service-04 .fw-nr{ padding-bottom:20px;}
	.ny-hzhb li{ width:50%;}
	.news-content{ padding:5px 0px;}
	.news-details .news-d-title{ margin-bottom:15px;}
	
	.mark_bt h1{ font-size:30px;}
	.mark_yi_right h1,.mark_er h1,.mark_san_left h1,.mark_si h1,.mark_wu_left h1{ font-size:24px;}
	.mark_yi_right h2,.mark_er p,.mark_san_left h2,.mark_si h2{ font-size:16px;}
	.mark_yi_right p,.mark_san_left p,.mark_wu_left p{ font-size:14px; }
	.mark_liu h1{ font-size:24px;}
	.mark_liu h2{ font-size:22px;}
	.mark_liu p{ font-size:14px; line-height:32px;}
	.mark_yi_right h2{ margin-top:30px;}
	.mark_san{ padding:30px 0;}
	.mark_wu{ padding:30px 0px;}
	.mark_yi{ padding:30px 0px;}
	.about_n2 h1,.about_n8 h2{ font-size:32px;}
	.about_n2 p{ font-size:16px; line-height:32px;} 
	.about_n7 p{ font-size:20px; line-height:36px;}
	.about_n6{ width:180px; top:-161px;}
	.about_n7{ width:100%; padding:0px 40px;}
	.about_n5{ height:300px;}
	.about_n8 p br{ display:none; }
	.about_n8{ padding:100px 20px;}
	.about_n8 h1{ font-size:34px;}
	.about_n10 ul li{ width:25%;}
	.about_n10{ padding:60px 0px;}
}
@media (max-width: 740px) {
    .gn-list ul li{ width: 50%; margin: 5px 0px;}
    .gn-list ul{ padding: 15px;}
    .scheme-bd h3,.wdcg h6{ font-size: 24px;}

}
@media (max-width: 640px) {
    .lianx-1,.liuyan{  padding: 30px 0px;}
    .lianx-1 ul li{ width:100%; border-bottom:1px solid #fafafa;}
    .lianx-1 ul li:nth-child(3n+3){ border-bottom:0px;}
    .lianx-1 ul li:before{ display:none;}
    .lianx-1 ul li i{ height:auto;}
    .lianx-1 ul li em{ margin-top:10px;font-size: 12px;}
    .lx-ym3-tj{ margin-top: 0px;}
    .lx-ym3-tj ul li{ width:100%; margin-bottom:20px;}
    .lx-ym3-tj ul li:nth-child(2){ margin:0px 0px 15px 0px;}
    .c-input{ line-height:50px; padding:0px 15px;}
    .textarea{ padding:15px;}
    .lx-ym3-tj ul li.srkk{ height:120px;}
    .contact-hz{ margin-bottom: 20px;}
    .mui{ width: 44px; height: 44px; line-height: 44px;}
    .banner-text{ padding: 0px 20px 0px 20px;}
    .banner-text h2{ font-size: 28px; margin-bottom: 0px;}
    .banner-text p{ font-size: 20px;}
    .sm-modal .vertical-inner{display: block;  vertical-align: auto}
    .hrPage{width: 100%;min-height: 100vh;margin: 0px;}
    .sm-close{position: fixed;right: 3%;margin-right: 0;top: auto;margin-top: auto;bottom: 3%;border-radius: 50%;width: 44px;height: 44px;}
    .hrPage .title{ font-size: 20px;}
    .hrPage .desc{ padding-bottom: 20px;}
    .hrPage .desc span{ margin-right: 15px;}
    .recruit3 ul li{ margin-bottom: 10px;}
    .recruit-nr ul li span{ display: block; padding: 0px 15px;}
    .recruit-nr ul li{ margin-bottom: 10px;}
    .recruit-nr ul li span b:nth-child(4n+1){ width: 100%;font-size: 18px; color: #000;}
    .recruit-nr ul li span b{ line-height: 36px; }
    .recruit-nr ul li span b:nth-child(4n+2){ padding-left: 0px;}
    .recruit-nr ul li font{ margin-right: 15px;}
    .recruit-nr ul li span b:nth-child(4n+2),.recruit-nr ul li span b:nth-child(4n+3),.recruit-nr ul li span b:nth-child(4n+4){ width: 33.33%; font-size: 12px;}
    .recruit-nr ul li{ padding: 15px 0px;align-items:normal;-webkit-box-align: normal;-webkit-align-items: normal;}
    .recruit-nr ul li:hover span b:nth-child(4n+1){ color: #fff;}
    .recruit3 ul li span{ padding: 0px 20px;}
    .join-bt{ padding: 30px 0px;}
    .join-bt p{ font-size: 14px; line-height: 30px;}
    .join-bt p br{ display: none;}
    .recruit3 ul li span b{}
    .recruit-nr ul li font{vertical-align:30px;}
    .recruit-nr ul li font a{ line-height: 20px; margin-top: 44px; font-size: 12px;}
    .join-bt h2{ font-size: 22px;}
    .recruit3 ul li span b:nth-child(4n+1),.recruit3 ul li.btta span b:nth-child(4n+2), .recruit3 ul li.btta span b:nth-child(4n+3), .recruit3 ul li.btta span b:nth-child(4n+4){ width: 25%;}
    .more-mp a{  height: 44px; line-height: 44px; margin-top: 0px; font-size: 14px; margin:5px;}
    .more-mp a:last-child{ padding: 0px 15px; }
    .more-mp{ margin-bottom: 40px; margin-top: 30px;}
    .news-xyy ul li{ width: 100%; }
    .news-xyy ul li a i{ display:block; margin-bottom: 8px; color: #666;}
    .news-xyy ul li a{ color: #333;}
    .news-xyy ul li:nth-child(1){ padding: 0px;}
    .news-xyy ul li:nth-child(3){ float: left; text-align: left; padding: 0px; margin-top: 20px;}
    .news-xyy ul li:nth-child(1) a b,.news-xyy ul li:nth-child(3) a b{ display: none;}
    
    .time b{ margin: 0px 10px 0px 0px;}
    .time{ text-align: left;}
    .news-details .news-d-title{ margin: 0px; font-size:24px; }
    .team-left{ width: 100%; padding: 0px; margin-bottom: 5vw;}
    .team-list{ display: block;}
    .team-right{ padding: 0px; width: 100%;}
    .bangong .bg-white{ width: 100%;}
    .team-line{ margin-top: 5vw;}
    .join-about ul li{ width: 50%;}
    .join-about ul li span.wenzi .about-gy-title{ text-align: center; padding: 0px;}
    .join-about ul li span img.tou{ width: 40%; left: 30%;}
    .join-about ul li span b{ font-size: 20px;}
    .pags h3, .team-left h3, .hidden-xs h3, .about6 h3,.join-about ul li span.wenzi .about-gy-title{ font-size: 22px;}
    .idx-coop{ width: 100%; background: #fff; float: left;}
    .hidden-xs{ width: 100%; position: static; margin-bottom: 15px;}
    .about5{ display: block;}
    .about5 .bg-white{ display: none;}
    .idx-coop ul li,.idx-coop ul li .img{ height: 90px;}
    .about6{ background: none;}
    .about5{ margin: 7.5vw 0px 0px 0px;}
    .about6 ul li b{background: #fff;}
    .tq-left h6{ margin-bottom: 15px;}
    .tq-left h2{ font-size: 26px;}
    .gn-icon dl{ padding: 0px;}
    .gn-icon dl dd{ font-size: 12px;}
    .rjgg-bt h3{ font-size: 24px;}
    .gn-list span h3{ font-size: 18px;}
    .gn-list span b{font-size: 12px;}
    .gn-list ul li{ font-size: 12px;}
    .gn-list ul li:hover{ padding-left: 10px;}
    .gn-list span{ padding: 15px;}
    .rjgg-main{ padding: 20px 0px;}
    .about1 .img2{ bottom:-5%;}
    .scheme-bd h3,.wdcg h6{ font-size:20px;}
	.scheme-bd p{ font-size:14px; line-height:30px;}
    .lianx-1 ul li i a.tel-wz{ font-size: 24px;}

    .join-main .public-center{ padding: 0px;}
    .recruit-nr ul li{ padding: 15px 5px;}
    .join-main .more-mp{ padding: 0px 20px;}
    .wdcg{ padding: 20px 0px;}
    .wdcg .solution-bt{ margin-bottom: 10px;}
    .id-dj{ height: 60px; top: -60px;}
	.ny-nav{ padding:20px 20px;}
	.news-details{margin-bottom:40px;}
	.banner-text p{ line-height:34px; margin-top:10px;}
	.news-details{ margin-top:-80px; border-radius:30px 30px 0px 0px;}
	
	
	.mark_bt h1{ font-size:24px; height:auto; line-height:normal;} 
	.mark_yi_right{ width:100%;}
	.mark_yi_left{ width:100%; text-align:center;}
	.mark_san_left{ width:100%;}
	.mark_san_right{ width:100%; margin-top:20px;}
	.san_bj img, .san_ai1 img{ width:100%;}
	.mark_er h2 .er_dingwei{ max-width:40%;}
	.mark_wu_left{ width:100%;}
	.mark_wu_right{ width:100%; margin-top:25px;}
	
	.mark_wu_left h1{ margin-top:25px;}
	.mark_san_left h2{ margin-top:20px;}
	.mark_yi_right{ margin-top:10px;}
	
	.about_n8 p{ font-size:16px;}
	
	.about_n2{ padding:20px;}
	.about_n2 h1{ margin:30px 0px 10px 0px;}
	.about_n3{ height:500px;}
	
}
@media (max-width: 480px) {
    .lianx-1 h2{ font-size: 18px;}

    .lianx-2{ height:340px;}
    .banner-text h2{ font-size: 22px; margin-bottom: 0px;}
    .banner-text p{ font-size: 14px; line-height:26px;}
    .ny-news-list ul li{ width: 100%; padding: 0px; margin-bottom: 20px;}
    .ny-news-list ul{ margin: 0px;}
    .ny-news-list .news-nr dl dd{ padding:15px}
    .ny-news-list ul li:hover{     transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);}
    .ny-nav ul li a{ height: 44px; line-height: 44px; font-size: 14px;}
    .ny-news-list{ margin-top: 30px;}
    .news-xyy ul li a{ }
    .news-content p{ font-size: 14px; margin: 15px 0px; }
    .news-details .news-d-title{ font-weight: 500; line-height: 34px;}
    .time b:nth-child(2){ display: none;}
    .ny-nav ul li a:before{ left: 30%;}
    .ny-nav ul li a:hover:before{ width: 40%;}
    .ny-nav ul li.active a:before{ width: 40%; color: #000;}
    .about6 ul li{ width: 100%; padding:0px; margin-bottom: 20px;}
    .about6 ul li b{ font-size: 14px; height: 50px; line-height: 50px; }
    .hidden-xs p{ font-size: 14px;}
    .about6 ul{ margin: 0px;}
    .join-about ul li span b{ font-size: 18px;}
    .about1 .img3{ bottom: 15%;}
    .tq-left h6 img{ max-width: 70px;}
    .tq-left h2{ font-size: 22px;}
    .tq-left p{ line-height: 32px;}
    .tq-left span{ margin-top: 10px; float: left; width: 100%;}
    .row-solution .msg p img{ max-width: 60px;}
    .row-solution .msg h3{ font-size: 20px;}

    .gn-icon dl{ width: 33.33%; margin: 10px 0px;}
    .gn-icon dl dt img{ max-width: 40px;}
    .gn-icon dl dd{ margin-top: 8px;}
    .rjgg-bt h3{ font-size: 20px;}
    .rjgg-bt b{ font-size: 12px;}
    .about1 .img2{ bottom:-3%;}
    .dhwz a{ width: 100%;}
    .wdcg .idx-coop ul li{ width: 50%;}
	.ny-hzhb li{ width:100%;}
	.ny-news-list .news-nr dl dd font{ margin-top:5px;}
	.body-news-xx{ padding-top:110px; padding-bottom:30px;}
	.new-bt h2{ margin:10px 0px;}
	
	.mark_bt h1{ font-size:20px; margin-bottom:0px; height:auto; line-height:normal;} 
	.mark_yi_right h1, .mark_er h1, .mark_san_left h1, .mark_si h1, .mark_wu_left h1{ font-size:22px;}
	.mark_er p, .mark_si h2{ font-size:16px;}
	
	.mark_liu h1{ font-size:20px; line-height:normal;}
	.mark_yi_right p, .mark_san_left p, .mark_wu_left p{ font-size:14px;}
	.mark_san_left h1,.mark_san_left p{ margin-top:10px;}
	.mark_san_left h3{ margin-top:15px;}
	.mark_si{ }
	.mark_liu{ padding:60px 0px;}
	.mark_wu_left p{ margin-top:15px; margin-bottom:15px;}
	
	.mark_yi_right h2, .mark_san_left h2{ font-size:16px;}
	.about_n7{ padding:0px 20px;}
	.about_n2 h1, .about_n8 h2{ font-size:22px;}
	.about_n2 p{ font-size:14px; line-height:28px;}
	.about_n7 p{ font-size:16px;}
	.about_n8 h1{ font-size:28px;}
	.about_n8{ padding:80px 20px;}
	.about_n10 ul li{ width:50%; padding-bottom:0px;}
	.about_n5{ height:240px;}
}