@charset "utf-8";
@font-face {
  font-family: "ifont";
  src: url('../fonts/iconfont.eot');
  /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/5b40b8144c0c48f1b3e3c248513976ee.woff') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('../fonts/iconfont.svg') format('svg');
  /* iOS 4.1- */
}
.ifont {
  font-family: "ifont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*网站头部*/
.top {
  z-index: 9999;
  position: relative;
  background: #fff;
}
.topnav {
  background-color: #f4f4f4;
  line-height: 35px;
  height: 35px;
  border-bottom: solid 1px #e2e2e2;
  color: #999;
}
.topnav .tel {
  background: url(../images/8c93139e.png) no-repeat left center;
  padding-left: 25px;
  display: inline-block;
}
.topnav .qq {
  background: url(../images/54759f67.png) no-repeat left center;
  padding-left: 22px;
  margin-left: 25px;
  display: inline-block;
}
.topnav .ico_wechat {
  background: url(../images/70b12237.png) left top no-repeat;
  padding: 0 5px 0 30px;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-right: 5px;
}
.topnav .ico_wechat .weixin {
  width: 150px;
  position: absolute;
  top: 30px;
  right: 0px;
  background: url(../images/b7e3033e.png) no-repeat center top;
  padding-top: 8px;
  display: none;
  line-height: 20px;
  text-align: center;
  color: #666666;
  z-index: 999;
}
.topnav .ico_wechat .weixin p {
  border: 1px solid #022e51;
  float: left;
  line-height: 25px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
}
.topnav .ico_wechat .weixin img {
  max-width: 100%;
}
.topnav .ico_wechat .weixin em {
  font-size: 12px;
}
.topnav .ico_wechat:hover {
  background-position: 0 -38px;
  transition: 0.3s all 0s linear;
  color: #FF0000;
}
.topnav .ico_wechat:hover .weixin {
  display: block;
}
.topnav .ico_map {
  background: url(../images/c7eb149a.png) left top no-repeat;
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 30px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}
.topnav .ico_map:hover {
  background-position: 0 -38px;
  transition: 0.3s all 0s linear;
  color: #FF0000;
}
.topnav .ico_sc {
  background: url(../images/359f02c8.png) left top no-repeat;
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 30px;
  display: inline-block;
}
.topnav .ico_sc:hover {
  background-position: 0 -38px;
  transition: 0.3s all 0s linear;
  color: #FF0000;
}
header {
  height: 90px;
  background: #fff;
  border-bottom: 10px solid #f4f4f4;
}
header .Logo {
  position: relative;
  padding-top: 15px;
}
header .Logo img {
  max-height: 100%;
}
.nav {
  float: right;
  height: 90px;
  position: relative;
}
.nav li {
  height: 50px;
  float: left;
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: center;
  border-right: solid 1px #f4f4f4;
  position: relative;
  color: #e7512f;
}
.nav li a {
  padding-left: 25px;
  padding-right: 25px;
  float: left;
  color: inherit;
}
.nav li span {
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 22px;
  position: relative;
}
.nav li p {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: inherit;
  position: relative;
}
.nav li:nth-of-type(1) .ifont:before {
  content: '\e605';
}
.nav li:nth-of-type(2) .ifont:before {
  content: '\e61c';
}
.nav li:nth-of-type(3) .ifont:before {
  content: '\e8cd';
}
.nav li:nth-of-type(4) .ifont:before {
  content: '\e783';
}
.nav li:nth-of-type(5) .ifont:before {
  content: '\e604';
}
.nav li:nth-of-type(6) .ifont:before {
  content: '\e602';
}
.nav li:nth-of-type(7) .ifont:before {
  content: '\e635';
}
.nav li:nth-of-type(8) .ifont:before {
  content: '\e601';
}
.nav li:hover,
.nav li.on {
  background: #e7512f;
  color: #FFFFFF;
}
.nav li:hover:after,
.nav li.on:after {
  background: #c13715;
}
.nav li:after {
  position: absolute;
  bottom: -10px;
  left: -3px;
  display: inline-block;
  width: 100%;
  height: 10px;
  border-right: 1px #E4E4E4 solid;
  background: transparent;
  content: "";
  transform: skew(-35deg, 0);
}
.nav li:hover dd {
  transition: transform 0.5s;
  transform: rotateY(0deg);
}
.nav dl {
  width: 120%;
  font-size: 13px;
  position: absolute;
  top: 100px;
  left: -7px;
  opacity: 0.96;
}
.nav dl dd {
  height: 45px;
  line-height: 45px;
  border-bottom: solid 1px #c13715;
  background: #e7512f;
  transition: transform 0.5s;
  transform: rotateY(90deg);
  text-align: left;
  color: #FFFFFF;
}
.nav dl dd a {
  color: inherit;
  padding: 0px;
  display: block;
  padding-left: 20px;
}
.nav dl dd:hover {
  color: #FFFFFF;
  background: #c13715;
}
/*网站底部*/
footer {
  background: #1F1F1F;
  padding-top: 28px;
  box-sizing: border-box;
}
footer .Tel {
  float: left;
  width: 280px;
  line-height: 38px;
}
footer .Tel span {
  color: #fff;
  font-size: 22px;
  display: block;
}
footer .Tel em {
  display: block;
  color: #eff815;
  font-size: 28px;
  font-weight: bold;
  font-family: Arial;
  line-height: 36px;
  letter-spacing: 2px;
}
footer .Tel i {
  display: block;
  line-height: 26px;
}
footer dl {
  float: left;
  width: 150px;
}
footer dl dt {
  font-size: 16px;
  color: #efefef;
  line-height: 30px;
  margin-bottom: 6px;
}
footer dl dt:before {
  background: #fff;
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  content: '';
  margin-top: 30px;
}
footer dl dd {
  line-height: 26px;
  display: block;
}
footer .WeiXinRQ {
  float: left;
}
footer .WeiXinRQ img {
  width: 132px;
  height: 132px;
  border: solid 8px #fff;
}
footer .WeiXinRQ span {
  padding-top: 5px;
  display: block;
  text-align: center;
  line-height: 26px;
  color: #fff;
}
footer .WeiXinRQ i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/weixin.png) no-repeat;
  background-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
footer .QQ {
  float: right;
}
footer .QQ img {
  width: 130px;
  height: 130px;
  border: solid 10px #fff;
}
footer .QQ span {
  padding-top: 5px;
  display: block;
  text-align: center;
  line-height: 26px;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  footer .QQ {
    display: none;
  }
}
.Cert {
  text-align: center;
  padding-top: 10px;
  margin-top: 18px;
  border-top: solid 1px #333;
}
.Cert img {
  max-height: 36px;
}
.Cert a {
  margin: 0px 8px;
  display: inline-block;
}
.Copyright {
  padding: 8px 0px;
  text-align: center;
  line-height: 26px;
  display: block;
}
.Links {
  clear: both;
  padding: 8px;
  font-size: 10px;
  overflow: hidden;
}
.Links a {
  margin-right: 5px;
}
/*活动客服*/
.FloatKefu {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 1;
  color: #fff;
  transform: translateY(-50%);
}
.FloatKefu a {
  display: block;
  background: url(../images/footer2.png) no-repeat center 16px #e71118;
  width: 78px;
  height: 30px;
  padding-top: 48px;
  margin-top: 5px;
  text-align: center;
  color: #fff;
}
.FloatKefu a:nth-of-type(2) {
  background-image: url(../images/footer3.png);
}
.FloatKefu a:nth-of-type(3) {
  background-image: url(../images/footer5.png);
}

