/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

body {background: #fff;}

body{overflow-x:hidden;}

/*end*/
/* -- 广告 -- */
.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../image/c_prev.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../image/c_next.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
.banner:hover .slick-prev { left: 10%; opacity: 0.3; }
.banner:hover .slick-next { right: 10%; opacity: 0.3; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;color: #fff;border-radius: 50%;background-color: #00a1e9;outline: none;transition: .5s;font-size: 0;}
.slick-dots .slick-active button {background-color: #00a1e9;width:60px;border-radius: 30px;}


/**/
.abo-con{padding:93px 0 82px; border-bottom:1px solid #dddddd;}
.abo-con .abo-left{float:left;}
.abo-con .abo-left h2{line-height: 58px;font-size: 50px; color:#1c6687;font-family: Arial,sans-serif; margin-bottom: 35px;}
.abo-con .abo-left a{display: block;width:160px; height:46px; line-height: 46px; text-align:center;background:#F2A011;border-radius: 23px;font-size: 16px; color:#FFFFFF; font-family: Arial,sans-serif; transition: .5s;}
.abo-con .abo-left a:hover{margin-top:-5px;}
.abo-con p{width:60.9%;float:right;line-height: 35px;font-size: 18px; color:#333;font-family: Arial,sans-serif;font-weight: 300;text-align: justify;}
/**/
.Sectors{padding:41px 0 70px;}
.Sectors h2{line-height: 158px;text-align: center;font-size: 50px; color:#1c6687;font-family: Arial,sans-serif;}
.Sectors ul{position: relative;}
.Sectors ul li{float:left;width:32%; margin:0 0 28px 2%; position: relative;border-bottom:3px solid #f2a011;}
.Sectors ul li span{display: block; width: 100%; line-height: 0; overflow: hidden;}
.Sectors ul li span img{width:100%; transition: 1s;}
.Sectors ul li:first-child,.Sectors ul li:nth-child(4),.Sectors ul li:nth-child(6){margin-left: 0;}
.Sectors ul li:nth-child(5),.Sectors ul li:nth-child(7){margin-left:36%;}
.Sectors ul li:last-child{position: absolute;left:32%; bottom:0;}
.Sectors ul li strong{display: block; width:100%; height:164px; background:url(../image/sec-yy.png) no-repeat center;position: absolute;left:0;bottom:-1px;padding:105px 29px 0; box-sizing: border-box;}
.Sectors ul li strong em{display: block; line-height: 60px;float:left;font-size: 24px; color:#ffffff;font-family: Arial,sans-serif;text-shadow: 1px 1px 2px rgba(25,25,27,0.7500); font-weight: normal;}
.Sectors ul li strong i{display: block;float:right;line-height: 60px; font-size: 16px; color:#FFF;font-family: "MiSans"; font-weight: normal; }
.Sectors ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.loop{background:#EFF9FF;padding: 55px 0 97px;}
.loop h2{line-height: 79px; text-align: center;font-size: 50px; color:#1c6687;font-weight: normal;font-family: Arial,sans-serif; margin-bottom: 44px;}
.loop .lop-list{padding:0 30px;}
.loop .lop-list .bd{overflow: hidden;}
.loop .lop-list ul li{float:left; width:187px; line-height: 0; overflow: hidden; margin-right: 44px;}
.loop .lop-list ul li img{width:100%; }
.loop .lop-con{position: relative;}
.loop .lop-con .lop-jt em{display: block;width:46px;height:46px;}
.loop .lop-con .lop-jt i{display: block; width:46px;height:46px; cursor: pointer;}
.loop .lop-con .lop-jt em.lop-prev{position: absolute;left:-46px;top:30px;}
.loop .lop-con .lop-jt em.lop-next{position: absolute;right:-46px;top:30px;}
.loop .lop-con .lop-jt em.lop-prev i{background:url(../image/lop-prev.png) no-repeat center; position: relative;}
.loop .lop-con .lop-jt em.lop-next i{background:url(../image/lop-next.png) no-repeat center; position: relative;}
/**/
.super{padding:68px 0 37px;}
.super h2{text-align: center; margin-bottom: 27px; line-height: 105px;font-size: 50px; color:#1c6687; font-weight: normal;font-family: Arial,sans-serif;}
.super ul li{float:left;width:48.5%; margin-bottom: 63px;}
.super ul li:nth-child(2n){float:right;}
.super ul li dl dt{border-bottom:4px solid #f2a011; line-height: 0; overflow: hidden; position: relative;}
.super ul li dl dt img{width:100%; transition: 1s;}
.super ul li dl dt a{display: block; width:274px; height:93px; line-height: 93px;background:url(../image/sup-yy.png) no-repeat center;font-size: 16px; color:#ffffff; text-align: right;padding-right:39px; box-sizing: border-box; position: absolute;right:0;bottom:0;}
.super ul li dl dd{padding:35px 0 0 0;}
.super ul li dl dd h4{line-height: 32px;font-size: 30px; color:#1c6687;font-weight: normal;font-family: Arial,sans-serif;margin-bottom: 22px;}
.super ul li dl dd p{height:68px;line-height: 24px;font-size: 16px; color:#666666;font-weight: 300;font-family: Arial,sans-serif;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.super ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.lit{background:#EFF9FF;padding:64px 0 110px;}
.lit h2{text-align: center;line-height: 102px;font-size: 50px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal; margin-bottom: 32px;}
.lit ul li{float:left; width: 23.7%;height:332px;background:#FFFFFF;margin-left: 1.6%;padding-top:51px; box-sizing: border-box; transition: .5s; }
.lit ul li:first-child{margin-left: 0;}
.lit ul li em{display: block; width:84px;height:72px;margin:0 auto 15px; position: relative;}
.lit ul li em i{display: block; height:72px; width:100%; position: absolute;left:0;top:0;}
.lit ul li em i.default{-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.lit ul li em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.lit ul li span{display: block; line-height: 60px; text-align: center;font-size: 24px; color:#1c6687;font-family: "MiSans"; margin-bottom: 34px;}
.lit ul li strong{display: block; width:140px; height:44px;margin:0 auto;border: 1px solid #00A1E9;border-radius: 22px; box-sizing: border-box; transition: .5s;}
.lit ul li strong a{display: block; height:42px; text-align: center;}
.lit ul li strong a i{display: inline-block;height:42px; line-height: 42px;font-size: 16px; color:#00a1e9;padding-right:27px;background:url(../image/lit-xz.png) no-repeat right; font-weight: normal;}
.lit ul li:hover{background:#00A1E9;box-shadow: 10px 17px 50px 0px rgba(77,52,10,0.1500);}
.lit ul li:hover em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.lit ul li:hover em i.hover{opacity: 1; transform: scale(1);}
.lit ul li:hover span{color:#FFF;}
.lit ul li:hover strong{background:#F2A011;border:1px solid #F2A011;}
.lit ul li:hover strong a i{color:#FFF;background:url(../image/lit-xz_h.png) no-repeat right; }
/**/
.news{padding:68px 0 100px;}
.news h2{line-height: 94px;text-align: center; margin-bottom: 18px;}
.news h2 a{font-size: 50px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal;}
.news ul li{float:left; width:33.33%; height:560px; border-right:1px solid rgba(204,204,204,.5); box-sizing: border-box;padding:10px 35px 0;}
.news ul li:last-child{border-right:0;}
.news ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.news ul li dl dt img{width:100%;transition: 1s;}
.news ul li dl dd{padding-top:28px;}
.news ul li dl dd i{display: block; line-height: 25px;font-size: 16px; color:#00a1e9; margin-bottom: 12px; font-family: Arial,sans-serif;}
.news ul li dl dd h4{line-height: 31px; margin-bottom: 22px;height:62px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.news ul li dl dd h4 a{font-size: 20px; color:#1c6687; font-family: Arial,sans-serif; font-weight: normal;}
.news ul li dl dd p{line-height: 25px;font-size: 16px; color:#666666; margin-bottom: 44px;font-family: Arial,sans-serif;}
.news ul li dl dd em{display: block; width:46px;height:46px;}
.news ul li dl dd em a{display: block; height:46px; background:url(../image/news-jt.png) no-repeat center;}
.news ul li:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}