/*header*/
.header {
  
    font-size: 14px;
    height: auto;
    padding-top: 20px;
    position: fixed;
    transition: all 0.3s ease 0s;
    width:100%;
    z-index:999;
    background:rgba(0,0,0,0);
	padding-bottom:5px;

 }
.header .content {
    padding: 0 40px;
	transition: all 0.3s ease 0s;
}
.header #logo {
    display:block;
    float: left;
    margin-right: 50px;
    width: auto;
	margin-top:-5px;
}
.header #logo img{
	height:60px;
	transition: all 0.3s ease 0s;
}
.header #nav {
    float:right;
}
.header  li.navitem {
    float: left;
    height: 50px;
    line-height: 50px;
}
.header ul li.navitem a {
     position: relative;
    display: block;
    position: relative;
    display: block;
    padding: 0 25px 0px;
    vertical-align: middle;
    color: rgba(255,255,255,0.8);
}
.header ul li.navitem a:hover,#header ul li.navitem a.on {
     color:#40affc;
}
.mini{
	background:#000;
	padding-top:10px;

}
.mini .content{
	padding: 0 30px;
}
.mini #logo img{
	height:54px;

}
.mini ul li.navitem a {

}
.header .phone {
    line-height:50px;
    font-size:20px;
    color:#91cc5e;
    margin-left:23px;
    margin-right:10px;
    font-weight:bold;
}
.header .phone p span{
  margin-right:10px;
  
}
/*end header*/
#product {
    width:100%;
    padding-bottom:80px;
}
#product .product-con {
   position: relative;
   height: 380px;
}
 #product .product-con .pro-con-hidden {
    position: relative;
 }
