﻿@keyframes myfirst {
  0% {
    background-position: 0 bottom;
  }
  100% {
    background-position: 100% bottom;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.banner {height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px;}
.banner .bd li {float:left;width:100%;line-height:0;}
.banner .bd li img {width:100%;}
.banner .bd li a {display:block;}
.banner .hd {z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer;}
.banner .hd li {width:13px;height:13px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px;}
.banner .hd li.on {background:#D00000;width:39px;}
.banner .prev {position:absolute;top:calc(45% - 35px);left:0%;z-index:10;cursor:pointer;opacity:0;transition:all 0.5s linear;}
.banner .next {position:absolute;top:calc(45% - 35px);right:0%;z-index:10;cursor:pointer;opacity:0;transition:all 0.5s linear;}
.banner:hover .prev {opacity:1;left:6%;}
.banner:hover .next {opacity:1;right:6%;}
.hot {height:84px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.hot .keywords {font-size:14px;font-weight:normal;line-height:84px;color:#535353;float:left;width:426px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.hot .keywords a {color:#535353;margin-right:8px;}
.hot .keywords a:hover {color:#D00000;}
.hot .keywords a:last-of-type {margin-right:0;}
.hot .search {float:left;width:324px;height:32px;border-radius:16px;overflow:hidden;margin-top:27px;background:#F5F5F5;}
.hot .search .txt {font-size:14px;font-weight:normal;line-height:18px;color:#666;display:block;height:23px;border:none;float:left;outline:none;width:247px;border-right:1px solid #e5e5e5;box-sizing:border-box;margin-top:4px;background:none;text-indent:14px;}
.hot .search .btn {float:left;background:none;background-image:url('/images/h-search.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;width:21px;height:21px;border:none;margin-top:6px;margin-left:24px;cursor:pointer;outline:none;}
.hot .tel {float:right;background-image:url('/images/h-tel.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:43px;font-size:18px;font-weight:normal;line-height:84px;color:#666;}
.hot:after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.bk-title {text-align:center;}
.bk-title b {font-size:40px;font-weight:bold;line-height:40px;color:#333;display:block;}
.bk-title span {font-size:20px;font-weight:normal;line-height:20px;color:#666;display:block;margin-top:20px;}
.guide {padding-top:78px;padding-bottom:88px;}
.guide .guide-t dl dt {float:left;position:relative;}
.guide .guide-t dl dt::after {content:"";display:block;width:400px;height:284px;background:rgba(20,38,82,0.1);position:absolute;right:-15px;bottom:-15px;}
.guide .guide-t dl dt img {display:block;width:400px;height:284px;position:relative;z-index:1;}
.guide .guide-t dl dd {float:right;width:708px;padding-top:20px;}
.guide .guide-t dl dd h3 {font-size:40px;font-weight:bold;line-height:42px;color:#333;display:block;margin-bottom:52px;}
.guide .guide-t dl dd h3 span {font-size:20px;font-weight:normal;line-height:20px;color:#333;display:block;margin-top:20px;}
.guide .guide-t dl dd p {font-size:14px;font-weight:normal;line-height:26px;color:#333;display:block;}
.guide .guide-t dl::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.guide .guide-b {margin-top:77px;}
.guide .guide-b ul li {width:300px;float:left;text-align:center;}
.guide .guide-b ul li b span {font-size:58px;font-weight:bold;line-height:82%;color:#333;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;display:inline-block;}
.guide .guide-b ul li b i {display:inline-block;font-size:14px;font-weight:normal;line-height:22px;color:#fff;width:22px;height:22px;background:#D00000;text-align:center;border-radius:50%;overflow:hidden;margin-left:3px;}
.guide .guide-b ul li p {font-size:20px;font-weight:normal;line-height:20px;color:#333;margin-top:0.5rem;}
.guide .guide-b ul:after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.project {background:#F5F5F5;padding-top:110px;padding-bottom:66px;}
.project .project-c {margin-top:32px;}
.project .project-c ul li {float:left;width:400px;height:285px;text-align:center;box-sizing:border-box;padding:40px 65px 0;transition:0.25s;}
.project .project-c ul li i {display:block;}
.project .project-c ul li b {display:block;font-size:20px;font-weight:bold;line-height:20px;color:#333;margin-top:12px;margin-bottom:15px;}
.project .project-c ul li span {display:block;font-size:14px;font-weight:normal;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:21px;height:42px;}
.project .project-c ul li em {display:block;width:110px;height:32px;background:#D00000;text-align:center;font-size:14px;font-weight:normal;line-height:32px;color:#fff;border-radius:5px;overflow:hidden;margin:24px auto 0;position:relative;top:20px;opacity:0;transition:0.25s;}
.project .project-c ul li:hover {background:#fff;}
.project .project-c ul li:hover em {top:0;opacity:1;}
.project .project-c ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.advantage {background-image:url('/images/ys-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:744px;box-sizing:border-box;padding-top:109px;position:relative;}
.advantage .bk-title {position:relative;z-index:2;}
.advantage .bk-title b,.advantage .bk-title span {color:#fff;}
.advantage .advantage-c {position:absolute;top:0;}
.advantage .advantage-c .prev {position:absolute;left:-98px;top:375px;line-height:0;z-index:1;cursor:pointer;transition:0.15s;}
.advantage .advantage-c .prev:hover {top:380px;}
.advantage .advantage-c .next {position:absolute;right:-98px;top:375px;line-height:0;z-index:1;cursor:pointer;transition:0.15s;}
.advantage .advantage-c .next:hover {top:380px;}
.advantage .advantage-c ul li {float:left;width:300px;text-align:center;padding-top:255px;height:744px;box-sizing:border-box;}
.advantage .advantage-c ul li em {display:block;width:160px;height:160px;position:relative;box-sizing:border-box;padding:5px;margin:0 auto;}
.advantage .advantage-c ul li em img {width:150px;height:150px;border-radius:50%;overflow:hidden;}
.advantage .advantage-c ul li em img:nth-of-type(2) {display:none;}
.advantage .advantage-c ul li em::before {content:"";display:block;width:100%;height:100%;border-radius:50%;border:1px solid #fff;position:absolute;left:0;top:0;transition:1s;box-sizing:border-box;}
.advantage .advantage-c ul li b {display:block;font-size:24px;font-weight:normal;line-height:24px;color:#fff;margin-top:32px;margin-bottom:24px;}
.advantage .advantage-c ul li span {display:block;font-size:14px;font-weight:normal;line-height:24px;color:#fff;}
.advantage .advantage-c ul li:hover {background:rgba(20,38,82,0.7);}
.advantage .advantage-c ul li:hover em::before {border:1px dashed #fff;animation:rotate 15s infinite;}
.advantage .advantage-c ul li:hover em img:nth-of-type(1) {display:none;}
.advantage .advantage-c ul li:hover em img:nth-of-type(2) {display:block;}
.partner {padding-top:107px;padding-bottom:96px;}
.partner .partner-t {height:73px;border-bottom:1px solid #eeeeee;box-sizing:border-box;text-align:center;margin-top:24px;margin-bottom:37px;}
.partner .partner-t ul li {display:inline-block;font-size:18px;font-weight:normal;line-height:70px;color:#666;padding:0 30px;position:relative;height:73px;margin-right:-4px;}
.partner .partner-t ul li::after {content:"";display:block;width:0;left:50%;bottom:0;background:#D00000;height:2px;position:absolute;transition:0.25s;}
.partner .partner-t ul li.cur::after,.partner .partner-t ul li:hover::after {width:100%;left:0;}
.partner .partner-c {width:1200px;margin:0 auto;}
.partner .partner-c .list {border:1px solid #eee;border-right:none;border-bottom:none;}
.partner .partner-c .list ul li {float:left;width:239.5px;height:119px;position:relative;transition:0.25s;z-index:1;}
.partner .partner-c .list ul li::before {content:"";display:block;width:1px;height:100%;background:#eee;position:absolute;right:0;top:0;}
.partner .partner-c .list ul li::after {content:"";display:block;width:100%;height:1px;background:#eee;position:absolute;right:0;bottom:0;}
.partner .partner-c .list ul li img {width:239px;height:118px;display:block;}
.partner .partner-c .list ul li:nth-of-type(5n) {border-right:0;}
.partner .partner-c .list ul li:hover {box-shadow:0 0 20px rgba(0,0,0,0.08);z-index:2;}
.partner .partner-c .list ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.choose {background-image:url('/images/xz-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:880px;box-sizing:border-box;padding-top:107px;}
.choose .bk-title b,.choose .bk-title span {color:#fff;}
.choose .choose-c {margin:58px auto 0;width:1000px;position:relative;}
.choose .choose-c .tempWrap {margin-left:-1150px;}
.choose .choose-c .qh {position:absolute;height:0;z-index:2;width:100%;}
.choose .choose-c .qh i {background:#EAEAEA;width:59px;height:59px;display:block;line-height:0;overflow:hidden;position:absolute;top:213px;cursor:pointer;}
.choose .choose-c .qh i img {position:relative;top:0;}
.choose .choose-c .qh i:hover {background:#D00000;}
.choose .choose-c .qh i:hover img {top:-59px;}
.choose .choose-c .qh .prev {left:-79px;}
.choose .choose-c .qh .next {right:-79px;}
.choose .choose-c dl {position:relative;margin:0 50px;width:1000px;}
.choose .choose-c dl dt {line-height:0;overflow:hidden;display:block;}
.choose .choose-c dl dt img {display:block;width:1000px;height:503px;transition:1s;}
.choose .choose-c dl dd {position:absolute;right:0;bottom:38px;width:458px;height:365px;background:rgba(255,255,255,0.9);box-sizing:border-box;padding:56px 60px 0 45px;}
.choose .choose-c dl dd .title em {font-size:100px;font-weight:bold;line-height:80%;color:#D00000;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;float:left;width:115px;}
.choose .choose-c dl dd .title h3 {float:left;width:calc(100% - 115px);}
.choose .choose-c dl dd .title h3 b {display:block;font-size:40px;font-weight:bold;line-height:40px;color:#333;white-space:nowrap;}
.choose .choose-c dl dd .title h3 span {display:block;font-size:28px;font-weight:normal;line-height:28px;color:#333;margin-top:15px;white-space:nowrap;}
.choose .choose-c dl dd .title::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.choose .choose-c dl dd .desc {font-size:15px;font-weight:normal;line-height:26px;color:#333;display:block;margin-top:22px;}
.process {background-image:url('/images/lc-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:706px;box-sizing:border-box;padding-top:108px;}
.process .process-c {margin-top:90px;}
.process .process-c ul li {text-align:center;float:left;position:relative;width:88px;margin-right:190px;height:102px;margin-bottom:105px;}
.process .process-c ul li::before {content:"";display:block;position:absolute;right:-172px;top:37px;width:163px;border-bottom:1px dashed #ddd;}
.process .process-c ul li::after {content:"";display:block;width:0;height:0;position:absolute;right:-98px;top:29px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #999;}
.process .process-c ul li i {display:block;position:absolute;left:50%;top:0;font-size:102px;font-weight:bold;line-height:80%;color:#E1E1E1;opacity:0.8;font-family:Arial,Helvetica,sans-serif;transform:translateX(-50%);white-space:nowrap;}
.process .process-c ul li em {display:block;position:relative;z-index:1;transition:0.35s;}
.process .process-c ul li b {display:block;font-size:22px;font-weight:normal;line-height:22px;color:#333;margin-top:10px;margin-bottom:16px;position:relative;z-index:1;}
.process .process-c ul li span {display:block;text-transform:uppercase;font-size:12px;font-weight:normal;line-height:80%;color:#666;opacity:0.7;position:relative;z-index:1;white-space:nowrap;position:absolute;left:50%;transform:translateX(-50%);}
.process .process-c ul li:nth-of-type(6)::after,.process .process-c ul li:nth-of-type(7)::after,.process .process-c ul li:nth-of-type(8)::after,.process .process-c ul li:nth-of-type(9)::after,.process .process-c ul li:nth-of-type(10)::after {border-left:0;border-right:8px solid #999;}
.process .process-c ul li:nth-of-type(5n) {margin-right:0;}
.process .process-c ul li:nth-of-type(5n)::before,.process .process-c ul li:nth-of-type(5n)::after {display:none;}
.process .process-c ul li:nth-of-type(5)::before {border-bottom:none;display:block;height:96px;width:0px;border-left:1px dashed #ddd;left:50%;top:103px;}
.process .process-c ul li:nth-of-type(5)::after {border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #999;display:block;left:50%;margin-left:-8px;top:148px;right:auto;}
.process .process-c ul li:hover em {transform:rotateY(180deg);}
.process .process-c ul li:hover b {color:#D00000;}
.process .process-c ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.news {padding-top:117px;padding-bottom:90px;}
.news .news-l {float:left;margin-top:34px;width:767px;}
.news .news-l .news-tit {height:60px;border-bottom:1px solid #EBEBEB;position:relative;}
.news .news-l .news-tit ul li {float:left;font-size:24px;font-weight:normal;line-height:60px;color:#666;display:block;margin-right:62px;}
.news .news-l .news-tit ul li:last-of-type {margin-right:0;}
.news .news-l .news-tit ul li.cur a {font-weight:bold;color:#333;}
.news .news-l .news-tit ul::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.news .news-l .news-tit em {position:absolute;right:0;top:0;font-size:12px;font-weight:normal;line-height:60px;color:#666;}
.news .news-l .news-tit em a {color:#666;display:block;display:none;text-transform:uppercase;}
.news .news-l .news-tit em a:hover {color:#D00000;}
.news .news-l .news-con .list dl {margin-top:21px;float:left;width:300px;}
.news .news-l .news-con .list dl dt {line-height:0;overflow:hidden;display:block;}
.news .news-l .news-con .list dl dt img {width:300px;height:225px;transition:1s;display:block;}
.news .news-l .news-con .list dl dt img:hover {transform:scale(1.05);}
.news .news-l .news-con .list dl dd h4 {display:block;font-size:14px;font-weight:bold;line-height:16px;color:#333;margin-top:17px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news-l .news-con .list dl dd h4:hover {color:#D00000;}
.news .news-l .news-con .list dl dd p {display:block;font-size:14px;font-weight:normal;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:26px;height:78px;}
.news .news-l .news-con .list dl dd em {display:block;font-size:14px;font-weight:normal;line-height:24px;color:#666;margin-top:12px;margin-left:-7px;}
.news .news-l .news-con .list dl dd em:hover {color:#D00000;}
.news .news-l .news-con .list ul {float:right;width:449px;}
.news .news-l .news-con .list ul li {font-size:14px;font-weight:normal;line-height:80px;color:#333;border-bottom:1px dashed #EBEBEB;background-image:url('/images/news-dot.png');background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:21px;}
.news .news-l .news-con .list ul li a {display:block;}
.news .news-l .news-con .list ul li p{ display:inline-block;width: 320px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .news-l .news-con .list ul li em {float:right;color:#aaa;}
.news .news-l .news-con .list ul li:hover a {color:#D00000;}
.news .news-l .news-con .list::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.news .news-r {float:right;width:386px;height:449px;border:1px solid #EBEBEB;box-sizing:border-box;margin-top:30px;padding:0 24px;}
.news .news-r h3 {font-size:24px;font-weight:bold;line-height:64px;color:#333;display:block;}
.news .news-r h3 em {float:right;font-size:12px;font-weight:normal;line-height:64px;color:#666;text-transform:uppercase;}
.news .news-r h3 em:hover {color:#D00000;}
.news .news-r h3::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.news .news-r .news-r-con {height:350px;overflow:hidden;}
.news .news-r .news-r-con ul li {margin-bottom:10px;width:338px;height:191px;overflow:hidden;}
.news .news-r .news-r-con ul li img,.news .news-r .news-r-con ul li iframe,.news .news-r .news-r-con ul li video {width:100%;height:191px;}
.news .news-r .more a {display:block;width:120px;height:40px;background:#D00000;text-align:center;font-size:14px;font-weight:normal;line-height:40px;color:#fff;margin:14px auto 0;transition:0.35s;}
.news .news-r .more a:hover {width:140px;}
.news::after {line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.about {background-image:url('/images/abt-bg.jpg');background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:575px;box-sizing:border-box;padding-top:90px;}
.about .bk-title b,.about .bk-title span {color:#fff;}
.about .about-c {width:793px;height:220px;background:rgba(20,38,82,0.9);margin-top:48px;position:relative;text-align:center;padding-top:58px;box-sizing:border-box;}
.about .about-c::before {content:"";display:block;width:46px;height:47px;background-image:url('/images/abt-dotl.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;position:absolute;left:28px;top:-24px;}
.about .about-c::after {content:"";display:block;width:46px;height:47px;background-image:url('/images/abt-dotr.png');background-repeat:no-repeat;background-position:center top;background-size:auto auto;position:absolute;right:28px;bottom:-24px;}


.link {background:#0d121f;height:75px;overflow:hidden;}
.link a {display:inline-block;font-size:14px;font-weight:normal;line-height:75px;color:rgba(255,255,255,0.4);margin-right:35px;}
.link a:hover {text-decoration:underline;}
.link a:last-of-type {margin-right:0;}

