@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: 560px;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;display: none}
.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 13px;  *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;}
.header .topNav{position: absolute;bottom: -42px;width: 1200px;left: 50%;margin-left: -600px;z-index: 3;background: #fff;box-shadow: 0 5px 13px rgba(78,128,188,.08)}
.header .topNav ul li{float: left;width: 400px;position: relative;}
.header .topNav ul li a{box-sizing: border-box;height: 80px;padding: 20px 0 20px 166px;display: block;}
.header .topNav ul li .h{font-size: 14px;color: #4c7fbc}
.header .topNav ul li .p{font-size: 12px;color: #777777}
.header .topNav ul li:nth-child(1){background: url(li_01.png) no-repeat 85px center;}
.header .topNav ul li:nth-child(2){background: url(li_02.png) no-repeat 85px center;}
.header .topNav ul li:nth-child(3){background: url(li_03.png) no-repeat 85px center;}
.header .topNav ul li:after{content: '';position: absolute;right: 0;top: 50%;margin-top: -19px;height: 38px;width: 1px;background: #cccccc}
.header .topNav ul li:nth-child(3):after{display: none}

.topArea{font-size: 24px;color: #8c8c8c;text-align: center;padding-bottom: 10px;background: url(ico_01.png) no-repeat bottom center;}
.topArea2{font-size: 24px;color: #fff;text-align: center;padding-bottom: 10px;background: url(ico_02.png) no-repeat bottom center;}

.s1{padding: 112px 0 35px}
.s1 .s1-c{margin-top: 43px}
.s1 .s1-c ul{width: 1260px}
.s1 .s1-c ul li{float: left;width: 380px;height: 285px;overflow: hidden;margin-right: 30px;margin-bottom: 40px;position: relative;}
.s1 .s1-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%;}
.s1 .s1-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); }
.s1 .s1-c ul li .mask{width: 242px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #ffffff;background: rgba(0,0,0,.6);position: absolute;bottom: 45px;left: 50%;margin-left: -121px;opacity: 0;transition: all .5s ease;}
.s1 .s1-c ul li:hover .mask{opacity: 1}

.s2{background: url(bg_01.jpg) no-repeat top center;background-size: cover;box-sizing: border-box;padding: 72px 0 0;height: 512px}
.s2 .s2-c{font-size: 14px;color: #fff;text-align: center;margin-top: 35px;line-height: 28px}
.s2 .more{display: block;width: 26px;height: 26px;background: url(ico_03.png) no-repeat;margin: 24px auto 0 auto}

.s3{padding: 64px 0 73px}
.s3 .s3-c{margin-top: 70px}
.s3 .s3-c ul{width: 1240px}
.s3 .s3-c ul li{float: left;width: 380px;margin-right: 30px}
.s3 .s3-c .time{position: relative;padding-bottom: 8px}
.s3 .s3-c .time .h{font-size: 32px;color: #cccccc;font-weight: bold;line-height: 36px}
.s3 .s3-c .time .p{font-size: 16px;color: #cccccc;line-height: 20px}
.s3 .s3-c .time:after{content: '';position: absolute;left: 0;bottom: 0;height: 2px;width:20px;background: #cccccc;transition: all .5s ease;}
.s3 .s3-c ul li:hover .time:after{width: 100%;background: #4c7fbc}
.s3 .s3-c ul li:hover .time .h{color: #4c7fbc}
.s3 .s3-c ul li:hover .time .p{color: #4c7fbc}
.s3 .s3-c .txt{margin-top: 22px}
.s3 .s3-c .txt .h a{font-size: 16px;color: #000000}
.s3 .s3-c .txt .cont{font-size: 14px;color: #777777;margin-top: 8px;line-height: 24px}
.s3 .s3-c .txt .more{width: 140px;height: 40px;box-sizing: border-box;padding-left: 14px;display: block;line-height: 40px;color: #cccccc;font-size: 16px;font-family: arial;margin-top: 15px;position: relative;border: 1px solid #dcdcdc}
.s3 .s3-c .txt .more:after{content: '';position: absolute;right: -46px;background: url(ico_05.jpg) no-repeat;top: 50%;margin-top: 1px;height: 1px;width: 77px}
.s3 .s3-c ul li:hover .txt .h a{color: #4c7fbc}
.s3 .s3-c ul li:hover .txt .more{background: #4c7fbc;color: #fff;border: 1px solid #4c7fbc}
.s3 .s3-c ul li:hover .txt .more:after{background: url(ico_04.jpg) no-repeat;}