/* 
* @Author: zzx
* @Date:   2016-03-24 09:05:55
* @Last Modified by:   zongli
* @Last Modified time: 2019-02-20 09:36:01
*/

/*公共样式开始-------------*/
    /*头部*/
	.absolute {
    position: absolute;
}

.t-f {
    transition: all 0.5s;
}
.gf-logo{z-index: 20000; top: 0;width: 100%;}
.gf-logo .gf-pnav{position: absolute; top: 0; padding-top: 0;height: 66px;z-index: 2; }
.gf-logo .gf-pnav a{color:#000; padding-top: 22px;}
.gf-logo h1{width: 236px;height: 81px;position: absolute; top:0; left: 0%;z-index: 2;}
.gf-logo h1 a{width:236px;height: 81px;display: block;line-height: 66px;text-align: center;}
.gf-logo .logo-bg{}
header.active{position: fixed;background-image: linear-gradient(to top, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.7019607843137254));min-height: 100px;}
.gf-header{position: relative; width: 100%;z-index: 9999; }
.afocus{display: none;}

.pfocus video{width: auto;height: auto;min-width: 100%; min-height: 100%;}

.gf-header .index_pfocus{position: relative;}
.gf-header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}
.gf-header .index_pfocus img{}

.pfocus img{width: 100%; height: auto;}
.focus-text{ bottom: 70px;    position: absolute;
    left: 4%;}
.focus-text .p1{font-size: 16px;padding-bottom: 10px;}
.focus-text .p2{font-size: 48px;font-weight: bold;}
.focus-text .p3{font-size: 48px;font-weight: bold; width:55%;}
.gf-pnav{position: absolute; padding-top: 30px;padding-left: 4%;padding-right: 4%;top: 0;right: 0; z-index: 111;}
.gf-pnav a{
    color:#fff;
    font-size: 18px;
    margin-left: 30px;
    margin-right: 30px;
    z-index: 2;
    }
