@charset "utf-8";

.banner{ position:relative; width:100%; }
.banner .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;  z-index:1;overflow: hidden;}
.banner .bd ul li{ width:1920px;height: auto;display: block;overflow: hidden;}
.banner .bd img{vertical-align: bottom;width:100%;height: auto;transition: all 5.5s;}
.banner .hd{ width:1920px; left:50%; margin-left:-960px; position:absolute; bottom:50px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:12px; height:12px; background:#fff; margin:0 9px;border-radius: 100%;  *display:block; display:inline-block; vertical-align:top; cursor:pointer;list-style: none;float: left;transition: all 0.3s ease-in-out;text-indent: 9999px}
.banner .hd ul .on{ background:#ed3131;}
.banner .con{display: none}
.banner .bTxt{position: absolute;bottom: -67px;height: 67px;line-height: 67px;box-sizing: border-box;width: 1920px;padding-left: 360px;left: 50%;margin-left: -960px;background: url(ico_01.png) no-repeat left top;font-size: 16px;color: #fff;text-transform: uppercase;z-index: 4}

.s1{padding: 155px 0 100px}
.s1 .topArea{text-align: center;}
.s1 .topArea .h{font-size: 24px;color: #000000;font-weight: bold;padding-bottom: 25px;background: url(ico_02.png) no-repeat center bottom;}
.s1 .topArea .p{font-size: 16px;color: #000000;line-height: 24px;margin-top: 38px}
.s1 .hd{margin-top: 80px;margin-bottom: 56px}
.s1 .hd ul{display: block;text-align: center;}
.s1 .hd ul li{display: inline-block;margin: 0 7px;border-radius: 10px;overflow: hidden;margin-bottom: 12px}
.s1 .hd ul li a{display: block;font-size: 16px;color: #ffffff;width: 224px;height: 50px;line-height: 50px;background: #282828;}
.s1 .hd ul li.on a{background: #e60012}
.s1 .bd ul li{float: left;width: 380px;margin-right: 30px;}
.s1 .bd ul li:nth-child(3n){margin-right: 0}
.s1 .bd ul li a{display: block;}
.s1 .bd ul li .pic{width: 380px;height: 286px;overflow: hidden;position: relative;}
.s1 .bd ul li .pic .mask{position: absolute;top: -100%;left: 0;right: 0;transition: all .5s ease;width: 100%;height: 100%;background: rgba(0,0,0,.8);box-sizing: border-box;padding: 90px 15px 0 15px;}
.s1 .bd ul li .pic .mask .txt{padding-top: 90px;background: url(ico_03.png) no-repeat top center;font-size: 16px;color: #fff;font-family: arial;text-align: center}
.s1 .bd ul li:hover .pic .mask{top: 0}
.s1 .bd ul li .h{font-size: 16px;color: #000000;padding: 20px 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;transition: all .5s ease;}
.s1 .bd ul li:hover .h{color: #ed3131}

.s2{background: url(bg_01.jpg) no-repeat center center;background-size: 1920px 727px;width: 1920px;height: 727px;position: relative;left: 50%;margin-left: -960px}
.s2 .topArea{font-size: 50px;color: #000000;line-height: 50px;padding-bottom: 34px;position: relative;padding-top: 25px}
.s2 .topArea span{font-weight: bold;color: #ed3131;text-transform: uppercase;}
.s2 .topArea::before{content: '';position: absolute;width: 112px;height: 5px;background: #ed3131;bottom: -1px;left: 0;z-index: 2}
.s2 .topArea::after{content: '';position: absolute;bottom: 0;left: 0;width: 610px;height: 1px;background: #c9c9c9;z-index: 1}
.s2 .cont{font-size: 16px;color: #000000;line-height: 30px;margin-top: 42px;width: 650px}
.s2 .list{margin-top: 65px;width: 600px;border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2}
.s2 .list ul li{float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;padding: 10px 10px 10px 20px;}
.s2 .list ul li .icon{float: left;width: 60px;}
.s2 .list ul li .txt{float: right;width: 200px;font-size: 16px;color: #ed3131;font-weight: bold;line-height: 60px}

.s3{background: url(bg_02.jpg) no-repeat center center;background-size: 1920px 569px;height: 569px;position: relative;left: 50%;width: 1920px;margin-left: -960px;}
.s3 .leftArea{float: left;padding-top: 63px;text-transform: uppercase;}
.s3 .leftArea .h{font-size: 24px;color: #ffffff;font-weight: bold;}
.s3 .leftArea .cont{margin-top: 70px;}
.s3 .leftArea .cont ul li{padding: 21px 30px 21px 10px;box-sizing: border-box;border-bottom: 1px solid #ffffff}
.s3 .leftArea .cont ul li a{display: block;font-size: 20px;color: #ffffff;background: url(ico_04.png) no-repeat right center;}
.s3 .leftArea .cont ul li:nth-child(1){width: 420px;}
.s3 .leftArea .cont ul li:nth-child(2){width: 400px}
.s3 .leftArea .cont ul li:nth-child(3){width: 380px}
.s3 .leftArea .cont ul li:nth-child(4){width: 360px}
.s3 .leftArea .cont ul li:nth-child(5){width: 340px}
.s3 .rightArea{float: right;padding-top: 40px}
.s3 .rightArea .item{width: 546px;margin-bottom: 22px}
.s3 .rightArea .item:last-child{margin-bottom: 0}
.s3 .rightArea .item a{display: block;}
.s3 .rightArea .item .pic{overflow: hidden;}
.s3 .rightArea .item .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s3 .rightArea .item:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s3 .rightArea .item .h{font-size: 20px;color: #ed3131;text-transform: uppercase;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 12px;text-align: center;}


.s4{padding: 160px 0 60px;}
.s4 .leftArea{float: left;width: 414px;position: relative;overflow: hidden;}
.s4 .leftArea .img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s4 .leftArea:hover .img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s4 .leftArea:last-child{margin-right: 0}
.s4 .leftArea a{display: block;}
.s4 .leftArea .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;box-sizing: border-box;width: 100%;height: 100%;background: rgba(0,0,0,.4);transition: all .5s ease;}
.s4 .leftArea:hover .mask{background: rgba(0,0,0,.2);}
.s4 .leftArea .mask .news{position: absolute;left: 35px;top: 25px;width: 100px;height: 28px;line-height: 28px;box-sizing: border-box;padding-left: 19px;font-size: 12px;color: #fff;text-transform: uppercase;background: #b62026}
.s4 .leftArea .mask .time{position: absolute;top: 30px;right: 35px;font-size: 14px;color: #fff}
.s4 .leftArea .mask .txt{position: absolute;bottom: 34px;left: 35px;right: 35px;height: 155px;}
.s4 .leftArea .mask .txt .h{font-size: 16px;color: #ffffff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s4 .leftArea .mask .txt .p{font-size: 12px;line-height: 18px;margin-top: 12px;color: rgba(255,255,255,.5);}
.s4 .leftArea .mask .txt:after{content: '';position: absolute;bottom: 0;left: 0;width: 20px;height: 20px;background: url(ico_05.png) no-repeat;}
.s4 .rightArea{float: right;width: 745px;}
.s4 .rightArea .item{margin-bottom: 21px;padding: 29px 30px;background: #f1f1f1}
.s4 .rightArea .item:last-child{margin-bottom: 0}
.s4 .rightArea .item .time{float: left;padding-right: 15px;border-right: 1px solid #d9d9d9;margin-right: 14px;}
.s4 .rightArea .item .time .h{font-size: 48px;color: #999999;letter-spacing: 4px;line-height: 52px}
.s4 .rightArea .item .time .p{font-size: 14px;color: #b9b8b8;text-align: center;}
.s4 .rightArea .item .txt .h{}
.s4 .rightArea .item .txt .h a{font-size: 18px;color: #222222;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s4 .rightArea .item .txt .p{font-size: 12px;color: #888888;line-height: 18px;margin-top: 7px}
.s4 .rightArea .item:hover .txt .h a{color: #ed3131}

.s5{padding: 50px 0}
.s5 ul li{float: left;width: 188px;margin-bottom: 12px;margin-right: 14px;overflow: hidden;}
.s5 ul li:nth-child(6n){margin-right: 0}
.s5 ul li a{display: block;}
.s5 ul li img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s5 ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }