@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: 980px;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:45px; z-index:3; text-align:center;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:14px; height:14px; border-radius: 100%;background: rgba(255,255,255,.68); margin:0 6px;  *display:block; display:inline-block; vertical-align:top; cursor:pointer;list-style: none;float: left;transition: width 0.3s ease-in-out;text-indent: 9999px}
.banner .hd ul .on{ background:#fff;}

.s1{position: relative;background: url(bg_01.jpg) no-repeat bottom center;background-size: 100% 100%;width: 1920px;height: 741px;left: 50%;margin-left: -960px;}
.s1 .s1-a{height: 204px;}
.s1 .s1-a .left{float: left;padding-top: 60px;}
.s1 .s1-a .left .h{font-size: 32px;color: #000000;font-weight: bold;}
.s1 .s1-a .left .h span{color: #567f99}
.s1 .s1-a .left .p{font-size: 18px;color: rgba(0,0,0,.7);font-family: SimSun;margin-top: 5px;padding-bottom: 16px;background: url(ico_01.png) no-repeat left bottom;}
.s1 .s1-a .hd{float: right;}
.s1 .s1-a .hd ul li{float: left;width: 245px;height: 204px;box-sizing: border-box;text-align: center;padding-top: 70px;cursor: pointer;}
.s1 .s1-a .hd ul li.on{background: url(ico_02.jpg) no-repeat;background-size: cover;}
.s1 .s1-a .hd ul li .icon{width: 50px;height: 50px;display: inline-block;position: relative;}
.s1 .s1-a .hd ul li .icon .img1{opacity: 1;transition: all .5s ease;}
.s1 .s1-a .hd ul li .icon .img2{opacity: 0;transition: all .5s ease;position: absolute;top: 0;left: 0}
.s1 .s1-a .hd ul li .p{font-size: 16px;color: rgba(0,0,0,.7);margin-top: 3px}
.s1 .s1-a .hd ul li.on .p{color: #fff;font-weight: bold;}
.s1 .s1-a .hd ul li.on .icon .img1{opacity: 0}
.s1 .s1-a .hd ul li.on .icon .img2{opacity: 1}
.s1 .s1-b{position: relative;}
.s1 .s1-b .bd ul li{width: 1200px;height: 537px;background-size: cover;position: relative;}
.s1 .s1-b .bd ul li .box{position: absolute;top: 72px;right: 0;width: 450px;height: 370px;background: rgba(255,255,255,.7);box-sizing: border-box;padding: 62px 72px 0 68px;}
.s1 .s1-b .bd ul li .box .h{font-size: 24px;color: #578198;font-weight: bold;padding-bottom: 8px;background: url(ico_03.png) no-repeat right bottom;text-align: right;}
.s1 .s1-b .bd ul li .box .txt{font-size: 14px;color: #000000;margin-top: 40px;line-height: 24px;height: 72px;overflow: hidden;text-overflow: ellipsis;}
.s1 .s1-b .bd ul li .box .more{display: block;width: 70px;height: 30px;line-height: 30px;border-radius: 20px;border:1px solid rgba(0,0,0,.6);text-align: center;margin-top: 45px;float: right;font-size: 14px;color: rgba(0,0,0,.6);}
.s1 .s1-b .bd ul li .box .more:hover{color: #578198;border: 1px solid #578198;}
.s1 .s1-b:before{content: '';position: absolute;bottom: -14px;width: 245px;height: 14px;right: 0;background: #7eb16b}

.topArea{font-size: 32px;color: #000000;font-weight: bold;text-align: center;padding-bottom: 15px;background: url(ico_04.png) no-repeat bottom center;}
.topArea span{color: #567f99;}

.s2{padding-top: 110px}
.s2 .s2-c{margin-top: 32px;position: relative;width: 1920px;left: 50%;margin-left: -960px}
.s2 .s2-c .hd{width: 1200px;margin: 0 auto 22px auto;}
.s2 .s2-c .hd ul li{cursor: pointer;text-align: center;float: left;padding: 13px 0 6px;border-right: 1px solid #e9e9e9;width: 145px}
.s2 .s2-c .hd ul li:last-child{border-right: 0}
.s2 .s2-c .hd ul li .icon{display: inline-block;width: 50px;height: 50px}
.s2 .s2-c .hd ul li .p{font-size: 12px;color: #474747;transition: all .5s ease;}
.s2 .s2-c .hd ul li.on .p{color: #567f99}
.s2 .s2-c .bd{}
.s2 .s2-c .bd ul li{position: relative;}
.s2 .s2-c .bd ul li .mask{width: 448px;height: 690px;position: absolute;background: url(ico_05.png) no-repeat;background-size: cover;right: 50%;margin-right: -600px;top: 0;z-index: 2;box-sizing: border-box;padding-top: 170px;}
.s2 .s2-c .bd ul li .mask .h{font-size: 24px;color: #ffffff;text-align: center;padding-bottom: 15px;background: url(ico_06.png) no-repeat bottom center;}
.s2 .s2-c .bd ul li .mask .txt{margin: 28px auto 0 auto;width: 300px;text-align: center;font-size: 14px;color: rgba(255,255,255,.8);line-height: 24px;height: 120px;overflow: hidden;text-overflow: ellipsis;}
.s2 .s2-c .bd ul li .mask .more{display: block;font-size: 14px;color: rgba(255,255,255,.6);text-align: center;width: 92px;height: 34px;border: 1px solid rgba(255,255,255,.6);border-radius: 20px;line-height: 34px;margin: 75px auto 0 auto}
.s2 .s2-c .bd ul li .mask .more:hover{color: #fff;border: 1px solid #fff;background: rgba(255,255,255,.3);}

.s3{padding: 76px 0 70px}
.s3 .s3-c{margin-top: 50px}
.s3 .s3-c .g-in{position: relative;}
.s3 .s3-c .bd{width: 1200px;overflow: hidden;}
.s3 .s3-c .bd ul li{float: left;width: 585px;margin-right: 30px;}
.s3 .s3-c .bd ul li .pic{width: 577px;height: 320px;overflow: hidden;}
.s3 .s3-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%;}
.s3 .s3-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); }
.s3 .s3-c .bd ul li .time{position: absolute;left: 0;bottom: 0;width: 98px;height: 94px;text-align: center;}
.s3 .s3-c .bd ul li .time .h{font-size: 30px;color: #000000;font-family: arial}
.s3 .s3-c .bd ul li .time .p{font-size: 12px;color: rgba(0,0,0,.6);font-family: arial}
.s3 .s3-c .bd ul li .txt{width: 487px; height: 156px;background: #f5f5f5;background-size: cover;box-sizing: border-box;float: right;margin-top: -37px;position: relative;z-index: 2;padding: 30px 25px 0 25px;transition: all .5s ease;}
.s3 .s3-c .bd ul li .txt .h a{font-size: 18px;color: #000;font-weight: bold;}
.s3 .s3-c .bd ul li .txt .p{font-size: 14px;color: rgba(1,0,0,.8);margin-top: 16px;transition: all .5s ease;}
.s3 .s3-c .bd ul li:hover .txt{background: url(ico_07.jpg) no-repeat;background-size: cover;}
.s3 .s3-c .bd ul li:hover .txt .h a{color: #fff}
.s3 .s3-c .bd ul li:hover .txt .p{color: rgba(255,255,255,.8)}
.s3 .s3-c .prev{display: block;position: absolute;top: 50%;margin-top: -20px;left: -80px;width: 40px;height: 40px;background: url(prev.png) no-repeat;background-size: contain;}
.s3 .s3-c .next{display: block;position: absolute;top: 50%;margin-top: -20px;right: -80px;width: 40px;height: 40px;background: url(next.png) no-repeat;background-size: contain;}
.s3 .rMore{width: 106px;height: 34px;line-height: 34px;text-align: center;font-size: 12px;color: rgba(0,0,0,.5);margin: 65px auto 0 auto;border-radius: 25px;border: 1px solid #999999;display: block;}
.s3 .rMore:hover{color: #fff;border: 1px solid #fff;background: linear-gradient(to right,#567f99,#7eb16b);}
.s4{width: 1920px;height: 677px;position: relative;left: 50%;margin-left: -960px;background: url(bg_02.jpg) no-repeat center center;background-size: cover;}
.s4 .txt-box{position: absolute;left: 50%;margin-left: -600px;width: 592px;height: 320px;background: rgba(255,255,255,.9);bottom: 0;box-sizing: border-box;padding: 46px 45px 0 45px}
.s4 .txt-box .h{font-size: 32px;color: #000000;font-weight: bold;padding-bottom: 8px;background: url(ico_08.png) no-repeat left bottom;}
.s4 .txt-box .h span{color: #567f99}
.s4 .txt-box .cont{font-size: 14px;color: rgba(0,0,0,.8);line-height: 30px;margin-top: 30px;}
.s4 .txt-box .more{width: 31px;height: 31px;background: url(ico_09.png) no-repeat;background-size: contain;display: block;margin-top: 25px}

.s5{padding: 73px 0 50px;background: #fff}
.s5 ul li{float: left;width: 20%;text-align: center;cursor: pointer;position: relative;transition: all .5s ease;}
.s5 ul li .p{font-size: 16px;color: #000000;margin-top: 28px}
.s5 ul li:hover{transform: translateY(-20%);}