.gf-header .focus-text{position: absolute;left: 4%;z-index: 2;color:#fff;}
.gf-pnav .float-phone{ padding-left:22px;background:url(../images/tel.png) left center no-repeat;}
.gf-pnav .map_btn{
	width: 30px;
	margin-top: -12px;
	height: 30px;
	line-height: 30px;
	position: fixed;
	top: 40px;
	right: 0px;
	text-align: center;
	border: 0;
	cursor: pointer;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.gf-pnav .map_btn{
	background-image: url(../images/ic-3.png);
	background-position: 50% 6px;
}

.gf-pnav .map_btn:hover{
	background-position: 50% -114px;
}


.gf-header .cyd_city_w {
    position: absolute;
    left: 230px;
    top: 0;
    height: 130px;
}

.gf-header .cyd_city_w span {
    display: block;
    position: absolute;
    cursor: pointer;
    text-indent: 5px;
    border-radius: 5px;
    left: 5px;
    top: 32px;
    width: 62px;
    height: 24px;
    line-height: 24px;
    background-color: #f1f1f1;
    color: #ff2c00;
}

.gf-header .cyd_city_w span i {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 5px;
    top: 2px;
    background-position: 2px -53px;
}

.gf-header .cyd_city_w span:hover i{-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;-ms-transition:.3s;transition:.3s;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg)}

.icon-top {
    background: url(../imgs/icont_top.png) no-repeat;
}
.gf-header .cyd_city_w:hover .cityList{ display:block;}
.cityList {
    position: absolute;
    display: none;
    left: 4px;
    border-radius: 8px;
    top: 55px;
    padding: 10px;
    z-index: 10;
    border: 1px solid rgba(151, 151, 151, 0.16862745098039217);
    font-size: 13px;
    background-color: #fff;
    -moz-box-shadow: 2px 3px 8px rgba(51, 51, 51, 0.3);
    -webkit-box-shadow: 2px 3px 8px rgba(51, 51, 51, 0.3);
    box-shadow: 2px 3px 8px rgba(51, 51, 51, 0.3);
}

.cityList .rm {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.cityList .rm span {
    margin-left: 12px;
    color: #ff2c00;
    background: none;
    position: initial;
    display: -webkit-inline-box;
    width: auto;
}
.cityList .rm a {
    padding: 0 9px;
}
.cityList .cydC {
    position: relative;
    padding-bottom: 5px;
    overflow: hidden;
}
.cityList .cydC span {
    display: block;
    width: 52px;
    float: left;
    margin-right: 20px;
    font-weight: 700;
}
.cityList .cydC ul {
    float: left;
    width: 300px;
}
.cityList .cydC ul li {
    float: left;
    text-align: center;
}
.cityList .cydC ul a {
    display: block;
    width: 50px;
    height: 20px;
}



.content{    position: relative;}
	
	.fix_nav_list{
		display: none;
		height: 100%;
		width: 100%;
		overflow-y: auto;
	}
	.fix_nav_list h3 a{
		color: #fff;
		font-size: 30px;
		display: inline-block;
		line-height: 2;
		padding-right: 30px;
		background: url("../images/nav_arrow.png") no-repeat right center;
	}
	.fix_nav_list .video_nav_close{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../images/nav_close1.png) no-repeat center;
	}
	.fix_nav_list .nav_box{
		position: relative;
		margin: 80px 0;
	}
	.fix_nav_list .nav_item{
		margin-top: 20px;
	}
	.fix_nav_list ul{
		font-size: 0;
		padding: 20px 0px;
	}
	.fix_nav_list li{
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}
	.fix_nav_list h4 a{
		display: block;
		color: #d7262e;
		font-size: 18px;
		margin-bottom: 15px;
	}
	.fix_nav_list p a{
		display: block;
		color: rgba(255, 255, 255, 0.74);
		font-size: 14px;
		line-height: 2;
		vertical-align: top;
	}
	.fix_nav_list p a:hover{
		color: #d7262e;
	}

.warp_bg{ background:#f3f6fb;}
.news_bg{ background:url(../images/news_bj.jpg) center top no-repeat;}
.zl-state{border-bottom: 1px solid #dedede; }


.banner-container img{width:100%;}
.banner-container .swiper-slide-active{z-index:2;}
.banner-container .swiper-pagination{}
.banner-container .swiper-pagination span{width:10px;height:10px;border:1px solid rgba(255,255,255,0.5);opacity:1;background:none;}
.banner-container .swiper-pagination span.swiper-pagination-bullet-active{background: #D1580D;width:40px;border-radius:10px;border:none;}




.mokf{ display:none;}
/*手机菜单*/
.neirong{display: none;} 
.buttonpush{display: none;}
/*底部样式开始----------------*/
/*项目需求*/
 /*项目需求*/
.zl-demand{background:#cb0404;*margin-top:50px!important;}
.zl-demand h2{color: #fff;}.zl-demand h2 span{color: #ffb400;}
    
.zl-demand .write input{margin-right: 1%;background-color: #fff; padding: 20px 0; color:#6e6e6e; padding-left: 1%;font-size: 14px;}
.zl-demand .write .submit{background-color: #040404; color:#fff; width: 12%;text-align: center;padding-left: 0; cursor:pointer;*margin:0!important;*padding:17px 0!important; margin-right: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;height: 60px;line-height: 56px;border: 2px solid #040404;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.zl-demand .write .submit:hover{background: #fff;color:#040404;}
.zl-demand .write .text1,.zl-demand .write .text2{width: 20%;}
.zl-demand .write .text3{width: 41%;}
/*.italic{font-size: 14px; font-family: "微软雅黑"; color:#666; }*/
.italic{display:block;font-size: 12px; font-family: "微软雅黑"; color:#666; }
.zl-demand h3{font-size: 18px; font-weight:500; margin-bottom:50px; }
.zl-demand h3 span.text{vertical-align: middle;}
.zl-demand h3 a{ color:#000; display:inline-block;margin-right:20px; overflow: hidden; vertical-align: middle;}
.zl-demand h3 a span{ display:inline-block; vertical-align: middle;overflow: hidden;}
.zl-demand h3 a span.icon{ margin-right:10px;height:20px;width:20px;border-radius:50px;background:#000 url("../images/nav-icon.png") no-repeat center; background-size: 26px;text-align:center; color:#fff; font-size:10px;}


 .italic{font-size: 12px;font-family: "微软雅黑";  font-style: italic;margin: 2% 0;display: -webkit-inline-box;}
.gf-footer{padding-top: 2%; }
.gf-footer .foot{color:#888888;font-size: 12px;padding-bottom: 30px;}
.gf-footer .foot .foot-l{font-family: Arial, "微软雅黑"; line-height:30px; font-size: 16px; }
.foot-c { margin-left:10%; float:left;}
.foot-c li{ line-height:30px; font-size: 16px; padding-left:30px;}
.foot-c li.i1{ background:url(../images/foot_icon1.png) left center no-repeat;}
.foot-c li.i2{ background:url(../images/foot_icon2.png) left center no-repeat; color:#fb7d04; font-size:30px;}
.foot-c li.i3{ background:url(../images/foot_icon3.png) left center no-repeat;}
.gf-footer .foot-r a{margin-right: 10px;color:#535353;}

.link{ border-bottom: rgba(0, 0, 0, 0.08) 1px solid; padding: 1% 0;}
.link a{ color:#97999d; margin-right:15px;}
/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{padding-top: 70px;padding-bottom: 70px;}
.case-content li{width: 23.8%; *width:22.95%!important; margin-right: 1.55%;position: relative;float: left;margin-bottom: 1.55%;}
.case-content li a{display: block;background:#dedede url("../images/loading.gif") no-repeat center;}
.case-content li:nth-of-type(4n){margin-right: 0;}
/*.case-content li:hover .hd{ position: absolute;bottom: 35%;text-align: center;width: 100%;min-height: 40px;}*/

.case-content .hd{/* position: absolute; */text-align: center;margin-top: 15px;width: 100%;min-height: 52px;}
.case-content .hd span{text-align: center;width: 100%;font-size: 14px;display: block;font-weight:  bold;}
.case-content .pic img{width: 100%;background:#dedede url("../images/loading.gif") no-repeat center; }


.case-more{ width: 100%;margin: 2% 0 5% 0;text-align: center;}
.case-more .btn{border-radius: 30px; font-size:16px;}
.case-more .btn img{ width:22px; margin-top:-2px;}
.case-more .hmore{ background:#cc0000; color:#fff;}


.case-loading{ text-align:center; margin:0 0 50px; width:100%;display:none;}

/*类型--------------*/
.expertBox {width:100%;overflow:hidden;}
.expertSlide {width:100%;overflow:hidden;}
.expertSlide ul {}
.expertBtns {width:100%; margin-top: -200px; z-index:99; position:relative;}

/*合作--------------*/
.hz-title{padding-top: 40px;/* padding-bottom: 40px; */}

 
 /* -------------------------------- 

Main Components 

-------------------------------- */
.cd-header {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #21272c;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
    background-color: transparent;
  }
}

#cd-logo {
  float: left;
  margin: 13px 0 0 5%;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 23px 0 0 5%;
  }
}

.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}
.cd-primary-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #21272c;
  border-top: 1px solid #333c44;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 70px;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left: 1em;
  }
  .cd-primary-nav a {
    display: inline-block;
    height: auto;
    font-weight: 600;
    line-height: normal;
    background: transparent;
    padding: .6em 1em;
    border-top: none;
  }
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}

@media only screen and (max-width: 768px) {
  .cd-hero-slider {
    height: 360px;
  }
  .cd-hero-slider h2 {
  font-size: 2rem;
}
.cd-hero-slider p {
  font-size: 1rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 0.5em 1.4em;
  border-radius: 30px;
  margin-top: 1em;
  background-color: rgba(197, 39, 29, 0.85);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;


  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
}

@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 500px;
  }
  .cd-hero-slider h2 {
  font-size: 2.4rem;
}
.cd-hero-slider p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 0.5em 1.4em;
  border-radius: 30px;
  margin-top: .8em;
  background-color: rgba(197, 39, 29, 0.85);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 920px;
  }
}

/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-color: #3d4952;
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #3d4952;
 }
.cd-hero-slider li:nth-of-type(3) {
  background-color: #586775;
 }
.cd-hero-slider li:nth-of-type(4) {
  background-color: #2c343b;
 }
.cd-hero-slider li:nth-of-type(5) {
  background-color: #2c343b;
 }
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;








  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 100%;
  max-width: 400px;
}

.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
	      background:url(../images/banner.jpg);

   }
  .cd-hero-slider li:nth-of-type(3) {
   }
  .cd-hero-slider li:nth-of-type(4) {
   }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 650px;
  }
  .cd-hero-slider h2 {
    font-size: 2.4em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 390px;
  }
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 20px;
  }
  .cd-hero-slider h2 {
    font-size: 4em;
    font-weight: bold;
  }
  .cd-hero-slider p {
    font-size: 1.2rem;
  }
  .container {
    width: 1200px; margin:0 auto;
}
}

/* -------------------------------- 

Single slide animation


-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;

    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 10px;
  z-index: 2;
  text-align: center;
  height: 30px;
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: -3px;
  left: 0;
  /* width: 30px; */
  margin: 0 5px;
  /* height: 100%; */
  font-size: 0px;
  z-index: 9999;
  background-color: #f90!important;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
      margin-left: 15px; 
 }
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
      margin-left: 25px;
}
}
.cd-slider-nav .cd-marker.item-4 {

  -webkit-transform: translateX(300%);

  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
      margin-left: 45px;
}
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
        margin-left: 75px;
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  border-radius: 50px;
  margin: 0 5px;
  width: 30px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #2c343b;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  border-radius: 80px;
  height: 8px;
  font-size: 0px;
  font-weight: 700;
  background-color: #fff;
  color: #a8b4be;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../assets/cd-icon-navigation.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
 }
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 5px;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 30px;
    height: 8px;
    background-color: #FFFFFF;
    border-radius: 50px;
  }
  .cd-slider-nav a {
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 18px;
  }
}

/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  max-width: 768px;
  margin: 0 auto;
  padding: 2em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #999999;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .cd-main-content {
    padding: 3em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}



