
.product-box{padding:50px 0px;  }
.product-box .container{ padding: 78px 0px;width:1214px;margin: 0px auto}
.product-box .container h2.title{display: inline-block; width:100%; text-align: center;height: 45px; font-size:2.57rem; margin-bottom: 50px;}
ul.prolist li{float: left; width:19%; margin-right: 1%; border:#f0f0f0 solid 1px; margin-bottom: 20px; padding: 20px; background: #fff}
ul.prolist li:nth-child(5n){margin-right: 0px;}
.proimg{height: 100px; width:100%; overflow: hidden; align-items: center; text-align: center; line-height: 100px;}
.proimg img{max-width:100%; margin: 0px auto; display: inline-block; vertical-align: middle}
ul.prolist li .title{ line-height:40px; color: #0b0b0b; font-size: 1.6rem; text-align: center}
ul.prolist li .desc{width: 100%; word-break: break-all; padding: 0px 20px; line-height: 23px; color: #989898;}

ul.prolist li:hover{box-shadow: #ccc 0px 0px 30px;}
ul.prolist li:hover h2{color: #fff;}
ul.prolist li:hover h2 span{background: #b7d513; color: #FFFFFF}

.layer1,.layer2,.layer3{ text-align: center; padding: 50px 0px;}
.layer2{background: #f6f6f6}
.layer1 h2,.layer2 h2,.layer3 h2{font-size: 2.57rem; line-height: 100px;}
.lunbo{width:1214px; margin: 0px auto;padding:50px 0px;}

.swiper-topnews .swiper-slide .litpic{float:left; width:538px; height: 287px; overflow: hidden}
.swiper-topnews .swiper-slide .litpic img{width:100%; height: 100%;}
.swiper-topnews .swiper-slide .infos{float:left; width:calc(100% - 538px);background:url(../images/topnew-bg.jpg) no-repeat left top; height: 287px; padding: 20px;}
.swiper-topnews .swiper-slide .infos h2{ color: #404040; font-size:1.71rem; font-weight: bold; line-height: 39px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.swiper-topnews .swiper-slide .infos h2 span{font-weight: normal; color: #00b0f0}
.swiper-topnews .swiper-slide .infos .description{ font-size:1.14rem; color: #404040; line-height: 28px; position: relative; background: #f6f6f6; border:dashed 1px #e5e5e5; padding: 20px; margin-top: 30px;}
.swiper-topnews .swiper-slide .infos .description span.title{display: inline-block; padding: 0px 20px; position: absolute; left: 30px; top: -20px; background: #00b0f0; color: #fff; line-height: 32px;}
.swiper-topnews .swiper-slide .infos a{display:inline-block; padding: 0px 50px; border:#a0a0a0 solid 1px; line-height: 38px; text-align: center; margin-top: 15px;background:#fff}
.lunbo .l3.swiper-button-prev, .swiper-container-rtl .lunbo .l3.swiper-button-next{background:url("../images/arrow-left-1.png") no-repeat left top; width:28px; height: 42px; text-align: center; line-height: 50px; color: #ccc; font-size:3rem; left: 0px;}
.lunbo .l3.swiper-button-prev:hover{background-image:url("../images/arrow-left.png")}
.lunbo .l3.swiper-button-next, .lunbo .l3.swiper-container-rtl .swiper-button-prev{background:url("../images/arrow-right-1.png") no-repeat left top; width:28px; height: 42px; text-align: center; line-height: 50px; color: #ccc; font-size:3rem; right: 676px;}
.lunbo .l3.swiper-button-next:hover{background-image:url("../images/arrow-right.png")}

.about-box-four{padding:50px 0px;}
.about-box-four .container{  width:1214px; position: relative; margin: 0px auto; line-height:26px;}
#projectbody{ float:left; width:770px}
#projectinfo{ float:right; width: calc(100% - 800px)}
#projectib .projectitem {
    width: 173px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-bottom: 14px;
}
#projectib .projectitem:nth-child(2n){ margin-right: 0px;}
#projectib .projectitem img{width:100%}
#projectinfo .header {
    padding: 0;
    border-bottom: #cccccc 1px dotted;
    width: 100%;
}
#projectinfo .header p.title {
    color: #444;
    font-size: 26px;
	line-height:60px;
}
#projectinfo .header .description {
    color: #6a6a6a;
    font-size: 13px;
    line-height: 24px;
    margin: 30px 0;
}
#projectshow h2{
    height: 40px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #00b0f0;
    display: block;
	margin:30px 0px;
	font-size:1.2rem
}
#projectimages li {
    margin-bottom: 10px;
}