﻿@charset "utf-8";
/* CSS Document */

/* header*/
html{font-size:62.5%;}
body{font-size:14px; color:#333333; background:#fff; overflow-x:hidden}
img{ max-width:100%; vertical-align:top;}
.c:after{display: block;content: "";clear: both;}
.Ycyy{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #333;
    font-size: 18px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #333;
    font-size: 18px;
}
.img_list_301 ul li table tr td img {
    width: 250px !important;
}
input.Searchotxt:-moz-placeholder{font-family:'宋体'; color:#b2b2b2; font-size:14px;}
input.Searchotxt::-moz-placeholder{font-family:'宋体'; color:#b2b2b2; font-size:14px;}

.otxt,.obtn,.oselect{border:none;background:none;}
.w100{width:100%;}
.w1000{max-width:1200px;margin:0 auto;}
.Vimg{ width:100%; height:100%; display:block;}


.meau{ width:25px; height:18px; position:relative; float:right; margin-right:10px; margin-top:10px; display:none;}
.meau span{ width:100%;position:absolute;right:0; top:0;background:#000;display:block;height:2px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:top;}
.meau span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.meau .m1{}
.meau .m2{top:8px;}
.meau .m3{top:16px; }
.meauon .m1,.meauon .m2,.meauon .m3{ background:#666;}
.meauon .m1{ transform:rotate(45deg); top:9px;}
.meauon .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.meauon .m3{ transform:rotate(-45deg); top:9px;width:25px;}

.top .logo img{
  width: 150px;
}


.Nav{ width:70%; display:none;}
.Nav{}
.NavMSubBgOn{opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}
.Nav{  text-align:right; position:relative;z-index:888888;}

.Nav ul{ float:right; position:relative; z-index:8;}
.Nav li{ position:relative; line-height:36px; height:36px;float:left; padding:0 15px; z-index:888888;}
.Nav li:hover{ background:rgba(140,5,29,0.8);}
.Nav a{ font-size:16px; color:#e5e5e5; letter-spacing:2px;display: inline-block;width: 100%;text-align: center;}
.Nav a:hover{ color:#fff;}
.Nav .Other{ background:#5f5f5f; padding:0 20px;}


.NavClose,.NavFx,.newredp27,.NavClose{ display:none;}
.NavClose,.NavFx{ position:absolute;}
.NavFx{ width:100%; text-align:center; bottom:0px; font-size:12px; line-height:12px; }
.NavFxp1{padding-bottom:25px;}
.NavFx img{ vertical-align:top; height:20px;}
.NavFxp2 img{ margin:0 8px;}
.NavClose{ cursor:pointer; width:30px; height:30px;  background:url(../images/NavClose.png) left top no-repeat; cursor:pointer; right:10px; top:10px;}
.NavClose:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}

.NavMSubBg{ position:absolute; left:0;opacity:0;-webkit-opacity:0;-moz-opacity:0; top:109px;  width:100%; z-index:-1; background:rgba(255,255,255,0.91); height:333px; display:block;transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}
.NavMSubBgOn{top:110px;opacity:1;-webkit-opacity:1;-moz-opacity:1;z-index:99;}


.swiper-container{ width:100%; position:relative; overflow:hidden;zoom:1;}
.swiper-wrapper{width:100%; position:relative;z-index:777;}
.swiper-slide{ background-position: center top; background-repeat:no-repeat;}
.swiper-slide-img{ display:none; width:100%; vertical-align:top;}
.swiper-pagination{ z-index:800; height:12px; text-align:center;}
.swiper-container-horizontal > .swiper-pagination-bullets{ width:100%; bottom:40px;  left:0;}
.swiper-pagination-bullet{border:none; display:inline-block; background:none;vertical-align:top;width:10px; height:10px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100); vertical-align:top; border:1px solid #fff;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.swiper-pagination-bullet-active,.Banner .bd .on{background:#fff;}
.swiper-button-next, .swiper-button-prev{ width:24px; height:60px; z-index:99; margin-top:-30px;}
.swiper-img{ background-position: center; background-repeat:no-repeat; width:100%; position:absolute; left:0; top:0; height:100%; background-size:cover;}
.swiper-img{-webkit-animation-duration:3.5s;-moz-animation-duration:3.5s;-animation-duration:3.5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;
}
.banner1{ text-align:center; }
.banner1{ padding:0; width:100%; left:5%; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); position:absolute;}
.banner1 .s-t-1{ font-size:55px; color:#fff; letter-spacing:5px; font-weight:bold; position:relative;padding-bottom:40px;}
.banner1 .s-t-1 i{ position:absolute; left:50%; margin-left:-27px; width:54px; height:6px; background:#fff; bottom:0; }
.banner1 .s-t-2{ font-size:48px; color:#fff; letter-spacing:6px; margin-top:30px;}
.down{position: absolute;width: 40px;height: 40px;line-height:40px;text-align:center;color:#fff;background: rgba(0,0,0,0.3);bottom: 0;right: 10%;z-index: 778;}

.IndexBanner  .swiper-slide{ height:100%;}


.index-maincase,.index-h_case_ma,.index-casemore,.index-aboutindex,.index-newindex,.index-footer,.index-copy{
    display: none;
  }

.top{ position:fixed; left:0; top:0; z-index:999; background:rgba(255,255,255,0.5);}
.topon{ background:white;}
.logo{ padding-top:18px;}
.topmain{ width:90%; max-width:1920px;}
.navm{ float:left; font-size:12px; position:relative;}
.navmi{ position:absolute; height:4px; width:4px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; background:#fff; display:block; left:50%; margin-left:-2px;bottom:0;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.navmon .navmi,.navm:hover .navmi{bottom:12px;opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.navma{color:#000; line-height:70px; height:70px; display:inline-block; vertical-align:top;padding: 0 25px;}
.navmem{font-weight:bold; letter-spacing:1px;}
.navsub{ width:220px; position:absolute; left:0; top:70px; border-top:1px solid #444; background:#232323; box-shadow:0 13px 42px 11px rgba(0,0,0,.05);z-index:-1; display:none; }
.navsub dd{padding:10px 15px; line-height:22px;}
.navsub dd a{font-size:13px; position:relative; left:0;color:#9e9e9e;}
.navsub dd:hover{ background:#3b3b3b;}
.navsub dd:hover a{ color:#fff; left:8px;}
.navm:hover .navsub{ z-index:999;}
.navm a:hover{ color:#fff;}
.search{ cursor:pointer;background:url(../images/search.png) center center no-repeat;display: inline-block;  width:23px; height:70px;}
.search_s .search{vertical-align:middle;display: inline-block;}
.search_s .iconfont{color: #fff;position: relative;top: 4px;cursor: pointer;}
.lauge a{ color:#fff; font-size:12px; font-weight:bold;}
.lauge a,.lauge em{ display:inline-block;line-height:70px; height:70px; vertical-align:top;}
.lauge a{ margin:0 11px;}
.lauge em{ padding:0 22px; color:#fff;font-size:12px;}

.maincase{ padding-top:50px;}
.homepubtit{ position:relative; padding-bottom:10px; display:inline-block;}
.homepubtiti{ 
  display:block; 
  position:absolute; 
  right:0; 
  bottom:0; 
  height:1px; 
  width:175px; 
  background:#dedede;
}
.homepubtitspan{ font-size:20px;}
.homepubtitem{ display:block;}
.maincasesub{ text-align:right; width:560px; font-size:12px; padding-top:32px;}
.maincasesub a{ overflow:hidden;text-align:center;color:#717171; display:inline-block; width:76px; position:relative;  cursor:pointer;}
@media(min-width: 768px){.maincasesub a:hover{ color:#fff;}.maincasesub .on{ color:#fff;}}
.maincasesub span{ position:relative; z-index:999;}
.maincasesub em{ vertical-align:middle; color:#bbbbbb; padding:0 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.maincasesub a,.maincasesub em{display:inline-block;line-height:28px; height:28px; vertical-align:top;}
.maincasesub div{ position:absolute; width:100%; height:100%; left:-100%; top:0; background:#333333;transition: all 300ms ease;}
.maincasesub div.hover{
  left: 0;
  
}
.maincasesub a{
  overflow: hidden;
}




.pageasesub1{
  position: relative;
}
#case110{
  position: absolute;
  top: -130px;
}





/*.h_case_ma{  padding:50px 0; padding-top:0;}*/
.h_case_m1_l{ float:left;padding-left:105px; position:relative;}
.h_m1_i{background:#dedede; height:1px; width:55px; position:absolute; left:0; top:0; display:block;}
.h_case_m1_r{ float:right;}
.h_c_r_m1_p1{ font-size:12px;font-family:Arial, sans-serif; }
.h_case_m1_p2{ padding-top:55px;}
.h_case_m1_p3{ padding-top:25px;}
.h_c_r_m1_p1{ padding-top:80px;}
.h_c_r_m1_p2{ font-size:15px; padding-top:30px; overflow:hidden;zoom:1;}
.h_c_r_m1_p2,.h_c_r_m1_p2 a{ color:#000;}
.h_c_r_m1_p2 a{ display:block; line-height:26px;}
.h_c_r_m1_p2_ul{ float:right; padding-right:100px;}
.h_case_m2_m{ float:left; width:44%; margin-right:10%; margin-top:50px; color:#505050; font-size:12px; line-height:20px;}
.h_case_m2_m:nth-child(3n){ margin-right:0;}
.h_case_m2_m,.h_case_m2_m:hover{ color:#505050;}
.h_2_m_p1{height:20px; line-height:20px; overflow:hidden;}
.h_2_m_p2{ color:#333; font-weight:700; letter-spacing:1px; padding-top:5px; height:36px; line-height:18px;
          display:-webkit-box;
          -webkit-box-orient:vertical;
          -webkit-line-clamp:2;
          overflow: hidden;
          font-size:14px;}
.h_case_m2_m:hover .h_2_m_p2{color:#806a5d;}
.h_2_m_p3{ color:#585858; font-size:14px; padding-top:11px; height:22px; overflow:hidden;zoom:1;}
.h_case_m2_m_odd{ margin-right:0; margin-left:4%;}
.h_2_m_txt{ padding:15px; padding-right:19px; padding-left:105px; position:relative;}

.h_2_m_p1{ position:relative; left:0; color:#999;}
.h_m1_i2{ top:22px; height:2px; width:55px; position:absolute; left:0; display:block; overflow:hidden;}

.h_case_m2_img{ position:relative; overflow:hidden;zoom:1;}
.h_m_bg{ position:absolute; width:100%; height:100%; border:40px solid #fff; left:-40px; top:-40px; z-index:9;}
.h_case_m2_m:hover .h_m_img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.h_case_m2_m:hover .h_m_bg{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}
.h_case_m2_m:hover .h_m1_i2,.h_case_m2_m:hover .h_2_m_p1{ left:8px;}
.h_m_img{transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;}
.h_m_bg,.h_m1_i2,.h_2_m_p1{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.h_case_sk{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:190; background:#050505;}
img.h_m_img{ width:100%;height: 300px;}

.casemore{ text-align:center; padding:50px 0  100px; text-align:center;}
.casemorea{ display:inline-block; position:relative; width:248px; height:43px;line-height:43px; border:1px solid #bbbbbb;}
.casemorea em{top:0;height:100%;  position:absolute; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
.casemorea em{ color:#b9b9b9; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.casemorea span{ display:block;height:100%; width:32px; background:url(../images/jiantou.png) center no-repeat; left:50%; margin-left:-5px; position:absolute; top:0;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.casemorea:hover{ border:1px solid #2a2a2a;}
.casemorea:hover span{ opacity:1;-webkit-opacity:1;-moz-opacity:1;margin-left:5px;}
.casemorea:hover em{ color:#2a2a2a;transform:translateX(-70%);-webkit-transform:translateX(-70%);-moz-transform:translateX(-70%);}
.casemorea1{ border:1px solid #fff;}
.casemorea1 em{ color:#fff;}
.casemorea1:hover{ background:#fff; border:1px solid #fff;}
.maincasesub .on div{ display:block; left:0; top:0;}



.aboutindex{ position:relative; background:url(../images/about/video1.jpg) center top no-repeat; font-size:24px; color:#fff; text-align:center; line-height:48px;}
.aboutindextxt{ width:100%; position:absolute; left:0; top:23%;}
.aboutindexp1{ letter-spacing:12px; padding-bottom:105px;}
.bg{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.3)}
.aboutindex video{width: 100%;vertical-align: bottom;}

.newindex{ margin-top:100px;}
.newindextop{ background:#f5f5f5; margin-top:95px; padding-bottom:25px;}
.newindextopimg{ width:278px; margin-left:58px; margin-top:-45px;}
.newindextoptxt{ width:768px; margin-right:30px;}
.newindextoptxtdate{ color:#9a9a9a; font-size:16px; padding-top:41px; }
.newindextoptxth5 a{ font-size:18px; color:#333333;}
.newindextoptxth5{padding-top:20px;}
.newindextoptxtdesc{ color:#585858; line-height:24px; text-align:justify; padding-top:45px;}

.newindextoptxtmore{ text-align:right; padding-top:25px;}
.h_more_1{ display:inline-block; width:80px;height:24px;border:1px solid #bbbbbb; text-align:center;}
.h_more_1_i{display:inline-block; vertical-align:top; height:100%; width:34px; position:relative; overflow:hidden;}
.h_more_1_jt{ width:100%; height:100%; left:0; top:0; position:absolute; background:url(../images/xjt.png) left center no-repeat;}
.h_more_1:hover{ border:1px solid #000;}

.newindexlist{ overflow:hidden; margin-top:55px;}
.newindexul{ width:108%;}
.newindexm{ float:left; display:inline-block; width:380px;margin-right:30px;}
.newindeximg{ width:100%; height:220px; overflow:hidden; }
.newindexdate{color:#999; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.newindexdate{ padding-top:15px;}
.newindextit{ font-size:14px; font-weight:bold; padding-top:5px;}
.newindexdesc{ font-size:14px; color:#585858; padding-top:28px;}
.newindexm:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);}

.footer{ padding-top:60px;background:#787878; color:#fff; font-size:14px; padding-bottom:30px;}
.footerpa_re{ font-size:24px;padding-bottom: 10px;}
.footerpa{ font-size:18px; padding-bottom:32px;margin-bottom: 32px; border-bottom:1px solid #a6a6a6;color: rgba(255,255,255,0.7)}
.footerpb{ padding:0 0 30px 0;}
.fpcrp1{ background:url(../images/d1.png) left 6px no-repeat;}
.fpcrp2{ background:url(../images/d2.png) left 7px no-repeat;}
.fpcrp3{ background:url(../images/d3.png) left 5px no-repeat;}
.fpcrp4{ background:url(../images/d4.png) left 5px no-repeat;}
.fpcrp5{ background:url(../images/d5.png) left 7px no-repeat;}
.footerpcr p{ padding-left:38px; line-height:30px;}
.footerpcr .fpcrp4{line-height:22px;}
.footerpc{ padding:0 0;}
.footerpc li{float: left;width: 12%;}

.footerpc li div p:first-child a{font-size: 14px;color:rgba(255,255,255,0.8);}
.footerpc li div p a{font-size: 14px;height: 25px;line-height: 25px;}
.footerpc li div p a:hover{color:rgba(255,255,255,0.8);text-decoration: none;}


/* .footerpc li:first-child a{color:rgba(255,255,255,0.8);} */
.footerpc li a{color: #B6B6B6;}
.footerpcl dl{text-align: center;}
.footerpcl dt{margin-top: 50px;}
.footerpcl dt img{width: 27%;margin: 0 1%;}

.oon{background: #000;color: #fff!important;}

.copy{ font-size:12px; color:#ababab; line-height:42px; background:#4e4e4e; overflow:hidden;}
.copy a{ color:#ababab;}
.copy .c_address{display: none;}
div.copy .fr,div.copy .fl{
	height: 33px;
	line-height: 33px;
}
@keyframes hm_b_t {
  0% {
    transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);
  }

  50% {
    transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);
  }

  100% {
	transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);
  }
}
@-webkit-keyframes hm_b_t {
   0% {
    transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);
  }

  50% {
    transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);
  }

  100% {
	transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);
  }
}
.hm_b_t {
  -webkit-animation-name: hm_b_t;
  animation-name: hm_b_t;
}
.bimg{ display:none;}
.b_img{ display:none;}

.NavClose,.Nav,.casemorea em,.casemorea span,.newindexm img,.top,.navmi,.navsub dd,.navsub,swiper-pagination-bullet{transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}
.On{background: #333;color: #fff!important;}

/*搜索*/
.search_s{display: none;}
.s_enter{color:#fff;border:none;width: 390px;background:transparent;height: 69px;line-height: 69px;padding-left: 10px;}


.span_txt{letter-spacing:1px;visibility:hidden;margin:0 0 15px;position:relative;height: 35px;line-height: 35px;background:#D7D7D7;border-radius: 5px;display: inline-block;*display: block;*zoom: 1;color:#fff;padding: 0 15px;}
.span_txt:after{content: '';position: absolute;top:2.9rem;left:1.61rem;width:0;height:0;border-top:1rem solid #D7D7D7;border-left:1rem solid transparent;border-right:1rem solid transparent;}
.search_box{width: 1200px;margin:15px auto 0;}
.search_box_text{padding-left:5px;height:36px;line-height: 36px;width: 30%;margin-right: 3%;}
.search_btn{background:#000;color:#fff;border:#000;font-size:16px;height: 40px;line-height: 40px;width:8%;vertical-align: bottom;}
.R_red{color: #000;font-weight: bold;}

.maincaseW {padding-top: 50px;}

.me_work_txt{transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}


.me_work_txt{ position:absolute; left:0; bottom:-20px; z-index:6;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.me_work_txtp1,.me_work_txtp2{ padding:0 25px; color:#fff;}
.me_work_txtp1{ font-size:16px; letter-spacing:1px; font-weight:bold; padding-bottom:5px;}
.IndexBanner .swiper-pagination{ width:120px; left:5%; margin-left:0;}
.m_hover_work:hover .me_work_txt{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100);bottom:25px;}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0; margin-right:10px; float:left;}



.me-video-bg{ z-index:4;opacity:0;-webkit-opacity:0;-moz-opacity:0; background:#000; position:absolute; width:100%; height:100%;}
.me-video-btn{ background:url(../images/dfmz-video-btn.png) center no-repeat; width:69px; height:69px; z-index:20; display:block; cursor:pointer; position:absolute; top:42%; margin-top:-34px; left:50%; margin-left:-34px;}
.me-video-btn:after{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-sizing: content-box;content:"";height: 100%;pointer-events: none;position: absolute;width: 100%;}
.me-video-btn:after{box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); left: 0;opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);top: 0;transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);}
.me-video-btn:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0  2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0  2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 2px rgba(255,255,255,0.1), 0 0 3px #ffffff, 0 0 0 1px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

.me-video-bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:9;-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s; background:#000;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}



/*banner鼠标动画*/
.banner_mouse{ position:absolute;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite; right:5%; bottom:40px; z-index:888; margin-right:0;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.banner1{ width:100%; left:0; max-width:inherit;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin-right:15px;}

@-webkit-keyframes colorSlide {
	 	 0% {
	  	    height:0;
	  	  }

  	 90%{
  	  	height:40px;
  	  }
  	  
	  	 	
	}

	@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	@-webkit-keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	 
	}
	@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  
}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}
.pubnavh{ height:0; overflow:hidden;}
.h_case_sk{ display:none;}
.pageasesub{ display:none;}
.h_case_m2_m:hover .h_m_bg{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.IndexBannera{ position:absolute; z-index:6; right:30px; bottom:30px; background:rgba(0,0,0,0.7); color:#fff; display:inline-block; padding:10px 30px; font-size:18px; letter-spacing:2px;}


.hobenter:before{-webkit-transition: all ease-out 0.3s;transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s; }
.tophome,.IndexBannera,.IndexBanner .swiper-pagination,.pc-E_img .swiper-pagination{ display:none;}
.s-t-0 { padding-bottom:15px;}
.hobenter span{ position:relative; z-index:6;}
.hobenter{color:#fff; margin-top:30px; border:1px solid #fff; overflow:hidden; position:absolute; display:inline-block; padding:2px 2px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.hobenter:before{ content:''; position:absolute; width:100%; left:0; height:0; bottom:0; background:#fff;z-index:-1;}
.hobenter:hover{ color:#000;}
.hobenter:hover:before{ height:100%;}
.pc-E_img .swiper-button-prev{ background:url(../images/shang.png) center no-repeat; left:50px;}
.pc-E_img .swiper-button-next{ background:url(../images/xia.png) center no-repeat; right:50px;}
.fh5co-main{ padding-top:30px;}
.fh5co-main1{
  padding-bottom: 90px;
}
.maincase1{ padding-top:0; margin-top:60px;}

.sc2-p1{ position:absolute; z-index:6; right:8%; bottom:8%; color:#fff; font-size:18px; letter-spacing:3px;}
.h_case_m2_m{ width:32%; margin-right:2%;}
.h_case_m2_modd{ margin-right:0;}
img.h_m_img{ /*height:auto;*/}
.llitam1{ width:125px;}
.s-t-0 { padding-bottom:100px;}
.s-t-0 img{ width:258px;}
.hobenter { bottom:50px; left:50%; margin-left:-73px;width:140px;padding:0;font-size:16px;text-align:center;height:40px;line-height:40px;border:3px solid #fff;border-radius:3px; -webkit-border-radius:3px;z-index:66666; position:absolute;}
.logobig{width:248px;z-index:66666; position:absolute;left:50%;margin-left:-124px;top:80px;}

.babhindex,.babhindex a{color:#fff;}
.babhindex{ position:fixed; right:10PX; bottom:10PX; z-index:777; font-size:11px; opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;}


@media (max-width:1200px){

	.maincase,.h_case_ma,.casemore{width: 100%;}
	
	.banner1 .s-t-1{ font-size:35px; color:#fff; letter-spacing:3px; font-weight:bold; position:relative;padding-bottom:20px;}
	.banner1 .s-t-1 i{ position:absolute; left:50%; margin-left:-27px; width:54px; height:3px; background:#fff; bottom:0; }
	.banner1 .s-t-2{ font-size:28px; color:#fff;  letter-spacing:0; margin-top:20px;}
}
@media screen and (max-width: 1020px){
  .lauge a{
    margin: 0 5px;
  }
  .lauge em{
    padding: 0 8px;
  }
  .navma{
    padding: 0 8px;
  }
}

@media screen  and (max-width:768px) {
	.body{position:relative;}
	.bodyOn{ position:fixed; height:100%;width: 100%;}
	.swiper-pagination-bullet{width: 6px;height: 6px;}
	.swiper-slide{ height:auto;}
	.IndexBanner{ padding-top:55px;}
	.banner1{ display:none;}
	.b_img{ display:block;}
	.swiper-img{ display:none;}
	.w100,.w1000,.maincasesub,.h_case_m2_m,.aboutindextxt,.newindex,.newindexul{ width:100%; box-sizing:border-box;}
	.top,.maincase,.h_case_ma,.aboutindextxt,.newindex,.main_logo h5{ padding-left:5%; padding-right:5%;}
	.logo img{ height:35px;}
	.logo{ padding:0;}
	.Nav{ position:absolute; left:0; top:65px;}
	.Nav li,.Nav ul{ width:100%; margin:0; padding:0;}
	.Navtxt>div.c{height:69%;overflow: hidden;padding-top:50px;}
	.Navtxt>div.c>ul{height: 100%;overflow: hidden;}
	.pubnavh{ height:55px;}

  .fh5co-main1{
    padding-bottom: 20px;
  }
  
  .index-maincase,.index-h_case_ma,.index-casemore,.index-aboutindex,.index-newindex,.index-footer,.index-copy{
    display: block;
  }
  .maincasetop .maincasesub-title a{
    width: 76px;
  }

	/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
	.Navtxt>div>ul::-webkit-scrollbar{
		width: 6px;
		height: 16px;
		background-color: transparent;
	}
	/*定义滑块，内阴影及圆角*/
	.Navtxt>div>ul::-webkit-scrollbar-thumb{
		/*width: 10px;*/
		height: 20px;
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: rgba(207,207,207,0.0);
	}

	.IndexBanner  .swiper-slide{ height:auto;}

	.Nav {background: rgba(0,0,0,.5); width:100%; height:100%;position:fixed;left:-60%;top:0;bottom:0; box-sizing:border-box; z-index:999999;}
	.Navtxt{box-sizing:border-box;width:60%; height:100%; background:#fff; text-align:center; position:relative;}
	
	.Nav li:hover,.Nav li{ background:none;}
	.Nav>ul{ display:inline-block; position:absolute;left:50%; transform:translate(-50%);width:100%;}
	.Nav li{float:left; width:100%; text-align:left;line-height:50px;height: auto;}
	.NavM{position: relative;}
	.Nav a{color:#000; font-size:16px; font-weight:bold;box-sizing: border-box;margin-left: 5%;padding-left:5%;text-align: left;width: 95%;border-bottom: 1px solid #eee;}
	.Nav a:hover{ color:#806a5d;}
	.i_more{right:0;top:0;position: absolute;width: 50px;height: 50px;background: url("../images/more.png") no-repeat 10px 17px;background-size: 40%;}
	.i_moreon{background: url("../images/less.png") no-repeat 10px 17px;background-size: 40%;}
	.more_list li a{font-size: 14px;color: rgba(0,0,0,0.5);}
	.more_list li{line-height: 35px;}

	.NavClose,.NavFx{ display:block;}
	.Nav { opacity:0; z-index:-11; display:none;}
	.NavOn{opacity:1; z-index:9999;left: 0;}
	
	
	.NavMSubBg{ display:none;}
	.lauge ,.search ,.topmainr,.NavMSub,.newindextop{ display:none;}
	.meau { display:block;}
	.top { background:#fff; padding-top:10px; padding-bottom:10px;}
	.maincasesub{ text-align:center;margin: 30px 0 5px 0;}
	.h_case_m2_m{ margin-right:0; width:100%; margin-top:25px;}
	.h_case_m2_m_odd{ margin-left:0;}
	.h_2_m_p3,.h_more_1,.h_c_r_m1_p1{ display:none; }
	.h_2_m_txt{ padding:20px; padding-left:40px;}
	.h_m1_i2{ width:20px; top:25px;}
	.h_2_m_p2{ font-size:14px;padding-top:10px; height:auto;}
	.ba_left, .ba_right{ width:100%;font-size:18px}
	.h_c_r_m1_p2_ul{ float:left; width:100%; padding:0;}
	
	.h_case_m1_l,.h_case_m1_r{ padding-left:50px; width:100%; box-sizing:border-box;}
	.h_m1_i{ width:25px;}
	.h_case_m1_p2{ padding-top:30px;}
	.h_c_r_m1_p2_ul a{ line-height:35px; height:35px; display:none;}
	.h_c_r_m1_p2_ul .p2_a_show{ display:block;}
	.HPubtxtp12 { font-size: 22px;}
	
	.casemore { padding-top:40px; padding-bottom:40px;}
	.casemorea{ width:70%;}
	.aboutindex{ background-size:auto 100%; background-position: center; height:auto;}
	.aboutindextxt{ top:0; position:relative; padding:50px 5%;}
	.aboutindexp1{ padding-bottom:40px;font-size:16px; letter-spacing:1px; line-height:30px;}
	
	.newindex{ margin-top:40px;}
	.maincase{ padding-top:40px;}
	.newindexlist{ margin-top:25px;}
	.newindexm { width:100%; margin:0;}
	.newindexdesc{ padding-top:10px; padding-bottom:30px;}
	.footer { display:none;}
	.pagebanner{padding-top: /* 55px */;}
    .img_list_301 ul li table tr td img {
        width: 80px !important;
    }
	.bimg{width: 100%;display: block;}
	.maincasesub{padding-top: 0;width: 100%;}
	.tophome{ display:block;}
	.IndexBannera{ display:block;}
  .maincasetop .maincasesub a{
    width: 76px;
  }
	/*.bdshare-button-style2-32 {width: 139px;margin: 0 auto;}*/
	.NavFx .bdshare-button-style2-32 a:nth-child(2){margin:6px 18%;}
	.NavFx{height:20%;box-sizing:border-box;padding-top:5%;width: 100%;padding-left:5%;text-align: left;background: #f5f5f5;}
	.NavFx .share a{border-bottom: none;}
	.design{margin-top: 5px;}
	.design span{height: 20px;line-height: 20px;font-size: 12px;color: #bfbfbf;}
	.aboutindex video,.down,.maincasesub a div{display: none!important;}
	.i_casemore{padding-top:10px;}
	/*.copy .fl {height: 25px;}*/
	.search_s{display: none;}
	.topmain .fl {float: right;}
	.meau{float: left;}
	.more_list{display: none;}
	.homepubtiti {left: 0;width: 100%;}
	.copy .w1000{display: none;}
	.copy .c_address{
    display:block;
    box-sizing: content-box;
    padding:15px 15px 57px 30px;
  }
	.copy .c_address_lf{
    text-align: center;
    width: 13%;
    min-width: 55px;}
	.copy .c_address_lf img{width:100%;margin-top: 3px;}
	.copy .c_address p{height: 22px;line-height: 22px;font-size: 12px;}
	
	.copy .c_address p{ height:auto; line-height:18px;}
	.NavFx{ z-index:44; height:25%;}
	.Navtxt>div.c{ height:75%;}
	.me_work_txtp1, .me_work_txtp2{ padding-left:15px; padding-right:15px;}
	.me_work_txt{ display:none;}
	.hspan{ box-sizing:border-box; padding-left:5px;}
	.IndexBanner .swiper-pagination{ margin:0;transform:translateX(-50%);-webkit-transform:translateX(-50%); left:50%; margin: 0 5px; text-align:center;}
	.swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px;}
	.banner_mouse{ display:none;}
	
	.swiper-container.ParameterScroll{ height:100%;}
	.ParameterScroll .swiper-slide{ height:auto;}
	.Navtxt>div.c{ box-sizing:border-box;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ float:none;}
	.banner1{ display:none;}
	
	.banner1 .s-t-1{ font-size:18px; color:#fff; letter-spacing:3px; font-weight:bold; position:relative;padding-bottom:20px;}
	.banner1 .s-t-1 i{ position:absolute; left:50%; margin-left:-27px; width:54px; height:3px; background:#fff; bottom:0; }
	.banner1 .s-t-2{ font-size:18px; color:#fff; font-family:'宋体',Arial, Helvetica, sans-serif; letter-spacing:0; margin-top:20px;}
	.IndexBannera{ bottom:auto; right:auto; text-align:center; left:50%; top:50%; transform:translate(-50%,-50%);}
	.IndexBanner,.IndexBanner .swiper-slide,.IndexBanner .swiper-wrapper{ height:auto !important;}
	.pageasesub{ display:block;}
	.pageasesub1{ display:none;}
	img.h_m_img{ height:auto;}
	.copy .c_address_lf{ display:none;}
	div.copy .fr, div.copy .fl{ height:auto; width:100%; box-sizing:border-box; padding:10px;}
	
	.copy .c_address{display:block;box-sizing: content-box;padding:15px 15px 10px 15px;}
}

@media screen and (max-width: 1200px) {
  .footer{
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 768px){
  .mpt80{
    padding-top: 80px;
  }
  /* .maincase{ padding-top:40px;} */
  .mainnewtopa{margin-top: 55px;}
}
@media (max-width: 400px) {.Navtxt>div.c{height:75%;overflow: hidden;padding-top:50px;}
	.copy .c_address_lf img{width:100%;margin-top:5px;}
}


@media (max-width: 320px) {.Navtxt>div.c{height:75%;overflow: hidden;padding-top:50px;}
	.NavFx .bdshare-button-style2-32 a:nth-child(2) {margin: 6px 15%;}
	.NavFx{height:25%;}
}
/*header*/
.bdshare-button-style2-32 a{display: block;float: none;margin: 6px 0;}
.bdsharebuttonbox .bds_mshare{background: url("../images/WB.png") no-repeat!important;width: 25px;line-height: 25px;height: 25px; display:inline-block; margin:6px 6px 6px 0}
.bdsharebuttonbox .bds_WEIXIN{background: url("../images/WX.png") no-repeat!important;width: 25px;line-height: 25px;height: 25px; display:inline-block; padding-right:4px; margin:6px 20px 6px 20px;}
.bdsharebuttonbox .bds_QQ{background: url("../images/QQ.png") no-repeat!important;width: 25px;line-height: 25px;height: 25px; display:inline-block; margin:6px 6px 6px 0}

.footerpcl .bdsharebuttonbox .bds_mshare{background: url("../images/ZL.png") no-repeat!important;width:40px;line-height: 40px;height: 40px; display:inline-block; margin:6px 6px 6px 0; padding-right:5px;}
.footerpcl .bdsharebuttonbox .bds_WEIXIN{background: url("../images/WX1.png") no-repeat!important;width: 40px;line-height: 40px;height: 40px; display:inline-block; margin:6px 6px 6px 0; padding-right:0px;}
.footerpcl .bdsharebuttonbox .bds_QQ{background: url("../images/QQ1.png") no-repeat!important;width: 40px;line-height: 40px;height: 40px; display:inline-block; margin:6px 6px 6px 0}
.footerpcl .bdshare-button-style2-32 a{height:40px;width: 40px;}




a.bds_QQ   {border-right: none;margin-left: 5px!important;}
a.bds_mshare{padding-right: 5px;}






.f1_cont{position:fixed;height: 0;line-height: 50px;width:100%;background: rgba(0,0,0,0.2)}
.f1_cont li{display:none;position: absolute;height: 50px;line-height: 50px;width: 100%;}
.navm p{
  /* display:none; */
  position: absolute;
  z-index:999;
  /* height: 50px; */
  height: 0;
  line-height: 50px;
  overflow: hidden;
}
.navm p a{z-index:999;color:#fff;cursor:pointer;display: inline-block;*display: block;*zoom: 1;margin: 0 10px;}
.navm2 p{width:500px;left: -140px;}
.navm3 p{width:500px;left: -103px;}
.navm4 p{width:502px;left: -30px;}
.navm5 p{width: 500px;left: -30px;}
.navm6 p{width: 500px;left: -35px;}


@media screen  and (max-width:480px){
  .maincasetop .maincasesub a{
    width: 54px;
  }
}