.hz-content{ padding-bottom:5%; 
    transform:translateY(50px);
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;overflow:hidden;}
.index-customer.active .hz-content {
    transform:none;
}
.hz-content li {
    position:relative;
    float:left;
    width:20%;
   /* height:200px;*/
    padding:27px 0;
    text-align:center;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
/*.hz-content .item600 {top:600px;}*/
/*.hz-content .item450 {top:450px;}*/
/*.hz-content .item550 {top:550px;}*/
/*.hz-content .item400 {top:400px;}*/
/*.hz-content .item300 {top:300px;}*/
/*.hz-content .item700 {top:700px;}*/
.index-customer.active .hz-content li.item {top:0;}
.hz-content .item-inner {
    display:block;
    width:100%;
    height:145px;
    border-left:1px solid #e6e6e6;
}
.hz-content li:nth-child(5n +1) .item-inner {border-left:0;}
.hz-content li:nth-child(5n +1) .lt-dot,
.hz-content li:nth-child(5n +1) .lb-dot,
.hz-content li:nth-child(5n) .rt-dot,
.hz-content li:nth-child(5n) .rb-dot{display:none;}
.hz-content li:nth-child(5n) .item-inner {}
.hz-content li a {
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:80%;
    height:200px;
    margin-left:-40%;
}
.hz-content li.double-item a {
    border-top:1px solid #e6e6e6;
    /* border-bottom:1px solid #e6e6e6; */
}
.hz-content li img {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin-left:-75px;
    transition: all .5s linear 10ms;
}
.hz-content li img:first-child {}
.hz-content li img:last-child {opacity:.6;}
.hz-content li:hover img:last-child,
.hz-content li img:first-child {
    opacity:0;

    transform:translateY(-50%) rotateY(180deg);
}
.hz-content li img,
.hz-content li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
.hz-content .dot {
    position:absolute;
    display:block;
    width:2px;
    height:2px;
    background:#e6e6e6;
}
.hz-content .lt-dot {
    left:0;
    top:0;
}
.hz-content .lb-dot {
    left:0;
    bottom:0;
}
.hz-content .rt-dot {
    right:0;
    top:0;
}
.hz-content .rb-dot {
    right:0;
    bottom:0;
} 
 
 
.hz_more{ margin:2% auto 0 auto; width:450px;}


.zl-cont {padding-top: 100px;padding-bottom: 100px; overflow:hidden; }
.zl-cont  h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.zl-cont ul{ width:80%;margin:50px auto; overflow:hidden;}
.zl-cont li {float:left;width: 20%; margin: 0 2.5%;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.zl-cont img {position: relative;}
.zl-cont p {font-size: 22px;line-height: 32px;margin-top:-55px;color: #000;text-align: center;}



.cont_weixin{ margin:2% auto 10% auto; width:70%; overflow:hidden;}
.cont_weixin li {float:left;width: 50% ;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.cont_weixin img {position: relative;}
.cont_weixin p {font-size: 22px;line-height: 50px;color: #000;text-align: center;}

.zl-feed {padding-top: 80px;padding-bottom: 100px; overflow:hidden; width:60%; margin:0 auto; }
.zl-feed  h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center; margin-bottom:100px;}

.zl-feed .text1 {
    width: 40%; float:left;
}
.zl-feed .text2 {
    width: 40%; float:right;
}
.zl-feed .text3 {
    width: 98%; height:150px;
}
.zl-feed .submit {
    background-color: #1e354d;
    color: #fff;
    width: 15%; margin-left:42%;
    text-align: center;
    cursor: pointer;
}

.zl-feed input,.zl-feed textarea {
    margin-bottom: 40px;
	border-radius:20px; 
    background-color: #fff;
    padding: 5px;
	line-height:35px;
    color: #6e6e6e;
    padding-left: 1%;
    font-size: 14px;
}


.zl-about-jj{ padding: 40px 0px; overflow:hidden; background: #FFF;}
.zl-about-jj li{ width: 16%; margin: 0.3%;color: #333;text-align: center;line-height:26px;}
.zl-about-jj li img{ height: 50px;margin-bottom: 20px;}
.zl-about-jj li.fl{ float:left;}
.zl-about-jj li .l{  text-align:center;}
.zl-about-jj li .l h1{ font-size: 16px; margin-bottom:10px; margin-top:40px;}
.zl-about-jj li .r{ width:80%; color:#626262;}
.zl-about-jj li.fr{ float:right;}

/*新闻*/
.zl-news {padding-top: 100px;padding-bottom: 50px; overflow:hidden; }
.zl-news h2 {font-size: 38px;line-height: 54px; color: #FFF; text-align: center;}
.zl-news p{line-height: 30px;text-align: center;color: rgb(255, 255, 255);}
.zl-news ul.tab_menu { width: 100%;margin: 3% 0 4% 0;text-align: center;}
.zl-news .tab_menu li{border-radius: 30px; font-size:16px; display:inline-table; padding:5px 15px; border:#fff 1px solid; border-radius:20px; margin: 5px 10px;}
.zl-news .tab_menu  li a{ color: #fff;}
.zl-news .tab_menu li.current{     background: #C00;
    border: #c00 1px solid;}
.zl-news .hide {
    display: none;
}
.zl-news .newslist{ float:left; width: 92%;  background-color: #f5f5f5; /* border-radius:10px; */ padding: 5% 4% 1% 4%;}
.zl-news .newslist img { width:100%; margin-bottom:5%;}
.zl-news .newslist  ul{ width:100%;float: left; }
.zl-news .newslist  li {float:left;width: 30%; font-size: 14px;   border-bottom: #dcdcdc 1px solid;margin-bottom: 4%;line-height: 32px;/* height: 150px; */ overflow:hidden;   color: #383838;  padding: 0% 1.5% 4% 1.5%; }
.zl-news .newslist  li span{ float: left; color: #fff;height: 26px;font-size: 10px;padding: 0 5px;line-height: 26px;background: #000;}
.zl-news .newslist li a{ }
.zl-news .newslist li h1{font-size: 20px; float: left;height:30px; width: 100%;margin: 15px 0px;overflow: hidden;color: #000;line-height:30px;}
.zl-news .newslist li  p{ float:left;line-height: 22px;font-size: 16px;overflow: hidden;text-align: left;height: 44px;color: rgba(0, 0, 0, 0.56);}
/*IE 版本低 提示窗口 --------------*/
#browser-warning{position: fixed;bottom: 0%;left: 0%;width: 100%;background:#faf1a5;z-index:1001;text-align:center;color:#222;font-size:14px;line-height:3em;height:3em;overflow: hidden;}  
#browser-warning>.close-btn{font-size:26px;color:#d9534f;float:right;position:absolute; top:-1px;right:10px;}

.footer{ background: #cb0404;}
.copyright{ background: #FFFFFF;}


@media (min-width:1200px) {
/*公共样式开始-------------*/
    /*头部样式*/
	
.zl-state {padding-top: 80px;padding-bottom: 80px; margin-bottom:50px; }
.zl-state p{line-height: 30px; width:820px;}

.zl_about{padding: 100px;padding-bottom: 100px; overflow:hidden; }
.zl_about h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.zl_about p{line-height: 30px;text-align: center;}
.zl_about .about-cont{width: 100%;max-width: 1000px; margin: 100px auto 0 auto;}
.zl_about .about-cont .tran{float:left; text-align:center; width:25%;}
.xian_r{border-right: 1px solid #dadada;}
.zl_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.zl_about .about-cont .t1 span {font-size: 60px;color: #cc0000;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.zl_about .about-cont .t2 {font-size: 16px;color: #6f6f6f;}


.zl-service {padding-top: 100px;padding-bottom: 100px; overflow:hidden; }
.zl-service h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.zl-service p{line-height: 30px;text-align: center;}
.zl-service ul{ width:100%;float: left; margin-top:50px;}
.zl-service li {float:left;width: 14.6%; margin: 0 1%;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.zl-service img {position: relative;}
.zl-service h3 {font-size: 20px;line-height: 32px;margin-top:15px;color: #000;text-align: center;}
.zl-service .btns {width: 100%; margin-top: 26px;}
.zl-service .btns a {display: inline-block;width: 42%;border: 1px solid #e5e5e5;border-radius: 2px;margin: 0 3% 1% 3%;line-height: 20px;color: #777;}

.case-title h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.case-title p{line-height: 30px;text-align: center;}



.hz-title h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.hz-title p{line-height: 30px;text-align: center;}



 .expertBtns a {display:block;float:left;padding-top: 00px; text-align: center;padding-bottom: 60px; width:16.6%;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.expert i {display:block;/* width:74px; */height: 74px;/* margin-right:12px; */display:inline;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.expertBtns a.active:after {content: '';  bottom: 0;left: 46%;position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #AB0313 transparent;}
.expert h4 {font-size:16px;color: #FFFFFF;width: 100%;font-weight:500;line-height: 22px;white-space: nowrap;text-overflow: ellipsis;}
.expert p {font-size:12px;color: #FFFFFF;line-height:23px;}
.expert i {width:74px; height: 74px;overflow:hidden; display:inline-table;}
.expert i img {/* width:100%; */ /* height:74px; */}

 .expertSlide ul li {width:100%;height: 800px;float:left;}
.expertSlide .inner {top: 106px;width: 90%;z-index: 9;height: 378px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

.expertSlide .expertInfo img{float:right;text-align: right; right:0%; position:absolute; }

.expertSlide i {position:absolute;left:380px;top:54px;display:block;width:92px;height:89px; background:url(../images/icon.png) no-repeat -32px -256px;}
.expertSlide h5 {width:100%;height: 60px;line-height: 60px;font-size:36px;font-weight:500;color: rgb(255, 255, 255);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;}
.expertSlide P{ color: rgba(255, 255, 255, 0.83);}
.clearfix1 { width:100%; margin:50px 0 ; float:left;}

.clearfix1  a {display: inline-block;margin: 0 10px 0 0; color: rgba(255, 255, 255, 0.8);padding: 2px 10px 4px 10px; border: 1px solid rgba(86, 86, 86, 0);}
.clearfix1  a:hover {display: inline-block;color: #fff; border:1px solid #fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:15px;}
.expertSlide p span,.expertSlide p em {display:block;float:left;line-height:27px;}
.expertSlide p span {background-color:#5d6a7b;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;padding:0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:8px;display:inline;}
 .expertSlide .more{ font-size:16px; font-weight:bold; border-radius:30px;}


.zl-about {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
}
.zl-about p {
    color: rgba(255, 255, 255, 0.5);
    font-size:14px;
}
.zl-about p strong {
    color: #FFFFFF;
    font-weight:bold;
    width:100%;
    float:left;
    margin-bottom:10px;
    font-size:16px;
}



    /*底部样式*/
.zl-demand{ padding-top: 60px;padding-bottom: 10px; }
.zl-demand h2{font-size: 36px; padding-bottom: 30px;font-weight: bold;}
.zl-demand .write{/* padding-bottom: 70px; */}
.zl-footer .contact-name li{font-size: 22px;}


}


@media (min-width:769px) and (max-width:1199px) {
/*公共样式开始-------------*/
    /*头部样式*/
	.gf-pnav a {
    color: #fff;
    font-size: 18 px;
    margin-right: 20px;
    z-index: 2;
}
.gf-header .focus-text{ bottom: 70px;}
.zl-state {padding-top: 80px;padding-bottom: 80px; margin-bottom:50px; }
.zl-state p{line-height: 30px;}

  .container {
    width: 90%; margin:0 auto;
}
.zl_about{padding: 100px;padding-bottom: 100px; overflow:hidden; }
.zl_about h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center;}
.zl_about p{line-height: 30px;text-align: center;}
.zl_about .about-cont{width: 100%;max-width: 1000px; margin: 100px auto 0 auto;}
.zl_about .about-cont .tran{float:left; text-align:center; width:25%;}
.xian_r{border-right: 1px solid #dadada;}
.zl_about .about-cont .t1 {font-size: 25px;color: #000;line-height: 50px;}
.zl_about .about-cont .t1 span {font-size: 60px;color: #cc0000;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.zl_about .about-cont .t2 {font-size: 16px;color: #6f6f6f;}



.zl-service {padding-top: 80px;padding-bottom: 80px; overflow: hidden;}
.zl-service h2 {font-size: 34px;line-height: 54px; color: #000; text-align: center;}
.zl-service p{line-height: 30px;height: 30px;overflow: hidden;text-align: center;}
.zl-service ul{ width:100%;float: left; margin-top:50px;}
.zl-service li {float:left;width: 15.6%; margin: 0 0.5%;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.zl-service img {position: relative;}
.zl-service h3 {font-size: 18px;line-height: 32px;margin-top:15px;height: 32px;overflow: hidden;color: #000;text-align: center;}
.zl-service .btns {width: 100%; margin-top: 16px;}
.zl-service .btns a {display: inline-block;width: 90%;border: 1px solid #e5e5e5;border-radius: 2px;margin: 0 1.5% 1.5% 1.5%;line-height: 20px;color: #777;}

.case-title h2 {font-size: 34px;line-height: 54px; color: #000; text-align: center;}
.case-title p{line-height: 30px;text-align: center;}


.hz-title h2 {font-size: 34px;line-height: 54px; color: #000; text-align: center;}
.hz-title p{line-height: 30px;text-align: center;}


 .expertBtns a {display:block;float:left;padding-top:40px; text-align: center;padding-bottom:30px; width:16.6%;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.expert i {display:block;/* width:74px; *//* height:73px; */float:left;/* margin-right:12px; */display:inline;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.expertBtns a.active:after {content: '';  bottom: 0;left: 40%;position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #AB0313 transparent;}
.expert h4 {font-size:16px;color:#525252;width: 100%;float:left;font-weight:500;line-height: 22px;margin-top: 2%;white-space: nowrap;text-overflow: ellipsis;}
.expert p {font-size:12px;color:#525252;float: left;width: 100%;line-height:23px;}
.expert i {display:block; text-align:center; margin:0 30%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden;}
.expertBtns a.active i { background-color:#777777;}
.expert i img {/* width:74px; *//* height:74px; */-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }

.expertSlide ul li {width:100%;height: 700px;float:left;}
.expertSlide .inner {top: 66px;width: 92%;z-index: 9;height: 378px;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.expertSlide .expertInfo img{float:right;text-align: right; right:0%; bottom: 0;position:absolute; width:90%; }






.expertSlide i {position:absolute;left:380px;top:54px;display:block;width:92px;height:89px; background:url(../images/icon.png) no-repeat -32px -256px;}
.expertSlide h5 {width:100%;height: 60px;line-height: 60px;font-size:36px;font-weight:500;color: rgb(255, 255, 255);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;}
.expertSlide P{ color: rgba(255, 255, 255, 0.83);}
.clearfix1 { width:100%; margin:50px 0 ; float:left;}
.clearfix1  a {display: inline-block;margin: 0 10px 0 0; color: rgba(255, 255, 255, 0.8);padding: 2px 10px 4px 10px; border: 1px solid rgba(86, 86, 86, 0);}
.clearfix1  a:hover {display: inline-block;color: #fff; border:1px solid #fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:15px;}
.expertSlide p span,.expertSlide p em {display:block;float:left;line-height:27px;}
.expertSlide p span {background-color:#5d6a7b;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;padding:0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:8px;display:inline;}
 .expertSlide .more{ font-size:16px; font-weight:bold; border-radius:30px;}


.zl-about {
    padding-top: 50px;
    padding-bottom: 50px;
	margin:0 2%; width:90%;
}
.zl-about p {
    color: #FFFFFF;
    font-size:14px;
}
.zl-about p strong {
    color: #FFFFFF;
    font-weight:bold;
    width:100%;
    float:left;
    margin-bottom:10px;
    font-size:16px;
}

.zl-about-jj{ padding:50px 0px; overflow:hidden;}
.zl-about-jj li{ width:100%; margin-bottom:50px; line-height:26px;}
.zl-about-jj li.fl{ float:left;}
.zl-about-jj li .l{ width:25%; text-align:center;}
.zl-about-jj li .l h1{ font-size:40px; margin-bottom:10px; margin-top:40px;}
.zl-about-jj li .r{ width:65%; color:#626262;}
.zl-about-jj li.fr{ float:right;}
#sliderLeft{ width:100%!important;}
#sliderRight{width:100%!important; left:0!important;}

.zl-cont ul{ width:100%;margin:50px auto; overflow:hidden;}
.zl-cont p {font-size: 18px;line-height: 32px;margin-top:-30px;color: #000;text-align: center;}

.cont_weixin{ margin:2% auto 10% auto; width:80%; overflow:hidden;}
.cont_weixin li {float:left;width: 50% ;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.cont_weixin img {position: relative;}
.cont_weixin p {font-size: 18px;line-height: 50px;color: #000;text-align: center;}

.zl-feed {padding-top: 80px;padding-bottom: 100px; overflow:hidden; width:80%; margin:0 auto; }
.zl-feed  h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center; margin-bottom:100px;}

    /*底部样式*/
.zl-demand{ padding-top: 60px;padding-bottom: 0px; }
.zl-demand h2{font-size: 30px; padding-bottom: 35px;}
.zl-demand .write{padding-bottom: 5px;}
.zl-demand .write .text1,.zl-demand .write .text2{width: 48.5%; margin-bottom: 20px;}
.zl-demand .write .text2{margin-right: 0; }
.zl-demand .write .text3{width: 99%; margin-bottom: 20px;}
.zl-demand .write .submit{width: 100%;}
.zl-footer .contact-name li{font-size: 20px;}
.zl-footer .contact-name li{font-size: 20px;}
 /*公共样式结束----------------*/ 
.case-title{padding-top: 50px;}
.gf-footer .foot{padding-top: 20px;padding-bottom: 40px;}
.case-title dl{width: 86px;}
.gf-header .focus-text .p2{font-size: 40px;}
.gf-header .focus-text .p3{font-size: 40px; width:56%;}
.gf-header .focus-text{bottom:50px;}

}

@media (max-width:768px) {
/*公共样式开始-------------*/
    /*头部样式*/
.fixed_r_navbar {
    display: none;
}

.gf-logo{position: absolute;}
.gf-logo h1,.gf-logo h1 a{width: 166px;height: 50px;line-height: 50px;}
.gf-logo h1 a{-webkit-background-size: 60% auto;
background-size: 60% auto;}
.gf-header{height: auto;}
.gf-header .cyd_city_w{ display:none;}

.fix_nav_list{
    display: none;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}
.fix_nav_list h3 a{
}
.fix_nav_list .video_nav_close{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url(../images/nav_close1.png) no-repeat center;
}
.fix_nav_list .nav_box{
    position: relative;
    margin: 6%;
}
.fix_nav_list .nav_item{
    margin-top: 20px;
}
.fix_nav_list ul{
    font-size: 0;
    padding: 20px 0px;
}
.fix_nav_list li{
    display: inline-block;
    width: 50%;
    margin-bottom: 6%;
    vertical-align: top;
}
.fix_nav_list h4 a{
    display: block;
    color: #d7262e;
    font-size: 18px;
    margin-bottom: 15px;
}
.fix_nav_list p a{
    display: block;
    color: rgba(255, 255, 255, 0.74);
    font-size: 14px;
    line-height: 2;
    vertical-align: top;
}
.fix_nav_list p a:hover{
    color: #d7262e;
}

.pfocus video{width: 100%;height: auto;display: none;}
.morecase a, .gf-case-detail .zl-service a, .gf-link-case a, .gf-pnav a{display: none!important;}
.gf-pnav .map_btn,.gf-pnav .float-phone{ display:block!important;}
.gf-pnav a.map_btn{    margin-left: 30px; margin-right: 10px}
.afocus{display:block; background-color: #000;} 
.afocus img{width:100%; height:100%;}
.focus-text{ bottom: 30px;}
.focus-text .p1{font-size: 12px;padding-bottom: 10px;}
.focus-text .p2{font-size: 30px;}
.focus-text .p3{font-size: 30px;width:100%;}
.focus-text{bottom:30px;}
 

.zl-state{padding-top: 60px;padding-bottom: 40px;}
.zl-state p{color:#6c6c6c;}


.zl_about{padding: 100px 0px;padding-bottom: 100px; overflow:hidden; }
.zl_about h2 {font-size: 36px;line-height: 54px;color: #000;text-align: center;}
.zl_about p{line-height: 30px;text-align: center;}
.zl_about .about-cont{width: 100%;max-width: 1000px; margin: 50px auto 0 auto;}
.zl_about .about-cont .tran{float:left;text-align:center;width: 50%;margin-bottom: 2em;}
.xian_r{/* border-right: 1px solid #dadada; */}
.zl_about .about-cont .t1 {font-size: 20px;color: #000;line-height: 50px;}
.zl_about .about-cont .t1 span {font-size: 36px;color: #cc0000;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.zl_about .about-cont .t2 {font-size: 14px;color: #6f6f6f;}




.zl-service {padding-top: 50px;padding-bottom: 50px; overflow:hidden; }
.zl-service h2 {font-size: 28px;line-height: 46px; color: #000; text-align: center;}
.zl-service p{line-height: 28px;text-align: center;}

.zl-service ul{ width:100%;float: left; margin-top: 10%;}
.zl-service li {float:left;width: 49%; margin: 0.1% 0.5%;font-size: 12px;   line-height: 18px;   height: auto;color: #ababab;  text-align: center;}
.zl-service img {position: relative;}
.zl-service h3 {font-size: 16px;line-height: 32px;margin-top:15px;color: #000;text-align: center;}
.zl-service .btns {width: 100%; margin: 5% 0px; float:left;}
.zl-service .btns a {/* display: inline-block; */width: 80%;border: 1px solid #e5e5e5; margin: 0 10%  2% 8%;border-radius: 2px;line-height: 20px;color: #777;}

.case-title h2 {font-size: 28px;line-height: 46px; color: #000; text-align: center;}
.case-title p{line-height: 28px;text-align: center;}


.hz-title h2 {font-size: 28px;line-height: 46px; color: #000; text-align: center;}
.hz-title p{line-height: 28px;text-align: center;}

.expertBtns a {display:block;float:left;/* padding-top:40px; */ text-align: center;padding-bottom:30px; width:16.6%;height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}
.expert i {display:block;/* width:74px; *//* height:73px; */float:left;/* margin-right:12px; */display:inline;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}
.expertBtns a.active:after {content: '';  bottom: 0;left: 40%;position: absolute;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent #AB0313 transparent;}
.expert h4 {font-size: 12px;color: #FFFFFF;    width: 2em;
    display: inline-block;font-weight:500;line-height: 1.5em;margin-top: 2%;}
.expert p {font-size:12px;color:#525252;display: none;float: left;width: 100%;line-height:23px;}
.expert i {display:block; text-align:center; margin:0 30%; background-color: rgba(255, 255, 255, 0);overflow:hidden;}
.expertBtns a.active i { }
.expert i img {/* width:74px; *//* height:74px; */-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.expertBtns .active h4 {color:#cc0000}
.expertBtns a.active:after{ display:none;}

.expertSlide ul li {width:100%;height: 700px;float:left;}
.expertSlide .inner {top: 66px;width: 92%;z-index: 9;padding: 2%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.expertSlide .expertInfo img{float:right;text-align: right; right:0%; bottom: 0;position:absolute; width:90%; }

.expertSlide i {position:absolute;left:380px;top:54px;display:block;width:92px;height:89px; background:url(../images/icon.png) no-repeat -32px -256px;}
.expertSlide h5 {width:100%;min-height: 50px;line-height: 50px;font-size:30px;font-weight:500;color: #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;}
.expertSlide P{  color: rgba(255, 255, 255, 0.83);}
.clearfix1 { width:100%; margin: 5% 0; float:left;}
.clearfix1 a {display: inline-block;text-align: center;    color: rgba(255, 255, 255, 0.8);    padding: 0.2em;    margin: 0.2em;    border: 1px solid rgba(255, 255, 255, 0.14);
}.clearfix1  a:hover {display: inline-block;color: #fff; border:1px solid #fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:15px;}
 .expertSlide .more{ font-size:16px; font-weight:bold; border-radius:30px;}
 

.zl-news .tab_menu li{      margin: 0.2em;    font-size: 14px;}


.zl-about {
    padding-top: 30px;
    padding-bottom: 30px;
	margin:0 2%; width:98%;
}
.zl-about p {
    color: rgba(255, 255, 255, 0.5);
    font-size:14px;
}
.zl-about p strong {
    color: #FFFFFF;
    font-weight:bold;
    width:100%;
    float:left;
    margin-bottom:10px;
    font-size:16px;
}

.zl-about-jj{ padding:50px 0px; overflow:hidden;}
.zl-about-jj li{ width:100%; margin-bottom:50px; line-height:26px;}
.zl-about-jj li.fl{ float:left;}
.zl-about-jj li .l{ width:30%; text-align:center;}
.zl-about-jj li .l h1{ font-size:30px; margin-bottom:10px; margin-top:10px;}
.zl-about-jj li .r{ width:70%; color:#626262;}
.zl-about-jj li.fr{ float:right;}

#sliderLeft{ width:100%!important;}
#sliderRight{width:100%!important; left:0!important;}

.zl-cont ul{ width:100%;margin:50px auto; overflow:hidden;}
.zl-cont li {float:left;width: 45%; margin: 0 2.5%  4% 2.5%;font-size: 12px;   line-height: 18px;   color: #ababab;  text-align: center;}
.zl-cont p {font-size: 16px;line-height: 32px;margin-top:-50px;color: #000;text-align: center;}

.cont_weixin{ margin:2% auto 10% auto; width:100%; overflow:hidden;}
.cont_weixin li {float:left;width: 45% ;font-size: 12px;margin: 0 2.5%  4% 2.5%;   line-height: 18px;   color: #ababab;  text-align: center;}
.cont_weixin p {font-size: 16px;line-height: 50px;color: #000;text-align: center;}

.zl-feed {padding-top: 80px;padding-bottom: 100px; overflow:hidden; width:90%; margin:0 auto; }
.zl-feed  h2 {font-size: 38px;line-height: 54px; color: #000; text-align: center; margin-bottom:60px;}


.foot-c{ margin:0px;}
   /*底部样式*/
.zl-demand{ padding-top: 40px;padding-bottom: 0px; }
.zl-demand h2{font-size: 20px; padding-bottom: 30px;}
.zl-demand .write{padding-bottom: 20px;}
.zl-demand .write input{margin-right: 0;margin-bottom: 15px;padding-left: 3%;}
.zl-demand .write .text1,.zl-demand .write .text2,.zl-demand .write .text3{width: 97%;}
.zl-demand .write .submit{width: 100%;margin-bottom: 0;}
.zl-footer .foot{padding-top: 50px;padding-bottom: 30px;}
.zl-footer .foot p,.gf-footer .foot-r{float: none; padding-bottom: 10px;}


.zl-demand h3 span.text{display:block;}
.zl-demand h3 a{ margin:10px 15px 0 0;}


 .gf-footer .foot{padding-top: 1%;padding-bottom: 2%;}
.gf-footer .foot p,.gf-footer .foot-r{ padding-bottom: 10px;    float: left;
    clear: left;
    margin-top: 10px;}
/*手机菜单样式开始-----------*/
.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000; /*left: -163px;*/overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden;}
.neirong a {display: block; height:47px; line-height: 47px; color:#fff; font-size: 16px; border-bottom: 1px solid #333; 
-webkit-transition: all .35s ease-out;
   -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
     -o-transition: all .35s ease-out;
        transition: all .35s ease-out;}

.neirong a.neirong-on{color:#aaa;}
.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close{width: 24px;height: 24px;background:url(../images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;left: 10px; visibility: hidden;}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
       -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
        -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
            transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}


/*手机版头部*/
.buttonpush{background:url("../images/buttonset.png") no-repeat center; width: 100%;height: 100%; display: block;} 
.buttonset{display: none;position:absolute;width: 60px;height: 60px;top:0;right: 0; z-index: 99;}
.buttonset .show{ background-color: rgba(0,0,0,.0); -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.buttonset-black .buttonpush{background:url("../images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}

/*手机菜单样式结束*/
/*公共样式结束----------------*/    
/*首页内容样式开始--------------*/
.case-title{padding-top: 30px;padding-bottom: 30px;}
.case-title a span{display: none;}

.case-content li{width: 46%; margin-right: 8%;float: left;margin-bottom: 0px;}
.case-content li:nth-of-type(3n){margin-right: 8%;}
.case-content li:nth-of-type(2n){margin-right: 0;}
.case-content .hd{margin-top: 15px;}
.case-content .hd span{display: block;font-size: 14px;padding-bottom: 10px;}
.case-content .hd .italic{display: none;}
.hz-title{padding-top: 30px;}
.hz-title a span{display: none;}
.hz-index{ padding:0 0 10% 0}
.hz-content{
    transform:translateY(50px);
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;overflow:hidden;}
.index-customer.active .hz-content {
    transform:none;
}
.hz-content li {

    position:relative;
    float:left;
    width:50%;
    height: 110px;
    padding:10px 0;
    text-align:center;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
/*.hz-content .item600 {top:600px;}*/
/*.hz-content .item450 {top:450px;}*/
/*.hz-content .item550 {top:550px;}*/
/*.hz-content .item400 {top:400px;}*/
/*.hz-content .item300 {top:300px;}*/
/*.hz-content .item700 {top:700px;}*/
.index-customer.active .hz-content li.item {top:0;}
.hz-content .item-inner {
    display:block;
    width:100%;
    height: 100px;
    border-left:1px solid #e6e6e6;
}
.hz-content  li:nth-child(2n+1) .item-inner {
    border-left: 0;
}
.hz-content li:nth-child(5n +1) .item-inner {border-left: 1px;}
.hz-content li:nth-child(5n +1) .lt-dot,
.hz-content li:nth-child(5n +1) .lb-dot,
.hz-content li:nth-child(5n) .rt-dot,
.hz-content li:nth-child(5n) .rb-dot{display:none;}
.hz-content li:nth-child(5n) .item-inner {
    border-right: 1px solid #e6e6e6;
}
.hz-content li a {
    position:absolute;
    top:0;
    left:50%;
    display:block;
    width:80%;
    height: 120px;
    margin-left:-40%;
}
.hz-content li a {
    border-top: 1px solid #e6e6e6;
}
.hz-content li.double-item a {
    border-left: none;
    border-bottom: none;
}
.hz-content li img {
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin-left:-75px;
    transition: all .5s linear 10ms;
}
.hz-content li img:first-child {}
.hz-content li img:last-child {opacity:.6;}
.hz-content li:hover img:last-child,
.hz-content li img:first-child {
    opacity:0;
    transform:translateY(-50%) rotateY(180deg);
}
.hz-content li img,
.hz-content li:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
.hz-content .dot {
    position:absolute;
    display:block;
    width:2px;
    height:2px;
    background:#e6e6e6;
}
.hz-content .lt-dot {
    left:0;
    top:0;
}
.hz-content .lb-dot {
    left:0;
    bottom:0;
}
.hz-content .rt-dot {
    right:0;
    top:0;
}
.hz-content .rb-dot {
    right:0;
    bottom:0;
}

.zl-news {padding-top: 2em;padding-bottom: 2em;overflow:hidden;}
.zl-news h2 {font-size: 38px;line-height: 54px; color: #FFF; text-align: center;}
.zl-news p{line-height: 30px;text-align: center;font-size: 0.9em;}
.zl-news .newslist{ float:left; width:92%; margin:2.5% 2% 0 2%; border:#f3f6fb 1px solid; border-radius:10px; padding:2%;}
.zl-news .newslist img { width:100%; margin-bottom:5%;}
.zl-news .newslist  ul{ width:100%;float: left; }
.zl-news .newslist  li {float:left;width: 97%;    overflow:hidden;     color: #383838;   }
.zl-news .newslist li a{ float:left; width: 100%; overflow:hidden;}
.zl-news .newslist li h1{font-size: 20px; float: left;height:30px; width: 100%;margin: 10px 0px;overflow: hidden;color: #000;line-height:30px;}
.zl-news .newslist li  p{ float:left;line-height: 22px;font-size: 16px;overflow: hidden;text-align: left;height: 44px;color: rgba(0, 0, 0, 0.56);}

.hz_more{ margin:2% auto 0 auto; width:100%;}
 
.mokf{ display:block;  right: 5px; z-index:99;
    height: 150px;
    position: fixed;
    bottom: 100px;
    width: 40px;"
}

/*首页内容样式结束--------------*/
}

/*----------------------------------内页样式---------------------------------*/
.gf-header-side{ width: 100%;}
.gf-header-side .focus img{width: 100%;}
.gf-header-side .focus-text{bottom: 70px;}

.gf-center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.gf-center .gf-center-hd{width: 32%; margin-right: 4%;}
.gf-center .gf-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.gf-center .gf-center-bd{width: 64%; }
.gf-center .gf-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.gf-center .gf-center-bd li:nth-of-type(2n){margin-right: 0;}
.gf-center .gf-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.gf-center .gf-center-bd p{color:#373737;line-height: 30px;}
.related-case{padding-top: 60px;padding-bottom: 60px;}
.related-case h2{font-size: 28px;font-weight: normal;color:#000; padding-bottom: 50px;}

/*最新消息-----*/
.gf-news .news-hd{padding: 40px 0;}
.gf-news .news-hd a,.case-title a{margin-right: 20px; color:#474646;}
.gf-news .news-hd i,.case-title i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.gf-news a:hover,.gf-news a.news-on,.case-title a.news-on,.case-title a:hover{color:#141414;  }
.gf-news a:hover i,.gf-news a.news-on i,.case-title a:hover i,.case-title a.news-on i{background:url("../images/index_atr.png") no-repeat center top;}
.gf-news .news-bd-content{border-bottom: 1px solid #dedede;}
.gf-news .news-bd-content li{padding-top: 40px; border-top: 1px solid #dedede; width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 250px; padding-bottom: 30px;}
.gf-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.gf-news .news-bd-content h2{font-size: 16px;padding-bottom: 25px;color:#010101;}
.gf-news .news-bd-content h2 a{color:#010101;}
.gf-news .news-bd-content p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;}
.gf-news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}
.gf-news .news-bd-page a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.gf-news .news-bd-page a:hover,.gf-news .news-bd-page a.current{color:#000;}

/*最新消息详情页*/
.gf-news-detail .ntitle{ padding-bottom:30px; margin-bottom:50px;}
.gf-news-detail .ntitle h3{ border-bottom:1px solid #dedede; font-size:36px; line-height: 44px; padding-bottom: 20px;margin-bottom:20px;}
.gf-news-detail .ntitle h3 .jiantou{ width:60px; float:right; display:block; height:50px;}
.gf-news-detail .ntitle h3 #jiantouzuo{ background:url(../images/n_r.png) left center no-repeat;}
.gf-news-detail .ntitle h3 #zhong{ background:url(../images/n_c.png) left center no-repeat;}
.gf-news-detail .ntitle h3 #jiantouyou{ background:url(../images/n_l.png) left center no-repeat;}
.gf-news-detail .ntitle span{ padding-right:20px; color:#7f7f7f; font-size:14px;}


.gf-news-detail{padding-top: 60px;padding-bottom: 40px;overflow: hidden;}
.gf-news-detail .detail-hd{}
.gf-news-detail .detail-hd-l{width: 70%;
    padding-right: 5%;
    border-right: 1px solid #dedede;}
.gf-news-detail .detail-hd-r{width: 20%;}
.gf-news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.gf-news-detail .detail-hd-l .up{padding-bottom: 40px; line-height:30px; color:#1f1f1f;}
.gf-news-detail .detail-hd-r p{color:#000;}
.gf-news-detail .zl-list-tj {padding-top: 40px;}
.gf-news-detail .zl-list-tj li{ height:30px; line-height:30px; overflow:hidden;}
.gf-news-detail .zl-list-tj .title { font-size:16px; margin-bottom:20px; font-weight:bold; color:#5f5f5f;}

.gf-news-detail .zl-list-tj a{padding-left:0;height: 26px;display: inline-block;}


.gf-link-case{padding-top: 40px;}
.gf-link-case a{color:#000;}
.gf-link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.gf-link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}

/*案例详情页样式*/
.gf-case-detail{padding-bottom: 40px;}
.gf-case-detail .zl-service{padding-top: 60px;padding-bottom: 40px;}
.gf-case-detail .zl-service p{color:#6c6c6c;}
.gf-case-detail .zl-service a{color:#000; margin-top: 60px; display: inline-block; padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;font-size: 16px;}
.gf-case-detail .gf-case{padding-top: 90px; padding-bottom: 90px;border-bottom: 1px solid #dedede;}

.gf-case .focus{ width:100%; height:560px;  margin:0 auto; position:relative; overflow:hidden;   }
.gf-case .focus .hd{width: 100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}
.gf-case .focus .hd ul{ overflow:hidden; height:5px;  margin: 0 auto;position: absolute;left: 50%; -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
     -o-transform: translate(-50%,0);
        transform: translate(-50%,0);}
.gf-case .focus .hd ul li{ width: 5px;height: 5px;margin-right: 10px;background-color: #d6d6d6;float: left;padding-top: 5px;}
.gf-case .focus .hd ul .on{ background:#000;  }
.gf-case .focus .bd{ position:relative; z-index:0; }
.gf-case .focus .bd ul{height: 500px;}
.gf-case .focus .bd li{text-align: center; height:500px;}
.gf-case .focus .bd li img{ width:auto;  max-height:100%; text-align: center;}

.gf-case .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.gf-case .prev,.gf-case .next{position: absolute;top: 50%;margin-top: -14px;z-index: 100;left: 0;height:28px;width:28px; display:block;}
.gf-case .next{left: auto;right: 0; background:url("../images/case_next.png") no-repeat 0 0;}
.gf-case .next:hover{background:url("../images/case_next.png") no-repeat 0 -28px;}
.gf-case .prev{background:url("../images/case_prev.png") no-repeat 0 0;}
.gf-case .prev:hover{background:url("../images/case_prev.png") no-repeat 0 -28px;}

@media (max-width:1199px){
.gf-header-side .focus-text{bottom:50px;}
.gf-case .focus{height: 460px;}
.gf-case .focus .bd ul{height: 400px;}
.gf-case .focus .bd li{ height:400px;}

   .page-header-bar {
        height: 80px;
        line-height: 100px;
        margin-top: -80px;
    }

}
@media (max-width:1070px){
.gf-news-detail .detail-hd-l{width: 100%;float: none;}
.gf-news-detail .detail-hd-r{width: 100%;float: none;margin-bottom: 50px;}
.gf-news-detail .zl-list-tj {padding-top: 20px;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{width: 0;}


}
@media (max-width:768px){

.gf-case .prev,.gf-case .next{display: none;} 
}
@media (max-width:767px){
.gf-center{padding-top: 50px;}
.gf-center .gf-center-hd,.gf-center .gf-center-bd{float: none;}  
.gf-center .gf-center-hd{width: 100%;}
.gf-center .gf-center-bd{width: 100%; }
.gf-center .gf-center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.gf-center .gf-center-hd h2{padding-bottom: 30px; font-size: 24px;}
.gf-center .gf-center-bd h3{padding-bottom: 15px;}
.gf-center .gf-center-bd p{line-height: 26px;}

.gf-news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto; padding-bottom: 30px; padding-top: 30px; float: none;}
.gf-news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.gf-news .news-bd-content h2{padding-bottom: 15px;}
.gf-news .news-bd-page a{width: 20px;}

.gf-news-detail{padding-top: 40px;padding-bottom: 20px;}
.gf-news-detail .detail-hd{padding-bottom: 30px;}
.gf-news-detail .detail-hd-l .up{padding-bottom: 20px;}
.gf-news-detail .detail-hd-l p{line-height: 26px;}
.gf-case-detail .zl-service p{width: 100%;}

.gf-case-detail .gf-case{padding: 50px 0;}

.related-case{padding-top: 30px;padding-bottom: 30px;}
.related-case h2{padding-bottom: 30px;}
.gf-news .news-hd i, .case-title i{vertical-align: initial;margin-left: 3px;}
.gf-news .news-hd a, .case-title a{font-size: 12px;margin-right: 8px;}

.gf-case .focus{height: 230px;}
.gf-case .focus .bd ul{height: 200px;}
.gf-case .focus .bd li{ height:200px;}


}
/*修改zzsc.css*/
footer div{border: 0;padding: 0;margin: 0;}

/*最后修改样式*/
.zl-service p{color:#373737;}

    


@media (min-width:768px){
.pfocus{display: block;}
.pfocus video{display: block;}
.afocus{display: none;}
}

@media (max-width:767px){
.pfocus{display: none;}
.pfocus video{display: none;}
.afocus{display: block; width: 935px;height: 375px;margin-left: -170px;}
.gf-header-side .focus{height: 375px;width: 935px;margin-left: -170px;}
.gf-header-side .focus img{height: 100%; width: auto;}
.gf-header-side .focus-text{bottom:30px;}
.gf-link-case,.morecase{padding-top: 20px;}
}
/*页脚联系区*/
/*.gf-footer .contact-name{width: 32%;float: left;}
.gf-footer .contact-name li{color:#808080;padding-bottom: 20px; cursor: pointer;}
.gf-footer .contact-name li.name-on{color:#232323;}*/
#contactUs{float: left; width: 32%; margin-right: 4%;}
#contactUs a{font-size: 20px;color:#808080;}
#contactUs .active a{color:#232323;}
#contactUs #countrySelection {position: relative; }
#contactUs #countrySelection #countrySelection-wrapper {overflow: hidden;}
#countrySelection-items { padding: 1px 0; list-style: none; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#contactUs #countrySelector {position: relative; margin-left: -5px; top: -1px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #EFEBE8; }
#contactUs #countrySelection ul li {display: block; margin: 0 10px 20px 0;}
#contactUs p, #contactUs a{
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.contact-main{width: 64%; float: left;}
.contact-main .contact-bd{display: none;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 45%;}
.contact-main .dizhi-l p,.contact-main .dianhua-l p{color:#373737; padding-bottom: 10px;}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dizhi-r a.local,.contact-main .dianhua-r a.qq,.contact-main .dianhua-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .dizhi-r a.local{background-image: url("../images/local.png");}
.contact-main .dianhua-r a.qq{background-image: url("../images/qq.png");}
.contact-main .dianhua-r a.weixin{background-image: url("../images/weixin.png"); margin-top: 15px;}




@media (max-width:768px ) {  
#contactUs{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
#contactUs #countrySelection ul{height: 65px;}
#contactUs #countrySelection ul li{display: inline-block;margin-right: 30px; margin-bottom: 0;}
#contactUs #countrySelection #countrySelection-wrapper{height: 50px;padding: 0; overflow: hidden;}
#countrySelection-items{margin: 0; }

.contact-main{float: none; width: 100%;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 98%; float: none;}

}
/*修改鼠标移上链接出现下划线*/
.morecase a i,.gf-case-detail .zl-service a i,.gf-link-case a i,.gf-logo .gf-pnav a i,.gf-header .black a i{background-color: #000;}
.gf-pnav a i{background-color: #fff;}
.morecase a,.gf-case-detail .zl-service a,.gf-link-case a,.gf-pnav a{ overflow: hidden; display: inline-block;}
.morecase a i,.gf-case-detail .zl-service a i,.gf-link-case a i,.gf-pnav a i{width: 100%; height: 1px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);} 
.gf-link-case a i{
-webkit-transform: translateX(-200%);
   -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
     -o-transform: translateX(-200%);
        transform: translateX(-200%);}      
.morecase a:hover i,.gf-case-detail .zl-service a:hover i,.gf-link-case a:hover i,.gf-pnav a:hover i{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
     -o-transition: all .3s linear;
        transition: all .3s linear;}

/*页脚列表样式*/
.zhishiku{position: relative;}
.zhishi{position: absolute; height:300px; width: 315px;bottom: 30px;right:-257px; overflow-y: auto; overflow-x: hidden; border: 1px solid #bbb; display: none; z-index:999;background-color:#fff;}
.zhishi::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;} 
.zhishi::-webkit-scrollbar {width:5px;background-color:#999;} 
.zhishi::-webkit-scrollbar-thumb {width:5px;background-color:#aeaeae;} 
.zhishi::-webkit-scrollbar-thumb:hover {width:5px;background-color:#999;} 
.foot .zhishi-bd{padding: 10px;}
.foot .zhishi-bd li{line-height: 24px;}
.foot .zhishi-bd a{ -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear;font-size: 14px;color:#373737; display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.foot .zhishi-bd a:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);text-decoration:line-through;}


.gf-footer .foot-r .zhishiku{display: inline-block;}
.zhishi-hd{padding: 20px 0;}

/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;left: 0;width: 100%;text-align: center;}
.floating a{width: 48px;height: 48px;border-radius: 24px;margin-left:7.5px; margin-right: 7.5px;background-color:rgba(0,0,0,.6); display: inline-block; filter:alpha(opacity=60);background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 50px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/layout_phone.png); -webkit-background-size: 23px 23px; background-size: 23px 23px;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 20px 21px; background-size: 20px 21px;}
.floating a.float-message{background-image:url(../images/float_message.png);}
.floating a:hover{background-color:#000;}
.floating a.float-phone span{color:#fff; font-size: 18px;margin-left: 30px;display: none;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
@media (min-width: 751px) {
    .floating a.float-phone:hover{width: 192px; background-position: 15px center;}
    .floating a.float-phone:hover span{display: block;}
}
@media (max-width: 750px) {
    .floating a.float-phone:hover{width: 48px;}
}


/*qq弹窗*/
.qq-main{height: 172px;width: 327px; background-repeat: no-repeat;background-image: url(../images/float_qq_bg.png);position: fixed;top: 50%;z-index: 20; left: 50%; margin-top: -86px; margin-left: -163px; display: none;}
.qq-main .btn{position: absolute;}
.qq-main .launchBtn {top: 145px; left: 173px; width: 69px; height: 22px; }
.qq-main .laterBtn {top: 145px; left: 248px; width: 69px; height: 22px;}
.qq-main .closeBtn {top: 0; right: 6px; width: 39px; height: 26px;}
.qq-main .title {position: absolute; top: 1px; left: 17px; height: 30px; line-height: 30px; font-size: 16px; color: #000; }
.qq-main .content {position: absolute; top: 45px; left: 114px; width: 203px; height: 85px; }
.qq-main .content .msg {font-size: 12px; color: #000; line-height: 25px; }

@media (max-width: 768px) {
.qq-main{display: none !important;}  
}	

 .pagination {margin: 20px 0;display: inline-table;width: 100%;text-align: center;border-radius: 4px;}
.pagination .current { background-color: #dddddd; }
 .pagination > li {display: inline-block;/* float:left; */margin: 0 5px;}
 .pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.428571429;text-decoration: none;border-radius: 50px;background-color: #ffffff;border: 1px solid #dddddd;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;/* border-bottom-left-radius: 4px; *//* border-top-left-radius: 4px; */}
.pagination > li:last-child > a, .pagination > li:last-child > span {/* border-top-right-radius: 4px; *//* border-bottom-right-radius: 4px; */}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background-color: #eeeeee;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #428bca; border-color: #428bca; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }