@charset "UTF-8";
body, html {
  font-family: "Source Han Sans CN","Microsoft YaHei","微軟正黑體", "Microsoft JhengHei","Helvetica Neue", Helvetica, "Heiti SC",Arial, sans-serif;
}

@font-face {
  font-family: 'BEBAS';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff2") format("woff2"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
body {  overflow: hidden;  position: relative;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}

.ovh-f {  width: 100%;  height: 100%;  position: fixed;  left: 0;  top: 0;}
.w1560 {width: 1560px;margin: 0 auto;}
.w1420 {width: 1420px;margin: 0 auto;}
.w1200 {width: 1200px;margin: 0 auto;}
.wcase {width:82%;margin: 0 auto;}

.header2 {  height: 55px;  position: relative;  background: #fff;  z-index: 22;  width: 100%;  display: none;}
.header2 .main-wrap {  height: 55px;  padding: 0 3%;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header2 .logo {  width: 240px;  height: 55px;  line-height: 55px;  overflow: hidden;}
.header2 .logo a {  display: block;}
.header2 .logo img {  width: 100%;  vertical-align: middle;}
.header2 .nav-btn {  width: 35px;  height: 25px;  position: relative;  cursor: pointer;  margin-top: .5rem;}
.header2 .nav-btn .line { display: block; width: 100%; height: 3px; border-radius: 3px; background-color: #ababab; position: absolute;left: 0;}
.header2 .nav-btn .line1 { transform-origin: left 0px 0;}
.header2 .nav-btn .line2 {  top: 11px;}
.header2 .nav-btn .line3 {  bottom: 0;  transform-origin: left 4px 0;}
.header2 .nav-btn.active {  animation: rotate 0.5s linear 0s;}
.header2 .nav-btn.active .line1 {  top: 0px;}
.header2 .nav-btn.hover .line {  background: #d6c1aa;}
.header2 .sub-menu {  width: 100%;  padding: 0 3%;  display: none;  position: absolute;  left: 0;  top: 60px;  z-index: 2;  height: calc(100vh - 55px - 1rem);  overflow-y: auto;  overflow-x: hidden;}
.header2 .sub-menu ul {  width: 100%;  overflow-x: hidden;  /*overflow-y: scroll;  height: calc(100vh - 55px - 1.5rem);*/}
.header2 .sub-menu li {  border-bottom: 1px solid #dcdcdc;  font-size: 16px;}
.header2 .sub-menu .tit {  display: block;  width: 100%;  padding: 0 3%;  line-height: 60px;  color: #000;  position: relative;  box-sizing: border-box;}
.header2 .sub-menu .titx {  display: block;  width: 100%;  padding: 0 3%;  line-height: 60px;  color: #000;  position: relative;  border-bottom: 1px solid #dcdcdc;}
.header2 .sub-menu .sub-tit:after {  content: '';  display: block;  width: 26px;  height: 26px;  background: url(../img/ico_03.png) no-repeat center;  background-size: 17px auto;  position: absolute;  right: 3%;  top: 15px;}
.header2 .sub-menu .sub-tit.on {  background-color: #e9e9e9;}
.header2 .sub-menu .sub-tit.on:after {  background: url(../img/ico_03_h-1.png) no-repeat center;  background-size: 20px auto;}
.header2 .sub-menu .sec-list {  line-height: 40px;  padding: 10px 4%;  display: none;}
.header2 .sub-menu .sec-list p {  background: url(../img/ico_04.png) no-repeat left center;  background-size: 3px auto;  font-size: 14px;}
.header2 .sub-menu .sec-list a {  padding-left: 3%;  color: #666;  display: block;}

.search-bg {  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; /* z-index: 10;  */background-color: #f5f5f5;  display: none;  z-index: 20;}

.search-alert {  position: fixed;  z-index: 100;  background-color: #222;  left: 0;  top: 0;  width: 100%;  height: 100%;}
.search-alert input::-webkit-input-placeholder {  color: #fff !important;}
.search-alert input::-moz-placeholder {  /* Mozilla Firefox 19+ */  color: #fff !important;}
.search-alert input:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */  color: #fff !important;}
.search-alert input:-ms-input-placeholder {  /* Internet Explorer 10-11 */  color: #fff !important;}
.search-alert .cent-form {  opacity: 0;  transform: translate(0, 40px);  transition: all .5s;}

.search-alert .close {  width: 30px;  height: 30px;  position: absolute;  top: 38px;  right: 2.6%;  cursor: pointer;  transition: all .3s ease-in-out;}
.search-alert .close:before {  font-size: 30px;  top: 0;  left: 0;  color: #fff;  transition: all 0.3s ease-in-out;}
.search-alert .close:hover:before {  color: #d00010;}

.search-alert .cent-form {  position: absolute;  width: 94.8%;  left: 2.6%;  top: 50%;  height: 2rem;  margin-top: -63px;  border-bottom: 1px solid #515151;}

.search-alert .cent-form:before {  color: #fff;  font-size: 30px;  position: absolute;  left: 0;  height: 50px;  top: 50%;  margin-top: -25px;}

.search-alert .cent-form .tex {  border: none;  font-size: 1.2rem;  height: 1.5rem;  line-height: 1.5rem;  text-align: center;  width: 100%;  color: #555;  background: none;  padding-left: 2rem;  padding-right: 3.5rem;}

.search-alert {  transform-origin: bottom center;  transform: scaleY(0);  transition: transform .3s .5s;}

.search-alert.active {  transform-origin: top center;  transform: scaleY(1);  transition: transform .3s;}
.search-alert.active .cent-form {  opacity: 1;  transform: translate(0, 0);  transition: all .5s .3s;}

.header1 {  position: fixed;  width: 100%;  z-index: 9;  transition: all .3s ease-in-out;}
.header1 .n-header {  height: 100px;  display: flex;  flex-flow: row nowrap;  justify-content: space-between;  align-items: center;  transition: all .3s ease-in-out;}
.header1 .logo {  width: 440px;  height: 40px;  position: relative;}
.header1 .logo img {  max-width: 100%;  position: absolute;  left: 0;  top: 0;  transition: all .3s ease-in-out;}
.header1 .logo .img1 {  opacity: 1;}
.header1 .logo .img2 {  opacity: 0;}
.header1 .nav {  /*margin-left: 8rem;*/  display: flex;  flex-flow: row nowrap;  justify-content: flex-start;  align-items: center;}
.header1 .nav .li {  position: relative;  height: 100px;  line-height: 100px;  margin-left: 1rem;  font-size: 16px;  transition: all .3s ease;}
.header1 .nav .li:before {  content: "";  position: absolute;  width: 0%;  height: 1px;  background: #fff;  top: 72px;  right: 0;  transition: all .3s ease-in-out;}
.header1 .nav .hover:before {  content: "";  position: absolute;  width: 100%;  height:4px;  background: #9a0000;  top: 66px;  right: 0;  transition: all .3s ease-in-out;border-radius:4px;}
/*.scroll .nav .hover:before{background:none;}*/

.header1 .nav .li a {  display: block;  color: #fff;}
.header1 .nav .li:hover:before, .header1 .nav li.cur:before {  width: 100%;}
.header1 .nav .li2 a {  display: block;  color: #000;}

.header1 .nav .subox {  position: absolute;  left: 50%;  margin-left: -60px;  width: 120px;  top: 100px;  background: #fff;  padding: 15px 0;  text-align: center;  display: none;}
.header1 .nav .subox a {  line-height: 35px;  color: #333;  font-weight: 400;  transition: all .3s ease;}
.header1 .nav .subox a:hover {  font-weight: 600;}
.zilanmu3 {display:none !important;}
.zilanmu6 {display:none !important;}
.header1.scroll {  background: #fff;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header1.scroll .n-header {  height: 100px;}
.header1.scroll .logo .img1 {  opacity: 0;}
.header1.scroll .logo .img2 {  opacity: 1;}
.header1.scroll .nav .li {  height: 100px;  line-height: 100px;}
.header1.scroll .nav .li a { color: #333;}
.header1.scroll .nav .hover a{ color: #9a0000;}

.n-title{ padding-top: 100px;}
.n-title .tit2{ font-size: 35px;}
.n-title .tit1{ font-size:16px; color: #676767;}

.gaodu{ padding: 4% 0; height: auto; overflow: hidden;}
.row{ height: auto; overflow: hidden;  position: relative;}
.celebrities-left{ position: absolute; left: 0; top: 15%; width: 24.6%; color: #fff; padding:3% 20px; background: #9a0000;}
.celebrities-left h3{    font-size:30px; line-height: 38px; padding-bottom: 3%;}
.celebrities-left p{white-space: nowrap;text-overflow:ellipsis; display: block; overflow: hidden;}
.bannersy {max-width: 100%; height: auto;}
.celebrities_item{ padding-left:25%; }
.celebrities_item li{ width: 25%; height: auto; float: left; padding: 0.5%;}
.celebrities_item li img.img-responsive {display: block;max-width: 100%; background: #000;height: auto;}
.celebrities_item li a:hover img.img-responsive { background: rgba(0,0,0,0.5);}
.celebrities_item li a{ display:block; position: relative; }
.celebrities_item li a .wenzi{ display: none;}
.celebrities_item li a:hover .wenzi{ display:block;}
.celebrities_item li a .wenzi div{ text-align: left;background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 15px;display: flex;flex-direction: column;justify-content: flex-end;text-decoration: none;transition: all .5s;color: transparent;}
.celebrities_item li a .wenzi div strong{font-size: 18px; color: #fff;  font-weight: normal;}
.celebrities_item li a .wenzi div p{font-size: 14px; color: #fff; font-weight: normal;}


.celebrities_item li:nth-of-type(3){ margin-right:  23%;}
.celebrities_item li:nth-of-type(4){  width: 19.2%; position: absolute; left: 6%;margin-bottom:30%; top:49%; }
.celebrities_item li:nth-of-type(5){ width: 50%; }
.celebrities_item li:nth-of-type(6){ margin: 0 20% 16% 0;}
.celebrities_item li:nth-of-type(7){  width: 19.2%; position: absolute; right:0%;margin-bottom:30%; top:49%; }


.view-content{width: 18%; height: 160px; position: absolute; right:19.1%; background: #9a0000; color: #fff; top:50%;}
.view-content a{ color: #fff;}
.view-content ul{ padding:4%;}
.view-content ul li{ padding-top:5%;white-space: nowrap;text-overflow:ellipsis; display: block; overflow: hidden;}
.view-content ul li a{ color: #fff;}
.view-content ul li a:hover{ color: #fff71c;}


.aims{ height: 255px;  background: url(../img/aims.jpg) no-repeat center center; text-align: center;}
.aims h3{ font-size:32px; line-height: 36px; padding-bottom: 0.6%; font-weight: 500;color: #fff; padding-top:5.5%;}
.aims p{ font-size:21px;line-height: 26px; color: #fff;}



.value{ padding-top: 3%; height: auto; overflow: hidden;}
.value ul li{ width: 30%; margin:0 1.5%; height: auto; padding: 0 15px; float: left;}
.value ul li a { display: block; position: relative;}
.value ul li a img{display: block;width: 100%;height: auto;}
.value ul li a .value_div{ display: none;}
.value ul li a .value_div div{text-align: left; background: rgba(0,0,0,0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding:0;display: flex;flex-direction: column;justify-content: flex-end;text-decoration: none;transition: all .5s;color: transparent;}
.value ul li a .value_div div strong{  padding: 2% 15%; border: 1px solid #fff; margin: auto;border-radius: 18px; color: #fff;  text-align: center;  font-weight: normal;}
.value ul li a:hover .value_div{ display:block;}


.value ul li h3{ font-size: 22px; position: relative; color: #666; margin-top:10%; }
.value ul li h3 i{ width: 10%; height: 2px; position: absolute; left: -7%; top:50%; background: #9a0000;}
.value ul li p{  color: #6a6a6a;}


.The{ height: 255px;  background: url(../img/The.jpg) no-repeat top center; text-align: center; margin-top: 5%;}
.The h3{ font-size:32px; line-height: 36px; padding-bottom: 0.6%; font-weight: 500;color: #fff; padding-top:5.5%;}
.The p{ font-size:21px;line-height: 26px; color: #fff;}

.services{ height: auto; overflow: hidden;}
.services ul li{ width: 25%; text-align: center; float: left;}
.services ul li a{ display: block; padding:30% 0;}
.services ul li a span{ width: 100%; text-align: center; display: block;}
.services ul li a span img{display: block;max-width: 100%; margin:0  auto;}
.services ul li a span.services_black{ display: none;}
.services ul li a:hover span.services_gules{ display: none;}
.services ul li a:hover span.services_black{ display:block;}
.services ul li a strong{ font-size: .6rem; font-weight: normal; color: #3e3a39; padding: 10% 0 0 0; display: block;}
.services ul li a:hover strong{  color: #9a0000; }
.services ul li a p{ font-size: 12px; font-weight: normal; color: #3e3a39; padding: 2% 0 0 0; display: block;}
.services ul li a dl{ font-size: 14px; font-weight: normal; color: #3e3a39; padding: 2% 5% 2% 5%; display: block; text-align:center;}

.services ul li a:hover p{  color: #9a0000; }
.services ul li a:hover dl{  color: #9a0000; }




.row1{ background: url(../img/row.jpg) no-repeat top center; height: auto; overflow: hidden; padding:8% 10%; }
.row1-video{ width: 36%; float: left;}
.video-js{ width: 100%;}
.row1-introduce{width: 40%; padding-top: 5%; float:right;}
.row1-introduce h2{ font-size:.88rem;line-height:  1rem; padding-bottom:3%; color: #fff;}
.row1-introduce p{ font-size: .55rem; line-height:  1rem; color: #fff;}



.new_bj{ background: #f1f8f7; height: auto; padding:3% 0 5% 0; overflow: hidden;}
.new_bj h2{ text-align: center; font-size: .7rem; padding: 0 0 4% 0;}

.new_pic{ width: 57%; padding: 0 0 0 6%; float: left;}
.new_pic img{max-width: 100%;}

.new_txt{ width:40%; float: right; }
.new_txt h3{ font-size:.6rem;}
.new_txt ul{ height: auto; overflow: hidden;}
.new_txt ul li{padding: 1.5% 0 0 0;white-space: nowrap;text-overflow:ellipsis; display: block; overflow: hidden;}
.new_txt ul li a{ color: #666;}
.new_txt ul li a:hover{ color: #9a0000;}
.new_txt span{ width: 116px; height: 36px; margin-top:3%; font-size: 16px; border: 2px solid #9a0000; color: #333;  line-height: 30px; text-align: center; display: block;}
.new_txt span a{ color: #6a6a6a; display: block;}



.Gags { height: auto; padding:3% 0 5% 0; overflow: hidden;}
.Gags h2{ text-align: center; font-size: .7rem;}

.Gags_pic{ width: 42%; padding: 3% 0 0 0; float: right;}
.Gags_pic img{max-width: 100%;}

.Gags_txt{ width:44%; padding-left: 10%; float:left; }
.Gags_txt h3{ font-size:.6rem; padding-top: 13%;}
.Gags_txt p{ font-size:12px; padding-bottom:4%;}
.Gags_txt ul{ height: auto; overflow: hidden;}
.Gags_txt ul li{padding: 1.5% 0 0 0;white-space: nowrap;text-overflow:ellipsis; display: block; overflow: hidden;}
.Gags_txt ul li a{ color: #666;}
.Gags_txt ul li a:hover{ color: #9a0000;}
.Gags_txt ul li em{ background: #a60000; color: #fff; font-style: normal; padding: 0.3% 1%; margin-right: 1%;}
.Gags_txt span{ width: 116px; height: 36px; margin-top:5%; font-size: 16px; border: 2px solid #9a0000; color: #333;  line-height: 30px; text-align: center; display: block;}
.Gags_txt span a{ color: #6a6a6a; display: block;}


.chain{ height:400px;  background: url(../img/chain.jpg) no-repeat top center; text-align: center; margin-top: 2%;}
.chain h3{ font-size:34px; line-height: 36px; padding-bottom: 2%; font-weight: 500;color: #fff; padding-top:7.5%;}
.chain p{ font-size:21px;line-height: 26px; color: #fff; padding-bottom:1.5%;}
.chain em{ font-size:18px; font-style: normal;line-height: 20px; color: #fff; padding:0 10%; display: block;}




.media{ height: auto; overflow: hidden; padding-bottom: 3%;}
.media-bt{ text-align: center; height: auto; overflow: hidden; padding: 5% 0 3% 0;}
.media-bt h3{ font-size: .7rem; line-height: 1.4rem;}
.media-bt p{ font-size: .5rem; padding: .8% 0 1.2% 0;}
.media-bt span{ display: block; margin: 0 auto; width: 10%; padding:.3% 0; border: 2px solid #9a0000;font-size: .5rem;}
.media-bt span a{ display: block; color: #616161;}

.media{ height: auto; overflow: hidden;}
.media ul li{ width: 20%; float: left; padding-bottom: 10%; position: relative;}
.media ul li span{ width:90%; margin: 0 auto;height: 198px; display: block; border-radius: 5px; overflow: hidden;}
.media ul li img{ width:100%; height: 198px;}
.media ul li div{ width: 80%; height: 30%; position: absolute; left: 10%; top:50%; background: #fff;border-radius: 5px;}
.media ul li div strong{ font-size: .5rem; padding:6% 10%; font-weight: normal;display: block;color: #333;}
.media ul li div em{ font-size: 14px; font-style: normal;padding:6% 10%; display: block; color: #616161;}
.media ul li a:hover div strong{ color: #9a0000;}


/*底部*/
footer{ background:#333333; height: auto; overflow: hidden; padding:5% 0 2% 0;}
.footer-nav{ width: 70%;float: left;}
.footer-service{float: left;padding-right: 5%;width:19%;min-height: 1px;padding-left: 15px;}
.footer-nav-title{font-size: 12px;padding-bottom: 10px; color: #8b8b8b; margin-bottom:15px; border-bottom: 1px solid #8b8b8b;}
.footer-service ul li{font-size: 12px; line-height: 16px; margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;color: #8c8c8c;}
.footer-service ul li a{font-size: 12px;color: #8c8c8c; }
.footer-service ul li a:hover{font-size: 12px;color: #fff; }

.footer-qa{float: left;width: 41%;padding-left: 15px;    padding-right: 5%;}
.footer-qa ul li{ width:55%; float: left; line-height: 16px;margin-right:2%; margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;color: #8c8c8c;}
.footer-qa ul li a{font-size: 12px;color: #8c8c8c; }
.footer-qa ul li a:hover{font-size: 12px;color: #fff; }
.footer-qa ul li:nth-of-type(2),.footer-qa ul li:nth-of-type(4),.footer-qa ul li:nth-of-type(6),.footer-qa ul li:nth-of-type(8),.footer-qa ul li:nth-of-type(10),.footer-qa ul li:nth-of-type(12){width:40%;}

.footer-links{float: left;width: 28%;padding-left: 15px;    padding-right: 5%;}

.footer-links ul li{ width:50%; float: left;color: #8c8c8c; line-height: 16px;padding-right:2%; margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;display: block;overflow: hidden;}
.footer-links ul li a{font-size: 12px;color: #8c8c8c; }
.footer-links ul li a:hover{font-size: 12px;color: #fff; }


.footer-info{ width: 100%; height: auto; padding-top:5%; overflow: hidden; color: #999;}
.footer-info_item{ float: left; padding-left: 35px; padding-right:3%;background: url(../img/wz.png) no-repeat center left; font-size: 12px;}
.footer-info_item h4{ font-size: 14px; font-weight: bold;}
.footer-info_item:hover{background: url(../img/wz1.png) no-repeat center left; color: #fff;}


.footer_col{float: left;width:30%;}
.footer_col_txt{ font-size:0.8rem; font-weight: normal; padding-bottom:1%; color: #9f9f9f;}
.footer-tel{ font-size:1.27rem; padding-bottom:1%; font-weight: bold;}
.footer-tel a{color: #999999; text-align:justify;text-align-last:justify;display:block;}
.footer-tel a:hover{color: #fff; }

.footer-qr{ padding-top:8%; position: relative;}
.footer-qr img{ width:100%;}
.footer-qr a .footer-qr-wx{ position: absolute; left: 0; bottom: 0; display: none;}
/*.footer-qr a:hover .footer-qr-wx{ display: block;}*/

.footer-icp{ font-size: 12px; color: #8c8c8c; padding-top: 2%; width: 100%; height: auto; overflow: hidden;}
.footer-icp a{ color: #8c8c8c!important;}
/*关于我们*/
.about-banner{ width: 100%; height: auto; overflow: hidden;}
.about-banner img{width: 100%;}

/*关于我们---栏目*/
.about{ position: relative;}
.about-nav{position: absolute; left: -5.675rem; top:5.6rem;}
.about-nav li{ font-size: .7rem; margin-bottom:20px;}
.about-nav li a{  color: #6e6e6e;}
.about-nav li a em{ width: .6rem; height:.6rem; border-radius: 50%; float: left; margin: 0.2rem .4rem 0 0; border:1px solid #777;}
.about-nav li a:hover em{ background: #9a0000; border:1px solid #9a0000;}
.about-nav li.hover a em{background: #9a0000; border:1px solid #9a0000;}

/*关于我们---介绍*/
.about-txt1{ height: auto; overflow: hidden; padding-top:2rem;}
.about-txt1 h2{ font-size:1.8rem; font-weight: bold;color: #6e6e6e;}
.about-txt1 p{ font-size:.6rem; color: #737373; padding-bottom:2%;}


/*关于我们---分部图*/
.about-txt2{ height: auto; margin-bottom: 3%; margin-top: 4%; position: relative;}
.about-txt2 h2{ font-size: 1rem; position: absolute; left: 0; top: 0;z-index: 1;}
.about-txt2 h2 strong{ float: left; line-height: 1rem; padding-bottom: 3%; font-weight: normal;border-bottom: 0.15rem solid #9a0000;}

.about-jt{ height: 40px; position: absolute;  bottom: 0;z-index: 1;}
.about-jt a{ width: 40px; height: 40px; background: #fff;background: url("../img/about/qh_l.jpg") no-repeat center left; float: left;}
.about-jt a.prev{ width: 40px; height: 40px; margin-left: 5px; background: #fff;background: url("../img/about/qh_r.jpg") no-repeat center left; float: left;}
.about-jt a:hover{background: url("../img/about/qh_l1.jpg") no-repeat center left;}
.about-jt a:hover.prev{background: url("../img/about/qh_r1.jpg") no-repeat center left;}


.about-con{ height: auto; display: block;}
.about-con ul li{}
.about-con ul li .about-con-l{ width: 30%; float: left; padding-top: 7%;}
.about-con ul li .about-con-l em{ font-size: .8rem; display: block; font-style: normal; color: #3c3c3c; font-weight: bold;}
.about-con ul li .about-con-l strong{ font-size: 1.4rem; padding-top: 2%; display: block; font-style: normal; color: #3c3c3c; font-weight: bold;}

.about-con ul li .about-con-r{ width: 70%; float: right; text-align: right;}
.about-con ul li .about-con-r img{max-width: 100%;}


/*关于我们---分部文案*/
.about-txt3{ height: auto; overflow: hidden; padding: 5% 0;}
.about-txt3 ul li{height: auto; overflow: hidden;padding:5% 0;}
.about-txt3 ul li span{ width: 30%; float: left;}
.about-txt3 ul li span img{max-width: 100%;}
.about-txt3 ul li div{ width: 40%;float: right;}
.about-txt3 ul li.ic1 span{ width: 30%; float:right;}
.about-txt3 ul li.ic1 div{ width: 40%;float:left;}
.about-txt3 ul li div strong{ float: left; background: #9a0000; color: #fff; font-size:.5rem; font-weight: normal; padding: 1% 2%;}
.about-txt3 ul li div strong em{ font-style: normal; float: left; display: none;}
.about-txt3 ul li.ic1 div strong{float:right;}
.about-txt3 ul li.ic1 div p{float:right;}
.about-txt3 ul li div p{ width: 80%; height: auto; padding-top: 8%; color: #6c6c6c; overflow: hidden;}
.about-txt3 ul li div p img{ display:none;}


.ad_banner{ height: auto; overflow: hidden;}
.ad_banner img{width: 100%;}


.case-currency{ width: 100%; height:auto; overflow: hidden; padding:3% 0; background: #f1f8f7;}
.case-currency ul li{ width: 25%; float: left;text-align: center;}

.case-currency ul li p{ font-size: 1.2rem; color: #505050; font-weight: bold;font-family:Arial;}
.case-currency ul li strong{ font-size:.5rem; color: #666;}

.recruit{ padding:4% 0 5% 0; height: auto; overflow: hidden;}
.recruit h2{font-size:1.5rem; font-weight: bold;color: #6e6e6e;}
.recruit-allow{ padding-bottom:3%; height: auto; overflow: hidden;}
.recruit-allow h3{font-size:26px; color: #666;}
.recruit-allow em{ font-style: normal; color: #666; font-size:.5rem; line-height: .5rem; text-transform:uppercase;}
.recruit-allow p{ font-size: .45rem; line-height: .6rem; color: #666; padding-top:1%; }


/*荣誉*/
.about-honor{ height: auto; overflow: hidden; padding:3% 0 0 0;}
.about-honor h2{ padding-left: 1%; font-size: 1.4rem; line-height: 1.5rem; display: block; font-weight: bold; color: #6e6e6e; text-transform:uppercase;}
.about-honor em{ font-size: 2rem;line-height:1.5rem;font-weight: bold;display: block; color: #f0f0f0; font-style: normal;text-transform:uppercase;}


/*荣誉内容*/
.about-honor1{ height: auto; padding: 2% 2% 8% 2%; overflow: hidden;}
.about-honor1 ul li{ background: #f1f8f7; margin:1.5% 3% 1.5% 0; width: 31.25%; float: left;}
.about-honor1 ul li img.img-responsive {display: block;max-width: 100%; height: auto;}
.about-honor1 ul li a{ display:block; position: relative; }
.about-honor1 ul li a .about-honor1-js{ display: none;}
.about-honor1 ul li a:hover .about-honor1-js{ display:block;}
.about-honor1 ul li a .about-honor1-js div{background: rgba(217,155,20,0.9);position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 15px;display: flex;flex-direction: column;justify-content: flex-end;text-decoration: none;transition: all .5s;color: transparent; text-align: center;}
.about-honor1 ul li a .about-honor1-js div strong{font-size: 18px; color: #fff;  font-weight: normal;}
.about-honor1 ul li a .about-honor1-js div h3{font-size: 18px; color: #fff;  font-weight: normal;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.about-honor1 ul li a .about-honor1-js div p{font-size: 14px; color: #fff; padding-bottom: 10%; font-weight: normal;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.about-honor1 ul li:nth-of-type(3){  margin:1.5% 0 1.5% 0; }
.about-honor1 ul li:nth-of-type(4){ width: 23%; margin:0 2.6% 0 0;}
.about-honor1 ul li:nth-of-type(5){ width: 23%; margin:0 2.6% 0 0;}
.about-honor1 ul li:nth-of-type(6){ width: 23%; margin:0 2.6% 0 0;}
.about-honor1 ul li:nth-of-type(7){ width: 23%; margin:0 0 0 0;}


.about-Partners{ height: auto; overflow: hidden;}
.about-Partners h2{ font-size:1.6rem; padding-left: 2%; font-weight: bold; color: #6e6e6e;}
.about-Partners em{ font-style: normal;padding-left: 2%; font-size: 1rem;color: #6e6e6e;}
.about-Partners1{ width: 100%; height: auto; padding: 2% 0 8% 0; overflow: hidden;}
.about-Partners1 img{max-width: 100%;}
.about-Partners1 ul li{ width:16.66666%; padding:1.5% 0; float: left; height: auto; text-align: center; position: relative; overflow: hidden;}
.about-Partners1 ul li img{max-width: 100%; margin: 0 auto;display: block;}
.about-Partners1 ul li:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';transition: transform 0.5s;transform: scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.about-Partners1 ul li:hover {transition: filter 0.5s;filter: grayscale(0);}
.about-Partners1 ul li:hover::before{transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}

.team{ padding-left: 13%; position: relative; height: auto; padding-bottom: 8%;}
.team-nav{position: absolute; left:1rem; top:5.6rem;}
.team-nav li{ font-size: .7rem; margin-bottom:20px;}
.team-nav li a{  color: #6e6e6e;}
.team-nav li a em{ width: .6rem; height:.6rem; border-radius: 50%; float: left; margin: 0.2rem .4rem 0 0; border:1px solid #777;}
.team-nav li a:hover em{ background: #9a0000; border:1px solid #9a0000;}
.team-nav li.hover a em{background: #9a0000; border:1px solid #9a0000;}

.about-team{ height: auto; overflow: hidden; padding:10% 0 0 0;}
.about-team h2{ padding-left: 1%; font-size: 1.4rem; line-height: 1.5rem; display: block; font-weight: bold; color: #6e6e6e; text-transform:uppercase;}
.about-team em{ font-size: 2rem;line-height:1.5rem;font-weight: 500;display: block; color: #f0f0f0; font-style: normal;}


/*About 团队--内容*/
.about-team1{padding-top: 3%;}
.about-team dl{ height: auto; overflow: hidden; background: #0a0a0a;}

.about-team dl dd.i1{ width: 50%; float: left;}
.about-team dl dd.i1 div{ padding:0 10% 0 10%; color: #fff; float: left;}
.about-team dl dd.i1 div em{ padding:10% 0 0 0%; line-height: 16px; font-weight: normal; color: #9a0000; font-size: 14px;display: block;}
.about-team dl dd.i1 div strong{padding-top: 5%; display: block; font-size: .6rem; line-height:.7rem;}
.about-team dl dd.i1 div p{ font-size: 12px; color: #cecece; padding-top: 4%;}
.about-team dl dd.i1 div p a{color: #cecece;}
.about-team dl dd.i1 div p a:hover{color: #fff000;}


.about-team dl dd.i2{width: 50%; float: left; position: relative;}
.about-team dl dd.i2 span{display: block;}
.about-team dl dd.i2 span img{width: 100%;}
.about-team dl dd.i2 div{background: #fff; height: 1rem; font-size: .6rem;}
.about-team dl dd.i2 div u{ float: left;height: 1rem; width: 1rem; text-align: center; line-height:.8rem; background: #9a0000; color: #fff;text-decoration: none; font-size: .8rem; font-weight: normal;}
.about-team dl dd.i2 div em{font-size: .5rem;padding: 0 0 0 10px; color: #505050; float: left; line-height: 1rem; }

.about-team dl.ul1 dd.i2 div{position: absolute; left: 0; bottom: 0; }

.about-team dl.ul2 dd.i1 div{ padding:0 10% 0 10%; color: #fff; float: left;}
.about-team dl.ul2 dd.i2 div{position: absolute; right: 0; bottom: 0; }

.about-team dl.h{ display:none;}


.cmore{ height:.5rem; line-height: .48rem; font-size: .24rem; border-radius: .3rem;  }
.cmore a{width: 10%; padding: 1% 0; font-size: .5rem; color: #333; float: right; border: .02rem solid #9a0000; text-align: center; margin:4% 5% 0 0;}
.cmore a:hover{ color: #9a0000;}
.cmore span{width: 80%; height: 1px; background:#979797; float: left; margin-top: 6%;}
.kongge{ height:2rem; overflow: hidden;}






/*拍摄花絮*/
.titbits_t{ padding-top: 1.5rem;}
.pshx{ font-size:24px; height: auto; overflow: hidden; padding-bottom:2rem;}
.pshx em{ font-style: normal;font-size:36px; font-weight: bold; color: #9a0000;}
.titbits {height: auto; overflow: hidden; position: relative;}
.titbits-jt1{ width:2.625rem; height:auto; overflow: hidden; position: absolute; left:0; top: 5.35rem;}
.titbits-jt2{ width:2.625rem; height:auto; overflow: hidden;position: absolute; right:0; bottom: 5.35rem;}
.titbits-jt1 img,.titbits-jt2 img{max-width: 100%;}


.titbits ul li{ width:14.rem; float: left; height:4.17rem; margin-bottom: 0.2rem; overflow: hidden;}
.titbits ul li .titbits_wz{ width:7.1rem; text-align: right;  float: left; padding-right: .4rem;}
.titbits ul li .titbits_wz strong{ display: block; color: #595757; font-size: .5rem; font-weight:400; width:80%; float:right;}
.titbits ul li .titbits_wz em{ font-style: normal;display: block; color: #595757; font-size: .5rem;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.titbits ul li .titbits_wz p{ font-style: normal;display: block; color: #595757; font-size: .35rem; padding-top:1rem; width:80%;float:right;}




.titbits ul li .img{ width:7.1rem;height: 4.17rem; display: block;float: left;}
.titbits ul li .img img{ width:7.1rem;  height: 4.17rem; display: block;border:5px solid #fff; }


.titbits ul li:nth-of-type(1){ margin-left: 14.2rem;}
.titbits ul li:nth-of-type(2){ margin-left: 7.1rem;}
.titbits ul li:nth-of-type(6){ margin-left: 7.1rem;}
.titbits ul li:nth-of-type(10){ margin-left: 7.1rem;}



/*----翻页----*/
#page{text-align:right; height:30px; margin:3rem 0 3rem 0;  }
#page span{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem; font-size:.5rem; color: #333; font-weight: normal;}
#page a{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem;  font-size:.5rem; color: #333; font-weight: normal;}
#page span.page_nowindex{ background-color:#9a0000; color:white; border: 1px solid #9a0000;}




.through-p{ height: auto; overflow: hidden; padding: 0 0 5% 0;}
/*新闻动态*/
.xwdt{ width: 32%; height: auto; float: left;}
.xwdt-bt{ width: 100%; height: 1rem; line-height: .99rem;  border-bottom: 1px solid #cacaca;}
.xwdt-bt strong{ float: left; font-size: .5rem; border-bottom: 1px solid #9a0000; font-weight:500;}
.xwdt-bt span{ float: right; }
.xwdt-bt span a{  color: #9a0000;}

.xwdt .xwdt-txt{ width: 100%;padding:2% 0 0 0; height: auto; overflow: hidden;}
.xwdt .xwdt-txt li{ margin-top:3%;color: #666;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.xwdt .xwdt-txt li a{ color: #666; }
.xwdt .xwdt-txt li a:hover{ color: #9a0000;}



/*新闻动态---二级页*/
.news-subordinate{height: auto; overflow: hidden;}
.news-subordinate h1{ font-size:.7rem; line-height: 1.2rem; font-weight: 500;}

.news-subordinate-body{height: auto; overflow: hidden;color: #505050; padding: 0 0 8% 0;}
.news-subordinate-body img{max-width: 100%;}
.news-subordinate-body p{ font-size: 18px; line-height: 24px; padding-top: 3%; color: #505050;}
.work-c1 {padding-top:3%;}

/*新闻动态---三级页*/
.news-subordinate1{height: auto; overflow: hidden;}
.news-subordinate1 h1{ font-size:.8rem; line-height: 1.2rem; padding-top: 2%; padding-bottom:2%; font-weight: 500;}

.news-subordinate1_cc{height: auto; position: relative; padding-bottom: 5%;}
.news-subordinate1-xx{ position: absolute; width: 30%; right: 0; top: 0;}
.news-subordinate1-xx p{ padding-top:2%; color: #505050;}
.news-subordinate11-body{ width: 60%; height: auto; overflow: hidden;}
.news-subordinate11-body p{ padding-top:2%;color: #505050; line-height:30px; font-size: 16px;}

.news-subordinate22-body{height: auto; overflow: hidden;color: #505050; padding: 0 0 8% 0;}
.news-subordinate22-body img{max-width: 100%;display: block;}
.news-subordinate22-body p{ font-size: 18px; line-height: 24px; padding-top: 3%; color: #505050;}



/*热门案列*/
.rmal{ width: 50%; float: right; height: auto;}
.rmal-txt1 {width: 100%; padding-top:3%; height: auto; overflow: hidden;}
/*.rmal-txt1 ul{width: 19.8rem;}*/
.rmal-txt1 ul li{width: 25%; padding: 0 1%; float: left;}
.rmal-txt1 li span{ width: 100%; overflow: hidden; display: block;}
.rmal-txt1 li span img{ /*max-width: 100%;*/display: block;}
.rmal-txt1 ul li em{  width: 100%; font-style: normal; display: block; line-height:1rem;height:1rem; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color: #666; float: left;}

.rmal-txt1 ul li:nth-of-type(1){ margin-left: 0;}


/*新媒体*/
.media1{ height: auto; overflow: hidden; padding:5% 0 8% 0;}
.media1 img{width: 100%;}

/*服务范围*/
.media2{ height: auto; overflow: hidden; padding:4% 0 2% 0;}
.media2 h2{ text-align: center;}
.media2 h2 img{max-width: 100%;}
.media2 ul{ height:auto; overflow: hidden; padding: 8% 6% 5% 6%;}
.media2 ul li{ width: 25%; float: left;height: auto; text-align: center;}
.media2 ul li a span{ display: block; padding: 0 20%; }
.media2 ul li a span.hongse{ display: none;}
.media2 ul li a:hover span.huise{ display: none;}
.media2 ul li a:hover span.hongse{ display:block;}
.media2 ul li a span img{ max-width: 100%;}
.media2 ul li a strong{ display: block; font-size:28px; font-weight: normal; color: #3e3a39; padding-top:6%;}
.media2 ul li a:hover strong{  color: #9a0000; }
.media2 ul li a em{text-transform:uppercase; font-style: normal;display: block; color: #999; font-size: 12px; line-height: 12px; padding-top:3%;}
.media2 ul li a:hover em{  color: #9a0000; }

/*全案设计*/
.media3{ height: auto; overflow: hidden; padding:4% 0 8% 0;}
.media3 h2{ text-align: center;}
.media3 h2 img{max-width: 100%;}

.media3-bj{ background: #f1f8f7; padding:5% 0 4% 0; margin: 0 0 5% 0;}
.media3_l{ width:38%; float: left;margin-left:  15%;}
.media3_l ul{ padding-left: 10%;}
.media3_l ul li{ display: inline-block; width: 50%; padding:0 0 2% 2%; float: right;}
/*.media3_l ul li:nth-of-type(5){ margin-left: 50%;}*/

.media3_l ul li img{ max-width: 100%;}
.media3_r{ width:40%; float:right;}
.media3_r h3{ font-size: 1rem; color: #3e3a39; line-height: 1rem; font-weight: bold; padding: 10% 0 5% 0;}
.media3_r p{ width: 50%; font-size: 14px; height: auto; overflow: hidden; }
.media3_r span{ font-size: 16px;text-transform:uppercase; padding-top: 5%; display: block; }
.media3_r span a{ color: #9a0000;padding: 2%; border: 2px solid #9a0000; }
.media3_r span a:hover{ color: #9a0000;}


/*展示案列*/
.media4{ height: auto; overflow: hidden; padding:2% 0 10% 0;}
.media4 h2{ text-align: center; height: auto; overflow: hidden; padding-bottom:8%;}
.media4 h2 img{max-width: 100%;}


.media4_c{height: auto; display: block; overflow: hidden; position: relative;}
.media4-txt1{ height: auto; display: block; overflow: hidden; position: relative;}


.media4-jt{ height: 40px; position: absolute;left:63%; bottom: 0;z-index: 1;}
.media4-jt a{ width: 40px; height: 40px; background: #fff;background: url("../img/about/qh_l.jpg") no-repeat center left; float: left;}
.media4-jt a.prev{ width: 40px; height: 40px; margin-left: 5px; background: #fff;background: url("../img/about/qh_r.jpg") no-repeat center left; float: left;}
.media4-jt a:hover{background: url("../img/about/qh_l1.jpg") no-repeat center left;}
.media4-jt a:hover.prev{background: url("../img/about/qh_r1.jpg") no-repeat center left;}



.media4-txt1 ul li .media4-con-r{ width: 37%; float:right; }
.media4-txt1 ul li .media4-con-r em{ font-size: 1.8rem; display: block; font-style: normal; color: #3c3c3c;}
.media4-txt1 ul li .media4-con-r strong{ font-size: 1.2rem; display: block; font-style: normal; color: #3c3c3c; font-weight: bold;}
.media4-txt1 ul li .media4-con-r p{ padding-top: 10%; font-size:16px; color: #000; line-height: 180%;}
.media4-txt1 ul li .media4-con-r span{ font-size: 16px;text-transform:uppercase; padding-top:8%; display: block; }
.media4-txt1 ul li .media4-con-r span a{ color: #9a0000;padding: 2% 2% 2% 2%; border:2px solid #9a0000; }
.media4-txt1 ul li .media4-con-r span a:hover{ color: #9a0000;}



.media4-txt1 ul li .media4-con-l{ width: 58%; float:left; }
.media4-txt1 ul li .media4-con-l img{max-width: 100%;}


/*新闻*/
.news-h2{ font-size: 24px; font-weight: 500; padding: 3% 0 2% 0;}
.news-h2 em{ font-style: normal; color: #9a0000; font-size:36px; font-weight:bold;}
.news-nav{height: auto; padding-bottom: 2%; overflow: hidden; font-size:.6rem;}
.news-nav span{ float: left; margin-right: 4%; padding-bottom:.5%;}
/*.news-nav span.hover{ border-bottom:3px solid #9a0000;}
.news-nav span.hover2{ border-bottom:3px solid #8c8c8c;}*/
.news-nav span a{ color: #333;  display: inline-block;
  padding-bottom:2px;
  background-image: linear-gradient(#9a0000, #9a0000);
  background-position: 0 100%; /*OR bottom left*/
  background-size: 0% 2px;
  background-repeat: no-repeat;
  transition:
    background-size 1s,
    background-position 0s 1s; /*change after the size immediately*/}
.news-nav span a:hover { background-position: 100% 100%; /*OR bottom right*/
  background-size: 100% 2px;}


.news-list{ height: auto; overflow: hidden; }
.news-list ul li{height: auto; overflow: hidden;padding-bottom:25px;}
.news-list ul li span{ width: 294px; height: 221px; float: left; margin-right: 20px; overflow: hidden;}
.news-list ul li span img{ /*width: 294px;*/ height: 221px;  display: block;}
.news-list ul li strong{font-size: 24px; line-height: 50px; padding-top:10px; white-space: nowrap;text-overflow: ellipsis;display: block;    overflow: hidden; font-weight:500;}
.news-list ul li strong a{ color: #252525;}
.news-list ul li strong a:hover{ color: #9a0000;}
.news-list ul li strong em{ font-size: 30px; font-style: normal;}
.news-list ul li p{ font-size: 14px; color: #b3b3b3; height: 140px; overflow: hidden;}
.news-list ul li i{ color: #a6a6a6; font-style: normal;}


/*----新闻----*/
#page1{ height:30px; margin:3% 0 10% 0; float:left;}
#page1 span{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem; float:left; font-size:.5rem; color: #333; font-weight: normal;}
#page1 a{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem; float:left; font-size:.5rem; color: #333; font-weight: normal;}

#page1 span.page_nowindex{ background-color:#9a0000; color:white; border: 1px solid #9a0000;}
#page1 li.thisclass a{ color:white; }



.event-c{height: auto; overflow: hidden;  padding:5% 0 8% 0;}
.event-c h2{ text-align: center;height: auto; overflow: hidden; padding-bottom: 5%;}
.event-c h2 img{max-width: 100%;}

.event_1{ height: auto; overflow: hidden; float: left;width: 100%; position: relative;}
.event_1 img{ width: 100%; display: block;}
.event_1 h3{ font-size: 1.7rem; font-weight: bold;line-height: 2rem; color: #505050; position: absolute; left: 0; top:10%;}
.event_1 p{ font-size: 14px; width: 36%; line-height: 28px; position: absolute;left: 0; top:40%; }
.event_1 p em{  width: 20%; float: left;  margin-top: 5%; border-top:2px solid #970000;}
.event_1 p span{padding-left: 30%;  display: block;}

.event-c .previous,.event-c .next{ display: none;}

.event-c .flickity-enabled {  position: relative;}
.event-c .flickity-enabled:focus { outline: none; }
.event-c .flickity-viewport { overflow: hidden; position: relative; height: 100%;}
.event-c .flickity-slider {  position: absolute;  width: 100%;  height: 100%;}

/* draggable */
.event-c .flickity-enabled.is-draggable {  -webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.event-c .flickity-enabled.is-draggable .flickity-viewport {  cursor: move;  cursor: -webkit-grab;  cursor: grab;}
.event-c .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {  cursor: -webkit-grabbing;  cursor: grabbing;}
/* ---- page dots ---- */
.event-c .flickity-page-dots {  position: absolute; left: 20%;  bottom: 5%;  list-style: none;    line-height: 1;}
.event-c .flickity-rtl .flickity-page-dots { direction: rtl; }
.event-c .flickity-page-dots .dot {  display: inline-block;  width: 10px;  height: 10px;  margin: 0 8px;  background: #333;  border-radius: 50%;  filter: alpha(opacity=25); /* IE8 */  opacity: 0.25;  cursor: pointer;}
.event-c .flickity-page-dots .dot.is-selected { background: #970000; filter: alpha(opacity=100); /* IE8 */  opacity: 1;}



.event2{ width: 100%; height: auto; overflow: hidden;  text-align:center;}
.event2 h2 img{max-width: 100%;}

.event2-1{padding: 5% 0; text-align: center; position: relative;}
.event2-1 img{max-width: 100%; }
.event2-1-1{ width:42%; height: auto;text-align:left; position: absolute; left: 18%; top:27%;}
.event2-1-1 em{ display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-style: normal; font-size: 28px; border-radius: 50%; background: #970000; font-weight: bold; color: #fff; margin-left: 3%;}
.event2-1-1 strong{white-space: nowrap; text-overflow: ellipsis;   display: block;    overflow: hidden; font-size:.7rem; padding:4% 0 1% 0;}
.event2-1-1 p{ width: 80%; font-size: .4rem; padding: 3% 0;}
.event2-1-1 span{ font-size: .5rem;}
.event2-1-1 span a{ color: #970000;}


.event2-1-2{text-align:right; position: absolute; left: 42%; top:28.5%; width: 40%;}
.event2-1-2 em{ margin-left: 80%;}
.event2-1-2 p{ width: 100%; text-align:right;}



.event3{ width: 100%; height: auto; padding-top: 5%; overflow: hidden; text-align:center;}
.event3 h2 img{max-width: 100%;}
.event3_c{width: 100%; height: auto; padding-bottom: 8%; padding-top:8%; overflow: hidden;}
.event3_c img{max-width: 80%; vertical-align:middle;}


/*整案案例*/

.work_1{ height: auto; overflow: hidden; float: left;width: 100%; position: relative;}
.work_1 img{ width: 100%; display: block;}
.work_1-1{ position: absolute;left:15%; width: 32%; padding: 3% 2% 4% 2%; background: rgba(255,255,255,0.8); top:25%;}

.work_1-1 strong{ font-size: 24px; font-weight: bold;margin:0 0 2% 0; display: block;white-space: nowrap; text-overflow: ellipsis;   overflow: hidden; color: #505050;}
.work_1-1 em{ display: block; font-style: normal; font-size: 22px; color: #505050;}
.work_1-1 p{ font-size: 14px;  line-height: 24px; padding-top: 10px;color: #6a6a6a;}
.work_1-1 span{ font-size: 16px;text-transform:uppercase; padding-top: 5%; display: block; }
.work_1-1 span a{ color: #333;padding: 2% 2%; border: 2px solid #9a0000; }
.work_1-1 span a:hover{ color: #9a0000;}

.work{ position: relative; border: 0;}
.work .flickity-enabled {  position: relative;}
.work .flickity-enabled:focus { outline: none; }
.work .flickity-viewport { overflow: hidden; position: relative; height: 100%;}
.work .flickity-slider {  position: absolute;  width: 100%;  height: 100%;}

.work .flickity-enabled { position: relative;}
.flickity-enabled:focus { outline: none; }
.work .flickity-viewport { overflow: hidden; position: relative;height: 100%;}
.work .flickity-slider{ position: absolute; width: 100%; height: 100%;}
/* draggable */

.work .flickity-enabled.is-draggable {  -webkit-tap-highlight-color: transparent;          tap-highlight-color: transparent;  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.work .flickity-enabled.is-draggable .flickity-viewport {  cursor: move;  cursor: -webkit-grab;  cursor: grab;}
.work .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {  cursor: -webkit-grabbing;  cursor: grabbing;}

/* ---- page dots ---- */
.work .flickity-page-dots {  position: absolute; text-align: center; width: 100%;  bottom: 5%;  list-style: none;    line-height: 1;}
.work .flickity-rtl .flickity-page-dots { direction: rtl; }
.work .flickity-page-dots .dot {  display: inline-block;  width: 10px;  height: 10px;  margin: 0 8px;  background: #333;  border-radius: 50%;  filter: alpha(opacity=25); /* IE8 */  opacity: 0.25;  cursor: pointer;}
.work .flickity-page-dots .dot.is-selected { background: #970000; filter: alpha(opacity=100); /* IE8 */  opacity: 1;}
/* ---- previous/next buttons ---- */
.work .flickity-prev-next-button {  position: absolute;  top: 50%;  width: 44px;  height: 44px;  border: none;  border-radius: 50%;  background: white;  background: hsla(0, 0%, 100%, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.work .flickity-prev-next-button:hover { background: white; }
.work .flickity-prev-next-button:focus {  outline: none;  box-shadow: 0 0 0 5px #09F;}
.work .flickity-prev-next-button:active {  filter: alpha(opacity=60); /* IE8 */  opacity: 0.6;}
.work .flickity-prev-next-button.previous { left: 10px; }
.work .flickity-prev-next-button.next { right: 10px; }
/* right to left */
.work .flickity-rtl .flickity-prev-next-button.previous {  left: auto;  right: 10px;}
.work .flickity-rtl .flickity-prev-next-button.next {  right: auto;  left: 10px;}
.work .flickity-prev-next-button:disabled {  filter: alpha(opacity=30); /* IE8 */  opacity: 0.3;  cursor: auto;}
.work .flickity-prev-next-button svg {  position: absolute;  left: 20%;  top: 20%;  width: 60%;  height: 60%;}
.work .flickity-prev-next-button .arrow {  fill: #333;}
/* color & size if no SVG - IE8 and Android 2.3 */
.work flickity-prev-next-button.no-svg { color: #333;  font-size: 26px;}

.work2{padding: 5% 0;}
.work-bt{ height: auto; overflow: hidden; position: relative;}
.work-bt h2{ font-size: 36px; line-height: 40px; font-weight: bold; color: #9a0000;}
.work-bt h2 strong{ font-size: 24px;color: #505050; font-weight:500;}
.work-bt p{font-size: 16px; color: #636363;}
.work-bt .work-bt-nav{ width: 80%; text-align: right; position: absolute; right: 0; bottom: 0;}
.work-bt .work-bt-nav a{ color: #636363;font-size: 16px;  margin-left: 5%; display: inline-block;}
.work-bt .work-bt-nav a:hover{color: #9a0000;}


/*整案案例--内容*/
.work-txt{ padding-top:3%;}
.work-txt ul li{ background: #f1f8f7; margin:1.5% 0 1.5% 0; width: 33.33%;overflow: hidden; float: left;}
.work-txt ul li img {display: block;max-width: 100%; /*width: 473px; height: 400px;*/}
.work-txt ul li a{ display:block; position: relative; }
.work-txt ul li a .work-txt1{ display: none;}
.work-txt ul li a:hover .work-txt1{ display:block;}
.work-txt ul li a .work-txt1 div{background: rgba(255,218,0,0.9); margin:7%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 7%;display: flex;flex-direction: column;justify-content: flex-end;text-decoration: none;transition: all .5s;color: transparent;}
.work-txt ul li a .work-txt1 div strong{font-size:22px; line-height:48px; display: block; color: #333;  font-weight: normal; position: relative;white-space: nowrap; text-overflow: ellipsis;   overflow: hidden;}
.work-txt ul li a .work-txt1 div strong em{ width: 18px; height: 2px; border-top: 2px solid #706209; display: block; position: absolute; left: 0; bottom: 0;}
.work-txt ul li a .work-txt1 div p{font-size: 12px; color: #333; padding-bottom: 28%; padding-top:4%; font-weight: normal;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*----整案案例分页----*/
#page2{ height:30px; margin:10% 0 3% 0;  }
#page2 span{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem; font-size:.5rem; color: #333; font-weight: normal;}
#page2 a{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem;  font-size:.5rem; color: #333; font-weight: normal;}
#page2 span.page_nowindex{ background-color:#9a0000; color:white; border: 1px solid #9a0000;}

/*作品案例*/
.work_case-txt{padding: 3% 0 0 0;}

  .select-wrapper{width: 24%;height: 34px;position: relative;cursor: pointer;display: inline-block;*display: inline;*float: left;*margin-right: 10px;background: #fff;border-radius: 3px;  }
  .select-wrapper.focus{}
  .select-button{width: 24%;height: 34px;border: 0;border-radius: 3px;background: #fff;cursor: pointer;padding: 0 26px 0 10px;overflow: hidden;text-align: left;outline: none;white-space: nowrap;word-break: keep-all;text-overflow: ellipsis; }
  .select-down{position: absolute;top: 21px;right: 12px;height:0;width:0;overflow: hidden;font-size: 0;border-color: #333 transparent transparent transparent;border-style: solid;border-width: 6px;  }  
  .disabled{    color: #cccccc;  }
  .select-list{width: 24%;background: #fff;box-shadow: 0 0 3px #ddd;border-radius: 3px;display: none;z-index: 2;position: absolute;left: -1px;top: 35px;overflow: hidden;  }
  .select-list ul{    margin: 0;    padding: 0;    overflow-x: hidden;    overflow-y: auto;    line-height: 34px;    max-height: 240px;  }
  .select-list ul li{    width: auto;    height: 34px;    padding-left: 10px;    cursor: pointer;    overflow: hidden;    white-space: nowrap;    word-break: keep-all;    text-overflow: ellipsis;  }
  .select-list ul li.selected,  .select-list ul li:hover{    color: #fff;    background: #9a0000;  }
  
  /* 下拉列表不可用样式 */
  .select-button-disable{    color: #ccc;    width: 24%;    height: 34px;      border-radius: 3px;    background: #fff;    cursor: pointer;    padding-left: 10px;    overflow: hidden;    text-align: left;    outline: none; }
  .select-down-disable{color: #ccc;font-size: 18px;position: absolute;    top: 0;    right: 10px;   line-height: 34px;  }
    #main_demo { margin-top:30px;}
	#main_demo select{ width: 100px; background: #fff; margin-right: 30px; border: 0; font-size: 16px; height:40px; line-height: 40px;}
	#main_demo select option{border: 0; line-height: 24px;}


/*作品案例--内容*/
.work_case{ padding-top:0;}
.work_case ul li{ margin:3% 0 0 0; margin-left:2%; width: 32%;overflow: hidden; float: left;}
.work_case ul li:nth-of-type(1),.work_case ul li:nth-of-type(4),.work_case ul li:nth-of-type(7),.work_case ul li:nth-of-type(10),.work_case ul li:nth-of-type(13){margin-left: 0;}
.work_case ul li .work_case-s{ width:  100%;overflow: hidden; height: 220px; float: left;}
.work_case ul li .work_case-s img {display: block;width: 100%; /* height: 220px;*/}


.work_case ul li a .work_case-s{position:relative; text-align: center;}
.work_case ul li a .work_case-s .work_case-s1{ display: none;}
.work_case ul li a:hover .work_case-s .work_case-s1{ display:block;}

.work_case ul li a .work_case-s .work_case-s1 div{background: rgba(0,0,0,0.2); position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 7%;display: flex;flex-direction: column;justify-content: flex-end;text-decoration: none;transition: all .5s;color: transparent;}
.work_case ul li a .work_case-s .work_case-s1 div strong{font-size:20px; line-height:48px; display: block; color: #fff;  font-weight: normal; position: relative;white-space: nowrap; text-overflow: ellipsis;   overflow: hidden;}
.work_case ul li a .work_case-s .work_case-s1 div span{font-size: 12px; padding-bottom: 0%;  padding:1% 0;  width: 160px;display: inline-block; margin: 0 auto 11% auto;border: 1px solid #fff; color: #fff;text-transform:uppercase;}

.work_case ul li a .work_case-ddd{ height: auto; width: 100%; background: #fafafa;  color: #646464; font-size: 16px; padding: 5% 2% 5% 5%;white-space: nowrap; text-overflow: ellipsis;   overflow: hidden;}


/*----作品案例--内容--翻页----*/
#page3{text-align:center; height:30px; margin:3rem 0 4rem 0;  }
#page3 span{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem; font-size:.5rem; color: #333; font-weight: normal;}
#page3 a{ display:block;  height:1rem; line-height:.9rem; padding:0 .4rem; border:1px solid #ccc; display: inline-block; margin-right:.1rem;  font-size:.5rem; color: #333; font-weight: normal;}
#page3 span.page_nowindex{ background-color:#9a0000; color:white; border: 1px solid #9a0000;}


/*作品案例二级页面*/
.case2-p{ padding:8% 0 7% 0;height: auto; overflow: hidden;}
.case2_title{ width: 32%; float: left; height: auto; overflow: hidden;}
.case2_title h1{ font-size:1.1rem; line-height: 1.2rem;padding-bottom:15%; font-weight: bold;color: #646464;}
.case2_title-source{ font-size:.35rem; color: #666666;}
.case2_title-source strong{ font-weight: normal; float: left;}
.case2_title-source span{ padding: 0 6%; float: left;}
.case2_title-source em{  font-style: normal;}



.case2_title-kuan{ width: 50%; height: auto; float: right; overflow: hidden;}
.case2_title-body{height: auto;overflow: hidden; padding-bottom: 8%; font-size: .55rem; line-height: 1rem; color: #424242;}
.case2_title-body p{ padding-bottom:5%;color: #424242;}


.case2_title-remarks{height: auto;overflow: hidden; color: #7f7f7f; font-size: .4rem;}

.nextPage{padding-bottom: 10%; position: relative;}
.last{ position: absolute;width: 30%; left: 0; top: 0;}
.last img{max-width: 100%;}
.this-article{ width:30%; text-align: center; margin: 0 auto;}

.this-article img{max-width: 100%;padding: 0 40%; }

.nextPage .next{ position: absolute;width: 30%;  text-align: right; right: 0; top: 0; }
.nextPage .next img{max-width: 100%;}






/*联系我们*/
.map-m{ padding-bottom:6%; height: auto; overflow: hidden;}
.map{ width: 100%; height: auto; padding-bottom:5%; position: relative;}
.map-img{width: 100%; height: auto; padding-bottom:8%; }
.map-img img{max-width: 100%;}
.map-txt{ position:absolute; left:50%; color: #8d8c8d; font-size:22px; line-height: 28px;}
.map-nav{ padding-left:9%;}
.map-nav ul li{ width:84px; height: 84px; padding-top: 10px; background:#fff; text-align: center; border: 1px solid #bbbcbc; margin-right: 16px;  border-radius: 8px; float: left; font-size: 22px; color: #b8b8b8; cursor: pointer;}
.map-nav ul li.hover{ color: #fff; background: #8e1a10; border: 1px solid #8e1a10; } 

.map_l{ width:31%; float: left; height: auto; overflow: hidden;}
.map_l p.map_l1{ font-size: 16px; color: #838282; padding-bottom:15%;}
.map_l p.map_l2{ font-size:1.5rem; line-height: 1.6rem; color: #303030;padding-bottom:5%;}
.map_l p.map_l3{ font-size: 18px; color: #838282; padding-bottom:10%;}

.map_r{ width: 50%; float: right;}

.menu_head{width:100%;height:48px;line-height:48px;font-size:18px;color:#525252;cursor:pointer;position:relative;margin:0px; border-bottom: 1px solid #7e7877;}
.menu_list .current{font-weight:bold;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:26px; padding-bottom: 25px; padding-top:26px; color: #5c5c5d;backguound:#fff; border-bottom:  1px solid #7e7877;}
.menu_body a{display: inline-block;margin-top: 30px; border: 1px solid #231815;    color: #595757;padding: 6px 10px 3px 60px;    border-radius: 6px;    position: relative;   background: url("../img/map/index.png") no-repeat;    background-position: 12px 12px;}
.menu_body .recruit:before{    content: '';    display: block;    position: absolute;    width: 1px;    top: 6px;    bottom: 6px;    left: 0;    right: 0;    background: #231815;    margin-left: auto;	margin-right: auto;}

.menu_body a:hover{text-decoration:none;}

.map_r-jl{ font-size:18px; padding: 7% 0 0; color: #3c3c3c;}
.map_r-jl a{ font-size:18px; padding: 7% 0 0; color: #3c3c3c;}
.map_r-jl a:hover{ font-size:18px; padding: 7% 0 0; color: #8e1b10;text-decoration:underline;}

.syevent {text-align:center; width:100%;}
.syevent img {max-width:100%;}
.msyevent { display:none;}