.center{background: url("../images/center-bg.jpg") no-repeat center;height: 2640px;margin-top:647px;}

/*服务*/
.services{margin-top: -82px;position: absolute;z-index:999;}
.services ul{height: auto;overflow: hidden;}
.services ul li{float: left;width:403px;height:164px;overflow: hidden;  }
.services ul .li1{width:402px;}
.services ul .li3{width:404px;}
.services ul .li4{width:605px;}
.services ul .li5{width:605px;}
.services ul li img{position: absolute;z-index: -1;}
.services ul li .p1{line-height: 164px;height: 164px;padding: 0 10px;background-color: rgba(0,0,0,0.6);color: #fff;font-weight: bold;font-size: 24px;text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.services ul li .p2{padding: 32px;line-height: 100px;height: 100px;background-color: rgba(0,0,0,0.2);color: #fff;  overflow: hidden;text-align: center;  }
.services ul li .p3{position: relative;border-bottom: 5px solid #fff;;margin-top: -169px;width:0;margin-left: 50%;}


/*案例*/
.case{margin-top: 310px;}
.case .t1{text-align: center;font-size:30px;color: #fff;font-weight: bold; }
.case .t2{text-align: center;font-size:20px;font-family: Arial;text-transform:uppercase;color: #fff;line-height: 35px;}

.case .show{position: relative;  width: 730px; height: 500px;margin-left:240px;margin-top: 80px;  }
.lineF, .lineS {position: absolute;visibility: hidden;  }
.boxF, .boxS, .boxT, .overlay {width: 223px;height: 260px;overflow: hidden;  }
.boxF, .boxS {visibility: hidden;}
.boxF {transform: rotate(120deg);float: left; margin-left: 20px;-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS {transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);}
.boxT {transform: rotate(-60deg);background: no-repeat 50% center;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);  visibility: visible; }
.overlay {position: relative;background-color: rgba(0,0,0,0.4);transition: all 0.3s; }
.overlay:hover {background-color: rgba(0,0,0,0.6);  }
.overlay p{line-height: 30px;font-size: 16px;text-align: center;height: 30px;position: absolute;top: 50%;margin-top: -15px;color: #fff;font-weight: bold;
    overflow: hidden;padding: 0 15px;width: 193px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.overlay span {position: absolute;left: 50%;top: 50%;margin:-20px 0 0 -20px;background-color: #d3b850;display: none;border-radius: 20px;
    text-align: center;line-height: 40px;width: 40px;height: 40px;text-decoration: none;color: White; font-size: 18px;font-weight: bolder;transition: 0.3s;}
.overlay:hover span{display: inline-block;}
.overlay:hover p{display: none;}
.box4{margin-left: 142px;  margin-top: -49px;}
.box5{margin-left: 20px;  margin-top: -49px;}

/*关于*/
.about{margin-top: 210px;text-align: center;}
.about .t1{text-align: center;font-size:30px;color: #fff;font-weight: bold; }
.about .t2{text-align: center;font-size:20px;font-family: Arial;text-transform:uppercase;color: #fff;line-height: 35px;}
.about .p1{line-height: 80px;font-size: 20px;font-weight: bold;color: #fff;}
.about .p2{line-height: 25px;height: 100px;color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;}
.about .more{width: 130px;line-height: 36px;border:1px solid #fff;border-radius: 19px;margin: 40px auto;display: block;}
.about .more span{display: block;width: 123px;border-radius: 18px;background-color: #fff;color:#5275ba;font-size: 16px;font-weight: bold;transition:all 0.3s; }
.about .more:hover span{width: 130px;}

/*产品*/
.product{margin-top: 50px;text-align: center;}
.product .t1{text-align: center;font-size:30px;color: #fff;font-weight: bold; }
.product .t2{text-align: center;font-size:20px;font-family: Arial;text-transform:uppercase;color: #fff;line-height: 35px;}
.product .class{height: auto;overflow: hidden;display: table;margin: 20px auto;}
.product .class li{text-align: center;margin: 0 15px;line-height: 40px;float: left;font-weight: bold;height: 40px;width: 160px;}
.product .class li a{color: #fff;transition: all 0.5s;font-size: 16px;}
.product .class li a:hover{border-bottom: 1px solid #fff;font-size: 17px; }
.product .show{width: 1160px;height: 377px;overflow: hidden;margin: 30px auto;}
.product .show ul{height: auto;overflow: hidden;width: 9999px;}
.product .show ul li{width:378px;margin-right: 14px;float: left;background-color: #3B3B3B; }
.product .show ul li div{width: 378px;height:280px;overflow: hidden;}
.product .show ul li img{width: 378px;height:280px;opacity: 0.9;transition: all 0.3s; }
.product .show ul li p{line-height: 96px;height: 96px;text-align: center;padding: 0 15px;color: #fff;font-size: 16px;font-weight: bold;;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product .show ul li:hover img{opacity: 1;transform:scale(1.1)}

/*联系*/
.contact{background: url("../images/contact-bg.png") no-repeat center -28px ;height: 500px;}
.contact p{text-align: right;margin-right: 100px;}
.contact .tel{margin-top: 100px;margin-bottom: 15px;}
.contact .p1{line-height: 30px;color: #383838;font-size: 16px;font-weight: bold;}
.contact .more{display: block;float: right;width: 180px;line-height: 50px;height: 50px;background-color: #5375BA;margin-right: 100px;margin-top: 30px;}
.contact .more span{display: block;width: 128px;background-color: #393939;color: #fff;font-weight: bold;text-align: center;float: left;transition: all 0.3s;}
.contact .more img{float: right;margin-top: 18px;margin-right: 18px;}
.contact .more:hover span{width: 180px;}



/*新闻*/
.news{padding:70px 0;background-color: #EEEEEE;}
.news .show{padding: 30px 0;background-color: #fff;margin: 0 auto;width: 1210px;}
.news .show ul{height: auto;overflow: hidden;}
.news .show ul li{line-height: 38px;height: 38px;width: 521px;margin:0 42px;float: left;font-size: 15px; }
.news .show ul li span{float: left;color:#585858; }
.news .show ul li p{float: right;width:400px;color:#000;line-height: 38px;height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical}
.news .show ul li:hover p{color: #5375BA;}

/*友情链接*/
.link{padding: 30px 0;text-align: center;}
.link .t1{font-size: 20px;font-weight: bold;color:#5275ba; }
.link ul{height: auto;overflow: hidden;margin-top: 30px;}
.link ul li{display: inline-block;line-height:15px;padding: 0 30px;border-right: 2px solid #5F6061;margin: 7px 0; }
.link ul li a{color:#38393a;font-weight: bold; }
.link ul li a:hover{color:#5275ba; }