@charset "utf-8";

/*banner*/
.banner {
  clear:both;
  position:relative;
  width:100%;
  height:650px;
  overflow:hidden;
  z-index: 9;
}
.banner .hd {
  position:absolute;
  left:0;
  bottom:30px;
  width:100%;
  height:5px;
  text-align:center;
}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:12px;height:12px;text-indent:-9999px;cursor:pointer;background:rgba(255,255,255,.6);border-radius:8px;}
.banner .hd .on{background:#6696FF;width: 50px;display:inline-block;*display:line;*zoom:1;margin:0 10px;height:12px;text-indent:-9999px;cursor:pointer;border-radius:6px;}
.banner .bd,.banner .bd ul {
  height:650px;
}
.banner .bd li {
  position:relative;
  width:100%;
  height:650px;
}
.banner .bd li a {
  display:block;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-960px;
  width:1920px;
  height:650px;
}
.banner .prev,.banner .next {
  position:absolute;
  z-index:999;
  top:50%;
  margin-top:-30px;
  width:58px;
  height:58px;
  line-height: 58px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #fff;
  cursor:pointer;
  opacity:0;
  transition: all 1s;
}
.banner .prev {
  left:8%;
}
.banner .next {
  right:8%;
}
.banner:hover .prev,.banner:hover .next {
  opacity:1;
}
.content{width:1440px;}

.title{height:7.45rem;overflow: hidden;text-align: center;box-sizing: border-box;}
.title h2 {height:3.3rem;line-height:3.3rem;font-size:2.4rem;color:#222222;font-weight:bold;}
.title h2 a{color: #222222}
.title p{font-size:1rem;color: #222222;height:1.75rem;line-height:1.75rem;}


.yzbg{ height: 490px;padding-top: 75px; box-sizing: border-box; position: relative; background:#f7f7f7;}
.yz{position: relative;width: 1200px;}
.yz h2{text-align: center;margin-bottom: 30px; font-size: 36px;color: #262626;font-weight: normal;}
.yz .yz-cnt{ font-size: 16px; color: #666666; line-height: 30px; text-align: center; height: 84px; }

.yz ul{}
.yz li{ width:374px;height: 195px;text-align: left; padding:18px 18px 0; box-sizing: border-box; float: left;margin-right: 39px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.yz li h3{display: block;height: 52px; line-height: 52px; text-align: left; color: #262626; font-size: 24px;margin-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.yz li h3 i {margin-right: 10px;color: #D71830;font-weight: 400;font-size: 36px;}
.yz li p{font-size: 16px; color: #666666;line-height: 30px;}
.yz li:last-child{margin-right:0;}

.yz li:hover,.yz li.cur{ background: #fff; box-shadow: 0 0 20px #dfdfdf; }


.probg{background: url(../images/probg.jpg) no-repeat center top;padding:4.5rem 0 5rem;}
.pro .tit{height: 3.8rem;line-height: 3.8rem;border-top:1px solid #d5d5d5;position: relative;}
.pro .tit:after{content: "";display: block;width:100%;height: 1px;background: #e0e0e0;position: absolute;left:0;top:0;}
.pro .tit span a{font-size:1.8rem;color: #222222;padding-left:1.95rem;background: url(../images/pro_ico1.png) no-repeat 0.75rem center;background-size: 0.3rem 1.35rem;height: 3.8rem;line-height: 3.8rem;display: inline-block;}
.pro .tit em a{float: right;font-size:1.2rem;color: #333333;background: url(../images/pro_ico2.png) no-repeat right;padding-right:2.2rem;background-size: 1.5rem 1.45rem;}
.pro-roll{margin-bottom:2.9rem;overflow: hidden;margin-top: 2rem;zoom:1;height: 520px;}
.pro-roll li {float: left;width: 400px;margin-right: 70px;}
.pro-roll p{background: #fff;position: relative;}
.pro-roll p i{font-size:0;line-height: 0;display: block;overflow: hidden;transform: scale(0.8);}
.pro-roll p i img{width:100%;transition: all 0.5s}
.pro-roll p:hover i img{transform: scale(1.1);}
.pro-roll p:hover span{color: #292E54}
.pro-roll span{display: block;height: 4.1rem;line-height: 4.1rem;padding:0 1.2rem;font-size:0.9rem;color: #222222;border-top:1px solid #eaeaea;}
.pro-roll span em{padding-right:1.3rem;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background: url(../images/pro_ico3.png) no-repeat right;}
.pro-roll p:after{display: block;content: "";width:0%;height: 2px;background: #292E54;position: absolute;left:0;top:0;transition: all 0.3s;z-index:9}
.pro-roll p:before{display: block;content: "";width:2px;height: 0%;background: #292E54;position: absolute;right:0;bottom:0;transition: all 0.3s;z-index:9}
.pro-roll p a:after{display: block;content: "";width:0%;height: 2px;background:#292E54;position: absolute;right:0;bottom:0;transition: all 0.3s;z-index:9}
.pro-roll p a:before{display: block;content: "";width:2px;height:0%;background:#292E54;position: absolute;left:0;top:0px;transition: all 0.3s;z-index:9}
.pro-roll p:hover:after,.pro-roll p:hover a:after{width:100%;}
.pro-roll p:hover:before,.pro-roll p:hover a:before{height:100%;}

.pro-bottom{overflow: hidden;margin-bottom: 2.65rem}
.pro-list{background: #fff;overflow: hidden;}
.pro-fl{float:left;width:740px;position: relative;background: url(../images/pro-flbg.jpg) no-repeat;background-size: 100% 100%;height: 590px;}
.pro-fl li{position: relative;height: 570px;}
.pro-fl li em{display: block;font-size:0;line-height: 0;position: relative;overflow: hidden;}
.pro-fl li em img{width:80%;transition: all 0.5s;margin-left: 10%;mix-blend-mode: multiply;}
/*.pro-fl li p{width:80%;position: absolute;left:0;top:3.8rem;text-align: center;}
.pro-fl li p span{display: block;height: 2.75rem;line-height:2.75rem;font-size:2rem;color: #222222;padding-bottom:0.2rem;background: url(../images/pro_ico4.png) no-repeat center bottom;}
.pro-fl li p em{font-size:0.8rem;color: #222222;line-height: 1.4rem;padding:0.8rem 6.75rem 0;display: block;}*/
.pro-fl .arrow{position: relative;position: absolute;right:0;bottom:0;width: 221px;height: 105px;background:#D71830;}
.pro-fl .arrow .next,.pro-fl .arrow .prev{cursor: pointer;width: 110px;height: 105px;line-height: 105px;text-align: center;color: #fff;font-size: 32px;float: left;}
.pro-fl .arrow .next {border-right: 1px solid rgba(255,255,255,.5);}
.pro-fl em:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.pro-fl li:hover em:before{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
.pro-fl li:hover em img{transform: scale(1.1);}

.pro-list-img{float: right;width:48.27%;position: relative;overflow: hidden;}
.pro-list-img li{float:left;width:50%;box-sizing: border-box;border-right:1px solid #e4e4e4;height: 14.7rem;overflow: hidden;}
.pro-list-img li i{display: block;font-size:0;line-height: 0;transform:scale(0.8);}
.pro-list-img li i img{width:76%;transition: all 0.5s;margin-left: 12%;}
.pro-list-img li span{display: block;text-align: center;font-size:0.8rem;color: #333333;margin-top: -0.5rem;line-height: 1.4rem;height: 1.4rem;position: relative;z-index: 2;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 1rem;}
.pro-list-img:before{content: "";display: block;width:100%;height: 1px;background: #e4e4e4;position: absolute;left:0;top:50%;z-index: 9}
.pro-list-img li:nth-child(2n){border-right: 0}
.pro-list-img li:hover i img{transform: scale(1.1);}

.banner-tel{background: url(../images/banner-telbg.jpg) no-repeat;width: 1440px;height: 215px;}
.banner-tel h2 {font-size: 32px;font-weight: bold;text-align: center;padding: 28px;color: #fff;}
.banner-tel span {font-size: 21px;margin-top: 28px;float: left;color: #fff;margin-left: 118px;letter-spacing: 2px;margin-right: 60px;}
.banner-tel p{height:58px;line-height:58px;font-size:32px;color: #fff;margin-top: 15px;width: 510px;float: left;}
.banner-tel a{display: block;height:58px;line-height:58px;width:7.6rem;background: #cd0d18;border-radius: 0.15rem;text-align: center;font-size:0.9rem;color: #fff;float: right;margin-right: 80px;margin-top: 14px;}
.banner-tel a i{padding-right:0.3rem;transition: all 0.5s;width: 32px;line-height: 58px;font-size: 0.9rem;color: #fff;margin-left: 15px;}
.banner-tel a:hover i{padding-right:0.1rem;}

/* advantage*/
.advantage {padding: 0 0 80px 0;overflow: hidden;}
.advantage .content {width:1200px;margin:0 auto;}
.index-title{height: 100px;width: 600px;margin: 0 auto;margin-bottom: 40px;}
.index-title span{color: #333;font-size: 18px;line-height: 42px;width: 600px;display: block;margin: 0 auto;text-align: center;}
.index-title p{text-align: center;font-size: 48px;color: #1a1a1a;letter-spacing: 3px;position: relative;}
.index-title p b{color: #D71830;margin-left: 15px;}
.index-title p:before{content: "";position: absolute;width: 20px;height: 4px;background: #1a1a1a;left:520px;top:30px;}
.index-title p:after{content: "";position: absolute;width: 20px;height: 4px;background:#1a1a1a;right:520px;top:30px;}
.advantage .index-title {width: 800px;}
.advantage .index-title p:before{left:750px;}
.advantage .index-title p:after{right:750px;}

.advantage-pk {background:url(../images/advantage-pkbg.jpg) no-repeat center 0;/*height: 700px;*/overflow: hidden;/*padding: 37px 0 0;*/}
.advantage-pk-l{padding: 0 0 0 125px;width: 260px;}
.advantage-pk-l b,.advantage-pk-r b{display: block;font-size: 24px;color: #1a1a1a;height: 55px;line-height: 40px;}
.advantage-pk-l p{font-size: 16px;color: #fff;line-height: 26px;height: 131px;overflow: hidden;padding: 10px 0 23px;}
.advantage-pk-l p span{display: block;padding: 40px 0 0;}
.advantage-pk-l p i{display: block;line-height: 125px;height: 125px;overflow: hidden;}
.advantage-pk-c{width: 141px;padding: 65px 0 0 148px;}
.advantage-pk-c p{width: 141px;height: 106px;text-align: center;padding: 35px 0 0;font-size: 16px;color: #1a1a1a;font-weight: bold;margin-bottom: 23px;}
.advantage-pk-c em{display: block; width: 40px; height: 40px; line-height: 0; margin:0 auto 5px; overflow: hidden;} 
.advantage-pk-c em img{width: 40px; height: 80px;}
.advantage-pk-c p:hover em img{margin-top: -40px;}
.advantage-pk-c p:hover{color: #1248AA;}
.advantage-pk-r{padding: 0 0 0 40px;width: 300px;}
.advantage-pk-r b{color: #1248AA;}
.advantage-pk-r p{font-size: 16px;color: #1a1a1a;line-height: 26px;height: 131px;overflow: hidden;padding: 10px 0 23px;}
.advantage-pk-r p span{display: block;padding: 40px 0 0;}
.advantage-pk-r p i{display: block;line-height: 125px;height: 125px;overflow: hidden;}

.advantage-info{ height:1263px; background:url(../images/advantage-infobg.jpg) no-repeat center bottom; margin-top:60px;}
.advantage-info-title {text-align: center; margin-bottom: 30px;overflow: hidden;margin-top: 30px;}
.advantage-info-title span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold;}
.advantage-info-title span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.advantage-info-title span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.advantage-info-title em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.advantage-info .content{ position:relative;}
.advantage-info dl{ width:535px;}
.advantage-info dd h3{ height:135px; overflow:hidden; background:url(../images/ys_line.png) repeat-x center bottom; margin-bottom:28px;}
.advantage-info dd h3 span{ display:block; width:425px; float:left;font-size: 32px; color:#D71830;margin-left: 22px;}
.advantage-info dd h3 span i{ display:block; font-weight:bold; color:#292E54;}
.advantage-info dd p{ font-size: 16px; line-height:24px; color:#666; padding-left:24px; margin-top:10px;}
.advantage-info dt img{ display:block; margin-top:38px;}
.advantage-info .dl1{ position:absolute; top:7px; right:0;}
.advantage-info .dl2{ position:absolute; top:597px; left:0;}
.advantage-info .dl2 dt img {width: 440px;height: 185px;}

.case {background: url(../images/casebg.png) top center no-repeat;padding-top: 45px;overflow: hidden;display: block;margin-bottom: 100px;}
.case .content {width:1200px;margin:0 auto;}
.case-title {text-align: center; margin-bottom: 30px;overflow: hidden;margin-top: 30px;}
.case-title span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#fff;padding:0 21px;position: relative; font-weight: bold;}
.case-title span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.case-title span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.case-title em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#fff;font-weight: normal;letter-spacing: 6px;}

/*服务流程*/
.case .case-lc{height:152px; margin-bottom: 40px;}
.case .case-lc li{float:left; width:130px;height:120px; box-sizing: border-box;padding-top:15px; position: relative;border-radius: 16px;margin-left: 10px;margin-right: 10px;}
/*.case .case-lc li:before{width:1px; height:80px; background:#e5e5e5;content:""; position: absolute;right:0;top:15px;}*/
.case .case-lc li em{display: block; width:50px; height:50px;margin:0 auto; position: relative;}
.case .case-lc li em i{display: block; width:50px; height:50px; line-height: 50px; position: absolute;top:0;left:0;text-align: center;font-size: 42px;}
.case .case-lc li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;color: #fff;}
.case .case-lc li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;color: #ffffff;}
.case .case-lc li span{display: block; height:48px; line-height: 48px; text-align: center;font-size: 20px;color:#fff;}
.case .case-lc li:last-child:before{display: none;}
.case .case-lc li.cur{background:#D71830;}
.case .case-lc li.cur:before{display: none;}
.case .case-lc li.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);color: #ffffff;}
.case .case-lc li.cur i.hover{opacity: 1; transform: scale(1);color: #fff;}
.case .case-lc li.cur span{color:#FFF; font-weight: bold;}
.case .case-list {width: 1200px;margin: 30px auto;}
.case .case-list .hd {position: absolute;width: 1200px;display: block;}
.case .case-list .bd {width: 1080px;margin: 0px auto;}
.case .case-list .bd li {float: left; width: 340px;margin-left:10px;margin-right: 10px;}
.case .case-list .bd li img {width: 340px;height: 255px;}
.case .case-list .prev,.case .case-list .next{position:relative;z-index:999;top:40px;width:58px;height:58px;line-height: 58px;color: #fff;font-size: 26px;text-align: center;font-weight: normal;border: 1px solid #fff;cursor:pointer;padding: 5px;display: none;}
.case .case-list .next{left:1160px;}
.case .case-list .prev{right:50px;}
/*新闻资讯*/
.news{height:797px; overflow: hidden;}
.news .index-title {margin-bottom: 60px;}
.news1{float: left;width:65%;}
.news1 p{ height: 132px; border-bottom: 1px dashed #d1d1d1;}
.news1 p i{ display: block; overflow: hidden; margin-bottom: 17px;}
.news1 p em{ display: block; line-height: 26px; font-size: 14px; color: #666;}
.news1 p em a{ color: #D71830;}
.news1 p i{ display: block;}
.news1 p i span{ display: inline-block; width: 94px; height: 41px; box-sizing: border-box; text-align: center; padding: 5px 4px 0 0; line-height: 36px;background:url(../images/news-hot.png) no-repeat; color: #D71830; font-size: 24px; margin-right: 15px; float: left;}
.news1 p i a{ display: inline-block; float: left; width: 595px; font-size: 22px; color: #333; margin-top:12px;}
.news1 dl{ overflow: hidden;border-bottom: 1px dashed #d1d1d1; padding: 20px 0;}
/*.news1 dl dt{ float: left;width: 212px; height: 119px;}
.news1 dl dt img{width: 212px; height: 119px;}*/
.news1 dl dd{ padding-top: 14px;}
.news1 dl dd h4{ font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news1 dl dd h4 a{ color: #333;}
.news1 dl dd span{ display: block; font-size: 14px; color: #666; line-height: 26px; padding-top: 12px;}
.news1 ul{ padding-top: 23px;}
.news1 ul li{ overflow: hidden; margin-bottom: 21px; line-height: 100%;}
.news1 ul li a{ display: inline-block; float: left; padding-left: 18px; color: #1a1a1a; font-size: 16px;background: url(../images/n_ico.jpg) no-repeat 0 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    width: 84%;line-height: 100%;}
.news1 a:hover{  color: #D71830;}
.news1 ul li span{ display: inline-block; float: right; font-size: 14px; color: #999;line-height: 100%;}

.news2{float: right;width:32%; height: 572px;background: url(../images/news-rightbg.jpg) no-repeat; box-sizing: border-box; padding: 31px 27px 0;}
.news2 h4{padding-bottom: 19px;font-weight: normal;}
.news2 h4 a{ color: #273a60; font-size: 26px;}
.news2 h4 span{ padding-left: 9px; font-family: Arial; font-size: 18px; color: #999;}
.news2 dl{ border-bottom: 1px dashed #ccc; height: 242px; margin-bottom:30px;margin-right: 25px;}
.news2 dl dt img{ width: 366px;height:125px;}
.news2 dl dd h5{ margin-top: 18px; height:16px;padding-left: 18px;line-height: 100%; overflow: hidden;}
.news2 dl dd h5 a{ display: block; line-height: 100%; color: #4c4c4c; font-size: 16px;}
.news2 dl dd p{ color: #666; font-size: 14px; line-height: 25px; padding:6px 0 0 18px;}
.news2 ul li{ overflow: hidden; margin-bottom: 25px; line-height: 100%;}
.news2 ul li a{ display: inline-block; float: left;/* padding-left: 18px;*/ color: #1a1a1a; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 100%;}
.news2 a:hover{  color: #D71830;}
.news2 ul li span{  float: right; font-size: 12px; color: #999; line-height: 100%; padding-top:2px;padding-right: 25px;}



.aboutbg{background: url(../images/aboutbg.jpg) no-repeat center top;height: 690px;box-sizing: border-box;padding-top:141px;}
.about-fr{float:right;width:66.25%;}
.about-fr h4{height: 140px;border-bottom:1px solid rgba(255,255,255,0.26);position: relative;z-index: 9;left: -150px;}
.about-fr h4 b{display: block;height: 65px;line-height: 65px;font-size:48px;color: #fff;margin-top: 20px;}
.about-fr h4 em{display:block;height: 46px;line-height: 46px;font-size:20px;color: #fff;font-weight: normal;}
.about-fr p{font-size:16px;color: #fff;line-height: 30px;padding-top:44px;height: 197px;padding-right:6rem;}
.about-fr span {position: relative;height: 48px;display: block;width:158px;float: right;right: 130px;}
.about-fr span a{display: block;width:156px;height: 46px;line-height: 46px;text-align: center;border:1px solid #fff;font-size:16px;color: #fff;position: relative;z-index: 2;transition: all 0.5s}
.about-fr span:after{content: "";display: block;position: absolute;left:0;top:0;height: 48px;width:0;background: #D71830;transition: all 0.5s}
.about-fr span:hover a{color: #fff;border-color: #D71830}
.about-fr span:hover:after{width:100%;}
.about-fl{float: left;width:33.33%;}
.about-fl li{float:left;width:49%;background:rgba(196,0,13,0.7);height: 227px;margin-bottom:2px;position: relative;}
.about-fl li a{display: block;height: 100%;padding:32px 0 0 8%;box-sizing: border-box;transition: all 0.5s}
.about-fl li h4{height: 29px;line-height: 29px;font-size:18px;color: #fff;font-weight: normal;}
.about-fl li em{display:block;font:12px arial;color:rgba(255,255,255,0.4);margin-bottom:103px;height: 16px;line-height: 16px;}
.about-fl li b{color: #fff;font-size:18px;font-weight: lighter;}
.about-fl li i{position: absolute;right:39px;bottom:25px;color: #fff;font-size: 56px;}
.about-fl li:nth-child(1){}
.about-fl li:nth-child(2){margin-top: 227px;}
.about-fl li:nth-child(3){margin-right:;}
.about-fl li:hover i{animation-duration:3s;animation-name:flipInY;color: #fff;}
.about-fl li:hover a{padding-top:22px;}


@media screen and (max-width:1440px) and (min-width:1280px) {
    html {font-size:14px;}
    .content,.fw_c,.link{width:1200px;}
    .yz_n li{margin-right:6.16%;padding-right:6.16%;}
    .pro-list-img li{height: 17.5rem}
    .banner-tel p{top:93px;height: 49px;line-height: 49px;font-size:28px;}
    .banner-tel a{top:93px;height: 49px;line-height: 49px;}
}
@media screen and (max-width:1600px) and (min-width:1441px){
    html {font-size:16px;}
    .pro-list-img li{height: 18.35rem}
}
@media screen and (max-width:1920px) and (min-width:1601px)  {
    html {font-size:20px;}
}


/**/
.links { height:92px; overflow: hidden; clear: both;position: relative; background: #1a1d21;}
.links em { display: inline-block; font-style: normal; font-size: 18px; line-height: 92px;  color: #8d8e90; float: left;font-weight: bold; width: 163px;background: url(../images/links.jpg) no-repeat center right;}
.links em span{ font-family: Arial; padding-right: 10px;}
.links i { display: inline-block;float: right; width:1000px;}
.links a { font-size: 14px; color: #8d8e90; line-height: 92px; display: inline-block; margin-right: 46px; transition: .3s ease; -o-transition: .3s ease ; }
.links a:hover { color: #fff;}