﻿@charset "utf-8";
* {margin: 0;padding: 0;}
body {font-family: "Microsoft YaHei"; font-size: 14px; overflow-x: hidden; color: #333;}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;!important;font-family: "Microsoft YaHei";}
a:hover{text-decoration:none;!important;}
img{ border: none; max-width:100% }

.fl{ float:left;}
.fr{ float:right;}
a{
  color: #333;
}
.wrapper{
	width:90%; margin:0 auto;
}


.ne-banner{ width:100%;}
.ne-banner img{ width:100%; display:block;}
header{
    width: 100%;
	
	background:#fff;
	z-index:9999;
}
.wrapper{
	width:90%; margin:0 auto;
}

.logo{ padding-top:20px;}

.search{
  width:35px;
  height:35px;
  overflow:hidden;
  position: absolute;
  right:5%;
  top:30px;
  z-index:9999;
}
.search .inputB{
  display:inline;
  float:right;
  width:35px;
  height:35px;
  background:url(../images/sear.jpg) no-repeat 0 0;
  border:none;
  cursor:pointer;
  }
.search .inputT{
  display:inline;
  float:right;
  width:105px;
  height:35px;
  background:none;
  border:none;
  position:absolute;
  top:0;
  right:97px;
  display:none;
  color:#fff;
  line-height:110px;
  text-align:left;
  padding-left: 15px;
  outline: none;
  font-family: "Microsoft YaHei";
  opacity: 0.7
  }
.search .inputT::-webkit-input-placeholder {color:#fff;}
.search .inputT::-moz-placeholder {color:#fff;}
.search .inputT:-moz-placeholder {color:#fff;}

.menu {
    height: 89px;
    padding-right:70px;
}
.menu li {
    min-width: 110px;
    margin-right: 1px;
    text-align: center;
}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu > li:first-child {
    
}
.menu a {  
    color: #282828;
    display: block;
    font-size: 16px;
    line-height: 89px;

    transition-duration: .5s;
}

/*.menu li:hover {
	background: url(../images/hjt.png) no-repeat bottom center;
}*/


.menu li:hover > a {
    color: #a30022;
}
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px; 
    background-color:#a30022;   
}
.submenu li {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
    border-top:none;
	border-bottom:1px solid #ba4059;
}
.submenu li:hover{
  border-top:none;
  background:none;
}
.submenu li a{
  line-height: 35px;
  font-size: 14px;
  color:#fff;
  background:url(../images/bsj.png) no-repeat 15% center
}
.menu .submenu li:hover a {
    border-radius: 0;
    color: #f7931e;
    font-size: 16px;

}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;

}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
    padding-top:10px;
    background-repeat: no-repeat;
    background-position: top center;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.submenu li:last-child{
  padding-bottom: 10px;
}

.xs-top{
    display: none;
}

/*xs菜单样式开始*/

.mobile-inner-nav a{
      -webkit-animation-duration: 0.8s;
      animation-duration: 0.8s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }
       
.mobile{
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
}
.mobile-inner{
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner img{
  width: 100%;
  margin-bottom: 30px;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
}
.mobile-inner{
  
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
  }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
  }
  
.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
  }   
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
  }
  
.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }   
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
  }