#product .product-con .pro-left-btn,#product .product-con .pro-right-btn{
    position: absolute;
    top: 126px;
    height: 72px;
    display: inline-block;
    width: 74px;
    z-index: 9;
}
.pro-left-btn {
    left: 60px;
    background: url("../img/left_opaque0.png")/*tpa=http://www.weeho.cn/img/left_opaque0.png*/ no-repeat;
}
.pro-left-btn:hover {
    
    background: url("../img/left_opaque1.png")/*tpa=http://www.weeho.cn/img/left_opaque1.png*/ no-repeat;
}
.pro-right-btn {
    right: 60px;
    background: url("../img/right_opaque0.png")/*tpa=http://www.weeho.cn/img/right_opaque0.png*/ no-repeat;
}
.pro-right-btn:hover {
   
    background: url("../img/right_opaque1.png")/*tpa=http://www.weeho.cn/img/right_opaque1.png*/ no-repeat;
}
.pro-con-hidden {
    width:1240px;
    margin:0 auto;
    height: 410px;
    overflow:hidden;
}
.pro-con-hidden ul{
	padding:10px 0;
	height:410px;
}
.product-con li.pro-item {
    float:left;
    width:300px;
    height: 400px;
    background:#fff;
    margin:5px 4px;
    border: 1px solid #ffd4a3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
    transition: all 0.35s ease;
    position:relative;
}
.product-con li.pro-list-item {
    position: relative;
    float: left;
    width: 32%;
    height: 390px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 1%;
    margin-top: 20px;
    cursor: pointer;
    background-color:#fff;
    border:1px solid #009fd9;
}
.product-con li.pro-list-item:nth-child(3n+1) {
     margin-left: 0px;
}
.pro-item-main {
    padding: 0px 24px;
    text-align: center;
}
.pro-item-main img {
    padding-top: 36px;
    margin:0 auto;
}
.pro-item-main h4 {
    font-size:20px;
    color:#333;
    height: 58px;
    line-height: 58px;
}
.pro-item-main  p{
    color:#333;
    text-align: center;
    line-height: 24px;
    height:72px;
    overflow:hidden;
    
}
.pro-item-main .more{
   position:absolute;
   left:50%;
   margin-left:-50px;
   bottom:20px;
   display: inline-block;
   width:98px;
   height:32px;
   line-height:32px;
   text-align:center;
   color: #40affc;
   font-size: 16px;
   border: 1px solid #40affc;
   -moz-border-radius:16px; 
   -webkit-border-radius: 16px;
   border-radius: 16px;
}
.pro-item-main .more:hover,.product-con li.on .more{
  color: #fff;
  background-color:#40affc;
  border: 1px solid #40affc;
}
.pro-con-hidden li.pro-item:hover,.product-con li.pro-item.on {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
   border: 1px solid #e5e5e5;
}
/*home-solution*/
#solution {
    width:100%;
    height:959px;
    background:url(../img/solution-bg.jpg)/*tpa=http://www.weeho.cn/img/solution-bg.jpg*/ no-repeat;
}
.solution-con {
     width:1200px;
     margin:0 auto;
}
.solution-con li.solution-item:nth-child(3n+1) {
    margin-left: 0px;
}
.solution-con li.solution-item {
    position: relative;
    float: left;
    width: 32%;
    height: 240px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 1%;
    margin-top: 20px;
    cursor: pointer;
    background-color:#fff;
}

 .solution-con li.solution-list-item {
     border:1px solid #009fd9;
 }
 .solution-con li.solution-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
 .solution-con li.solution-item .solution-item-from {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 240px;
    background: #fff;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: transform 1.5s ease-in-out;
    -ms-transition: transform 1.5s ease-in-out;
    -webkit-transition: transform 1.5s ease-in-out;
    transition: transform 1.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
 .solution-con li.solution-item .solution-item-back {
     left: 0px;
	top: 0px;
	width: 100%;
	height: 240px;
	background: #51b6fc;
	-o-transition: transform 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
	-ms-transition: transform 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
	-moz-transition: transform 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
	-webkit-transition: transform 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
	transition: transform 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
	-o-transform: perspective(800px) rotateY(-180deg);
	-ms-transform: perspective(800px) rotateY(-180deg);
	-moz-transform: perspective(800px) rotateY(-180deg);
	-webkit-transform: perspective(800px) rotateY(-180deg);
	transform: perspective(800px) rotateY(-180deg);
	opacity: 0;
	filter: alpha(opacity=0);
 }
 .solution-item-icon1 {
	background: url("../img/solution-icon1.png")/*tpa=http://www.weeho.cn/img/solution-icon1.png*/ no-repeat center;
}
 .solution-item-icon2 {
	background: url("../img/solution-icon2.png")/*tpa=http://www.weeho.cn/img/solution-icon2.png*/ no-repeat center;
}
.solution-item-icon3 {
	background: url("../img/solution-icon3.png")/*tpa=http://www.weeho.cn/img/solution-icon3.png*/ no-repeat center;
}
.solution-item-icon4 {
	background: url("../img/solution-icon4.png")/*tpa=http://www.weeho.cn/img/solution-icon4.png*/ no-repeat center;
}
.solution-item-icon5 {
	background: url("../img/solution-icon5.png")/*tpa=http://www.weeho.cn/img/solution-icon5.png*/ no-repeat center;
}
.solution-item-icon6 {
	background: url("../img/solution-icon6.png")/*tpa=http://www.weeho.cn/img/solution-icon6.png*/ no-repeat center;
}
.solution-item-icon7{
	background: url("../img/solution-icon7.png")/*tpa=http://www.weeho.cn/img/solution-icon7.png*/ no-repeat center;
}
.solution-item-icon8{
	background: url("../img/solution-icon8.png")/*tpa=http://www.weeho.cn/img/solution-icon8.png*/ no-repeat center;
}
.solution-item-icon9{
	background: url("../img/solution-icon9.png")/*tpa=http://www.weeho.cn/img/solution-icon9.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon1 {
	background: url("../img/solution-icon1_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon1_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon2 {
	background: url("../img/solution-icon2_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon2_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon3 {
	background: url("../img/solution-icon3_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon3_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon4 {
	background: url("../img/solution-icon4_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon4_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon5 {
	background: url("../img/solution-icon5_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon5_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon6 {
	background: url("../img/solution-icon6_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon6_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon7 {
	background: url("../img/solution-icon7_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon7_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon8 {
	background: url("../img/solution-icon8_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon8_hover.png*/ no-repeat center;
}
.solution-con li.solution-item:hover .solution-item-back .solution-item-icon9 {
	background: url("../img/solution-icon9_hover.png")/*tpa=http://www.weeho.cn/img/solution-icon9_hover.png*/ no-repeat center;
}

.solution-item-main span {
    margin-top: 25px;
    display: inline-block;
    height: 90px;
    width: 100%;
}
.solution-item-from .solution-item-name {
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.solution-item-from .solution-item-info {
    margin: 0px 70px;
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
    line-height: 20px;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.solution-item-back .solution-item-name {
     height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.solution-item-back .solution-item-info {
    margin: 0px 70px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -o-transition: all 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: all 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: all 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: all 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: all 1.5s cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
     transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
 .solution-con li.solution-item:hover .solution-item-from {
	-o-transform: perspective(800px) rotateY(180deg);
	-ms-transform: perspective(800px) rotateY(180deg);
	-moz-transform: perspective(800px) rotateY(180deg);
	-webkit-transform: perspective(800px) rotateY(180deg);
	transform: perspective(800px) rotateY(180deg);
	opacity: 0;
	filter: alpha(opacity=0);
}
.solution-con li.solution-item:hover .solution-item-back{
	-o-transform: perspective(800px) rotateY(0deg);
	-ms-transform: perspective(800px) rotateY(0deg);
	-moz-transform: perspective(800px) rotateY(0deg);
	-webkit-transform: perspective(800px) rotateY(0deg);
	transform: perspective(800px) rotateY(0deg);
	opacity: 1;
	filter: alpha(opacity=100);
}
.solution-con li.solution-item:hover .solution-item-from .solution-item-info {
     margin: 0px 70px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	-o-transform: perspective(800px) rotateY(180deg);
	-ms-transform: perspective(800px) rotateY(180deg);
	-moz-transform: perspective(800px) rotateY(180deg);
	-webkit-transform: perspective(800px) rotateY(180deg);
	transform: perspective(800px) rotateY(180deg);
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
 }

.solution-con li.solution-item:hover .solution-item-back .solution-item-info {
	margin: 0px 70px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	-o-transform: perspective(800px) rotateY(0deg);
	-webkit-transform: perspective(800px) rotateY(0deg);
	-ms-transform: perspective(800px) rotateY(0deg);
	transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
}
 .solution-con li.solution-item:hover .solution-item-from .solution-item-name  {
	height: 58px;
	line-height: 58px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	-o-transform: perspective(800px) rotateY(180deg);
	-ms-transform: perspective(800px) rotateY(180deg);
	-moz-transform: perspective(800px) rotateY(180deg);
	-webkit-transform: perspective(800px) rotateY(180deg);
	transform: perspective(800px) rotateY(180deg);
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
}
 .solution-con li.solution-item:hover .solution-item-back .solution-item-name  {
	height: 58px;
	line-height: 58px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	-o-transform: perspective(800px) rotateY(0deg);
	-webkit-transform: perspective(800px) rotateY(0deg);
	-ms-transform: perspective(800px) rotateY(0deg);
	transform: perspective(800px) rotateY(0deg);
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	filter: alpha(opacity=100);
}
/*home-case*/
#case {
    width:100%;
    background-color:#f0f5f7;
    padding-bottom:80px;
}
.title {
    padding-top:100px;
    padding-bottom:30px;
    width:100%;
    text-align:center;
}
.title .title1{
    font-size:28px;
    color:#333;
}
.title .title2 {
    font-size:14px;
    color:#666;
    margin-top:30px;
	line-height: 25px;
}
#about .title1,#solution .title1 {
     color:#fff;
}
#about .title2,#solution .title2 {
     color:rgba(255,255,255,0.8);
}
.casenav {
 width:800px;
 margin:0 auto;
 padding-bottom:40px;
}
.new-nav {
 width:380px;
} 
.casenav li{
    float:left;
    width:98px;
    height:32px;
    line-height:32px;
    border-radius:16px;
    border:1px solid #51b6fc;
    font-size:14px;
    color:#51b6fc;
    text-align:center;
    margin-right:40px;
}
 .casenav li.on{
     background-color:#51b6fc;
     color:#fff;
 }
.casenav li:last-child {
     margin-right:0px;
 }
.case-con {
    margin-left:2%;
}
.case-con .case-con-list-item {
    width:24%;
    margin-right:0.5%;
    margin-bottom:0.8%;
    float:left;
}
.case-con .case-con-list-item .img {
    position:relative;
    overflow:hidden;
}
.case-con .case-con-list-item:hover a {
     opacity:1;
 }
.case-con .case-con-list-item img{
    width:100%;
    height:100%;
    transform:scale(1,1);
    transition:all 0.5s ease-in-out 0s;
}
 .case-con .case-con-list-item a {
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5);
    z-index:2;
    opacity:0;
    transition:all 0.4s ease-in-out 0.1.5s;
}
.case-con .case-con-list-item a img.more {
     width:64px;
     height:64px;
     position:absolute;
     left:50%;
     top:50%;
     margin-left:-32px;
     margin-top:-32px;    
}
 .case-con .case-con-list-item:hover img {
     transform:scale(1.2,1.2);
 }

#case .but,#about .but,.case-list-main .but,.case-list-main .but,.new-list-main .but{
    width:140px;
    height:54px;
    line-height:54px;
    background-color:#40affc;
    border:1px solid #40affc;
    text-align:center;
    margin:0 auto;
    border-radius:27px;
    margin-top:40px;
    transition:all 0.3s ease-in-out;
    font-size:14px;
}
#about .but {
    margin-top:70px;
}
#case .but:hover,#about .but:hover,.case-list-main .but:hover,.new-list-main .but:hover{
    background:none;
}
 #case .but a ,#about .but a,.case-list-main .but a,.new-list-main .but a{
     color:#fff;
}
#case .but:hover a,#about .but:hover a,.case-list-main .but:hover a,.new-list-main .but:hover a{
    color:#51b6fc;
}
/*home-new*/
#new {
    width:100%;
    background-color:#fff;
    padding-bottom:80px;
}
#new .new-con {
     width: 1200px;
     margin: 0 auto;
}    
#new .new-con .new-con-item {
    width:340px;
    float:left;
    margin-right:90px;
}
 #new .new-con .new-con-item:last-child {
      margin-right:0px;
 }
 #new .new-con .new-con-item p.date {
     margin-bottom:40px;
     line-height:88px;
     color:#666;
     overflow:hidden;
}
 #new .new-con .new-con-item p.date span{
     display:block;
     float:left;
 }
 #new .new-con .new-con-item p.date span.day {
     font-size:50px;
}
 #new .new-con .new-con-item p.date span.line{
    width:40px;
    height:88px;
    background:url(../img/new-line.png)/*tpa=http://www.weeho.cn/img/new-line.png*/ no-repeat -6px 0px;
}
 #new .new-con .new-con-item p.date span.month {
    font-size:24px;
}
 #new .new-con .new-con-item .new-title {
    font-size:18px;
    line-height:30px;
}
 #new .new-con .new-con-item .new-title a {
     color:#333;
}
 #new .new-con .new-con-item .new-title a:hover {
     color:#51b6fc;
 }
 #new .new-con .new-con-item p.new-main {
     font-size:14px;
     line-height:25px;
     margin:10px 0px;
     color:#666;
}
 #new .new-con .new-con-item a.more {
     display:block;
     width:140px;
     height:54px;
     line-height:54px;
     border-radius:27px;
     border:1px solid #51b6fc;
     background-color:#51b6fc;
     font-size:14px;
     color:#fff;
     text-align:center;
     margin-top:20px;
     transition:all 0.5s ease-in-out 0s;
}
#new .new-con .new-con-item a.more:hover {
     background:none;
     color:#51b6fc;
}
/*about*/
#about {
    width:100%;
    height:720px;
    background:url(../img/about-bg.jpg)/*tpa=http://www.weeho.cn/img/about-bg.jpg*/ no-repeat 0px 0px;
}
 #about .about-con {
        width:1200px;
        margin:0 auto;
}
#about .about-con li {
        width:25%;
        float:left;
        text-align:center;
}
 #about .about-con li .icon {
        width:200px;
        height:200px;
        background:rgba(0,150,255,0.7);
        margin:0 auto;
        border-radius:50%;
        color:#fff;
        font-size:60px;
        line-height:200px;
        transition:all 0.35s linear 0s;
}
 #about .about-con li:hover .icon {
       background:rgba(0,150,255,0.9);
 }
 #about .about-con li .icon span {
        color: #fff;
        font-size: 26px;
      
}   
#about .about-con li  p {
        margin-top:26px;
        font-size:16px;
        color:rgba(0,150,255,1);
}
#about .about-con li:hover  p {
      color:rgba(0,150,255,0.8);
}
/*link*/
#link {
    padding-bottom:80px;
}
#link .link-con {
    width:1200px;
    margin:0 auto;
    height:374px;
    overflow:hidden;
}
#link .link-con ul li {
    width: 196px;
    height: 124px;
    border-left:1px solid #f0f5f7;
    border-top:1px solid #f0f5f7;
    float: left;
    display: inline-block;
    margin-top: -1px;
    margin-left: -1px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
