/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
body{font:14px Arial,"Microsoft YaHei","微软雅黑"; line-height:24px;background:#fff;-webkit-text-size-adjust:100%}
a{color:#333;text-decoration:none}
a:hover{color:#333;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input:focus,select:focus,textarea:focus{ outline:none;}
input[type="text"],input[type="password"],input[type="submit"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
textarea{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;} 
.c{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.box{ width:1200px; margin:0 auto;} 
/*重置样式 END*/

/*头部*/
.head{ width:100%; height:75px; background:#fff; position:fixed; opacity: 0.8; z-index:999; left:0; top:0;}
.logo{ margin-top:15px;}
.logo img{width: 419px; height: 47px;}
.nav ul li{  float:left;height:27px; margin-top:24px; position:relative; margin-left:0px;}
.nav ul li a{ font-size: 14px; }
.nav ul li.nav_xian{ padding: 0 10px; }


.nav ul li::after{content:''; display:block;width:100%; height:3px; position:absolute; bottom:-20px; background:#01c255; transition:all 0.3s ease-in-out;transform: scale3d(0,1,1);transform-origin:50% 0; }
.nav ul li:hover::after{transform:scale3d(1,1,1); }
.nav ul li a:hover{color: #01c255}

@media(max-width: 1660px){
	.head{ height: 50px; }
	.logo{ margin-top:10px;}
	.logo img{width: 267px; height: 30px;}
	.nav ul li{ margin-top:14px; }
	.nav ul li a{ font-size: 13px; }
	.nav ul li::after{ bottom:0px;height:2px;}
}


/*banner*/
.fullSlide{ width:100%; position:relative;  height:100%; overflow:hidden;  }	
.fullSlide .bd{ position:relative; z-index:0; height:100%;   }	
.fullSlide .bd ul{ width:100% !important; height:100%;  }	
.fullSlide .bd li{ width:100% !important;  height:100%; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:330px; }	
.fullSlide .hd{ width:1200px; left:50%; margin-left:-1130px; bottom:50px; position:absolute; z-index:1;  overflow:hidden;  }	
.fullSlide .hd ul{ float:right;  }	
.fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width:60px; height:7px; background:#fff; border-radius: 0px; transition: 1s all;}	
.fullSlide .hd ul .on{ background:#00fb13; width: 60px; transition: 1s all; }



/*新闻列表*/
#newslist .cases{width:1200px;margin:0 auto 0 auto;text-align:left;padding:49px 0px 20px 0px;position: relative;}
#newslist .cases .case-list{ width:1200px; overflow:hidden; position:absolute; left:0; top:130px;}
#newslist .cases .cases-ul{ width:1200px; overflow:hidden; float:left;}
#newslist .cases .cases-ul li{width:586px;height:158px; float:left;position:relative;overflow:hidden; background-color:#fff;  color:#333;border: 1px solid #01c255;border-box;-moz-box-sizing: border-box; box-sizing: border-box;margin-bottom: 30px;}
#newslist .cases .cases-ul li img{width: 206px;height: 158px;float: left;}
#newslist .cases .cases-ul li:hover{ box-shadow: 0 0 15px #999; transition: 0.5s all; }
#newslist .cases .cases-ul .cases-ul_wrap{width: 350px;height: 122px;float:left;overflow: hidden;margin-left: 16px;margin-top: 18px}
#newslist .cases .cases-ul li .imgbg{position:absolute;top:0px;left:0px;display:none}
#newslist .cases .cases-ul li.act .imgbg{display:block; cursor:pointer}


#newslist .cases .cases-ul li .newslist_tt{ font-size:18px; text-align:left;}
#newslist .cases .cases-ul li .newslist_tt a{ color:#333;}
#newslist .cases .cases-ul li .newslist_tt p{ color:#999;font-size: 14px}
#newslist .cases .cases-ul li .newslist_main{ height:100px; overflow:hidden; font-size:12px;color: #666;}




/*案例内容*/

.newsmain{width: 100%;background: url(../image/newsmain.jpg);background-size: cover;background-attachment:fixed;padding-top:130px; box-sizing:border-box;}
#anlimain .anlimain_tt{ font-size:16px; color:#333; font-weight:bold; width:100%; text-align:center; background:#fff;border-bottom: 1px solid #e2e2e2;padding: 20px 30px ;  border-box;-moz-box-sizing: border-box; box-sizing: border-box;line-height: 40px}
#anlimain .anlimain_tt a,#anlimain .anlimain_tt font{ display:block; text-align:center; font-size:12px; color:#666; text-decoration:underline;}
#anlimain .anlimain_tt font{ text-decoration:none;float: right;color: #666}
#anlimain .anlimain_main{ padding:35px 35px 55px 35px; background:#fff; min-height:400px; margin:0px 0 55px 0; font-size:14px; color:#333;line-height: 25px}
.anlimain_tt p{float: left;width: 70%;text-align: left;}
.anlimain_main img{max-width: 100%;height: 352px}




/*.caseList{ margin-top: 120px; }*/
.caseList ul{ width:1240px; margin:0 auto; }
.caseList ul li{ float:left; margin:0 20px; width:372px; border:1px solid #01c255; box-sizing:border-box; position:relative; overflow:hidden; margin-bottom: 40px;}
.caseList ul li .caseList_img{ width: 372px; height: 270px; position: relative; overflow: hidden; }
.caseList ul li .caseList_img img{ width: 372px; height: 270px;position: absolute; left: 50%; margin-left: -186px; top: 50%; margin-top: -135px;transition: 1s;  }
.caseList ul li:hover .caseList_img img{ width: 390px; height: 290px; position: absolute; left: 50%; margin-left: -195px; top: 50%; margin-top: -145px;  transition: 1s; }
.caseList_main_left{ width: 300px; overflow: hidden; height: 60px; }
.caseList_main_right{ margin-top: 0px; }
.caseList_main{ width: 95%; padding: 0 2.5%; height: 70px; background: #01c255; line-height: 70px; color: #fff; overflow: hidden; }



/*分页*/


.page{
    margin-top: 20px;
    text-align: center;

}
.page a{
    display: inline-block;
    background: #fff url() 0 0 no-repeat;
    color: #888;
    padding:5px 10px ;
    min-width: 15px;
    border: 1px solid #E2E2E2;

}
.page span{
    display: inline-block;
    padding: 5px 10px;
    min-width: 15px;
    border: 1px solid #E2E2E2;
    background: #fff;
}
.page span.current{
    display: inline-block;
    background: #009688 url() 0 0 no-repeat;
    color: #fff;
    padding: 10px;
    min-width: 15px;
    border: 1px solid #009688;
}
.page .pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
}
.page .pagination li.active span{
    background: #009688 url() 0 0 no-repeat;
    color: #fff;
    border: 1px solid #009688;

}