.title{ width:100%; overflow:hidden; padding:0 0 40px; text-align:center;}

.title h2{ font-size:36px; line-height:40px;}

.title h2 i{ color:#41a143}

.title p{ color:#555; font-size:16px; padding-top:15px;}

.title .tupic{ width:100%; display:block; margin-top:10px;}


/* banner */
/* ---------------mainBody_01-------------------------------  */
.banner{width:100%; min-width: 1300px; position:relative;  height:600px; }	
.banner .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}	
.banner .bd ul{width:100% !important;}	
.banner .bd li{width:100% !important;height:600px; overflow:hidden; text-align:center;}	
.banner .bd li a{display:block; height:650px;}	
.banner .hd{width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;}	
.banner .hd ul{ text-align:center;}	
.banner .hd ul li {cursor:pointer; display:inline-block;  zoom:1; width:42px; height:15px; margin:1px 3px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 	}
.banner .hd ul li.on{background:#fcb815;}
.banner .prev,.banner .next{  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;   width:40px; height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{left:auto; right:15%; background-position:-6px -137px;}



.indexbanner{width: 100%;overflow: hidden;position: relative;}

.indexbanner .zhuangxiu{ width:100%; position:absolute; left:0; bottom:60px; z-index:100;}	
.indexbanner .zhuangxiu .zixun{ width:890px; border-radius:4px; margin:0 auto; padding:20px 25px; overflow:hidden; background:rgba(0,0,0,0.6);}
.indexbanner .zhuangxiu .zixun strong{ display:block; width:1005x; overflow:hidden; color:#fff; font-size:20px;}
.indexbanner .zhuangxiu .zixun strong span{ font-size:12px; padding-left:6px;}
.indexbanner .zhuangxiu .zixun strong span i{ color:#41a143;}
.indexbanner .zhuangxiu .zixun form{ width:100%; overflow:hidden; margin-top:10px; line-height:36px;}
.indexbanner .zhuangxiu .zixun form input.text{ width:290px; padding-left:10px; margin-left:12px; border:none; background:#fff; color:#888; height:36px; float:left; font-size:12px;}
.indexbanner .zhuangxiu .zixun form input.text:nth-child(2){ width:390px}
.indexbanner .zhuangxiu .zixun form input.sub{ background:#41a143; color:#fff; border:none; height:36px; float:right; width:156px; cursor:pointer;}

/*明星产品*/
.index1{ padding:0px 0;}
.product-container{width: 100%; height: auto; background: url(../images/productbg.jpg) center center;display: flex;display: -webkit-flex;flex-direction: column;}
.product-five-box{display: flex;display: -webkit-flex;flex-direction: row;justify-content: space-between;padding-bottom: 46px;}
.product-five-box a{width: 232px;height: 90px;border:1px solid #dedede;border-radius: 10px;background-color: #fff;display: flex;display: -webkit-flex;justify-content: center;flex-direction: column;color: #2a2a2a;background-repeat: no-repeat;background-position: left;margin-top: 35px;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.product-five-box a p:nth-child(1){font-size: 18px;margin-left: 70px;}
.product-five-box a p:nth-child(2){font-size: 12px;margin-top: 3px;margin-left: 70px;}
.product-five-box .five-box-one{background-image: url(../images/img1.png);background-position-x:17px }
.product-five-box .five-box-two{background-image: url(../images/img2.png);background-position-x:20px }
.product-five-box .five-box-three{background-image: url(../images/img3.png);background-position-x:20px }
.product-five-box .five-box-four{background-image: url(../images/img4.png);background-position-x:20px }
.product-five-box .five-box-five{background-image: url(../images/img5.png);background-position-x:22px }
.product-five-box .five-box-one:hover{background-image: url(../images/img11.png);-moz-box-shadow:0px 0px 10px #C9C9C9; -webkit-box-shadow:0px 0px 10px #C9C9C9; box-shadow:0px 0px 10px #C9C9C9;margin-top: 30px;}
.product-five-box .five-box-two:hover{background-image: url(../images/img21.png);-moz-box-shadow:0px 0px 10px #C9C9C9; -webkit-box-shadow:0px 0px 10px #C9C9C9; box-shadow:0px 0px 10px #C9C9C9;margin-top: 30px;}
.product-five-box .five-box-three:hover{background-image: url(../images/img31.png);-moz-box-shadow:0px 0px 10px #C9C9C9; -webkit-box-shadow:0px 0px 10px #C9C9C9; box-shadow:0px 0px 10px #C9C9C9;margin-top: 30px;}
.product-five-box .five-box-four:hover{background-image: url(../images/img41.png);-moz-box-shadow:0px 0px 10px #C9C9C9; -webkit-box-shadow:0px 0px 10px #C9C9C9; box-shadow:0px 0px 10px #C9C9C9;margin-top: 30px;}
.product-five-box .five-box-five:hover{background-image: url(../images/img51.png);-moz-box-shadow:0px 0px 10px #C9C9C9; -webkit-box-shadow:0px 0px 10px #C9C9C9; box-shadow:0px 0px 10px #C9C9C9;margin-top: 30px;}


.index2{ padding-top:60px; padding-bottom:40px; background-color:#fafafa;}
.conputer{ position:relative;}

.casezs{ width:100%; min-width:1300px; height:620px; position:relative; overflow:hidden; text-align:center;}

.casezs .bd{ width:1300px; position:absolute; left:50%; margin-left:-650px}

.casezs .bd li{ width:1300px; overflow:hidden; position:relative;}

.casezs .bd li em{ display:block; width:10px; background:#fff; position:absolute; left:0; top:0; height:100%; z-index:10;}

.casezs .bd li img{ display:block; width:1300px; height:620px;}

.casezs .tempWrap{overflow:visible !important}

.casezs .tempWrap ul{margin-left:-1300px !important;}

.casezs .hd{ width:1300px; overflow:hidden; position:absolute; z-index:101; left:50%; margin-left:-650px; bottom:100px;}

.casezs .hd ul{ width:350px; padding:30px;}

.casezs .hd li{ display:block; width:25%; float:left; font-size:16px; text-align:center; line-height:44px; color:#333; cursor:pointer;}

.casezs .hd li.on{ color:#41a143; font-weight:bold;}

.casezs .zyjtou{ width:1300px; position:absolute; left:50%; margin-left:-650px; bottom:0; z-index:102;}

.casezs .zyjtou .pnBtn{ width:205px; float:left; background:#41a143; cursor:pointer; height:60px;}

.casezs .zyjtou .next{ background:#6f6f6f;}

.casezs .zyjtou .pnBtn:hover,.casezs .zyjtou .next:hover{ opacity:0.8;}

.casezs .zyjtou .pnBtn .arrow{ display:block !important; margin:20px auto; width:30px; height:20px; background:url(../images/icon.png) no-repeat;}

.casezs .zyjtou .prev .arrow{ background-position:-4px -374px;}

.casezs .zyjtou .next .arrow{ background-position:-68px -374px;}



.conputer .demond{ width:1300px; overflow:hidden; position:absolute; z-index:99; left:50%; margin-left:-650px; top:0;}

.conputer .demond .chunk{ width:350px; height:560px; background:#fff; padding:30px;}

.conputer .demond .chunk .qansj{ width:100%; overflow:hidden; padding-top:16px; text-align:center;}

.conputer .demond .chunk .qansj strong{ display:block; border:8px #41a143 solid; padding:30px; overflow:hidden;}

.conputer .demond .chunk .qansj strong h2{ color:#41a143; font-weight:bold; font-size:30px;}

.conputer .demond .chunk .qansj strong h2 i{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.conputer .demond .chunk .qansj strong span{ display:block; color:#666; padding:20px 0 40px;}

.conputer .demond .chunk .qansj strong .qu_btn{ display:block; width:220px; height:42px; line-height:42px; background:#41a143; border-radius:3px; color:#fff; font-size:16px; margin:0 auto; transition:300ms;}

.conputer .demond .chunk .qansj strong .qu_btn:hover{ background:#cccccc}

.conputer .demond .chunk .qansj p{ color:#666; margin-top:40px;}

.caselist{ padding:20px 20px 40px; background:#fff;}

.caselist li{ padding:20px; overflow:hidden; float:left; -webkit-transition: all .50s ease; transition: all .50s ease;}

.caselist li em{ display:block; overflow:hidden;}

.caselist li em img{ display:block; width:100%; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;}

.caselist li:hover em img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); -ms-transform:scale(1.06); -o-transform:scale(1.06); transform:scale(1.06);}

.caselist li strong{ display:block; overflow:hidden; padding-top:20px;}

.caselist li strong h3{ font-size:18px;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}

.caselist li strong p{ color:#888; padding:6px 0 20px;}

.caselist li strong span{ display:block; width:20px; height:2px; background:#41a143;}

.caselist li:hover{ -webkit-box-shadow: 0 2px 21px 1px rgba(0,0,0,0.1); box-shadow: 0 2px 21px 1px rgba(0,0,0,0.1);}


#design_list_index ul li {
    float: left;
    width: 286px;
    
    text-align: left;
    margin: 0 0 0 50px;
    position: relative;
    transtion:all 0.5s; -webkit-transition: all 0.5s;
	position:relative;
}
#design_list_index ul li:first-child{
    margin-left:0;
}
#design_list_index ul li:hover {
    webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);
    transform:translate(0px,-2px);
    transtion:all 0.5s; -webkit-transition: all 0.5s;
}
#design_list_index ul li h2 {
    width: 286px;
    height: 315px;
    overflow: hidden;
    position: relative;
}
#design_list_index ul li h2 a {
    width: 286px;
    height: 335px;
    overflow: hidden;
    position: relative;
}
#design_list_index ul li h2 img {
    width: 286px;
    height: 315px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.design_list_text_index {
    background: #fff;
    border: 1px solid #e3e3e3;
    border-top: 0px;
    padding: 13px;
}
#design_list_index ul li{ position: relative;}
#design_list_index ul li h3 {
    font-size: 16px;
    color: #232323;
	font-weight:bold;
}
#design_list_index ul li h4 {
    margin: 5px 0 0 0;
}
#design_list_index ul li h4 span {
    font-weight: normal;
    font-size: 13px;
    color: #656565;
    padding: 0 3px 0 0;
}

.index3 {
    width: 100%;
    
    background: url(../images/b_team_bj.png) left top no-repeat;
   
	padding:60px 0px;
	padding-top:60px;
}
.team_div_index{ display:none;text-align:center; background: #000;opacity: 0.5; position: absolute;left: 0px; top: 0px;filter:alpha(opacity=50); width: 286px; height: 315px;}
.team_div_link{position: absolute; left: 100px; top: 140px;display: none; height: 25px; line-height: 23px; padding: 0 12px; border: 1px solid #FFF; color: #FFF; font-size: 14px;-moz-border-radius: 3px;      /* Gecko browsers */  -webkit-border-radius: 0;   /* Webkit browsers */  border-radius:0;            /* W3C syntax */}
.team_div_link:hover {
    background: white;
    color: #545454;
}
#design_list_index ul li:hover .team_div_index {
    display: block;
}

#design_list_index ul li:hover .team_div_link {
    display: block;
}
.index5 {
    background: #f5f5f5;
    overflow: hidden;
	padding-top:60px;
}
.liezx_hotnew {
    width: 1300px;
    margin: 30px auto 60px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
}
.liezx_hotnew .news_title {
    background: #ddd;
}
.liezx_hotnew .news_title, .liezx_hotnew .news_title .cite {
    width: 100%;
    height: 168px;
    text-align: center;
    font-size: 20px;
    line-height: 160px;
    position: relative;
    color: #fff;
}

.liezx_hotnew li {
    display: block;
    width: calc((100% - 90px)/3);
    background: #fff;
    margin-right: 40px;
    position: relative;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
}
.liezx_hotnew .news_title, .liezx_hotnew .news_title .cite {
    width: 100%;
    height: 168px;
    text-align: center;
    font-size: 20px;
    line-height: 160px;
    position: relative;
    color: #fff;
	overflow:hidden;
}

.liezx_hotnew .news_title .pic {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.liezx_hotnew .news_title .cite {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.liezx_hotnew .news_title .cite:before {
    position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 4px;
    background: #36af46;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: 20px;
}
.liezx_hotnew li .hot_news_list {
    display: block;
    padding: 30px;
    position: relative;
}
.liezx_hotnew li .hot_news_list a {
    display: block;
    color: #666;
    font-size: 14px;
    margin-bottom: 32px;
}
.liezx_news_h li:hover,.liezx_hotnew li:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);top:-10px}
.liezx_hotnew li:hover .news_title .pic{transform:scale(1.1)}.liezx_hotnew li:hover .news_title .cite{color:#fff}.liezx_hotnew li:hover .news_title .cite:before{background:#ffc838}.liezx_hotnew li .hot_news_list:after{content:"";display:block;width:40px;height:19px;background:url(../images/icon/liezx_sript.png) no-repeat -498px top;right:40px;bottom:20px;position:absolute;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s}.liezx_hotnew li:hover .hot_news_list:after{right:30px}.liezx_hotnew li:hover .hot_news_list a{color:#000}.liezx_hotnew li .hot_news_list a:hover{color:#36af46}