#link .link-con ul li a {
    display:block;
}
#link .link-con ul li a img{
    width:160px;
    margin:0 auto;
}
 #link .link-con ul li a .color-img {
        position:relative;
}
#link .link-con ul li a .black-img {
        position:absolute;
        left:18px;
        top:0px;
        opacity:1;
        transition:all 0.3s ease-in-out;
}
 #link .link-con ul li:hover a .black-img {
        opacity:0;
}
 /*footer*/
#footer {
    width:100%;
}
.footer-top {
    width:100%;
    background-color:#3d3d3d;
    padding:20px 0px;
}
#footer .footer-con {
    width:1200px;
    margin:0 auto;
}
.footer-bottom{
    background-color:#130f0f;
    padding:30px 0px;
}
.footer_item {
    float:left;
    margin-right:17.5%;
 }
.footer_item:last-child {
    margin-right:0%;
 }
.footer_item .footer_title {
    color: #e9e9e9;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    display: block;
}
.footer_title span {
    color: #909090;
}
.footer_line {
    width: 100%;
    background: #393939;
    height: 1px;
}
.footer_line_item {width: 20px;background:#51b6fc;height:1px;}
.footer_item ul {
    margin-top: 20px;
}
.footer_item ul li {
    display: block;
    line-height:20px;
    text-align: left;
}
.footer_item ul li a {
    display: block;
    color: #969696;
}
.footer_item ul li a:hover {
   
    color:#e9e9e9;
}
.item1 {
    width:15%;
}
.item2 {
    width:35%;
}
.copy {
    border-top: 1px solid #393939;
    width: 100%;
    padding:20px 0px;
    background-color: #130f0e;
}
 .copy div:hover {
     color:#e9e9e9;
 }
.copy div {
    text-align: center;
    line-height: 25px;
    color: #969696;
}
.copy a {
    color: #969696;
}
 .copy a:hover {
      color:#e9e9e9;
}


/*about-list*/
.list-banner {
     width:100%;
     height:694px;
     overflow:hidden;
}
.about-introduce {
    padding-bottom:0px;
}
.list-title {
    padding-top:30px;
    width:100%;
    border-bottom:1px solid #d8d8d8;
}
.list-title p{
   font-size:26px;
   color:#333;
   line-height:38px;
}
.list-title span{
   font-size:14px;
   color:#666;
}
.list-title .line {
    width:100px;
    height:1px;
    background-color:#333;
    margin-bottom:-1px;
}

.about-introduce-txt {
    margin:0;
}
.about-introduce-txt p {
    font-size:14px;
    color:#555;
    line-height:24px;
    text-indent:2em;
}
.about-introduce-img {
    overflow:hidden;
}
.about-introduce-img img{
    width:297px;
    height:157px;
    margin-right:42px;
    float:left;
}
.about-philsophy {
    width:1920px;
    height:625px;
    background:url(../img/about-bg-so.jpg)/*tpa=http://www.weeho.cn/img/about-bg-so.jpg*/ no-repeat 0px 0px;
}
.about-philsophy .list-title p{
    color:rgba(255,255,255,0.9);
}
.about-philsophy .list-title .line {
       background-color:#e8e6e6;
 }
.about-philsophy .list-title p span{
    color:rgba(255,255,255,0.7);
}
.about-philsophy-txt {
     margin:100px 0px;
}
.about-philsophy-txt p{
    font-size:14px;
    color:rgba(255,255,255,0.8);
    line-height:30px;
    margin:20px 0px;
}
.list-bg {
   height:200px;
   background:#fff url(../img/about-bg-team.jpg)/*tpa=http://www.weeho.cn/img/about-bg-team.jpg*/ no-repeat 0px -100px;
}
.about-team {
    width:100%;
}
.about-team-icon {
   margin-top:100px;
}
.about-team-icon ul li {
    float:left;
    width:25%;
    text-align:center;
    margin-bottom:60px;
}
.about-team-icon ul li a{
  display:block;
}
.about-team-icon ul li a img{
 width:106px;
 height:106px;
 margin:0 auto;
}
.about-team-icon ul li a p{
    font-size:14px;
    color:#333;
    margin-top:50px;
}
.about-team-icon ul li:hover p {
    color:#51b6fc;
}

/*case-info*/
.case-info-title {
    width:100%;
    text-align:center;
    border-bottom:1px solid #d8d8d8;
    padding:20px 0px;
}
.case-info-title h3{
   font-size:20px;
   color:#333;
}
.case-info-title p{
   font-size:14px;
   color:#666;
   margin-top:10px;
}
.case-info-txt {
    padding:30px 0px;
}
.case-info-txt p{
    font-size:14px;
    color:#444;
    line-height:24px;
    margin:20px 0px;
}
.case-info-txt p span{
   font-weight:bold;
}
.case-info-pics {
    background-color: #4eb8f4;
    padding: 20px 0;
    position: relative;
    width:820px;
    margin:0 auto;
}
 .case-info-pics .case-info-pics-hidden ,.case-info-pics-1 .case-info-pics-hidden{
    width: 750px;
    display: block;
    margin: 0 auto;
    height: 410px;
    overflow: hidden;
 }
 .case-info-pics ul li {
     float: left;
     margin: 0 5px;
     width: 240px;
 }
.case-info-1 ul li {
     float: left;
     margin: 0px;
     width:750px;
}
.case-info-1 ul li img {
    width:750px;
    height:412px;
}
.case-info-pics .prev,.case-info-pics .next {
   display: inline-block;
   width: 30px;
   height: 52px;
   position: absolute;
   top: 40%;
}
.case-info-pics .prev {
    left: 0;
     background: url('../img/pre.png')/*tpa=http://www.weeho.cn/img/pre.png*/;
}
 .case-info-pics .prev:hover {
      background: url('../img/pre_now.png')/*tpa=http://www.weeho.cn/img/pre_now.png*/;
 }
.case-info-pics .next {
    right: 0;
     background: url('../img/next.png')/*tpa=http://www.weeho.cn/img/next.png*/;
}
.case-info-pics .next:hover {
    right: 0;
     background: url('../img/next_now.png')/*tpa=http://www.weeho.cn/img/next_now.png*/;
}
.case-info-contact {
   
    position: relative;
    width:430px;
    margin:0 auto;
    margin-top:76px;
}
.case-info-contact .cases-erwei-bg {
    display: block;
   
}
 .case-info-contact .cases-erwei {
    width: 130px;
    height: 130px;
    position: absolute;
    top:10px;
    left: 10px;
}
.case-info-contact .cases-title {
    position: absolute;
    top: 60px;
    left: 150px;
    width: 130px;
    text-align: center;
    font-size: 20px;
    color: #383838;
    font-weight: 400;

}

/*contact-list*/
.contact-list-txt{
    margin:40px auto;
    font-size:14px;
    color:#444;
    line-height:34px;
    position:relative;
}
 .contact-list-txt .contact-map {
     position:absolute;
     right:0px;
     top:50%;
     margin-top:-182px;
 }
.contact-list-txt a{
    margin:40px auto;
    font-size:14px;
    color:#444;
    line-height:34px;
} 
.contact-list-txt p.phone{
   background:url(../img/contact-phone.jpg)/*tpa=http://www.weeho.cn/img/contact-phone.jpg*/ no-repeat left 3px;
   padding-left:35px;
   margin-top: 20px;
   line-height: 25px;
}

.contact-list-txt p.phone{font-size: 16px;}
.contact-list-txt p.parner{
   background:url(../img/contact-par.jpg)/*tpa=http://www.weeho.cn/img/contact-par.jpg*/ no-repeat left 3px;
   padding-left:35px;
   font-size: 16px;
   margin-top: 20px;
   line-height: 25px;
}
.contact-list-txt p.parner_zx{
   background:url(../img/icon_zx.jpg)/*tpa=http://www.weeho.cn/img/contact-par.jpg*/ no-repeat left 3px;
   padding-left:35px;
   font-size: 16px;
   margin-top: 20px;
   line-height: 25px;
}
.contact-list-txt p.website{
   background:url(../img/contact-web.jpg)/*tpa=http://www.weeho.cn/img/contact-web.jpg*/ no-repeat left 7px;
   padding-left:35px;
   margin-top: 10px;
   line-height: 25px;
   margin-top:20px;
}
.contact-list-txt p.adress{
   background:url(../img/contact-adress.jpg)/*tpa=http://www.weeho.cn/img/contact-adress.jpg*/ no-repeat left 7px;
   padding-left:35px;
   margin-top:20px;
}
.contact-list-message {
    overflow:hidden;
    margin:40px auto;
}
.contact-list-message input{
  width:580px;
  height:46px;
  line-height:46px;
  text-indent:10px;
  margin-bottom:20px;
  margin-right:14px;
}
.contact-list-message textarea{
    width:1159px;
    height:240px;
    padding:0px 10px;
    overflow:hidden;
    line-height:24px;
}
.contact-list-message a.more{
    display:block;
    color:#fff;
    width:112px;
    height:38px;
    text-align:center;
    line-height:38px;
    border-radius:19px;
    background-color:#38adff;
    border:none;
    font-size:14px;
    margin:0 auto;
    margin-top:40px;
}

.contact-list-message a.more:hover {
    
    background:none;
    border:1px solid #38adff;
    color:#40affc;
}
/*new-list*/
.new-list-item {
    overflow:hidden;
    margin-top:80px;

}
.new-list-item-left {
    width:360px;
    height:200px;
    overflow:hidden;
}
.new-list-item-left img{
   transform:scale(1,1);
   transition:all 0.5s ease-in-out 0s;
}
.new-list-item:hover .new-list-item-left img{
   transform:scale(1.2,1.2);
}
.new-list-item-right{
    width:820px;
    height:200px;
    position:relative;
}

.new-list-item-right h4 {
        font-size: 16px;
        color: #333;
        line-height: 50px;
}
.new-list-item :hover .new-list-item-right h4 {
       color: #51b6fc;
}
.new-list-item-right p.txt{
   font-size:14px;
   color:#666;
   line-height:24px;
   max-height:72px;
   overflow:hidden;
}
.new-list-item-right p.date{
   font-size:14px;
   color:#999;
   position:absolute;
   left:0px;
   bottom:0px;
   background:url(../img/new-list-item-date.jpg)/*tpa=http://www.weeho.cn/img/new-list-item-date.jpg*/ no-repeat 0px 0px;
   padding-left:20px;
}
/*new-info*/
.new-info-title {
    text-align:center;
    border-bottom:1px solid #d8d8d8;
    padding:20px 0px;
    
}
.new-info-title h3{
    font-size:20px;
   color:#333;
}

.new-info-title p{
   font-size:14px;
   color:#666;
   margin-top:10px;
}
.new-info-title p span{
  color:#51b6fc;
}
.new-info-con  img {
    margin: 40px auto;
}  
.new-info-con p{
    font-size:14px;
    color:#444;
    line-height:24px;
    margin:20px 0px;
    text-indent:2em;
}
.new-info-con p span{
    font-weight:bold;

}
.new-info-share {
    overflow:hidden;
}
.new-pre-next {
    margin-top:20px;
}
.new-pre-next a{
    display:block;
   line-height:24px;
   color:#333;
   font-size:14px;
   width:100%;
   border-bottom:1px dashed #ccc;
}
.new-pre-next a:hover {
    color:#51b6fc;
}
.click-back {
    display:block;
    color:#fff;
    width:112px;
    height:38px;
    text-align:center;
    line-height:38px;
    border-radius:19px;
    background-color:#38adff;
    border:none;
    font-size:14px;
    margin-top:40px;
    float:right;
}
 .click-back:hover {
    background:none;
    border:1px solid #38adff;
    color:#40affc;
 }
.serCon{
	display:none;
}
.serDetaile .serCon {
    display: block;
}

/*案例*/
.clear {clear: both;}
.clearfix:after {content: ".";display: block;height: 0;line-height:0; /*opera nedd this*/clear: both;visibility: hidden;}
.ly_case {width: 1240px; margin: 40px auto 0 auto;}
.ly_case_main {width: 940px; float: left; padding-right: 60px; border-right: 1px solid #ccc; box-sizing: border-box; padding-bottom: 45px;}
.ly_case_title {width: 100%; border-bottom: 2px solid #ccc;}
.ly_case_title span {display: block; padding-right: 20px; float: left; border-bottom: 2px solid #40affc;font-size: 24px; margin-bottom: -2px; padding-bottom: 7px;}

.ly_case_main_nner {width: 100%;}
.ly_case_main_nner p {line-height: 25px; color: #555;}
.ly_case_text1 {margin-top: 25px; font-size: 14px;line-height: 25px; color: #555;}
.ly_case_text1 p>strong {color: #333; font-size: 16px;}
.ly_case_text1_nner, .ly_case_text1_nner2 {width: 100%;}
.ly_case_pic1  {width: 146px; float: left; overflow: hidden; padding: 10px 0;}
.ly_case_pic2  {width: 146px; float: right; overflow: hidden; padding: 10px 0;}
.ly_case_pic3  {width: auto!important; max-width: 879px; overflow: hidden; margin-top: 15px;}
.ly_case_text1_nner1 p {float: left; margin-left: 20px; font-size: 14px; line-height: 25px; width: 713px; color: #555; margin-top: 20px;}
.ly_case_text1_nner1 p strong {color: #333; font-size: 14px; }
.ly_case_text1_nner2 p {float: tight; margin-right: 20px; font-size: 14px; line-height: 25px; width: 713px; color: #555; margin-top: 20px;}
.ly_case_text1_nner2 p strong {color: #333; font-size: 14px;}
.ly_case_text1_nner3 p {float: left; font-size: 14px; line-height: 25px; width: 100%; color: #555; margin-top: 20px;}
.ly_case_text1_nner3 p strong {color: #333; font-size: 14px; }

.ly_case_sidebar {width: 240px; float: right; margin-left: 60px;}
.ly_case_text2 {line-height: 25px; color: #555;margin-top: 25px; font-size: 14px;}
.ly_case_text2 span {color: #999;}