.mobile-inner-nav{
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0px;
  padding-bottom: 30px;
  display: none;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 85%;
  margin-left: 5%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*菜单结束*/


.ne-box{ padding:40px 0;}
.ne-ti{ width:100%; text-align:center; margin-bottom:33px;}
.ne-ti div{ font-size:24px; color:#212121;}
.ne-ti p{ font-size:18px; text-transform:uppercase; opacity:0.36; padding-top:4px;}
.ne-jj{ width:100%;}
.ab-zi{ width:90%; margin:35px auto 0 auto; font-size:16px;}
.ab-zi p{ line-height:1.8; padding-bottom:20px; text-indent:30px; text-align: justify;}

.ne-zzjg{ width:100%; background:#f4f4f4; padding:30px 0; margin:40px 0;}
.zzjt-tu p{ width:80%; margin:0 auto;}
.zzjt-tu p img{ width:100%;}
.zc-tu{ width:26%; padding-left:8%;}
.zc-tu img{ width:100%;}
.zc-zi{ width:62%; padding-top:50px;}
.zc-zi p{ font-size:16px; padding-bottom:40px; line-height:1.8;}
.ab-ry{ width:100%; background:url(../images/ry_bg.jpg) no-repeat center center; padding:30px 0 55px 0; margin:40px 0;}
.Menubox{ width:100%; text-align:center;}
.Menubox li{ display:inline-block;cursor:pointer; text-align:center; font-size:18px; border-right:2px solid #383536; height:20px; line-height:20px; padding:0 5px;}
.Menubox li.hover{color:#a30022;}
.Contentbox{clear:both; margin-top:20px;}
.ne-zz li{ width:18%; text-align:center; float:left; margin:0 1% 12px 1%;}
.ne-zz li img{ width:100%;}
.ne-zz li p{ font-size:16px; padding-top:13px;}
.fy{ width:100%; text-align:center; padding-top:40px;}
.fy a{ display:inline-block; background:#c9c9c9; padding:11px 22px;}
.fy a:nth-child(1){ margin-right:66px;}

.ne-wh-xi{}
.wh-tu{ float:right; width:50%; background:#000; overflow:hidden;}
.wh-tu img{ width:100%; display:block; transition-duration:.5s;}
.wh-tu:hover img{ opacity:0.6; transform:scale(1.1,1.1)}
.wh-zi{ width:50%; float:left;}
.wh-zi p{ font-size:16px; color:#363636; padding-bottom:19px;}
.wh-zi p span{ display:block; font-size:20px; color:#a30022; padding-bottom:7px; font-weight:bold;}
.dc-tu{ width:48%;}
.dc-tu img{ width:100%;}
.dc-zi{ width:48%; padding-top:30px;}
.dc-zi h1{ color:#a50022; font-size:22px; font-weight:normal;}
.dc-zi p{ font-size:16px; line-height:2; padding:24px 0 40px 0;}
.dc-zi span{ color:#a50022; font-size:16px;}
.gt-kw{ width:100%; background:#f3f3f3; padding:30px 0; margin:50px 0;}
.kw-xi{ width:88%; margin:0 auto;}
.kw-tu{ width:50%;}
.kw-tu img{ width:100%;}
.kw-zi{ width:45%;}

.txtMarquee-top{ width:100%; overflow:hidden; position:relative;padding:15px 0;}	
.txtMarquee-top .infoList li{ height:49px; line-height:49px;  border-bottom:1px dashed #555555   }
.txtMarquee-top .infoList li a b{font-size:16px; color:#a30022;}
.txtMarquee-top .infoList li span{ float:right}
.txtMarquee-top .infoList li a{ display:block; float:left; width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

/* 本例子css */
		.sideMenu{ width:90%; margin:0 auto;}
		.sideMenu h3{ height:77px; line-height:77px; padding-left:28px;  font-size:16px; color:#fff;background:#646464; cursor:pointer; font-weight:normal; margin-top:14px;}
		.sideMenu h3 em{ float:right; display:block; width:36px; height:77px;   background:url(../images/jia.png) no-repeat center center; cursor:pointer; padding-right:28px; }
		.sideMenu h3.on em{  background:url(../images/jian.png) no-repeat center center;}
		.sideMenu h3.on{ background:#a50022;}
		.sideMenu ul{ display:none; /* 默认都隐藏 */ background:#f5f5f5; padding:27px 0; }


.zp-ti{ padding:10px 30px 20px 30px; border-bottom:1px solid #d8d8d8; font-size:16px;}
.zp-ti li{ float:left; width:22%; margin-bottom:15px;}
.zp-zi{ padding:20px 30px 0 30px; font-size:16px; line-height:1.8;}
.zp-zi p{ padding-bottom:25px;}
.zp-zi p span{ color:#a50022; padding-bottom:10px; display:block;}
.lx01-xi{ width:80%; margin:0 auto;}
.lx01-map{ width:45%; height:330px; border:2px solid #cecccc;}
.lx01-zi{ font-size:16px; line-height:3; padding-left:60px; padding-top:50px;}

.lx02{ width:100%; background:#f4f4f4; padding:50px 0; margin:40px 0;}
.lx02-xi dl{ width:25%; float:left;}
.lx02-xi dl dt{ font-size:16px; color:#a30022; padding-bottom:20px;}
.lx02-xi dl dd{ font-size:14px; line-height:2;}
.lx03-le{ width:50%;}
.lx03-map{ width:52%; height:270px; border:2px solid #cecccc}
.lx03-zi{ width:47%; font-size:14px; line-height:2; padding-top:30px;}
.lx03-zi span{ font-size:16px; color:#a30022; padding-bottom:15px; display:block;}

.ne-new-list dl{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;}
.ne-new-list dl dt{ width:289px; height:195px; overflow:hidden; background:#000; float:left;}
.ne-new-list dl dt img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.ne-new-list dl dd{ width: calc(90% - 289px); width: -webkit-calc(90% - 289px); padding-left: 33px; float:left; box-sizing: border-box;}
.ne-new-list dl dd h4{ font-size:16px; color:#363636; font-weight:normal;}
.ne-new-list dl dd span{ display:block; background:url(../images/date.png) no-repeat left center; padding-left:30px; margin:13px 0 20px 0; height:20px;}
.ne-new-list dl dd p{ color:#727272; line-height:2;}
.ne-new-list dl:hover dt img{ opacity:0.6; transform:scale(1.1,1.1)}
.ff{ width:100%; text-align:center;}
.ff a{ display:inline-block; background:#e1e1e1; padding:4px 8px; margin-right:15px;}
.ff a:hover{ background:#004ea2; color:#fff;}

.mtjj{ width:100%; background:#f4f4f4; padding:30px 0; margin:40px 0;}
.jd01{ width:25%; border:1px solid #cecece; padding:35px 20px; float:left; margin:0 6% 30px 0;}
.jd01:nth-child(3n){ margin-right:0;}
.jd01 dt p{ font-size:18px;}
.jd01 dt span{ font-size:24px; border-bottom:2px solid #a50022; padding:13px 0; display:block; width:70px;}
.jd01 dd h1{ font-size:18px; font-weight:normal; padding:16px 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jd01 dd p{ margin-bottom:30px;}
.jd01 dd a{ border:1px solid #bdbdbd; padding:6px 20px;}
.jd01 dd a:hover{ background:#a50022; color:#fff;}
/* 本例子css */
		.picFocus{ margin:0 auto;  width:80%; position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:19%; overflow:hidden; float:right }
		.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ text-align:center; width:100%;  background:#000; margin-bottom:5px; position:relative; height:126px;  }
		
		.picFocus .hd ul li img{ width:100%; display:block; height:100%;  }

		.picFocus .hd ul li.on img{opacity:0.5;   }
		.picFocus .bd { width:80%; float:left; text-align:center;}
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ width:100%; display:block;  }
		.picFocus .bd ul li p{font-size:18px; padding-top:20px;}

.hz{ font-weight:bold; color:#a50022; font-size:20px; margin-bottom:23px;}
.zx-tu{ width:40%; text-align:center;}
.zx-tu .mrzx{ width:100%;}
.zx-tu .wjx{ width:13%; display:inline-block; padding:20px 0;}
.zx-tu span{ font-size:18px; display:block;}

.cy-xi01{ width:100%; text-align:center;}
.cy-xi01 li{cursor:pointer; display:inline-block; font-size:18px; padding:10px 38px; border:1px solid #bebebe; margin:0 5px 40px 5px;}

.cy-xi01 li.hover{ background:#a50022; color:#fff;}
.cy-xi01 li.hover a{ color:#fff;}
.Contentbox01{clear:both;}
.cy-zi01{ font-size:16px; line-height:1.8; padding-bottom:30px; text-indent:30px;}
.cy-list{ margin-bottom:40px;}
.cy-list dl{ width:49%; float:left; margin-right:1%; margin-bottom:20px;}
.cy-list dl dt{ width:19%; height:118px; background:#a50022; display: table; text-align:center; float:left;}
.cy-list dl dt p{display: table-cell;text-align: center;vertical-align: middle; color:#fff; font-size:18px;}
.cy-list dl dd{ width:78.5%; height:116px; border:1px solid #e3e3e3; background:#f3f3f3; float:right; display: table; padding:0 1%}
.cy-list dl dd p{display: table-cell;vertical-align: middle; font-size:16px;}
.cy-list dl:nth-child(2n){ margin-right:0;}
.cy-tu{ width:33%; float:left;}
.cy-tu img{ width:100%;}
.cy-zi{ width:64%; font-size:14px; }
.cy-zi p{line-height:2; text-align:justify;}
.cy-zi span{ display:block; color:#a50022; font-size:16px; padding:15px 0;}

.gttz{ width:100%; background:#f4f4f4; padding:30px 0; margin:40px 0 0 0;}
.cy-tu02{ width:27%;}
.cy-tu02 img{ width:100%;}
.cy-zi02{ width:60%; padding-left:5%; font-size:16px; line-height:2;}
.cy-zi02 p span{ color:#a50022; font-size:20px; font-weight:bold; display:block;}

.zs01-le{ width:50%; font-size:16px; line-height:2;}
.zs01-le span{ font-size:18px; color:#a50022;}
.zs01-ri{ width:45%; padding-right:2%;}
.zs01-ri img{ width:100%;}
.ne-zs02{ padding:50px 0;}
.zs02-le{ width:49%;}
.zs-ti{ width:40%; height:47px; line-height:47px; background:#a50022; color:#fff; font-size:18px; text-align:center; margin-bottom:23px;}
.zs02-le ul{ height:350px; overflow:auto;}
.zs02-le ul li{ font-size:16px; border-bottom:1px dashed #c0c0c0; line-height:1.8; padding-bottom:10px; margin-bottom:10px; width:95%;}
.zs02-le ul li span{ font-size:14px; display:block;}
.gc-sb{ width:100%; background:#f4f4f4; padding:30px 0;}
.sb-zi01{ width:100%; text-align:center; color:#a50022; font-size:18px; padding:10px 0 50px 0;}
.sb-xi li{ width:23%; border:1px solid #aeaeae; line-height:46px; padding-left:0.5%; font-size:16px; float:left; margin-right:15%;}
.sb-xi li input{ border:none; outline:none; background:none;}
.sb-xi .san{ margin-right:7%;}
.sb-xi .last{ margin-right:1%; width:18%;}
.sb-xi .yzm{ margin-right:0; line-height:46px; }
.sb-xi .yzm img{ float:left; padding-right:10px; padding-top:10px;}
.yz-tj{ padding:30px 0 0 0; width:100%; text-align:center;}
.yz-tj input{ color:#fff; border:none; background:#a50022; font-size:18px; padding:5px 40px;font-family: "Microsoft YaHei"; cursor:pointer;}
.gc-sq{ padding:65px 0;}
.sq-xi{ width:60%; margin:0 auto;}
.sq-xi .sk01{ width:80%; height:51px;}
.sq-xi .sk01 input{ width:95%; height:100%; background:#f5f5f5;-moz-box-shadow:3px 3px 3px #333333; -webkit-box-shadow:3px 3px 3px #333333; box-shadow:3px 3px 3px #333333; border:none; border-radius:15px; outline:none; font-size:18px; color:#000; padding-left:5%;}
.sq-xi .sk02{ width:16%; height:51px;}
.sq-xi .sk02 input{color:#fff; border:none; background:#a50022; font-size:18px; width:100%; height:51px; line-height:51px;font-family: "Microsoft YaHei";}
.gcs-zm{ padding-top:40px; padding-bottom:40px;}
	/* 工程商招募css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden; padding-top:45px; width:100%; text-align:center;}
		
		.picScroll-left .hd ul{  overflow:hidden; zoom:1; width:100%; text-align:center; }
		.picScroll-left .hd ul li{ display:inline-block; width:9px; height:9px; overflow:hidden; margin-right:17px; text-indent:-999px; cursor:pointer; background:#9c9c9c; border-radius:100%; }
		.picScroll-left .hd ul li.on{ background:#353535}
		.picScroll-left .bd{ padding:10px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 66px; float:left; _display:inline; overflow:hidden; width:25%;  }
	
		.picScroll-left .bd ul li .title{ line-height:24px;   }
        .picScroll-left .bd ul li .title dt{ font-size:16px;}
        .picScroll-left .bd ul li .title dd span{ display:block; color:#a50022; padding:10px 0;}
.picScroll-left .bd ul li .title dd p{ opacity:0.7; line-height:1.8;}



/* 经销商招募css */
		.picScroll-left1{ width:100%;  overflow:hidden; position:relative; }
		.picScroll-left1 .hd{ overflow:hidden; padding-top:45px; width:100%; text-align:center;}
		
		.picScroll-left1 .hd ul{  overflow:hidden; zoom:1; width:100%; text-align:center; }
		.picScroll-left1 .hd ul li{ display:inline-block; width:9px; height:9px; overflow:hidden; margin-right:17px; text-indent:-999px; cursor:pointer; background:#9c9c9c; border-radius:100%; }
		.picScroll-left1 .hd ul li.on{ background:#353535}
	
		.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left1 .bd ul li{ margin:0 66px; float:left; _display:inline; overflow:hidden; width:40%;  border:1px solid #a5a5a5 }
.jx-cx dl{}
.jx-cx dt{ width:84%; height:55px; line-height:55px; float:left;}
.jx-cx dt span{ font-size:18px; border-left:4px solid #a50022; padding-left:4%;}
.jx-cx dd a{ width:15%; height:55px; line-height:55px; text-align:center; background:#a50022; color:#fff; border-left:1px solid #a5a5a5; float:right; display:block;}
.cg01-le{ width:45%;}
.cg01-le img{ width:100%;}
.cg01-ri{ width:52%; font-size:16px; line-height:2;}
.cg01-ri p{ padding-bottom:30px;}
.cg01-ri p span{ color:#a50022}
.cg01-ri a{ background:#a50022; color:#fff; padding:15px 50px;}
.new-more{ text-align:center;}
.new-more a{ text-align:center; background:#a50022; color:#fff; padding:10px 20px;}

.nr-ti h3{ text-align: center;color: #464646; font-size:24px; font-weight:normal;}
.nr-ti p{ text-align:center; padding:20px 0;}
.nr-zi{padding-top: 20px; border-top: 1px solid #ccc; line-height:1.8;}
.nr-zi img{ max-width:100%;}
.ne-new-list1 li{border-bottom: 1px solid #ececec;
    height: 23px;
    margin-top: 24px; padding-bottom:15px;
}
.ne-new-list1 li a {
    display: block;
    float: left;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.ne-new-list1 li span{ float:right;}
.ne-new-list1 li:after{ content:""; clear:both;}



.banquan{ width:100%; background:#232323; padding:20px 0; color:#8b8b8b;}
.footer{ width:100%; background:#313131; padding:50px 0;}
.f-ti{ text-transform:uppercase; color:#a4a4a4; padding-bottom:25px; font-weight:bold; font-size:16px;}
.f-ti span{ font-size:18px;}
.f-menu{ width:223px;}
.f-menu ul li{ padding-bottom:10px;}
.f-menu ul li a{ color:#fff; opacity:.5; font-size:16px;}
.f-menu ul li a:hover{ color:#a30022; opacity:1;}
.f-lx p{color:#fff; opacity:.5; font-size:16px; line-height:2;}
.f-ewm{ padding:0 10%;}
.f-ewm p span{ display:block;color:#fff; opacity:.5;}
.f-ewm p{ margin-right:37px;}

.link li{
	margin-bottom:24px;
}

.link li select{
	width: 239px;
	height: 33px; background:none;
	color: #fff;
    font-family: "Microsoft YaHei"; text-align:center;
}







/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:20px; height:20px; background:url(../images/sear.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}




.xzxg{width:60%; margin:0 auto; padding-bottom:40px;}

.xzxg01{width:60%; text-align:center; margin:0 auto;}






@media (min-width: 1441px) {
          .wrapper{
        width:1400px; margin:0 auto;
    }
	.menu li {
    min-width: 120px;
}
.search{right:14%;}
.dc-zi{padding-top:50px;}
.lx02-xi dl dd{ font-size:16px;}
.picFocus{ margin:0 auto;  width:1440px; }
.cy-zi{ width:64%; font-size:16px; }
}


/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {

.menu li{ min-width:80px;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){

.menu li{ min-width:60px;}
.menu a{ font-size:14px;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
header{
    display: none;
}
.xs-top{
    display: block;
}
.logo2{ width:20%; position:relative; z-index:9999; padding-top:10px;}
.zc-tu{ width:100%; text-align:center; margin:0 auto; padding-left:0;}
.zc-tu img{ display:inline; width:50%;}
.zc-zi{ width:100%;}
.Contentbox{ margin-top:30px;}
.wh-tu{ width:100%;}
.wh-zi{ width:100%;}
.kw-tu{ display:none;}
.kw-zi{ width:100%;}
.kw-xi{ width:100%;}
.txtMarquee-top .infoList li{ font-size:14px; }
.dc-tu{ display:none;}
.dc-zi{ width:100%;}
.sideMenu h3{ height:40px; line-height:40px;}
.sideMenu{ width:100%;}
.sideMenu h3 em{ display:none;}

.zp-ti{ padding:10px 10px 10px 10px; font-size:14px;}
.zp-ti li{ float:left; width:50%; margin-bottom:10px;}
.zp-zi{ padding:20px 10px 0 10px; font-size:14px;}
.zp-zi p{ padding-bottom:15px;}
.lx01-xi{ width:96%; margin:0 auto;}
.lx01-map{ width:55%; height:230px;}
.lx01-zi{ font-size:16px; line-height:1.5; padding-left:0px; padding-top:30px; width:40%; padding-left:5%;}
.lx02-xi dl{ width:50%; float:left; margin-bottom:30px;}
.lx02-xi dl dt{ padding-bottom:10px;}
.lx03-le{ width:100%; margin-bottom:20px;}
.lx03-map{ width:100%; height:200px;}
.lx03-zi{ width:100%; font-size:14px; line-height:2; padding-top:10px;}
.lx03-zi span{ font-size:16px; color:#a30022; padding-bottom:0px; display:block;}
.ne-new-list dl dt{ float:none; margin:0 auto;}
	.ne-new-list dl dd{ width:100%; float:none; margin-top:20px; padding-left:0;}
	.jd01{ width:41%; border:1px solid #cecece; padding:15px 10px; float:left; margin:0 5% 20px 0;}
	.jd01:nth-child(3n){ margin-right:5%;}
	.zx-tu{ display:block; width:100%; margin-bottom:30px;}
	.cy-xi01 li{font-size:16px; padding:10px 18px; margin-bottom:10px;}
.cy-zi01{ font-size:14px; line-height:1.5; padding-bottom:20px;}
.cy-list dl{ width:100%; margin-right:0%;}
.cy-list dl dt{ width:100%; height:40px;}
.cy-list dl dt p{font-size:16px;}
.cy-list dl dd{ width:96%;padding:20px 2%; height:auto;}
.cy-list dl dd p{font-size:14px;}
.cy-tu02{ width:100%;}
.cy-tu02 img{ width:100%;}
.cy-zi02{ width:100%; padding-left:0%; font-size:14px; line-height:2;}
.cy-zi02 p span{ font-size:16px;}
.cg01-ri{ width:100%; font-size:14px;}
.cg01-le{ width:100%;}
}
/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {
header{
    display: none;
}
.xs-top{
    display: block;
}
.logo2{ width:35%; padding-top:10px; position:relative; z-index:9999;}
.zc-tu{ width:100%; text-align:center; margin:0 auto; padding-left:0;}
.zc-tu img{ display:inline; width:50%;}
.zc-zi{ width:100%; padding-top:20px;}
.Contentbox{ margin-top:30px;}
.wh-tu{ display:none;}
.wh-zi{ width:100%;}
.kw-tu{ display:none;}
.kw-zi{ width:100%;}
.kw-xi{ width:100%;}
.txtMarquee-top .infoList li{ font-size:14px; }
.dc-tu{ display:none;}
.dc-zi{ width:100%;padding-top:10px;}
.sideMenu h3{ height:40px; line-height:40px;}
.sideMenu{ width:100%;}
.sideMenu h3 em{ display:none;}

.zp-ti{ padding:10px 10px 10px 10px; font-size:14px;}
.zp-ti li{ float:left; width:50%; margin-bottom:10px;}
.zp-zi{ padding:20px 10px 0 10px; font-size:14px;}
.zp-zi p{ padding-bottom:15px;}
.lx01-xi{ width:96%; margin:0 auto;}
.lx01-map{ width:100%; height:230px;}
.lx01-zi{ font-size:16px; line-height:1.5; padding-left:0px; padding-top:10px;}

.lx02-xi dl{ width:100%; float:left; margin-bottom:30px;}
.lx02-xi dl dt{ padding-bottom:10px;}

.lx03-le{ width:100%; margin-bottom:20px;}
.lx03-map{ width:100%; height:200px;}
.lx03-zi{ width:100%; font-size:14px; line-height:2; padding-top:10px;}
.lx03-zi span{ font-size:16px; color:#a30022; padding-bottom:0px; display:block;}
.ne-new-list dl dt{ float:none; margin:0 auto;}
.ne-new-list dl dd{ width:100%; float:none; margin-top:20px; padding-left:0;}
.jd01{ width:90%; border:1px solid #cecece; padding:15px 10px; float:left; margin:0 0 20px 0;}
.picFocus{ width:96%;}
.picFocus .bd{ width:100%;}
.picFocus .hd{ clear:both; width:100%; margin-top:10px;}
.picFocus .hd ul li{ width:32%; float:left; margin-right:1%;}
.picFocus .hd ul li:nth-child(3){ margin-right:0;}
.picFocus .bd ul li p{ font-size:12px; padding-top:5px;}
.video { clear:both;width: 100%; height: auto;}
.video dl dt img{ height:auto;}
.video dl dd{ height:auto;}
.zx-tu{ display:block; width:100%; margin-bottom:30px;}

.cy-xi01 li{font-size:14px; padding:10px 15px; margin:0 0px 10px;}
.cy-zi01{ font-size:14px; line-height:1.5; padding-bottom:20px;}
.cy-list dl{ width:100%; margin-right:0%;}
.cy-list dl dt{ width:100%; height:40px;}
.cy-list dl dt p{font-size:16px;}
.cy-list dl dd{ width:96%;padding:20px 2%; height:auto;}
.cy-list dl dd p{font-size:14px;}
.cy-zi{ width:100%;}
.cy-tu{ width:100%; text-align:center;}
.cy-tu img{ display:inline;}

.cy-tu02{ width:100%;}
.cy-tu02 img{ width:100%;}
.cy-zi02{ width:100%; padding-left:0%; font-size:14px; line-height:2;}
.cy-zi02 p span{ font-size:16px;}
.cg01-ri{ width:100%; font-size:14px;}
.cg01-le{ width:100%;}
.picScroll-left .bd ul li{ margin:0 3px; width:31%;}
.picScroll-left .hd{ padding-top:15px;}
.picScroll-left .bd ul li .title dd p{ display:none;}
.picScroll-left .bd ul li .title dt{ font-size:12px;}
.picScroll-left1 .bd ul li{ margin:0 3px; width:48%;}
.wrapper{
	width:96%; margin:0 auto;
}
.jx-cx dt span{ font-size:12px;}
.jx-cx dt{ height:35px; line-height:35px; width:65%;}
.jx-cx dd a{height:35px; line-height:35px; font-size:12px; width:34%;}
.sq-xi{ width:100%;}
.sb-xi li{ width:100%; clear:both; margin:0 0 20px auto;}
.sb-xi .last{ width:100%;}
.sb-zi01{ padding:0px 0 20px 0;}
.zs02-le{ width:100%; margin-bottom:40px;}
.zs-ti{ font-size:14px; width:45%;}
.zs01-le{ width:100%;}
.zs01-ri{ width:100%}
.ne-ti div{ font-size:18px;}
.ne-ti p{ font-size:16px;}
.ne-ti{ margin-bottom:10px;}
.ab-zi{ margin-top:10px; font-size:14px;}
.ne-zzjg{ margin:20px 0;}
.zc-zi p{ font-size:14px;}
.Menubox li{ font-size:14px;}
.ab-ry{ margin:20px 0;}
.dc-zi h1{ font-size:16px;}
.dc-zi p{ font-size:14px; padding:12px 0;}
.f-ewm{ padding:0; margin-bottom:20px;}
.f-lx{ width:100%;}
.zs01-le span{ font-size:16px;}
.zs01-le{ font-size:14px;}
.ne-zs02{ padding:20px 0 0 0;}
.ne-box{ padding:20px 0;}
.sb-zi01{ font-size:16px;}
.gc-sq{ padding:20px 0;}
.wh-zi p span{ font-size:16px;}
.wh-zi p{ font-size:14px;}
.mtjj{ margin-top:0;}
.zx-tu span{ font-size:14px;}

.xzxg{width:100%; margin:0 auto; padding-bottom:50px;}

.xzxg01{width:100%; text-align:center; margin:0 auto;}
}






@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}