.FloatKefu a:nth-of-type(4) {
  background-image: url(../images/footer4.png);
}
.FloatKefu a:nth-of-type(5) {
  background: url(../images/footer5.png) no-repeat center 16px #666;
}
.FloatKefu a:hover {
  background-color: #f00;
}
.FloatKefu a:hover span {
  display: block;
}
.FloatKefu .weixin {
  display: none;
  position: absolute;
  margin-left: -200px;
  background: #eee;
  color: #f00;
  line-height: 38px;
  margin-top: -48px;
  font-size: 16px;
  font-weight: bold;
  border: solid 10px #eee;
}
.FloatKefu .weixin i {
  width: 180px;
  height: 180px;
  display: block;
  background: url(../images/weixinrq.png) no-repeat;
  background-size: 180px;
}
.FloatKefu .tel {
  display: none;
  position: absolute;
  font-size: 18px;
  line-height: 58px;
  padding: 10px;
  width: 130px;
  height: 58px;
  margin-left: -150px;
  background: #eee;
  color: #f00;
  margin-top: -48px;
  font-weight: bold;
}
/*内页广告图*/
.Banner {
  width: 100%;
  min-height: 360px;
  position: relative;
  overflow: hidden;
  background: #000;
}
.Banner .pagination {
  position: absolute;
  bottom: 6px;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.Banner .swiper-pagination-bullet {
  margin: 0 6px;
  width: 38px;
  height: 6px;
  border-radius: 0;
  background: #ccc;
  vertical-align: middle;
  opacity: 1;
}
.Banner .swiper-pagination-bullet-active {
  background: #fe011d;
}
.Banner .swiper-slide {
  position: relative;
}
.Banner .swiper-slide a {
  display: block;
  height: 100%;
}
.Location {
  line-height: 60px;
  height: 60px;
  border-bottom: 1px solid #e2e2e2;
}
.Location .Title {
  font-size: 24px;
  line-height: 60px;
  font-weight: normal;
  color: #f6503a;
  height: 60px;
  border-bottom: 1px solid #f6503a;
  display: inline-block;
}
.Location span {
  line-height: 60px;
  float: right;
  height: 60px;
  padding-left: 25px;
  background: url(../images/home1.png) no-repeat left center;
  color: #666;
}
.main {
  position: relative;
  padding-left: 270px;
  box-sizing: border-box;
}
.main .page_left {
  position: absolute;
  left: 0px;
  width: 240px;
  overflow: hidden;
}
.main .page_right {
  border-left: solid 1px #e2e2e2;
  padding: 30px;
  box-sizing: border-box;
  border-right: solid 1px #e2e2e2;
  min-height: 800px;
}
.main .left_menu {
  margin-top: 10px;
}
.main .left_menu li {
  line-height: 50px;
  height: 50px;
  width: 240px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: url(../images/ico_arr05.png) #f6503a no-repeat 95% center;
  font-size: 15px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.main .left_menu li a {
  text-decoration: none;
  padding-left: 20px;
  width: 220px;
  display: block;
}
.main .left_menu li i {
  margin: 0px 3px;
}
.main .left_menu li em {
  text-transform: uppercase;
}
.main .left_menu li:hover,
.main .left_menu li.on {
  color: #fff;
  background-color: #dc3722;
}
.Contact h1 {
  font-size: 28px;
  color: #d6d6d6;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 20px;
  text-align: center;
  animation: fadeInUp ease 0.8s;
  border-bottom: 1px solid #e2e2e2;
}
.Contact h1 span {
  color: #000;
  letter-spacing: 2px;
  font-weight: 500;
}
.Contact h1 i {
  margin: 0px 8px;
}
.Contact .List {
  position: relative;
  margin-top: 38px;
  min-height: 480px;
}
.Contact .List h2 {
  line-height: 38px;
  font-weight: 400;
  font-size: 30px;
  color: #e71118;
  letter-spacing: 3px;
}
.Contact .List .en {
  margin-top: 6px;
  background: linear-gradient(90deg, #fe011d, #f79711);
  color: #fff;
  line-height: 24px;
  padding: 0px 18px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
}
.Contact .List p {
  font-size: 15px;
  line-height: 36px;
  margin-top: 18px;
}
.Contact .List a {
  color: #1a5cf8;
  font-weight: bold;
  text-decoration: underline;
}
.Contact .List i {
  font-size: 20px;
  color: #fe011d;
  font-weight: bold;
  vertical-align: middle;
  margin-right: 6px;
}
.Contact .List img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.Contact .List iframe {
  width: 100%;
  min-height: 480px;
  border: 0px none;
  overflow: auto;
  overflow: hidden;
  margin: 20px 0px;
}
.About h1 {
  font-size: 28px;
  color: #d6d6d6;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 20px;
  text-align: center;
  animation: fadeInUp ease 0.8s;
  border-bottom: 1px solid #e2e2e2;
}
.About h1 span {
  color: #000;
  letter-spacing: 2px;
  font-weight: 500;
}
.About h1 i {
  margin: 0px 8px;
}
.About .List {
  box-sizing: border-box;
  padding: 30px 0px;
  min-height: 480px;
  position: relative;
  font-size: 16px;
  line-height: 28px;
}
.About .List p {
  font-size: inherit;
  line-height: inherit;
}
.About .List img {
  max-width: 100%;
  max-height: 800px;
  margin: 10px auto;
}
.About .List a {
  color: #3273ea;
  text-decoration: underline;
  margin: 0px 3px;
}
/*热门文章*/
.NewsHot {
  background: #fff;
}
.NewsHot .Title {
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
}
.NewsHot .Title h2 {
  font-size: 18px;
  margin-right: 3px;
  display: inline-block;
  border-left: solid 3px #000;
  padding-left: 8px;
}
.NewsHot .Title em {
  font-size: 16px;
  text-transform: uppercase;
  font-style: italic;
  font-family: Palatino Linotype,simsun;
  color: #ccc;
}
.NewsHot li {
  border-top: dashed 1px #ddd;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  line-height: 38px;
}
.NewsHot li i {
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #000;
  background: #ddd;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 5px;
  line-height: 18px;
  text-align: center;
}
.NewsHot li:nth-of-type(1) {
  border-top: none 0px;
}
.NewsHot li:nth-of-type(1) i {
  background: #fe011d;
  color: #fff;
}
.NewsHot li:nth-of-type(2) i {
  background: #fe5a01;
  color: #fff;
}
.NewsHot li:nth-of-type(3) i {
  background: #1875db;
  color: #fff;
}
.NewsHot li:nth-of-type(4) i {
  background: #269705;
  color: #fff;
}
.NewsHot li h3 {
  display: inline-block;
  margin-left: 6px;
}
.left_weixin {
  background: #dc3722;
  font-size: 12px;
  line-height: 25px;
  color: #FFFFFF;
  padding: 10px;
  padding-left: 100px;
  min-height: 90px;
}
.left_weixin img {
  max-width: 80px;
  position: absolute;
  left: 10px;
}
.left_weixin span {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 10px;
  display: block;
}
.Book h1 {
  font-size: 28px;
  color: #d6d6d6;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 20px;
  text-align: center;
  animation: fadeInUp ease 0.8s;
  border-bottom: 1px solid #e2e2e2;
}
.Book h1 span {
  color: #000;
  letter-spacing: 2px;
  font-weight: 500;
}
.Book h1 i {
  margin: 0px 8px;
}
.Book dl {
  padding-top: 20px;
  padding-left: 80px;
  line-height: 38px;
  position: relative;
  box-sizing: border-box;
}
.Book dl dt {
  position: absolute;
  left: 0px;
  font-weight: bold;
}
.Book dl em {
  position: absolute;
  right: 10px;
}
.Book dl select {
  margin-right: 3px;
  line-height: 30px;
  background: #f8f8f8;
}
.Book dl input {
  line-height: 28px;
  background: #f8f8f8;
  width: 100%;
}
.Book dl button {
  background: #feb65b;
  padding: 8px 38px;
}
.Book dl button:hover {
  background: #fe011d;
}
.Book #name,
.Book #phone,
.Book #content {
  width: 180px;
  background: transparent;
  border-radius: 0px;
  line-height: 26px;
}
.Book #content {
  width: 500px;
  min-height: 100px;
}
.Book #SubmitS {
  border-radius: 0px;
  margin-top: 20px;
  line-height: 26px;
  background: #e71118;
  margin-left: 80px;
  padding: 5px 30px;
}
/*新闻列表*/
.News h1 {
  font-size: 28px;
  color: #d6d6d6;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 20px;
  text-align: center;
  animation: fadeInUp ease 0.8s;
  border-bottom: 1px solid #e2e2e2;
}
.News h1 span {
  color: #000;
  letter-spacing: 2px;
  font-weight: 500;
}
.News h1 i {
  margin: 0px 8px;
}
.News dl {
  box-sizing: border-box;
  position: relative;
  padding: 10px;
}
.News dl dt {
  position: absolute;
  text-align: center;
  background: #efefef;
  width: 80px;
  height: 70px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  z-index: 1;
  font-size: 16px;
}
.News dl dt span {
  display: block;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  font-size: 26px;
}
.News dl dt em {
  line-height: 22px;
  color: #999;
}
.News dl dd {
  padding-left: 90px;
  box-sizing: border-box;
  min-height: 70px;
}
.News dl dd h2 {
  font-size: 15px;
  white-space: nowrap;
  color: #000;
  line-height: 20px;
}
.News dl dd p {
  color: #888;
}
.News dl:hover {
  background: #f8f8f8;
}
.News dl:hover dt {
  background: #fe011d;
  color: #fff;
}
.News dl:hover dt span {
  color: #fff;
}
.News dl:hover dt em {
  color: #fff;
}
.News .Line {
  border-top: dotted 1px #ddd;
  clear: both;
}
/*新闻展示*/
.NewsShow h1 {
  line-height: 36px;
  font-size: 28px;
  color: #222;
  font-weight: 400;
}
.NewsShow .Tit {
  height: 36px;
  line-height: 36px;
  color: #888;
  font-size: 13px;
  border-top: solid 1px #ddd;
  margin-top: 8px;
  border-bottom: solid 1px #ddd;
}
.NewsShow .Tit span {
  margin-right: 18px;
}
.NewsShow .Tit i {
  margin: 0px 3px;
  color: #fe011d;
}
.NewsShow .Tit a {
  color: #3273ea;
}
.NewsShow .Box {
  font-size: 12px;
  line-height: 26px;
  padding-top: 5px;
}
.NewsShow .Box .tags a {
  background: #efefef;
  color: #3273ea;
  line-height: 22px;
}
.NewsShow .Box .tags a:hover {
  background: #3273ea;
  color: #fff;
}
.NewsShow .Box .Bar {
  background: #f8f8f8;
  border-left: 3px solid #aaa;
  padding: 10px;
  margin-top: 5px;
  line-height: 20px;
}
.NewsShow .Box .Bar span {
  display: block;
}
.NewsShow .Box .Bar a {
  color: #3273ea;
}
.NewsShow .Imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.NewsShow .Imgs .pagination {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.NewsShow .Imgs .swiper-pagination-bullet {
  margin: 0 6px;
  background: #ccc;
  vertical-align: middle;
  opacity: 1;
}
.NewsShow .Imgs .swiper-pagination-bullet-active {
  background: #fe011d;
}
.NewsShow .Imgs .swiper-slide {
  overflow: hidden;
  position: relative;
}
.NewsShow .Imgs .swiper-slide img {
  margin: 0px auto;
  max-width: 100%;
  max-height: 800px;
}
.NewsShow .List {
  padding-top: 20px;
  font-size: 15px;
  line-height: 28px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.NewsShow .List p {
  font-size: inherit;
  line-height: inherit;
}
.NewsShow .List img {
  max-width: 100%;
  max-height: 800px;
  margin: 10px auto;
}
.NewsShow .List a {
  color: #3273ea;
  text-decoration: underline;
  margin: 0px 3px;
}
.NewsShow .List1 {
  font-size: 15px;
  line-height: 28px;
  color: #1542f3;
}
.NewsShow .List1 h2 {
  color: #333;
  font-size: 20px;
  line-height: 38px;
}
.NewsShow .List1 p {
  font-size: inherit;
  line-height: inherit;
}
.NewsShow .List1 p a {
  color: #fe011d;
  margin: 0px 3px;
}
.NewsShow .List1 span {
  display: block;
  color: #666;
  padding-top: 5px;
}
.NewsShow .share {
  padding: 10px 0px;
  border-bottom: dotted 1px #ddd;
  font-size: 15px;
}
.NewsShow .share a {
  float: right;
}
.NewsShow ul {
  padding-top: 10px;
  color: #333;
}
.NewsShow ul li {
  line-height: 26px;
}
/*相关文章*/
.NewsRelated .Title {
  border-bottom: solid 1px #ddd;
  height: 39px;
}
.NewsRelated .Title h2 {
  font-size: 18px;
  display: inline-block;
  border-bottom: solid 3px #e71118;
  line-height: 38px;
  color: #000;
}
.NewsRelated .Title span {
  float: right;
  padding-top: 15px;
  color: #ddd;
}
.NewsRelated .Title span a {
  color: #888;
  margin: 0px 5px;
}
.NewsRelated li {
  border-bottom: dashed 1px #ddd;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 5px 8px 8px;
  background: url(../images/1.gif) no-repeat center left;
  position: relative;
  box-sizing: border-box;
  width: calc((100% - 30px)/2);
  margin-right: 30px;
}
.NewsRelated li:nth-of-type(2n) {
  margin-right: 0px;
}
.NewsRelated li h3 {
  display: inline-block;
  margin-left: 6px;
}
.NewsRelated li em {
  position: absolute;
  right: 0px;
  color: #AAA;
}
/*案例*/
.Case h1 {
  font-size: 28px;
  color: #d6d6d6;
  text-transform: uppercase;
  line-height: 28px;
  padding-bottom: 20px;
  text-align: center;
  animation: fadeInUp ease 0.8s;
  border-bottom: 1px solid #e2e2e2;
}
.Case h1 span {
  color: #000;
  letter-spacing: 2px;
  font-weight: 500;
}
.Case h1 i {
  margin: 0px 8px;
}
.Case dl {
  width: calc((100% - 60px)/3);
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  overflow: hidden;
  background: #f5f5f5;
  padding: 5px;
  box-sizing: border-box;
}
.Case dl:nth-of-type(3n) {
  margin-right: 0px;
}
.Case dl dt {
  width: 100%;
  height: 160px;
  background: #000;
  animation: zoomIn 0.8s ease 0s both;
}
.Case dl dt img {
  transition: ease 0.6s;
}
.Case dl dd {
  position: relative;
  padding: 10px 5px;
  box-sizing: border-box;
  color: #000;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
.Case dl:hover {
  background: #e7512f;
  color: #fff;
}
.Case dl:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.Case dl:hover dd {
  color: #fff;
}
.Case .PageList a {
  background: #fff;
}
/*案例展示*/
.CaseShow h1 {
  line-height: 36px;
  font-size: 28px;
  color: #222;
  font-weight: 400;
}
.CaseShow .Tit {
  height: 36px;
  line-height: 36px;
  color: #888;
  font-size: 13px;
  border-top: solid 1px #ddd;
  margin-top: 8px;
  border-bottom: solid 1px #ddd;
}
.CaseShow .Tit span {
  margin-right: 18px;
}
.CaseShow .Tit i {
  margin: 0px 3px;
  color: #fe011d;
}
.CaseShow .Tit a {
  color: #3273ea;
}
.CaseShow .Box {
  font-size: 12px;
  line-height: 26px;
  padding-top: 5px;
}
.CaseShow .Box .tags a {
  background: #efefef;
  color: #3273ea;
  line-height: 22px;
}
.CaseShow .Box .tags a:hover {
  background: #3273ea;
  color: #fff;
}
.CaseShow .Box .Bar {
  background: #f8f8f8;
  border-left: 3px solid #aaa;
  padding: 10px;
  margin-top: 5px;
  line-height: 20px;
}
.CaseShow .Box .Bar span {
  display: block;
}
.CaseShow .Box .Bar a {
  color: #3273ea;
}
.CaseShow .Imgs {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
}
.CaseShow .Imgs img {
  margin: 20px auto;
  max-width: 100%;
  max-height: 800px;
}
.CaseShow .List {
  padding-top: 20px;
  font-size: 15px;
  line-height: 28px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.CaseShow .List p {
  font-size: inherit;
  line-height: inherit;
}
.CaseShow .List img {
  max-width: 100%;
  max-height: 800px;
  margin: 10px auto;
}
.CaseShow .List a {
  color: #3273ea;
  text-decoration: underline;
  margin: 0px 3px;
}
.CaseShow .List1 {
  font-size: 15px;
  line-height: 28px;
  color: #1542f3;
}
.CaseShow .List1 h2 {
  color: #333;
  font-size: 20px;
  line-height: 38px;
}
.CaseShow .List1 p {
  font-size: inherit;
  line-height: inherit;
}
.CaseShow .List1 p a {
  color: #fe011d;
  margin: 0px 3px;
}
.CaseShow .List1 span {
  display: block;
  color: #666;
  padding-top: 5px;
}
.CaseShow .share {
  padding: 10px 0px;
  border-bottom: dotted 1px #ddd;
  font-size: 15px;
}
.CaseShow .share a {
  float: right;
}
.CaseRelated .Title {
  border-bottom: solid 1px #ddd;
  height: 39px;
}
.CaseRelated .Title h2 {
  font-size: 18px;
  display: inline-block;
  border-bottom: solid 3px #e71118;
  line-height: 38px;
  color: #000;
}
.CaseRelated .Title a {
  float: right;
  padding-top: 15px;
  color: #888;
}
.CaseRelated dl {
  width: calc((100% - 60px)/3);
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  overflow: hidden;
  background: #f5f5f5;
  padding: 5px;
  box-sizing: border-box;
}
.CaseRelated dl:nth-of-type(3n) {
  margin-right: 0px;
}
.CaseRelated dl dt {
  width: 100%;
  height: 160px;
  background: #000;
  animation: zoomIn 0.8s ease 0s both;
}
.CaseRelated dl dt img {
  transition: ease 0.6s;
}
.CaseRelated dl dd {
  position: relative;
  padding: 10px 5px;
  box-sizing: border-box;
  color: #000;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
.CaseRelated dl:hover {
  background: #e7512f;
  color: #fff;
}
.CaseRelated dl:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.CaseRelated dl:hover dd {
  color: #fff;
}
.jingjia1 {
  background: #f1f3ff;
}
.jingjia1 img {
  float: left;
  margin-top: 30px;
}
.jingjia1 .List {
  float: left;
  padding-left: 80px;
}
.jingjia1 h1 {
  font-size: 34px;
  margin-bottom: 18px;
  margin-top: 30px;
  color: #000;
}
.jingjia1 h1 span {
  color: #fb0101;
  font-size: 34px;
  margin-left: 20px;
  vertical-align: middle;
}
.jingjia1 h1 i {
  font-size: 20px;
  color: #bbb1b1;
  margin-left: 20px;
  text-decoration: line-through;
}
.jingjia1 p {
  font-size: 18px;
  line-height: 36px;
}
.jingjia2 {
  padding-top: 50px;
}
.jingjia2 .Title {
  text-align: center;
  overflow: hidden;
  padding-top: 30px;
  position: relative;
}
.jingjia2 .Title p {
  font-size: 18px;
  color: #3f3f3f;
  margin: 0;
  line-height: 22px;
}
.jingjia2 .Title h2 {
  font-size: 40px;
  line-height: 48px;
}
.jingjia2 .Title h2 em {
  color: #ff5d00;
}
.jingjia2 .Title i {
  background: url(../images/64cbc644.png) no-repeat center center;
  display: block;
  height: 10px;
}
.jingjia2 li {
  float: left;
  overflow: hidden;
  background: url(../images/c49a1a91.png) no-repeat;
  background-size: 100% 100%;
  height: 200px;
  position: relative;
  width: calc((100% - 450px)/4);
  margin-right: 150px;
  margin-top: 30px;
}
.jingjia2 li i {
  background: url(../images/1cf2381d.png) no-repeat center 0px;
  width: 56px;
  height: 42px;
  display: block;
  margin: 50px auto 0px;
}
.jingjia2 li span {
  color: #333;
  font-size: 20px;
  display: block;
  text-align: center;
  margin-top: 15px;
}
.jingjia2 li em {
  display: block;
  font-size: 12px;
  color: #ccc;
  text-align: center;
}
.jingjia2 li:hover {
  background-image: url(../images/f79ccc3e.png);
}
.jingjia2 li:hover i {
  background-position: 0 -49px;
  transition: all 0.5s ease 0s;
}
.jingjia2 li:hover span {
  color: #fff;
}
.jingjia2 li:nth-of-type(2) i {
  background-image: url(../images/1cf2341c.png);
}
.jingjia2 li:nth-of-type(3) i {
  background-image: url(../images/1cf2301b.png);
}
.jingjia2 li:nth-of-type(4) {
  margin-right: 0px;
}
.jingjia2 li:nth-of-type(4) i {
  background-image: url(../images/1cf20a22.png);
}
.jingjia2 li:nth-of-type(5) i {
  background-image: url(../images/1cf22721.png);
}
.jingjia2 li:nth-of-type(6) i {
  background-image: url(../images/1cf22320.png);
}
.jingjia2 li:nth-of-type(7) i {
  background-image: url(../images/1cf21f1f.png);
}
.jingjia2 li:nth-of-type(8) {
  margin-right: 0px;
}
.jingjia2 li:nth-of-type(8) i {
  background-image: url(../images/1cf23d26.png);
}
.jingjia3 {
  background: #262626;
  padding: 30px 0px;
  overflow: hidden;
  background: url(../images/8f1496d1.png) no-repeat center 300px #262626;
  margin-top: 50px;
}
.jingjia3 h3 {
  padding: 0 30px;
  border: 2px solid #f60;
  border-radius: 30px;
  margin-top: 25px;
  margin-bottom: 35px;
  display: inline-block;
  text-align: center;
  line-height: 56px;
  font-size: 30px;
  color: #fff;
}
.jingjia3 h3 font {
  color: #ff5d00;
}
.jingjia3 .jj_left {
  float: left;
}
.jingjia3 .jj_left ul {
  background: url(../images/97613c62.png) no-repeat;
}
.jingjia3 .jj_left ul li {
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #fff;
  padding-left: 30px;
}
.jingjia3 .jj_left h4 {
  font-size: 35px;
  color: #ff5d00;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  margin-top: 30px;
}
.jingjia3 .jj_left p {
  color: #fff;
}
.jingjia3 .jj_right {
  background: url(../images/2aac7071.png) no-repeat right 232px;
  float: right;
}
.jingjia3 .jj_right h3 {
  border-color: #fff;
  padding: 0 50px;
}
.jingjia3 .jj_right li {
  height: 35px;
  line-height: 35px;
  color: #fff;
  font-size: 15px;
}
.jingjia3 .jj_right li font {
  border-radius: 50%;
  background: #f60;
  height: 21px;
  width: 21px;
  margin-top: 8px;
  text-align: center;
  line-height: 21px;
  display: inline-block;
  margin-right: 10px;
}
.jingjia3 .jj_right a {
  color: #ff5d00;
  background: url(../images/bfeefe0d.png) no-repeat;
  margin-left: 110px;
  width: 208px;
  text-align: center;
  padding-top: 15px;
  height: 79px;
  font-size: 18px;
  margin-top: 245px;
  display: block;
}
.jingjia4 .toptitle {
  text-align: center;
  overflow: hidden;
  padding: 30px 0px;
  position: relative;
}
.jingjia4 .toptitle h3 {
  font-size: 18px;
  color: #3f3f3f;
  margin: 0;
}
.jingjia4 .toptitle h2 {
  display: block;
  font-size: 40px;
  color: #333;
  margin: 0;
  line-height: 1.3em;
}
.jingjia4 .toptitle h2 font {
  color: #ff5d00;
}
.jingjia4 .toptitle small {
  color: #ccc;
  font-size: 12px;
}
.jingjia4 .toptitle i {
  background: url(../images/64cbc644.png) no-repeat center center;
  display: block;
  height: 10px;
}
.jingjia4 .jjfnleft {
  height: 454px;
  float: left;
  width: 50%;
}
.jingjia4 .jjfnleft .item {
  height: 50%;
  padding-top: 50px;
  color: #fff;
  font-size: 16px;
  padding-left: 200px;
  text-align: left;
  line-height: 30px;
  box-sizing: border-box;
}
.jingjia4 .jjfnleft .jf_p1 {
  background: url(../images/65d2ef48.png) no-repeat 30px 80px #262626;
}
.jingjia4 .jjfnleft .jf_p2 {
  background: url(../images/65d2eb47.png) no-repeat 30px 50px #000;
}
.jingjia4 .jjfnright {
  height: 454px;
  background: #ff5d00;
  overflow: hidden;
  float: right;
  width: 50%;
}
.jingjia4 .jjfnright p {
  margin: 20px;
  text-align: left;
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.jingjia4 .jjfanfa {
  padding-top: 50px;
  text-align: center;
}
.jingjia4 .jjfanfa1 {
  padding-top: 45px;
  overflow: hidden;
}
.jingjia5 {
  background: #f3f3f3;
  padding: 80px 0;
  margin-top: 50px;
}
.jingjia5 .jj_jianjie1 {
  padding: 30px 0;
}
.jingjia5 .jj_jianjie2 h3 {
  font-size: 40px;
  color: #000;
  text-align: center;
  line-height: 1.3em;
}
.jingjia5 .jj_jianjie2 h3 font {
  color: #ff5d00;
}
.jingjia5 .jj_jianjie2 span {
  display: block;
  font-size: 18px;
  color: #000;
  text-align: center;
  line-height: 28px;
}
.jingjia5 .jj_jianjie2 ul {
  margin-top: 30px;
}
.jingjia5 .jj_jianjie2 ul li {
  text-align: center;
  line-height: 98px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  width: 25%;
  padding: 0 5px;
  float: left;
  box-sizing: border-box;
}
.jingjia5 .jj_jianjie2 ul .n1 {
  background: #dd050d;
}
.jingjia5 .jj_jianjie2 ul .n2 {
  background: #ee3b13;
}
.jingjia5 .jj_jianjie2 ul .n3 {
  background: #ef9414;
}
.jingjia5 .jj_jianjie2 ul .n4 {
  background: #0cc1b2;
}
.jingjia5 .jj_txt {
  padding: 10px;
  clear: both;
  background: url(../images/a2a9652e.png) no-repeat left center;
  margin-top: 30px;
}
.jingjia5 .jj_txt ul {
  margin-left: 482px;
  padding-top: 60px;
}
.jingjia5 .jj_txt ul li {
  padding-left: 55px;
  position: relative;
  color: #666;
  margin-bottom: 30px;
  line-height: 26px;
}
.jingjia5 .jj_txt ul li span {
  width: 44px;
  height: 44px;
  color: #fff;
  line-height: 44px;
  font-size: 24px;
  text-align: center;
  background: #ff5d00;
  position: absolute;
  left: 0;
}
.jingjia5 .jj_txt ul li font {
  font-size: 24px;
  color: #ff5d00;
  display: block;
}

.jingjia7 .toptitle {
  text-align: center;
  overflow: hidden;
  padding: 30px 0px;
  position: relative;
}
.jingjia7 .toptitle h3 {
  font-size: 18px;
  color: #3f3f3f;
  margin: 0;
}
.jingjia7 .toptitle h2 {
  display: block;
  font-size: 40px;
  color: #333;
  margin: 0;
  line-height: 1.3em;
}
.jingjia7 .toptitle h2 font {
  color: #ff5d00;
}
.jingjia7 .toptitle small {
  color: #ccc;
  font-size: 12px;
}
.jingjia7 .toptitle i {
  background: url(../images/64cbc644.png) no-repeat center center;
  display: block;
  height: 10px;
}
.jingjia7 .jj_yunying2 {
  margin: 0px 70px;
}
.jingjia7 .jj_yunying1 {
  padding-top: 20px;
  margin: auto;
  max-width: 1000px;
}
.jingjia7 .jj_yunying2 {
  background: url(../images/8da16c64.jpg) no-repeat right bottom;
  margin: 0px 10px 30px;
  padding-top: 10px;
}
.jingjia7 .jj_yunying2 ul {
  background: url(../images/a32db0f9.jpg) no-repeat;
}
.jingjia7 .jj_yunying2 ul li {
  height: 84px;
}
.jingjia7 .jj_yunying2 p {
  padding-left: 70px;
  font-size: 12px;
  color: #000;
}
.jingjia7 .jj_yunying2 p font {
  color: #ff5d00;
}
.jingjia7 .jj_yunying2 p b {
  display: block;
  font-size: 18px;
  color: #ff5d00;
}
.jingjia8 .toptitle {
  text-align: center;
  overflow: hidden;
  padding: 30px 0px;
  position: relative;
}
.jingjia8 .toptitle h3 {
  font-size: 18px;
  color: #3f3f3f;
  margin: 0;
}
.jingjia8 .toptitle h2 {
  display: block;
  font-size: 40px;
  color: #333;
  margin: 0;
  line-height: 1.3em;
}
.jingjia8 .toptitle h2 font {
  color: #ff5d00;
}
.jingjia8 .toptitle small {
  color: #ccc;
  font-size: 12px;
}
.jingjia8 .toptitle i {
  background: url(../images/64cbc644.png) no-repeat center center;
  display: block;
  height: 10px;
}
.jingjia8 .liudayunying {
  margin-top: 50px;
}
.jingjia8 .liudayunying li {
  margin-bottom: 25px;
  color: #000;
  width: calc((100% - 90px)/3);
  float: left;
  margin-right: 30px;
}
.jingjia8 .liudayunying li:nth-of-type(3n) {
  margin-right: 0px;
}
.jingjia8 .liudayunying ul li .bd {
  background: #f7f7f7;
}
.jingjia8 .liudayunying ul li p font {
  color: #ff5d00;
}
.jingjia8 .liudayunying h4 {
  text-align: center;
}
.jingjia8 .liudayunying h3 {
  background: url(../images/343bc36c.png) no-repeat left top;
  padding-top: 35px;
  height: 95px;
  font-size: 20px;
  color: #ff5d00;
  padding-left: 75px;
  font-weight: bold;
  margin: 0;
  line-height: 25px;
  box-sizing: border-box;
}
.jingjia8 .liudayunying p {
  padding: 20px;
  line-height: 25px;
  background: url(../images/ff18285f.png) no-repeat center bottom;
  background-size: contain;
  height: 330px;
}
.jingjia8 .ldy2 h3 {
  background-image: url(../images/343bcf6f.png);
}
.jingjia8 .ldy2 p {
  background-image: url(../images/3f9208fa.png);
}
.jingjia8 .ldy3 h3 {
  background-image: url(../images/343bcb6e.png);
}
.jingjia8 .ldy3 p {
  background-image: url(../images/800be995.png);
}
.jingjia8 .ldy4 h3 {
  background-image: url(../images/343bb671.png);
}
.jingjia8 .ldy4 p {
  background-image: url(../images/e8c6bb58.png);
}
.jingjia8 .ldy5 h3 {
  background-image: url(../images/343bb270.png);
}
.jingjia8 .ldy5 p {
  background-image: url(../images/9338a0f3.png);
}
.jingjia8 .ldy6 h3 {
  background-image: url(../images/343bbe73.png);
}
.jingjia8 .ldy7 p {
  background-image: url(../images/d3b2818e.png);
}
.jingjia9 {
  background: url(../images/7326b0f3.jpg) no-repeat no-repeat center top;
  background-size: cover;
  margin-top: 50px;
  padding-top: 30px;
}
.jingjia9 h3 {
  font-size: 38px;
  color: #fff;
  text-align: center;
  line-height: 1.3;
}
.jingjia9 h3 font {
  color: #ff5d00;
  display: block;
}
.jingjia9 .List {
  padding-bottom: 50px;
  margin-top: 30px;
  height: 420px;
  position: relative;
  overflow: hidden;
}
.jingjia9 .List .swiper-pagination {
  position: absolute;
  bottom: 10px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.jingjia9 .List .swiper-pagination .pagination {
  position: static;
}
.jingjia9 .List .swiper-pagination .swiper-pagination-bullet {
  margin: 0 6px;
  width: 38px;
  height: 6px;
  border-radius: 0;
  background: #ccc;
  vertical-align: middle;
  opacity: 1;
}
.jingjia9 .List .swiper-pagination .swiper-pagination-bullet-active {
  background: #da0502;
}
.jingjia9 .List .swiper-slide {
  text-align: center;
}
.jingjia9 .List .swiper-slide img {
  margin: 0px auto;
}
.jingjia10 {
  padding: 80px 0px;
}
.jingjia10 .jj_fk {
  padding: 30px 0;
}
.jingjia10 .jj_fkleft {
  text-align: center;
  overflow: hidden;
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.jingjia10 .jj_fkleft h3 {
  font-size: 26px;
  font-weight: bold;
  color: #ff5d00;
  margin: 0 0 50px;
  line-height: 38px;
}
.jingjia10 .jj_fkright {
  float: right;
  width: 50%;
}
.jingjia10 .jj_fkright h3 {
  font-size: 40px;
  color: #000;
  margin: 0;
  line-height: 58px;
}
.jingjia10 .jj_fkright h3 font {
  font-size: 48px;
  color: #ff5d00;
}
.jingjia10 .jj_fkright span {
  font-size: 14px;
  color: #666;
}
.jingjia10 .jj_xm1 {
  margin-top: 20px;
  text-indent: 75px;
  font-size: 14px;
  color: #666;
  height: 50px;
  padding: 10px 0px;
  width: 358px;
  border: none;
  background: no-repeat 15px center #efefef;
}
.jingjia10 .txtsites1 {
  background-image: url(../images/1a49f8a0.png);
}
.jingjia10 .txtfw1 {
  background-image: url(../images/dbb795f2.png);
}
.jingjia10 .txtphones1 {
  background-image: url(../images/9b3dc1d8.png);
}
.jingjia10 .submtj {
  background: url(../images/3db9ee4e.jpg) no-repeat;
  width: 167px;
  height: 63px;
  border: none;
  cursor: pointer;
  vertical-align: middle;
}
.jingjia10 .jj_midtxt4 {
  margin-top: 20px;
}
.platform-list {
  padding-top: 30px;
  text-align: center;
  font-size: 16px;
}
.platform-list table {
  border-collapse: separate;
}
.platform-list .top-td {
  background-color: #888888;
  color: #fff;
  border-left: 1px solid #a8a8a8;
}
.platform-list .top .ios {
  border-radius: 10px 0 0 0;
}
.platform-list .top .pc {
  background-color: #e82828;
  border-radius: 0 10px 0 0;
  color: #fff;
  font-size: 36px;
  border-bottom: 1px solid #c90000;
  height: 94px;
  line-height: 94px;
  width: auto;
}
.platform-list .content-tr {
  height: 98px;
}
.platform-list .content-tr td {
  color: #626262;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  line-height: 35px;
  padding: 0 10px;
}
.platform-list .content-tr .one {
  border-radius: 10px 0 0 0;
  border-top: 1px solid #e4e4e4;
}
.platform-list .content-tr .first {
  background-color: #f5f5f5;
  line-height: 1.2;
}
.platform-list .content-tr td.tdbgred {
  color: #fff;
  background: #E82828;
  border-bottom: 1px solid #c90000;
  line-height: 35px;
}
.platform-list .content-tr td.tdbg {
  color: #626262;
  background: #f5f5f5;
}
.kuaipai2 {
  text-align: center;
  color: #fff;
  background: url(../images/e2646af.jpg);
  height: 340px;
  width: 100%;
  margin-top: 80px;
  padding: 50px 0px;
}
.kuaipai2 h2 {
  font-size: 40px;
  line-height: 1.1;
}
.kuaipai2 p {
  line-height: 30px;
  line-height: 40px;
  font-size: 25px;
  margin-top: 20px;
}
.main1 {
  background: #f9f9f9;
  padding: 30px 0px;
}
.main1 .Title {
  margin-top: 40px;
  text-align: center;
}
.main1 .Title h2 {
  height: 50px;
  line-height: 50px;
  font-size: 36px;
  color: #e7512f;
  font-weight: normal;
  padding-bottom: 15px;
  background: url(../images/56a4daad.png) no-repeat center bottom;
}
.main1 .Title p {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #848484;
  text-transform: uppercase;
}
.main1 .List1 {
  margin-top: 20px;
}
.main1 .List1 li {
  padding: 20px;
  float: left;
  width: 25%;
  border: 1px solid #e2e2e2;
  background: #FFFFFF;
  position: relative;
  margin-left: -1px;
  box-sizing: border-box;
  box-shadow: 0 0 27px 3px rgba(179, 188, 198, 0.25);
}
.main1 .List1 li i {
  width: 100px;
  height: 40px;
  margin: 0px auto;
  background: #e7512f;
  color: #FFFFFF;
  font-size: 40px;
  line-height: 40px;
  border-radius: 50%;
  padding: 30px 0px;
  display: block;
  text-align: center;
}
.main1 .List1 li i img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
}
.main1 .List1 li h3 {
  line-height: 50px;
  height: 50px;
  text-align: center;
  font-size: 18px;
  color: #333333;
}
.main1 .List1 li p {
  line-height: 25px;
  color: #666666;
  height: 70px;
  overflow: hidden;
}
.main1 .List1 li .More {
  width: 120px;
  line-height: 40px;
  height: 40px;
  display: block;
  margin: 0px auto;
  color: #FFFFFF;
  background: #e7512f;
  font-size: 14px;
  text-align: center;
}
.main1 .Title1 {
  line-height: 45px;
  font-size: 13px;
  height: 45px;
  padding-top: 10px;
}
.main1 .Title1 h2 {
  font-size: 24px;
  color: #f6503a;
  float: left;
  padding-right: 15px;
  font-weight: 600;
  line-height: 45px;
}
.main1 .Title1 p {
  font-style: normal;
  float: left;
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  line-height: 45px;
}
.main1 .List2 {
  margin-top: 10px;
}
.main1 .List2 li {
  float: left;
  width: 20%;
  border: 1px solid #e2e2e2;
  background-color: #FFFFFF;
  position: relative;
  margin-left: -1px;
  box-sizing: border-box;
}
.main1 .List2 li img {
  max-width: 100%;
}
.main1 .List2 li h3 {
  height: 90px;
  width: 90px;
  line-height: 40px;
  text-align: center;
  color: #e7512f;
  background: #FFFFFF;
  position: absolute;
  bottom: 10px;
  left: 71px;
  border-radius: 50%;
  opacity: 0.96;
  line-height: 90px;
  font-weight: bold;
}
.main1 .List2 li:hover h3 {
  background: #e7512f;
  color: #fff;
}
.main2 {
  padding: 40px 0px;
  background: #eeeeee 80ex center;
}
.main2 .Title {
  text-align: center;
}
.main2 .Title h2 {
  height: 50px;
  line-height: 50px;
  font-size: 36px;
  color: #e7512f;
  font-weight: normal;
  padding-bottom: 15px;
  background: url(../images/56a4daad.png) no-repeat center bottom;
}
.main2 .Title p {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #848484;
  text-transform: uppercase;
}
.main2 ul {
  position: relative;
}
.main2 ul li {
  margin: 10px 20px;
  float: left;
  width: 200px;
}
.main2 ul li span {
  background: url(../images/35b30a08.png) no-repeat center center;
  text-align: center;
  height: 60px;
  width: 160px;
  margin: 0px 20px;
  padding: 50px 0px;
  display: block;
}
.main2 ul li span img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.main2 ul li h3 {
  font-size: 18px;
  line-height: 40px;
  color: #f6503a;
  float: left;
  height: 40px;
  width: 200px;
  margin-top: 15px;
  font-weight: bold;
  text-align: center;
}
.main2 ul li p {
  line-height: 25px;
  color: #666666;
  text-align: center;
  float: left;
  width: 200px;
}
.main3 {
  padding: 40px 60px;
  box-sizing: border-box;
  position: relative;
  min-height: 330px;
}
.main3 img {
  position: absolute;
  left: 0px;
}
.main3 .List {
  padding-left: 320px;
}
.main3 .List .why1 {
  font-size: 18px;
  color: #666666;
  text-align: right;
  line-height: 28px;
  margin-top: 60px;
}
.main3 .List span {
  font-size: 36px;
  font-weight: bold;
  padding-top: 10px;
  display: block;
  text-align: right;
  line-height: 46px;
  color: #000;
}
.main3 .List span b {
  color: #e7512f;
}
.main3 .List .why2 {
  font-size: 16px;
  color: #666666;
  text-align: right;
  padding-top: 10px;
  line-height: 28px;
}
.main3 .List .More {
  width: 500px;
  height: 60px;
  border: solid 1px red;
  margin-left: 160px;
  background: #e7512f;
  border: solid 1px #e7512f;
  border-radius: 40px;
  margin-top: 25px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  display: block;
}
.main4 {
  padding: 40px 0px;
}
.main4 .Title {
  padding: 0px 10px;
}
.main4 .Title h2 {
  font-size: 36px;
  line-height: 60px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  height: 60px;
}
.main4 .Title p {
  line-height: 30px;
  height: 30px;
  color: #999999;
  text-align: center;
}
.main4 li {
  padding: 10px;
  float: left;
  width: calc((100% - 80px)/4);
  background-color: #f5f5f5;
  margin: 10px;
  box-sizing: border-box;
}
.main4 li span {
  text-align: center;
  height: 80px;
  line-height: 30px;
  font-size: 16px;
  color: #f6503a;
  display: block;
}
.main4 li span i {
  height: 100px;
  line-height: 80px;
  font-size: 50px;
  font-style: normal;
  font-weight: bold;
}
.main4 li p {
  line-height: 30px;
  color: #666666;
  padding: 5px;
}
.main4 .More {
  width: 300px;
  height: 60px;
  border: solid 1px red;
  background: #e7512f;
  border: solid 1px #e7512f;
  border-radius: 40px;
  display: block;
  font-size: 26px;
  line-height: 60px;
  color: #FFFFFF;
  text-align: center;
  margin: 25px auto 0px;
}


.main5 {
  padding: 30px 0px;
  background: url(../images/b2cf39d1.jpg) repeat-x center;
}
.main5 .Title h2 {
  font-size: 36px;
  line-height: 60px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  height: 60px;
  width: 100%;
}
.main5 .Title p {
  line-height: 30px;
  height: 30px;
  width: 520px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  color: #CCCCCC;
  text-align: center;
}
.main5 dl {
  width: calc((100% - 60px)/4);
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  overflow: hidden;
  background: #fff;
  padding: 5px;
  box-sizing: border-box;
}
.main5 dl:nth-of-type(4n) {
  margin-right: 0px;
}
.main5 dl dt {
  width: 100%;
  height: 168px;
  background: #000;
  animation: zoomIn 0.8s ease 0s both;
}
.main5 dl dt img {
  transition: ease 0.6s;
}
.main5 dl dd {
  position: relative;
  padding: 10px 5px;
  box-sizing: border-box;
  color: #000;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}
.main5 dl:hover {
  background: #e7512f;
  color: #fff;
}
.main5 dl:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.main5 dl:hover a {
  color: #fff;
}
.main5 .More {
  width: 300px;
  height: 60px;
  border: solid 1px red;
  background: #e7512f;
  border: solid 1px #e7512f;
  border-radius: 40px;
  display: block;
  font-size: 26px;
  line-height: 60px;
  color: #FFFFFF;
  text-align: center;
  margin: 25px auto 0px;
}
.main6 {
  background: #f9f9f9;
  padding: 30px 0px;
}
.main6 .Title {
  text-align: center;
}
.main6 .Title h2 {
  height: 50px;
  line-height: 50px;
  font-size: 36px;
  color: #e7512f;
  font-weight: normal;
  padding-bottom: 15px;
  background: url(../images/56a4daad.png) no-repeat center bottom;
}
.main6 .Title p {
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #848484;
  text-transform: uppercase;
}
.main6 .List {
  margin-top: 20px;
}
.main6 .dd1 {
  background: #FFFFFF;
  padding: 10px;
  float: left;
  width: 280px;
  box-shadow: 0 0 27px 3px rgba(179, 188, 198, 0.25);
  margin-right: 10px;
}
.main6 .dd1 dt {
  width: 100%;
  height: 170px;
  background: #000;
  animation: zoomIn 0.8s ease 0s both;
}
.main6 .dd1 dt img {
  transition: ease 0.6s;
}
.main6 .dd1 dd {
  position: relative;
  padding: 10px 0px;
  box-sizing: border-box;
}
.main6 .dd1 dd h3 {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}
.main6 .dd1 dd p {
  color: #888;
  display: block;
  padding: 5px 0px;
  min-height: 88px;
  line-height: 26px;
}
.main6 .dd1 dd em {
  background: url(../images/184afe4c.png) no-repeat left center;
  padding-left: 20px;
  font-size: 13px;
  color: #888;
}
.main6 .dd1 .More {
  width: 120px;
  line-height: 30px;
  height: 30px;
  border: solid 1px #f6503a;
  text-align: center;
  float: right;
  font-style: normal;
  color: #f6503a;
  display: inline-block;
}
.main6 .bg {
  background: #FFFFFF;
  float: right;
  width: calc(100% - 620px);
  box-sizing: border-box;
}
.main6 .dd2 {
  box-sizing: border-box;
  position: relative;
  padding: 10px 10px 0px;
}
.main6 .dd2 dt {
  position: absolute;
  text-align: center;
  background: #f5f5f5;
  width: 80px;
  height: 70px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  z-index: 1;
}
.main6 .dd2 dt span {
  display: block;
  font-weight: bold;
  color: #000;
  line-height: 30px;
  font-size: 26px;
}
.main6 .dd2 dt em {
  line-height: 22px;
  color: #999;
}

.main6 .dd2 dd {
  padding-left: 90px;
  box-sizing: border-box;
  min-height: 80px;
  border-bottom: solid 1px #ddd;
}
.main6 .dd2 dd h3 {
  font-size: 15px;
  white-space: nowrap;
  color: #000;
  line-height: 20px;
}
.main6 .dd2 dd p {
  color: #888;
  font-size: 13px;
}
.main6 .dd2:hover {
  background: #f8f8f8;
}
.main6 .dd2:hover dt {
  background: #fe011d;
  color: #fff;
}
.main6 .dd2:hover dt span {
  color: #fff;
}
.main6 .dd2:hover dt em{
  color: #fff;
}
.foot {
  background: #2b2b2b;
}
.foot>div.d1 {
  width: 1094px;
  height: auto;
  padding-bottom: 2px;
  line-height: 25px;
  margin: auto;
}
.xian{
  border-bottom: 1px solid #363636;
}
.foot>div.d1>a {
  color: #fff;
  margin-right: 47px;
  width: 6rem;
  float: left;
}
.foot>div.d1>font {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  display: block;
  line-height: 52px;
  margin-top: 25px;
}
.foot>div.d3 {
  padding: 20px 0;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  background: #2b2b2b;
  color: #ffffff;
}
.foot>div.d3 a {
  color: #fff;
}
.pagination{margin: 0;
  padding: 0;
  float: left;
  position: relative;
  left: 50%;}

.active span {
  display: inline-block;
  margin: 0px 2px;
  padding: 0 1em;
  color: #fff;
  line-height: 35px;
  border-radius: 3px;
  transition: .3s ease-out;
  background: #1685ca;
  border-color: #1685ca;
}
.pagination li {
  float: left;
  list-style-type: none;
  position: relative;
  right: 50%;
}
.disabled span {
  display: inline-block;
  margin: 0px 2px;
  border: 1px solid #ededed;
  padding: 0 1em;
  color: #666;
  line-height: 35px;
  border-radius: 3px;
  transition: .3s ease-out;
}
.Page002193 a {
  display: inline-block;
  margin: 0px 2px;
  border: 1px solid #ededed;
  padding: 0 1em;
  color: #666;
  line-height: 35px;
  border-radius: 3px;
  transition: .3s ease-out;
}