
*{
    margin: 0px;
    padding: 0px;
}
body,
.newhomepage-container,
.newhomepage-info-box,
.newhomepage-info-details1, .newhomepage-info-details2,
.newhomepage-info-details3,
.newhomepage-info-details4{
    font-family: "Microsoft YaHei",微软雅黑,"SimHei",黑体,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
    margin: 0;
    padding: 0;
    color: #3c3b43;
    /*background: royalblue;*/
}

.newhomepage-container{
    width: 100%;
    height: auto;
}

.newhomepage-info-head{
    width: 380px;
    height: 125px;
    background-image: url(../images/newHomepageImg/TeYueShangHu.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.newhomepage-bg1,
.newhomepage-bg2,
.newhomepage-bg3,
.newhomepage-bg4
{
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
	background-size:100%;
    background-position: center;
    background-attachment: fixed;
    z-index: 999;
}

.newhomepage-bg1{
    background-image:url(../images/newHomepageImg/bg1.png);
}
.newhomepage-bg2{
    background-image:url(../images/newHomepageImg/bg2.png);
}
.newhomepage-bg3{
    background-image:url(../images/newHomepageImg/bg3.png);
}
.newhomepage-bg4{
    background-image:url(../images/newHomepageImg/bg4.png);
}
.newhomepage-info-box{
    /*width: 52.6%;*/
    width: 100%;
    height: 465px;
    background-color: #FFF;
}

.newhomepage-info-details1, .newhomepage-info-details2,
.newhomepage-info-details3,
.newhomepage-info-details4{
    /*width: 52.6%;*/
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    /*border: 1px solid #222;*/
    height: auto;
    position: relative;
}

.newhomepage-info-img1,
.newhomepage-info-img2,
.newhomepage-info-img3,
.newhomepage-info-img4{
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}

.newhomepage-info-img1{
    top: -125px;
    left:0px;
    width: 50%;
    height: 590px;
    background-image: url(../images/newHomepageImg/info1.png);
}
.newhomepage-info-img2{
    top: -125px;
    right:0px;
    height: 590px;
    width: 50%;
    background-image: url(../images/newHomepageImg/info2.png);
}
.newhomepage-info-img3{
    left: 0px;
    top:0px;
    height: 465px;
    width: 335px;
    background-image: url(../images/newHomepageImg/info3.png);
}
.newhomepage-info-img4{
    height: 465px;
    width: 665px;
    right: 0px;
    background-image: url(../images/newHomepageImg/info4.png);
}

.newhomepage-bg1{
    background-image: url(../images/newHomepageImg/bg1.png);
}
.newhomepage-info1{
    position: absolute;
    right: 0px;
    height: 465px;
    width: 50%;
    text-align: right;
}
.newhomepage-info2{
    position: absolute;
    left: 0px;
    height: 465px;
    width: 50%;
    text-align: left;
}
.newhomepage-info3{
    position: absolute;
    right: 0px;
    height: 465px;
    width: 50%;
    text-align: right;
}
.newhomepage-info4{
    position: absolute;
    left: 0px;
    height: 465px;
    width: 50%;
    text-align: left;
}
.newhomepage-icon1,
.newhomepage-icon2,
.newhomepage-icon3,
.newhomepage-icon4{
    position: absolute;
    width: 240px;
    height: 100px;
    margin-top: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.newhomepage-icon1{
    right: 0px;
    background-image: url(../images/newHomepageImg/icon1.png);
}
.newhomepage-icon2{
    left: 0px;
    background-image: url(../images/newHomepageImg/icon2.png);
}
.newhomepage-icon3{
    right:0px;
    background-image: url(../images/newHomepageImg/icon3.png);
}
.newhomepage-icon4{
    left:0px;
    background-image: url(../images/newHomepageImg/icon4.png);
}

.newhomepage-container h2{
    margin-top: 70px;
    font-size: 36.9px;
    font-weight: normal;
    margin-bottom: 10px;
}
.newhomepage-container h3{
    font-size: 30px;
    font-weight: normal;
}
.newhomepage-container p{
    margin-top: 35px;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: normal;
    color: #717171;
}
#way{
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -mz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
.img-box img{
    width: auto;
}
#way-head{
    margin: 40px auto 0px auto;
    width: 460px;
    height: 93px;
    background-image: url(../images/newHomepageImg/wayHead.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
#flash-box-head{
    background-image: url("../images/newHomepageImg/flashBoxHead.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 95px;
    margin: 0 auto 0px;
    width: 529px;
	padding-top:115px;
}
#caseHeadImg{
    margin: 60px auto 50px auto;
    width: 326px;
    height: 28px;
    background-image: url(../images/newHomepageImg/caseHead.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.cases-area {
    background: none repeat scroll 0 0 #FFF;
    /*重设置背景色f4f8f9*/
}
/*
 *案例显示效果 start
 */
#new-case-list{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 500px;
}
#new-case-list ul{
    display: block;
    list-style: none;
    width: 1000px;
    height: 250px;
}
#new-case-list ul li{
    float: left;
    display: inline-block;
    width: 250px;
    height: 250px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -mz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}
#new-case-list .case-img-outside{
    width: 80%;
    margin: 10%;
    height: 80%;
    border-radius: 50%;
    overflow: hidden;
}
#new-case-list .case-img-inside{
    width: 124px;
    height: 124px;
    margin:38px auto;
    border-radius: 50%;
    overflow: hidden;
}
/*单个案例显示部分 start*/
#case-img-outside1{
    background: #f4f8f9;
}
#case-img-outside1:hover{
    background: url(../images/newHomepageImg/caseBg1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside1{
    background: url(../images/newHomepageImg/case1.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside1:hover #case-img-inside1{
    background: url(../images/newHomepageImg/caseName1.gif);
}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside2{
    background: #f4f8f9;
}
#case-img-outside2:hover{
    background: url(../images/newHomepageImg/caseBg2.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside2{
    background: url(../images/newHomepageImg/case2.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside2:hover #case-img-inside2{
    background: url(../images/newHomepageImg/caseName2.gif);
}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside3{
    background: #f4f8f9;
}
#case-img-outside3:hover{
    background: url(../images/newHomepageImg/caseBg3.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside3{
    background: url(../images/newHomepageImg/case3.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside3:hover #case-img-inside3{
    background: url(../images/newHomepageImg/caseName3.gif);
}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside4{
    background: #f4f8f9;
}
#case-img-outside4:hover{
    background: url(../images/newHomepageImg/caseBg4.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside4{
    background: url(../images/newHomepageImg/case4.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside4:hover #case-img-inside4{
    background: url(../images/newHomepageImg/caseName4.gif);

}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside5{
    background: #f4f8f9;
}
#case-img-outside5:hover{
    background: url(../images/newHomepageImg/caseBg5.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside5{
    background: url(../images/newHomepageImg/case5.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside5:hover #case-img-inside5{
    background: url(../images/newHomepageImg/caseName5.gif);

}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside6{
    background: #f4f8f9;
}
#case-img-outside6:hover{
    background: url(../images/newHomepageImg/caseBg6.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside6{
    background: url(../images/newHomepageImg/case6.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside6:hover #case-img-inside6{
    background: url(../images/newHomepageImg/caseName6.gif);

}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside7{
    background: #f4f8f9;
}
#case-img-outside7:hover{
    background: url(../images/newHomepageImg/caseBg7.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside7{
    background: url(../images/newHomepageImg/case7.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside7:hover #case-img-inside7{
    background: url(../images/newHomepageImg/caseName7.gif);
}
/*单个案例显示部分 end*/
/*单个案例显示部分 start*/
#case-img-outside8{
    background: #f4f8f9;
}
#case-img-outside8:hover{
    background: url(../images/newHomepageImg/caseBg8.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-inside8{
    background: url(../images/newHomepageImg/case8.gif);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
#case-img-outside8:hover #case-img-inside8{
    background: url(../images/newHomepageImg/caseName8.gif);

}
/*单个案例显示部分 end*/
/*
 *案例显示效果 end
 */
/*#way ul img:hover .img-box img {
    border: 8px solid #d3eed7;
    border-radius: 50%;
    margin-top: 0px;
}*/

.new_banner_box{
	text-align:center;
}
.new_banner_box .banner1{
	background:url(../images/newHomepageImg/new_banner1.png) no-repeat center;
	width:958px;
	height:451px;
	margin:50px auto 0px;
}
.new_banner_box .banner2{
	background:url(../images/newHomepageImg/new_banner2.png) no-repeat center;
	width:1071px;
	height:499px;
	margin:0px auto;
}
.new_banner_box .banner3{
	background:url(../images/newHomepageImg/new_banner3.png) no-repeat center;
	width:958px;
	height:445px;
	margin:0px auto;
}
.new_banner_box .banner4{
	background:url(../images/newHomepageImg/new_banner4.png) no-repeat center;
	width:1013px;
	height:330px;
	padding-bottom:50px;
	margin:0px auto;
}
.bg_color{
	background:#f7f7f7;
}