@charset "utf-8";

.topArea{font-size: 24px;color: #010101;padding-bottom: 16px;position: relative;border-bottom: 1px solid #dcdcdc;text-align: center;}
.topArea::after{content: '';position: absolute;left: 50%;width: 164px;height: 2px;background: #527e82;margin-left: -82px;bottom: 0}

.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: 480px;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:26px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:57px; height:2px; background:#fff; margin:0 7px; *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:#628a8d;}
.banner .con{display: none}
.banner .prev{position: absolute;z-index: 3;width: 33px;height: 48px;top: 50%;margin-top: -24px;left: 120px;background: url(prev.png) no-repeat;cursor: pointer;}
.banner .next{position: absolute;z-index: 3;width: 33px;height: 48px;top: 50%;margin-top: -24px;right: 120px;background: url(next.png) no-repeat;cursor: pointer;}


.s1{padding: 25px 0 0}
.s1 .s1-c{margin-top: 17px}
.s1 .s1-c a{display: block;}
.s1 .leftArea{float: left;width: 318px;height: 460px;position: relative;}
.s1 .leftArea .pic{overflow: hidden;}
.s1 .leftArea .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%;}
.s1 .leftArea: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); }
.s1 .leftArea .txt{position: absolute;bottom: 26px;left: 22px;right: 22px;}
.s1 .leftArea .txt .h{font-size: 18px;color: #ffffff;font-family: arial}
.s1 .leftArea .txt .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 2px}
.s1 .rightArea{float: right;width: 874px;}
.s1 .rightArea .row1{margin-bottom: 8px}
.s1 .rightArea .row1 .item1{width: 486px;height: 219px;float: left;position: relative;}
.s1 .rightArea .pic{overflow: hidden;}
.s1 .rightArea .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%;}
.s1 .s1-c a: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); }
.s1 .rightArea .row1 .item1 .txt{position: absolute;bottom: 21px;left: 26px;right: 26px;}
.s1 .rightArea .row1 .item1 .txt .h{font-size: 18px;color: #ffffff;font-family: arial;line-height: 22px;}
.s1 .rightArea .row1 .item1 .txt .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 8px;}
.s1 .rightArea .row1 .item2{width: 380px;height: 219px;float: right;position: relative;}
.s1 .rightArea .row1 .item2 .txt{position: absolute;bottom: 21px;left: 26px;right: 26px;}
.s1 .rightArea .row1 .item2 .txt .h{font-size: 18px;color: #ffffff;font-family: arial}
.s1 .rightArea .row1 .item2 .txt .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 2px}
.s1 .rightArea .row2 .item1{width: 343px;height: 233px;float: left;position: relative;}
.s1 .rightArea .row2 .item1 .txt{position: absolute;bottom: 21px;left: 26px;right: 26px;}
.s1 .rightArea .row2 .item1 .txt .h{font-size: 18px;color: #ffffff;font-family: arial;line-height: 22px;}
.s1 .rightArea .row2 .item1 .txt .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 8px;}
.s1 .rightArea .row2 .item2{width: 523px;height: 233px;float: right;position: relative;}
.s1 .rightArea .row2 .item2 .txt{position: absolute;bottom: 21px;left: 26px;right: 26px;}
.s1 .rightArea .row2 .item2 .txt .h{font-size: 18px;color: #ffffff;font-family: arial}
.s1 .rightArea .row2 .item2 .txt .p{font-size: 18px;color: #ffffff;font-weight: bold;margin-top: 2px}

.s2{padding: 25px 0;}
.s2 .logo{float: left;padding-left: 85px;background: url(logo2.jpg) no-repeat 10px center;}
.s2 .logo .h{font-size: 24px;color: #222222;font-weight: bold;}
.s2 .logo .h span{font-size: 24px;color: #222222;font-family: arial;margin-left: 5px}
.s2 .logo .p{font-size: 13px;color: #222222;margin-top: 2px;}
.s2 .txt{margin-left: 18px;float: left;padding-left: 45px;border-left: 3px solid #c9c9c9;font-size: 18px;color: #222222;height: 46px;line-height: 46px;margin-top: 10px;}

.s3 .video-o{float: left;width: 356px;height: 304px;overflow: hidden;cursor: pointer;}
.s3 .video-o 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 .video-o: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 .rightArea{float: right;width: 836px;height: 304px;background: url(bg_01.jpg) no-repeat;background-size: cover;box-sizing: border-box;padding: 40px 55px 0 40px;}
.s3 .rightArea .h{}
.s3 .rightArea .h span{display: inline-block;font-size: 18px;color: #ffffff;position: relative;padding-right: 60px;}
.s3 .rightArea .h span::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -1px;width: 53px;height: 2px;background: #fff}
.s3 .rightArea .p{font-size: 12px;color: #ffffff;line-height: 26px;margin-top: 20px;}
.s3 .rightArea .btn{margin-top: 48px;text-align: right;}
.s3 .rightArea .btn a{display: inline-block;width: 104px;height: 28px;line-height: 28px;border: 1px solid #fff;font-size: 14px;color: #ffffff;text-align: center;}
.s3 .rightArea .btn a.btn-a{margin-right: 18px;}

.s4{margin-top: 8px;}
.s4 .s4-c{position: relative;}
.s4 .s4-c .bd{}
.s4 .s4-c .hd{position: absolute;z-index: 2;bottom: 20px;left: 0;right: 0;}
.s4 .s4-c .hd ul{display: block;text-align: center;}
.s4 .s4-c .hd ul li{display: inline-block;width: 10px;height: 10px;background: url(ico_03.png) no-repeat;background-size: contain;margin: 0 3px;text-indent: 99999px;cursor: pointer;}
.s4 .s4-c .hd ul li.on{background: url(ico_04.png) no-repeat;background-size: contain;}
.s4 .s4-c .prev{position: absolute;z-index: 3;width: 33px;height: 48px;top: 50%;margin-top: -24px;left: 26px;background: url(prev.png) no-repeat;cursor: pointer;}
.s4 .s4-c .next{position: absolute;z-index: 3;width: 33px;height: 48px;top: 50%;margin-top: -24px;right: 26px;background: url(next.png) no-repeat;cursor: pointer;}

.s5{padding-top: 24px}
.s5 .s5-c{margin-top: 28px}
.s5 .s5-c .leftArea{float: left;width: 350px;height: 400px;overflow: hidden;}
.s5 .s5-c .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%;}
.s5 .s5-c .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); }
.s5 .s5-c .rightArea{float: right;width: 842px;padding-top: 16px;position: relative;}
.s5 .s5-c .rightArea .h,.s5 .s5-c .rightArea .p,.s5 .s5-c .rightArea .s,.s5 .s5-c .rightArea .cont{padding-left: 6px}
.s5 .s5-c .rightArea .h a{font-size: 24px;color: #000000;font-weight: bold;}
.s5 .s5-c .rightArea .p{font-size: 14px;color: #040404}
.s5 .s5-c .rightArea .s{font-size: 14px;color: #040404;margin-top: 4px}
.s5 .s5-c .rightArea .cont{font-size: 14px;color: #707070;line-height: 24px;height: 96px;overflow: hidden;margin-top: 14px;}
.s5 .s5-c .rightArea .g-more{position: absolute;right: 18px;top:20px;font-size: 14px;color: #434343}
.s5 .s5-c .rightArea .list{margin-top: 37px;}
.s5 .s5-c .rightArea .list ul li{float: left;width: 274px;height: 155px;overflow: hidden;margin-right: 10px;position: relative;}
.s5 .s5-c .rightArea .list ul li:last-child{margin-right: 0}
.s5 .s5-c .rightArea .list 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 .s5-c .rightArea .list 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); }
.s5 .s5-c .rightArea .list ul li .txt{position: absolute;top: 48px;left: 0;right: 0;text-align: center;}
.s5 .s5-c .rightArea .list ul li .txt .h{font-size: 18px;color: #ffffff;}
.s5 .s5-c .rightArea .list ul li .txt .p{font-size: 12px;color: #ffffff;margin-top: 3px}

.s6{padding: 30px 0 35px}
.s6 .s6-c{margin-top: 24px;}
.s6 .s6-c ul li{float: left;width: 394px;margin-right: 9px;}
.s6 .s6-c ul li:last-child{margin-right: 0}
.s6 .s6-c ul li .pic{width: 394px;height: 273px;overflow: hidden;}
.s6 .s6-c 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%;}
.s6 .s6-c 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); }
.s6 .s6-c ul li .txt{padding: 20px 10px 0 5px;}
.s6 .s6-c ul li .txt .h a{font-size: 16px;color: #000000;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s6 .s6-c ul li .txt .cont{font-size: 14px;color: #707070;line-height: 24px;margin-top: 12px;height: 48px;overflow: hidden;}
.s6 .s6-c ul li .txt .m{margin-top: 15px;}
.s6 .s6-c ul li .txt .m .time{font-size: 14px;color: #010101;float: left;}
.s6 .s6-c ul li .txt .m .more{font-size: 14px;color: #527e82;float: right;}
.s6 .s6-c ul li:hover .txt .h a{color: #527e81}
.s6 .s6-m{margin-top: 25px;text-align: center;}
.s6 .s6-m a{display: inline-block;font-size: 14px;color: #535353;width: 90px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #707070;margin: 0 48px}
.s6 .s6-m a:hover{color: #527e81;border: 1px solid #527e81;}

.s7{}
.s7 .s7-c{background: #527e81;padding: 22px 0}
.s7 .s7-c .item-1{box-sizing: border-box;width: 422px;height: 85px;padding: 10px 0 0 45px;float: left;border-right: 1px solid rgba(255,255,255,.2)}
.s7 .s7-c .item-2{box-sizing: border-box;width: 410px;height: 85px;padding: 10px 0 0 52px;float: left;border-right: 1px solid rgba(255,255,255,.2)}
.s7 .s7-c .item-3{box-sizing: border-box;width: 368px;height: 85px;padding: 10px 0 0 54px;float: left;}
.s7 .s7-c .icon{float: left;width: 70px;height: 70px;margin-right: 12px;}
.s7 .s7-c .txt{padding-top: 6px}
.s7 .s7-c .txt .h{font-size: 18px;color: #ffffff;font-weight: bold;line-height: 30px}
.s7 .s7-c .txt .p{font-size: 16px;color: #ffffff;line-height: 30px}