html, body {position: relative;height: 100%;}
body{min-width:320px;overflow-x:hidden}
ul,li{padding:0;margin:0;}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.mb30{margin-bottom:30px;}
.cf{color:#fff;}

/*header*/
.header-content {margin: 0 auto;width: 100%;-moz-transition: padding 0.3s;-o-transition: padding 0.3s;-webkit-transition: padding 0.3s;transition: padding 0.3s;}
.logo{margin:83px 0 0 48px;}
.fixed{background:#292c47;}
.fixed .header-content {border-bottom:0;padding: 25px 0;}
.fixed .nav-toggle {top: 18px;}
/*navbtn*/
.nav-toggle {
  display:none;
  height: 44px;
  overflow: hidden;
  position: fixed;
  right:4%;
  text-indent: 100%;
  top: 16px;
  white-space: nowrap;
  width: 44px;
  z-index: 99999;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .nav-toggle:before, .nav-toggle:after {
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform; }
  .nav-toggle:before {
    background-color: #e84545;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; }
  .nav-toggle:after {
    background-color: #e84545;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s; }
  .nav-toggle span {
    background-color: #fff;
    bottom: auto;
    display: inline-block;
    height: 3px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    width: 18px;
    z-index: 10;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
    .nav-toggle span:before, .nav-toggle span:after {
      background-color: #fff;
      content: "";
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -moz-backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-transition: -moz-transform 0.3s;
      -o-transition: -o-transform 0.3s;
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s; }
    .nav-toggle span:before {
      -moz-transform: translateY(-6px) rotate(0deg);
      -ms-transform: translateY(-6px) rotate(0deg);
      -webkit-transform: translateY(-6px) rotate(0deg);
      transform: translateY(-6px) rotate(0deg); }
    .nav-toggle span:after {
      -moz-transform: translateY(6px) rotate(0deg);
      -ms-transform: translateY(6px) rotate(0deg);
      -webkit-transform: translateY(6px) rotate(0deg);
      transform: translateY(6px) rotate(0deg); }
  .nav-toggle.close-nav:before {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .nav-toggle.close-nav:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  .nav-toggle.close-nav span {
    background-color: rgba(255, 255, 255, 0); }
    .nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
      background-color: #fff; }
    .nav-toggle.close-nav span:before {
      -moz-transform: translateY(0) rotate(45deg);
      -ms-transform: translateY(0) rotate(45deg);
      -webkit-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg); }
    .nav-toggle.close-nav span:after {
      -moz-transform: translateY(0) rotate(-45deg);
      -ms-transform: translateY(0) rotate(-45deg);
      -webkit-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg); }
.nav_con li a i{width: 0px; height: 3px; background: #fff; transition: all ease-in-out .3s; position: absolute; left: 50%; bottom: 0;}
.nav_con li a:hover i{width: 100%; left: 0;}
.nav_con li.on i{width: 100%; left: 0;}
.navigation.open {opacity: 0.9;display:block; visibility: visible;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.navigation li {float:left;}
.navigation a {position:relative;color: #fff;display:block;text-align:center;}
.navigation li a:hover{text-decoration:none;}
.navigation li:hover dl a{border-bottom:1px solid #4a6928;}
.navigation li.hover a{border-bottom: 3px solid #fff;}
.navigation li.hover dl a{border-bottom:none;}
.navigation li dl{background:rgba(74,105,40,0.7);margin:0 -40px;position:relative;margin-top: 30px;display:none;}
.navigation li dl i{width:26px;height:13px;position:absolute;left:50%;margin-left:-13px;display:  block;top: -13px;}
.navigation li dl a{border:none;}
.navigation li dl dd{border-bottom:1px solid #4a6928;}
.navigation li dl dd a{	line-height:64px;font-size:16px;}
.secondnav{	position:absolute;	z-index:9999;}
/*关于我们*/
.product{position:  relative;}
.f18{font-size:18px;}
.focon_fl{height:90px;width:30%;cursor:pointer;-webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.fodiv{position: absolute;left: 0px;}
.fodiv h2{position: relative;letter-spacing: 1px;}
.fodiv h2:before{content: '';position: absolute;top: 55px;left: 0px;width: 30px;height: 2px;margin-left: 0%;background: #4a6928;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.focon_fl:hover .fodiv h2:before{width: 100%;}
.desire{background:url(../new_images/about/about-picx.jpg) no-repeat center top;}
.desire .intro{color:#fff;}
.responsible{padding:120px 0 160px;}
.responsible img{display:inline-block;}
.respons h3{padding:17px 0 5px;font-size:16px;}
.desc{;font-size:12px;line-height:26px;}
.footer{background:#11181c;padding:140px 0;}
.f26{font-size:26px;}
.foot-nav a{color:#fff;font-size:14px;font-weight:bold;margin-right:60px;}
hr{border-top:1px solid #cbcccd;}

/*优势*/
.adventage{background:#fbf8f8;margin:160px auto;}
.adventage h3{
	margin:90px 0 40px;
}
.adventage p{font-size:12px;line-height:28px;}
.advent_bg{
	background:url(../new_images/service/service-picx.jpg) no-repeat center top;
	min-height:500px;
	background-size:cover;
}
.adventage img{
	width:100%;
}
.promote h2{margin:0;}
.promote .focon_fl{height:70px;}
.swhz .fodiv{left:19%;}
.yxxc .fodiv{left:3%;}
/*瀑布流*/
.container1 {
  max-width: 1360px;
}
.main .container1 > * {
  max-width: 700px;
}
.main .container1 .go-wide,
.main .container1 .example {
  max-width: none;
}
/* tablet-ish */
@media screen and ( min-width: 768px ) {
  .main .container1 > * {
    max-width: 900px;
  }
}
.grid { position: relative;}
.grid:after { content: '';  display: block;  clear: both;}
.grid-item {float: left;width: 328px;height: 328px;border: 12px solid #fff;}
.grid-item--width2 { width: 656px; }
.grid-item--height2 { height: 656px; }
.grid-item:hover { border-color: #28F; background: #8CF; cursor: pointer;}
.item {
  background: #bebebe;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
}
.cczp_bg{
	background:url(../images/ccpf/ccpfbg.jpg) no-repeat center top;
	min-height:500px;
	background-size:cover;
}
.centerTit h2{
	position:relative;
	width:200px;
}
.centerTit h2:before{content: '';position: absolute;bottom: 0;left: 50%;width: 80px;height: 4px;margin-left: -40px;background: #4a6928;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.ccpf_intro h3{
	font-size:22px;
	margin-top:40px;
}
.ccpf_intro p{
	font-size:18px;
	line-height:30px;
	color:#a0a0a0;
}
.ccpfimg{
	position:absolute;
	left:0;
	top:0;
}
.banner-ccpf{position:relative;}
.header-content{
	position:absolute;
	line-height:80px;
	right:0;
	top:0;
	z-index:986;
}
.facility {
	padding-top:5rem;
}
.designimg{
	position:absolute;
	margin-top:-30%;
	z-index:999;
}
.mjg-cp{
	background:url(../new_images/new_index/ill-cp.jpg) no-repeat center top;
	min-height:500px;
	background-size:cover;
}
.mjg-cp-list .grid-item1{background:url(../images/mjg-cp/mjg-cp1.jpg) no-repeat;}
.mjg-cp-list .grid-item2{background:url(../images/mjg-cp/mjg-cp2.jpg) no-repeat;}
.mjg-cp-list .grid-item3{background:url(../images/mjg-cp/mjg-cp3.jpg) no-repeat;}
.mjg-cp-list .grid-item4{background:url(../images/mjg-cp/mjg-cp4.jpg) no-repeat;}
.mjg-cp-list .grid-item5{background:url(../images/mjg-cp/mjg-cp5.jpg) no-repeat;}
.mjg-cp-list .grid-item6{background:url(../images/mjg-cp/mjg-cp6.jpg) no-repeat;}
.mjg-cp-list .grid-item7{background:url(../images/mjg-cp/mjg-cp7.jpg) no-repeat;}
.mjg-cp-list .grid-item8{background:url(../images/mjg-cp/mjg-cp8.jpg) no-repeat;}
.jdtabs .jdimg{position:absolute;right:0;top:0;bottom:0;overflow:hidden;}
.zhangP{
	box-shadow:  0 0  100px #a09c9c ;
}
.nav-tabs>li{
	font-weight:bold;
	position:relative;
	margin-right:45px;
}
.nav-tabs>li a{
	font-size:12px;
	color:#bbb;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;}
.nav>li>a{padding:0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color:#000;font-size:16px;}
.nav-tabs>li.active:before{content: '';position: absolute;top:30px;left: 0px;width: 20px;height:2px;margin-left: 0%;background: #4a6928;-webkit-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.nav-tabs{border:none;}
.jdTab .table{font-size:20px;}
.jdTab strong{font-size:16px;display:block;}
.jdTab .table td{border:1px solid #ccc;vertical-align:middle;padding:15px;}
.jdtabs{width:100%;position:relative;}
.zhangP{margin-bottom:80px;}
.lookmore{width:190px;line-height:64px;height:64px;color:#000;border:2px solid #000;border-radius:5px;display:inline-block;}
.lookmore:hover{background:#f00;   
    transition: 1s;
    -webkit-transition:1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
}
.jdtabs hr{margin-top:50px;}
.jdimg img{
	height:100%;
}
a{	color: #000;
}
.jdTab{width:70%;}
.set_2_button {
	cursor:pointer;
	color: #000;
	width:216px;
	border:2px solid #000;
	border-radius:5px;
	display:block;
	padding: 10px 0;
	line-height: 56px;
	font-size:14px;
	margin:66px auto 122px;
	font-weight:bold;
	overflow: hidden;
	position: relative;
	transition: all 1s;
	text-align:center;
}
.set_2_button:hover{
	border:2px solid #4a6928;
	color: #4a6928;
}
.set_2_button:before {
	left: 44%;
}
.set_2_button:active {
	background: #cccccc;
	color: #4a6928;
	top: 2px;
	transition: all 1s;
}
.set_2_button > span {
	display: inline-block;
	transition: all 0.5s;
}
.icon-forward:before {
	content: "→";
	position: absolute;
}
.icon-backward:before {
	content: "→";
	font-size:30px;
	position: absolute;
}
.set_2_btn-1:before {
	left: -100%;
	transition: all 0.5s;
}
.set_2_btn-1:hover:before {
	left: 45%;
	transition: all 1s;
}
.set_2_btn-1:hover > span {
	transform: translateX(300%);
	transition: all 1s;
}
.set_2_btn-2:before {
	top: -100%;
	transition: all 0.5s;
}
.set_2_btn-2:hover:before {
	top: 0px;
}
.set_2_btn-2:hover > span {
	transform: translateY(300%);
}
.zpdesc{
	font-size:20px;
	width:80%;
	margin:0 auto;
}
.product i{font-style:normal;}
.zhangp .set_2_button{margin:0;}
.ibk{display:inline-block;}
.ldm h5{font-size:16px;position:absolute;left:0;top:0;z-index:99;font-weight:bold;}
.ldm i{text-transform:uppercase;font-style:normal;color:#737373;z-index:99;font-size:10px;position:absolute;left:0;top:40px;}
.ldm p{	color:#000;z-index:99;position:absolute;left:0;bottom:0;}
.ldm{background:url(../images/index/ldm.jpg) no-repeat center top;position:relative;min-height:1130px;margin:160px 0;}
.pics div{margin-bottom:30px;}
.client{margin:60px 0;}
.client button{background:none;padding:0;}
.qq{margin-right:10px;}
.footer{margin-top:60px;}
.footer hr{margin:35px 0;border-bottom:2px solid #cbcccd;}
.footer p{font-size:10px;}
.footer p.tel{margin-bottom:16px;font-size:18px}
.caselist .list1 {
	height: 210px;
	overflow:hidden;
	width:  23%;
	margin-right: 2%;
}
.tagImg1 {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	padding:10px;
	width:226px;
	height:174px;
	background: #fff;
	border-radius: 5px;box-shadow: 0 10px 15px #e2e2e2;
}
.tagImg1 img{width:206px;height:154px;}
.tagDiv1 {
	background: #fff;
	height: 164px;
	position:absolute;
	left: 10px;
	top: 164px;
	z-index:2;
	width: 206px;
	padding: 24px 0 0 10px;
}
.tagDiv1 a {
	font-size: 12px;
	color:#000;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}
.tagP1 {
	font-size: 12px;
	color:#999;
	height: 100px;
	line-height: 20px;
	overflow:  hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
.tagP2 {
	line-height:22px;
	clear:both;
	color:#666;
	padding:5px 0 0;
	height:115px;
	overflow:hidden;
}
.tagP3 {
	height:25px;
}
.tagP3 a {
	background:url("../images/jz_sprite-btn.png") no-repeat;
	color:#2A5077;
	display:inline-block;
	height:25px;
	line-height:25px;
	margin-left:10px;
	text-align:center;
	width:89px;
	text-decoration:none;
}
.list{width:1002px;margin:80px auto 100px;}
.list1{width:226px;height:228px;float:left;margin:0 32px 0 0;}
.list1:nth-child(4n){margin-right:0;}
.rthumbnail{position:relative;width:226px;height:174px;overflow: hidden;}
.list1 strong{font-size:12px;height:54px;line-height:18px;margin-left:10px;display:block;}
.caseH1{font-size:14px;color:#000;position:absolute;bottom:86px;left:0;}
.caseDesc{position:absolute;bottom:10px;left:0;width:540px;height:66px;overflow:hidden;line-height:22px;font-size:12px;color:#95969c;}
.figurearea{padding:30px 30px 120px;background:#fff;border-radius:15px;}
.caseH2{position:absolute;top:0;font-size:16px;border-bottom:1px solid #ebeff4;height:25px;width:540px;}
.picshow{width:1002px;margin:20px auto;position:relative;min-height:748px;}
.picshow div{position:absolute;overflow:hidden;}
.pshow1{left:0;top:0;width:240px;height:494px;}
.pshow2{left:254px;top:0;width:240px;height:494px;}
.pshow3{left:508px;top:0;width:494px;height:240px;}
.pshow4{left:508px;top:254px;width:240px;height:494px;}
.pshow5{right:0px;top:254px;width:240px;height:494px;}
.pshow6{left:0px;top:508px;width:494px;height:240px}
.pshow1 img,.pshow5 img,.pshow4 img,.pshow2 img{width:240px;height:494px;}
.pshow3 img,.pshow6 img{width:494px;height:240px;}
/*点击展开*/
.hidden{ display: none;}
.jq22 ul.list{overflow: hidden;}
.picshow ul li{position:absolute;overflow:hidden;}
.jq22 .more{overflow: hidden;padding:10px;text-align: center;}
.jq22 .more a{display: block;width: 80px;padding:8px 0;color:#fff;margin:0 auto;background:#333;text-align:center;border-radius:3px;}
.jq22 .more a:hover{text-decoration: none;background: red;color: #fff;}
.picshow a{display:block;position:absolute;overflow:hidden;}
.qq{cursor:pointer;background:url("../images/qq.jpg") no-repeat;position:relative;width:38px;height:38px;}
.qq p{display:none;padding:8px;background:#fff;border-radius:10px;margin:0;position:absolute;top:-130px;left:-40px;}
.wx{background:url("../images/wx.jpg") no-repeat;position:relative;width:38px;height:38px;}
.client{text-align:center;}
.client div{display:inline-block;}
/*导航*/
/*右侧悬浮*/
#code{width:48px;height:48px;background:url(../images/tel.png) no-repeat;position:fixed;right:48px;bottom:80px;cursor:pointer;}
#code_hover{width:48px;height:48px;background:url(../images/tel1.png) no-repeat;position:fixed;right:48px;bottom:80px;cursor:pointer;}
#code_img{width:314px;height:48px;line-height:48px;position:fixed;right:106px;bottom:80px;background:#88d648;border-radius:25px;text-align:center;font-size:18px;color:#fff;cursor:pointer;display:none;}
#code1{width:48px;height:48px;background:url(../images/qq_ask.png) no-repeat;position:fixed;right:48px;bottom:138px;cursor:pointer;}
#code_hover1{width:48px;height:48px;transition:all 0.3s; background:url(../images/qq_ask1.png) no-repeat;position:fixed;right:48px;bottom:138px;cursor:pointer;}
.a-fadeinL{-webkit-animation:0.6s ease-out backwards;-moz-animation:0.6s ease-out backwards;-ms-animation:0.6s ease-out backwards;animation:0.6s ease-out backwards;}
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
.telnumber{
	width:48%;
	float:right;
	border-radius:25px;
	line-height:30px;
	padding-left:5%;	
	display:inline-block;
	background:#88d648 url(../images/redtel.png) no-repeat 30% center;
	background-size:10% auto;
}
.telnumber .btn{
	background:none;
	color:#fff;
	padding:0;width:100%;
	line-height:34px;
}
.contactus{
	position:fixed;
	text-align:center;		
	color:#fff;	
	bottom:10px;
	width:100%;
	padding:0 3%;
	display:none;
}
.online{
	color:#fff;
	width:48%;
	display:inline-block;
	float:left;
	background:#6ea8df;
	border-radius:25px;
	line-height:36px;
	background:#6ea8df url(../images/redqq.png) no-repeat 30% center;
	background-size:10% auto;
	padding-left:5%;	
}
.contactus .dropdown-menu{
	top:-190%;
	min-width:130px;
}
.dropdown-menu.pull-right{
	left:10%;
	right:10%;
	background:rgba(255,255,255,0.8);
}

.dropdown-menu>li>a{
	padding:3px 0;
	text-align:center;
}
.dropdown-menu>li:nth-child(1) a{
	border-bottom:1px solid #333;
}
.zhangP{
	max-width:1002px;
	margin:0 auto;
}
.mb30{
	margin-bottom:100px;
}