@charset "utf-8";

.banner{ position:relative; width:100%;  }
.banner .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;  z-index:1;}
.banner .bd ul li{ width:1920px;height: 672px;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:46px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:18px; height:7px; background:#e6443f; margin:0 2px;*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{width: 48px;background: #fff}
.banner .con{display: none}

.topArea{text-align: center;padding-bottom: 25px;position: relative;}
.topArea::after{content: '';position: absolute;bottom: 0;left: 50%;width: 56px;height: 1px;margin-left: -28px;background: #e64d48}
.topArea .h{font-size: 72px;color: rgba(188,188,188,.3);text-transform: uppercase;font-family: arial;font-weight: bold;line-height: 1}
.topArea .p{font-size: 30px;color: #ff6000;font-weight: bold;margin-top: -58px;}

.s1{padding: 82px 0 85px}
.s1 .s1_c{margin-top: 35px;}
.s1 .s1_c .hd ul{text-align: center;}
.s1 .s1_c .hd ul li{display: inline-block;margin: 0 15px;position: relative;}
.s1 .s1_c .hd ul li::after{content: '/';position: absolute;right: -20px;top: 50%;transform: translateY(-50%);font-size: 14px;color: #333333;}
.s1 .s1_c .hd ul li:last-child::after{display: none}
.s1 .s1_c .hd ul li a{display: block;font-size: 14px;color: #333333;}
.s1 .s1_c .hd ul li.on a{color: #fd6e17}
.s1 .s1_c .bd{margin-top: 24px;width: 1350px;position: relative;left: -75px;}
.s1 .s1_c .bd .slide{padding: 0 75px;position: relative;}
.s1 .s1_c .bd .slide .tempWrap{width: 1200px!important;overflow: hidden;}
.s1 .s1_c .bd .slide .prev{width: 51px;height: 99px;position: absolute;left: 0;top: 50%;margin-top: -49px;background: url(prev.png) no-repeat;cursor: pointer;}
.s1 .s1_c .bd .slide .next{width: 51px;height: 99px;position: absolute;right: 0;top: 50%;margin-top: -49px;background: url(next.png) no-repeat;cursor: pointer;}
.s1 .s1_c .bd ul li{float: left;margin-right: 9px;width: 394px;position: relative;overflow: hidden;}
.s1 .s1_c .bd ul li a{display: block;width: 394px;height: 387px;box-sizing: border-box;}
.s1 .s1_c .bd ul li img{width: 394px;height: 387px;}
.s1 .s1_c .bd ul li .h{position: absolute;bottom: -65px;height: 34px;left: 0;text-align: center;transition: .5s ease;text-align: center;padding: 0 14px;right: 0}
.s1 .s1_c .bd ul li .h span{display: inline-block;font-size: 18px;color: #333333;padding-right: 85px;background: url(ico_02.png) no-repeat right center;}
.s1 .s1_c .bd ul li:hover .h{transform: translateY(-80px);}
.s1 .s1_c .bd ul li:hover a{border: 14px solid #fd6e17}
.s1 .s1_c .bd ul li:hover img{width: 100%;height: auto;}

.s2{padding: 75px 0 0;background: url(bg_01.jpg) no-repeat center center;background-size: cover;position: relative;}
.s2::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(51,51,51,.3);height: 5px;}
.s2 .s2_a{margin-top: 40px;}
.s2 .s2_a .lBox{float: left;width: 585px;}
.s2 .s2_a .lBox .h a{display: block;font-size: 24px;color: #333333;}
.s2 .s2_a .lBox .cont{font-size: 14px;color: #333333;line-height: 30px;margin-top: 20px;}
.s2 .s2_a .lBox .m{margin-top: 25px;}
.s2 .s2_a .lBox .m a{display: block;width: 74px;height: 30px;background: url(ico_05.png) no-repeat;}
.s2 .s2_a .rBox{float: right;width: 583px;}
.s2 .s2_a .rBox .item{float: left;position: relative;}
.s2 .s2_a .rBox .item:last-child{float: right;}
.s2 .s2_a .rBox .item .img{width: 100%;height: auto;}
.s2 .s2_a .rBox .item .mask{position: absolute;background: rgba(0,0,0,.4);top: 0;left: 0;width: 100%;height: 100%;z-index: 3;box-sizing: border-box;padding: 68px 0 0;text-align: center;}
.s2 .s2_a .rBox .item .mask::after{content: '';position: absolute;width: 18px;height: 18px;background: url(ico_06.png) no-repeat;right: 58px;top: 42px;}
.s2 .s2_a .rBox .item:first-child .mask{background: rgba(254,103,12,.9);}
.s2 .s2_a .rBox .item .mask .icon{}
.s2 .s2_a .rBox .item .mask .h{font-size: 18px;color: #f2f2f3;margin-top: 20px;}
.s2 .s2_b{margin-top: 70px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.s2 .s2_b .item{text-align: center;position: relative;padding-bottom: 20px;width: 150px;}
.s2 .s2_b .item:after{content: '';position: absolute;bottom: 0;left: 50%;width: 82px;background: #e60012;height: 5px;margin-left: -41px;}
.s2 .s2_b .item .h{font-size: 17px;color: #e60012;vertical-align: baseline;}
.s2 .s2_b .item .h span{font-size: 40px;color: #e60012;line-height: 1;margin-right: 3px;}
.s2 .s2_b .item .p{font-size: 16px;color: #000000;margin-top: 6px;}

.s3{padding: 76px 0 82px;}
.s3 .s3_c{margin-top: 29px;}
.s3 .s3_c ul li{width: 292px;float: left;margin-right: 10px;}
.s3 .s3_c ul li:last-child{margin-right: 0}
.s3 .s3_c ul li a{display: block;border: 10px solid #ff6000;overflow: hidden;background: #ff6000}
.s3 .s3_c ul li .pic{overflow: hidden;}
.s3 .s3_c 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%;}
.s3 .s3_c 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); }
.s3 .s3_c ul li p{font-size: 16px;color: #eeeeee;padding: 18px 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.s3 .s3_c ul li:hover a{border: 10px solid #ed1d0d;background: #ed1d0d}

.s4{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.s4 .lBox{width: 960px;height: 615px;overflow: hidden;float: left;}
.s4 .lBox 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 .lBox: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 .rBox{float: right;width: 954px;}
.s4 .rBox .item{transition: .5s ease;margin-bottom:6px;padding: 46px 0 46px 55px;background: #eeeeee;height: 60px;overflow: hidden;}
.s4 .rBox .item:last-child{margin-bottom: 0}
.s4 .rBox .item .txt{width: 550px;}
.s4 .rBox .item .txt .h{height: 60px;line-height: 60px;font-size: 24px;color: #333333;transition: .5s ease;background: url(ico_08.png) no-repeat right center;}
.s4 .rBox .item .txt .h em{display: block;float: left;margin-right: 12px;position: relative;width: 60px;height: 60px;transition: .5s ease;visibility: visible;opacity: 1}
.s4 .rBox .item .txt .cont{font-size: 14px;color: #ffffff;line-height: 24px;margin-top: 40px;visibility: hidden;opacity: 0;transition: .5s ease}
.s4 .rBox .item.on{height: 206px;background: #ff6000}
.s4 .rBox .item.on .txt .h{color: #fff;font-size: 30px;font-weight: bold;background: url(ico_09.png) no-repeat right center;}
.s4 .rBox .item.on .txt .cont{visibility: visible;opacity: 1}
.s4 .rBox .item.on .txt .h em{width: 0;visibility: hidden;margin-right: 0;opacity: 0}

.s5{padding: 100px 0 60px;}
.s5 .s5_c{margin-top: 12px;}
.s5 .s5_c .bd{}
.s5 .s5_c .bd ul li{float: left;width: 380px;margin: 15px;background: #fff;box-shadow: 0 0 10px #b2b2b2}
.s5 .s5_c .bd ul li a{display: block;}
.s5 .s5_c .bd ul li .pic{overflow: hidden;}
.s5 .s5_c .bd ul li .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%;}
.s5 .s5_c .bd ul li: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);}
.s5 .s5_c .bd ul li .txt{height: 164px;overflow: hidden;padding: 35px 25px 0;box-sizing: border-box;}
.s5 .s5_c .bd ul li .txt .time{font-size: 18px;color: #999999;}
.s5 .s5_c .bd ul li .txt .h{font-size: 16px;color: #000000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 3px;transition: .5s ease}
.s5 .s5_c .bd ul li .txt .m{margin-top: 28px;width: 20px;height: 6px;background: url(ico_10.png) no-repeat;}
.s5 .s5_c .bd ul li:hover .txt .h{color: #fd6e17}
.s5 .s5_c .hd{margin-top: 55px;}
.s5 .s5_c .hd ul{text-align: center;}
.s5 .s5_c .hd ul li{display: inline-block;width: 48px;height: 4px;background: #d3d1d2;margin: 0 3px;text-indent: 9999px;cursor: pointer;}
.s5 .s5_c .hd ul li.on{background: #ff6000}