﻿@charset "utf-8";
@import"base.css";
/***************************************/
/* 版权所有枫桦网络 首席设计师  南梦 所有 */
/********** 不得转载 盗链 挪用 *********/
/* 联系电话：13559176019  QQ：59439391 2796954 */
/***************************************/
/******* 风格设计首页 ********/
/************* 2017-06-01 **************/
/****** General Styles ******/
/*主页*/
.banner {
    width: 100%;min-width:1200px;
    overflow: hidden;
    z-index: 10;
    height:560px;position:relative;
   }
.banner img {
	width:100%;
}

.banner .fullSlide{ width:100%; min-width:1200px; position:relative;  height:560px; background:#fff;  }
.banner	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner	.fullSlide .bd ul{ width:100% !important;  }
.banner	.fullSlide .bd li{ width:100% !important;  height:560px; overflow:hidden; text-align:center;background-size:auto 100%;  }
.banner	.fullSlide .bd li a{ display:block; height:570px; }

.banner	.fullSlide .hd{ width:100%;min-width:1200px;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;
	}
	.banner .fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.banner	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:3px; background:url(../images/dot.png) left -16px; overflow:hidden; 
		line-height:9999px; 
	}
	.banner .fullSlide .hd ul .on{ background-position:0 0; }
.h2 {
color:#333;
font-size:24px;
line-height:50px;
text-align:center;
height:60px;
}
    .h2 span {
    border-bottom:1px #5190cd solid;padding-bottom:5px;}
.yewuicon {
width:100%;
height:290px;
margin-top:20px;
}
.yewuicon {
padding:0;
margin:0;
width:100%;
}
.yewuicon li {
width:20%;float:left;
}
    .yewuicon ul li div{
        border:1px #999999 solid;
        border-radius:20px;
        height:45px;
        width:45px;
        padding:30px;text-align:center;
        margin:50px auto 0 auto;
    }
    .yewuicon ul li div img{width:100%;
                            height:100%;
                          
    }
        .yewuicon ul li  p {
            width:100%;
            text-align:center;
            color:#999999;
            font-size:18px;
            line-height:45px;
            height:75px;
        }
    .yewuicon ul li a {
    line-height:45px;
    color:#fff;
    background:#4072af;
    height:45px;
    text-align:center;font-size:18px;display:none;
    width:100%;
    }
        /* Sweep To Bottom */
 .yewuicon ul li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
 .yewuicon ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
    .yewuicon ul li:hover:before, .yewuicon ul li:focus:before, .yewuicon ul li:active:before { background: #5190cc;
    }
 .yewuicon ul li:hover,  .yewuicon ul li:focus,  .yewuicon ul li:active {
  color:#fff; 

}
 .yewuicon ul li:hover p,  .yewuicon ul li:focus p,  .yewuicon ul li:active p{
  color:#fff;
}
  .yewuicon ul li:hover div,  .yewuicon ul li:focus div,  .yewuicon ul li:active div{
  color:#fff;
  border:1px #fff solid;background:#ffffff\9;
}
    .yewuicon ul li:hover div img, .yewuicon ul li:focus div img, .yewuicon ul li:active div img{
         -webkit-filter: contrast(600%);
         -o-filter:contrast(600%);
         -moz-filter: contrast(600%);
         -ms-filter:contrast(600%);
         filter:contrast(600%);
    }
     .yewuicon ul li:hover a,  .yewuicon ul li:focus a, .yewuicon ul li:active a{
display:block;
}

 .yewuicon ul li:hover:before,  .yewuicon ul li:focus:before, .yewuicon ul li:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
 .yewuicon ul li:hover  a{
	display:block;
}


 /*案例*/
.anli {
width:100%;background:#f0f0f0;padding-bottom:60px;}
    .anli .arr {
        height:40px;
        background:#ffffff url(../images/arr.png) no-repeat center bottom;
        width:100%;
    }
    .anli .container {
    background:#f0f0f0;}
        .anli .container ul {
        padding:0;
        margin:40px auto;
        }
            .anli .container ul li {
            float:left;
            width:33.3%;
            margin-top:20px;
            overflow:hidden;
           
            }
               
                .anli .container ul li a {
                    width:90%;
                   float:left;
                   height:365px;
                   display:block; border:1px #cccccc solid;
                  
                }
                .anli .container ul li:nth-child(3n) a { 
float:right;}
                  .anli .container ul li:nth-child(3n+2) a {float:none;
margin:auto;            }
                    .anli .container ul li a .img {
                    width:100%;
                    height:240px;
                    }
                        .anli .container ul li a .img img {width:100%;
                                                           height:100%;
                        }
                .anli .container ul li a h2 {
                font-size:16px;height:40px;
                line-height:40px;
                color:#333;
                text-align:center;font-weight:normal;
                }
                .anli .container ul li a .memo {
                color:#999;
                font-size:14px;
                line-height:25px;
                text-indent:2em;padding:5px;
                display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
                }
/*部分案例*/
.pufen {
height:90px;
margin-top:40px;
margin-bottom:20px;
}
 .pufen	.picScroll ul{ overflow:hidden; zoom:1; }
	.pufen .picScroll li{ width:285px; margin: 0px 15px 0px 0; position:relative; float:left; display:inline; }
    /*.pufen .picList{
     width:100%;
    height:60px;}
        .pufen .picList li {
        float:left;width:28%;margin-left:3%;border:1px red solid;}
*/
  .pufen .picScroll li img {
    width:100%;
   height:90px;
    }
    /*新闻中心*/
.index_ft {
background:#555555;}
    .index_ft .container {
    background:none;color:#f0f0f0;}
    .index_ft .news {margin-top:20px;
    width:41%;}
    .index_ft .lianxi {margin-top:20px;
    width:55%;}
    .index_ft h2 {
    font-size:24px;
    color:#fff;
    line-height:40px;
    height:40px;
    }
   .index_ft .news ul {
width:100%;

}
    .index_ft .news ul li {
        width:100%;
        padding-top:0px;
       padding-bottom:10px;
        border-bottom:1px #cccccc solid;
    }
        .index_ft .news ul li a { color:#f0f0f0;
                                  width:98%;
                                 padding-left:1%;
                                 padding-right:1%;
        }
        .index_ft .news ul li:last-child {
        border-bottom:0px;}
        .index_ft .news ul li a h3 {
            color:#ffffff;
            font-size:16px;
            height:40px;
            line-height:40px;
            color:#f0f0f0;
            font-weight:normal;
            background:url(../images/dot-arrow.png) no-repeat center left;
            text-indent:1em;
 overflow: hidden;    
        }
        .index_ft .news ul li a p.memo {font-size:14px;
                                        padding-left:1em;
        }
        .index_ft .news ul li a p.date {font-size:14px;
        text-align:right;}
            .index_ft .news ul li a p.date span {  background:url(../images/dateicon.png) no-repeat left center;
                                                   padding-left:2em;height:24px;line-height:24px;background-size:auto 80%;
            float:right;}
       
        .index_ft h2 span {font-family:"Microsoft YaHei",Arial;font-weight:400;padding-left:10px;
        color:#999999;}
          .index_ft .links {margin-top:20px;padding-bottom:20px;
    width:100%;}
  .index_ft .links .listlink {
width:100%;}
    .index_ft .links .listlink a {
    width:18%;
    display:block;
    height:30px;
    line-height:30px;
    background:#333;
    color:#ccc;
    border-radius:50px;
    text-align:center;
    float:left;
    margin-right:2%;
    }
    /*联系*/
 .index_ft .lianxis {
width:100%;}
    .index_ft .lianxilist {
    width:65%;}
 .index_ft .wximg {width:30%;
                   
}
    .index_ft .wximg img {
    width:100%;}
    .index_ft .lianxilist div {
    background:url(../images/index_lx.png);
    height:60px;
    padding-left:80px;
    margin-bottom:10px;
     background-position:0px 0px ;
     background-repeat:no-repeat;color:#fff;
     font-size:20px;line-height:30px;
    }
        .index_ft .lianxilist div.tel {
            background-position:0px 0px;
        }
         .index_ft .lianxilist div.QQ {
            background-position:0px -65px;
        }
           .index_ft .lianxilist div.WeiXin {
            background-position:0px -135px;
        }
