@charset "utf-8";
.banner { position:relative; z-index:3;width: 100%;overflow: hidden;}
.banner .bd li img{width: 100%}
.banner .hd{position: absolute;bottom: 10%;height: 30px;line-height: 30px;left: 0;right: 0;text-align: center;z-index: 99}
.banner .hd li{display: inline-block;width: 10px;height: 10px;background: #fff;margin: 0 5px;line-height: 999;border-radius: 50%}
.banner .hd li.on{background: #eb3d00}


.section{overflow: hidden;}
.section .title{height: 70px;overflow: hidden;background:url(t-2.png) no-repeat 90px 0;color: #fff;}
.section .title span{display: block;float: left;font-size: 63px;font-weight: bold;font-family: 'Arial';border-bottom: 4px solid #fff;line-height: 66px}
.section .title p{display: block;float: left;margin-left: 18px}
.section .title i{display: block;font-size: 20px;font-family: '微软雅黑';text-transform: uppercase;line-height: 36px;padding-left: 25px;}
.section .title s{display: block;font-size: 28px;line-height: 36px;font-weight: bold}

.section.active .title span{animation: fadeInLeft 0.5s;animation-iteration-count:2;}
.section.active .title i{animation: fadeInLeft 0.5s;animation-iteration-count:2;}
.section.active .title s{animation: fadeInLeft 0.5s;animation-iteration-count:2;}


.box{position: relative;left: 108px;transform: scale(0.9);}
.bbox{margin-top: 5%}
.section.active .bbox{animation: fadeInUp 0.5s;animation-iteration-count:2;}

#s-2.active .bbox {animation:none;}
#s-2.active .bbox .pic{animation: fadeInLeft 1.5s;animation-iteration-count:1;}
#s-2.active .bbox .text{animation: fadeInRight 1.5s;animation-iteration-count:1;}

#s-2 .bbox{text-align: center;}
#s-2 .bbox .pic{display: block;float: left;}
#s-2 .bbox .text{margin-top: 35px;width: 600px;padding:0 25px;box-sizing: border-box;text-align: left;float: right;font-size: 14px;text-indent: 2em;line-height: 28px;color: #fff}

#s-3 .title,#s-5 .title{color: #fff;background-image: url(t-2.png);}
#s-3 .title span,#s-5 .title span{border-color: #fff}

#s-3 .bbox ul{width: 1233.33px}
#s-3 .bbox li{width: 275px;height: 410px;float: left;margin-right: 33.33px;overflow: hidden;transition: all 0.3s ease 0s;background: #fff}
#s-3 .bbox li .pic{text-align: center;padding-top: 20px}
#s-3 .bbox li .pic img{display: block;width: 222px;height: 222px;border-radius: 50%;border: 2px solid #323232;margin: 0 auto}
#s-3 .bbox li .text{color: #323232;font-size: 14px;margin: 0 13px;transition: all 0.3s ease 0s}
#s-3 .bbox li .text a.t{display: block;line-height: 62px;text-align: center;font-weight: bold}
#s-3 .bbox li .text p{line-height: 28px;}
#s-3 .bbox li:hover{background: #c21b00}
#s-3 .bbox li:hover .pic img{border-color: #fff}
#s-3 .bbox li:hover .text{color: #fff}
#s-3 .bbox li:hover .text a.t{color: #fff}

#s-5 .bbox{position: relative;}
#s-5 .bd{width:935px;height: 403px;overflow: hidden;background: #eb3d00;margin: 0 auto}
#s-5 .bd .pic{width: 537px;height: 100%;float: right;overflow: hidden;}
#s-5 .bd .pic:hover img{transform: scale(1.1);}
#s-5 .bd .text{width:398px;float: left;padding-left: 25px;box-sizing: border-box;margin-top: 140px}
#s-5 .bd .text a.t{display: block;font-size: 16px;color: #fff;font-weight: bold;line-height: 60px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
#s-5 .bd .text .intro{font-size: 14px;color: #fff;line-height: 25px;height: 70px;overflow: hidden;}
#s-5 .hd a{display: block;width: 38px;height: 66px;position: absolute;top: 50%;margin-top: -33px}
#s-5 .hd a.prev{background: url(i-51.png);left: 20px}
#s-5 .hd a.next{background: url(i-52.png);right: 20px}


#s-6 .bbox{position: relative;width: 1200px;padding-top: 22px;margin: 0 auto;margin-top: 5%}
#s-6 .bbox .bd li{background: #fff;width: 360px;height: 392px;overflow: hidden;padding-bottom: 25px;float: left;margin-right:60px }
#s-6 .bbox .bd li .pic{width: 360px;height:268px;overflow: hidden;}
#s-6 .bbox .bd li .pic:hover img{transform: scale(1.1);}
#s-6 .bbox .bd li .text{margin: 0 5px}
#s-6 .bbox .bd li .text a.t{display: block;font-size: 16px;color: #000;line-height: 80px;font-weight: bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
#s-6 .bbox .bd li .text p{font-size: 14px;color: #000;line-height: 25px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#s-6 .bbox .bd li .text a.t:hover{color: #c21b00}
#s-6 .hd a{display: block;width: 21px;height: 17px;position: absolute;top: 0;}
#s-6 .hd a.prev{background: url(i-61.png);right: 22px}
#s-6 .hd a.next{background: url(i-62.png);right: 0}

#s-7 .title{color: #767676;background: url(t-1.png) no-repeat 90px 0}
#s-7 .title span{border-color: #767676}
#s-7 .bbox{text-align: center;}
.s-7-1{display: inline-block;width: 365px;height: 390px;background: url(i-78.png);text-align: left;overflow: hidden;margin-right: 115px}
.s-7-1 ul{margin: 65px 30px}
.s-7-1 ul li{margin-bottom: 35px}
.s-7-1 ul li a{display: block;color: #fff;padding-left: 82px;height: 60px;}
.s-7-1 ul li a i{display: block;font-size: 14px;font-weight: bold;padding-top: 12px}
.s-7-1 ul li a s{display: block;}
.s-7-1 ul li:nth-child(1) a{background: url(i-71.png) no-repeat ;}
.s-7-1 ul li:nth-child(2) a{background: url(i-72.png) no-repeat ;}
.s-7-1 ul li:nth-child(3) a{background: url(i-73.png) no-repeat ;}
.s-7-1 ul li:nth-child(1):hover a{background: url(i-75.png) no-repeat ;}
.s-7-1 ul li:nth-child(2):hover a{background: url(i-76.png) no-repeat ;}
.s-7-1 ul li:nth-child(3):hover a{background: url(i-77.png) no-repeat ;}
.s-7-1 ul li:hover a{color: #eb3d00}
.s-7-2{display: inline-block;width: 490px;text-align: left;vertical-align: top;color: #000;margin-left: 30px}
.s-7-2 .sContact .sc1{float: left;}
.s-7-2 .sContact .sc1 div{font-size: 14px;line-height: 25px;margin-top: 20px;width: 250px}
.s-7-2 .sContact .sc2{float: right;margin-top: 140px}
.s-7-2 .sContact .sc2 li{float: left;margin-left: 32px}
.s-7-2 .sContact .sc2 li span{display: block;}
.s-7-2 .sCopyright{margin-top: 48px;line-height: 28px}