.header{display: none}
.section{background: #fff;box-sizing: border-box;padding-left: 235px;}
.section1{padding-left: 0}
.main{width: 1100px;margin: 0 auto}

@media screen and (max-height: 850px){
	.section{padding-left: 200px}
}

.banner { position:relative;  text-align:center; overflow:hidden; }
.banner .bd { position:relative;width: 100%;height: 100%; }
.banner .bd ul li a {display: block; background-size:cover !important; height:100%;background-repeat: no-repeat;background-position: center;}
.banner .hd { position:absolute; bottom:60px; width:100%;z-index:9; text-align:center;}
.banner .hd ul {line-height: 4px;  }
.banner .hd ul li { display:inline-block; *display:inline; text-indent: 999px;zoom:1;overflow:hidden; cursor:pointer;background: #000000 ; width: 50px;height: 8px;margin:0 10px;border-radius: 8px;}
.banner .hd ul .on { background: #2152a0 ;padding: 0}
.banner .bd img{vertical-align: bottom}

.topArea{}
.topArea .h{font-size: 42px;color: #181818}
.topArea .p{font-size: 14px;color: #181818;text-transform: uppercase;padding-left: 46px;background: url(ico_01.png) no-repeat left center;}

.topArea2{font-size: 20px;color: #2152a0;vertical-align: bottom;}
.topArea2 span{font-size: 14px;color: #2152a0;text-transform: uppercase;margin-left: 15px}

.section2 .s2-c{margin-top: 38px;}
.section2 .s2-c .leftArea{float: left;width: 500px;height: 442px;overflow: hidden;position: relative;}
.section2 .s2-c .leftArea .qLink{background: rgba(48,48,48,.43);position: absolute;top: 0;right: 0;width: 210px;z-index: 3}
.section2 .s2-c .leftArea .qLink ul li{width: 105px;float: left;}
.section2 .s2-c .leftArea .qLink ul li a{display: block;height: 122px;box-sizing: border-box;padding: 30px 0 0}
.section2 .s2-c .leftArea .qLink ul li .icon{width: 45px;margin: 0 auto}
.section2 .s2-c .leftArea .qLink ul li:hover{background: #2152a0}
.section2 .s2-c .leftArea .qLink ul li .p{font-size: 13px;color: #fff;text-align: center;}
.section2 .s2-c .rightArea{float: right;width: 590px;height: 512px;box-sizing: border-box;padding: 78px 60px 0 35px;background: #fff;margin-top: -70px}
.section2 .s2-c .rightArea .h{font-size: 32px;color: #181818;}
.section2 .s2-c .rightArea .p{font-size: 14px;color: #181818;padding-left: 55px;background: url(ico_01.png) no-repeat left center;margin-top: 20px;}
.section2 .s2-c .rightArea .cont{font-size: 16px;color: #181818;line-height: 26px;margin-top: 3px;}
.section2 .s2-c .rightArea .nList{margin-top: 40px;}
.section2 .s2-c .rightArea .nList ul li{float: left;text-align: center;position: relative;padding: 0 20px}
.section2 .s2-c .rightArea .nList ul li:first-child{text-align: left;padding-left: 0}
.section2 .s2-c .rightArea .nList ul li:after{content: '';position: absolute;right: 0;top: 50%;width: 1px;height: 48px;margin-top: -24px;background: #000000}
.section2 .s2-c .rightArea .nList ul li:last-child:after{display: none}
.section2 .s2-c .rightArea .nList ul li .a{}
.section2 .s2-c .rightArea .nList ul li .a span{font-size: 42px;color: #2152a0;line-height: 48px;}
.section2 .s2-c .rightArea .nList ul li .a em{font-size: 14px;color: #2152a0;vertical-align: top;}
.section2 .s2-c .rightArea .nList ul li .b{font-size: 15px;color: #1e1e1e}
.section2 .s2-c .rightArea .m{margin-top: 38px;}
.section2 .s2-c .rightArea .m .more{display: block;width: 110px;height: 36px;line-height: 36px;border-radius: 20px;text-align: center;font-size: 14px;color: #fff;background: #01478b}

.section3{background: #f8f8f8}
.section3 .topArea2{padding-left: 575px;}
.section3 .s3-c{margin-top: 20px;border: 1px solid #b7b7b7;position: relative;}
.section3 .s3-c .bd .item{padding: 38px 40px 0 40px;height: 390px;}
.section3 .s3-c .bd .item .pic{float: left;width: 480px;height: auto;position: relative;margin-top: -100px;overflow: hidden;}
.section3 .s3-c .bd .item .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.section3 .s3-c .bd .item .pic: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); }
.section3 .s3-c .bd .item .txt{width: 485px;float: right;}
.section3 .s3-c .bd .item .txt .h a{font-size: 32px;color: #181818;letter-spacing: 2px}
.section3 .s3-c .bd .item .txt .p{font-size: 14px;color: #181818;padding-left: 55px;background: url(ico_01.png) no-repeat left center;margin-top: 16px}
.section3 .s3-c .bd .item .txt .cont{font-size: 16px;color: #181818;line-height: 30px;margin-top: 20px}
.section3 .s3-c .bd .item .txt .m{margin-top: 25px;}
.section3 .s3-c .bd .item .txt .m a{display: block;width: 130px;height: 42px;line-height: 42px;text-align: center;font-size: 14px;color: #fff;background: #01478b;border-radius: 20px}
.section3 .s3-c .hd{position: absolute;bottom: 60px;right: 40px;}
.section3 .s3-c .hd ul{display: inline-block;}
.section3 .s3-c .hd ul li{float: left;font-size: 18px;color: #9d9d9d;font-weight: bold;margin: 0 5px;transition: all .5s ease;position: relative;}
.section3 .s3-c .hd ul li.on{color: #1a1a1a;padding-right: 150px;}
.section3 .s3-c .hd ul li:last-child.on{padding-right: 0;padding-left: 150px}
.section3 .s3-c .hd ul li:after{content: '';position: absolute;top: 50%;margin-top: -1px;right: 0;width: 0;transition: all .5s ease;height: 1px;background: #8c8c8c}
.section3 .s3-c .hd ul li:last-child:after{left: 0;right: unset;}
.section3 .s3-c .hd ul li.on:after{width:130px}
.section3 .s3-c .prev{width: 24px;height: 30px;background: url(prev.png) no-repeat center center;cursor: pointer;display: inline-block;}
.section3 .s3-c .next{width: 24px;height: 30px;background: url(next.png) no-repeat center center;cursor: pointer;display: inline-block;}

.section4{}
.section4 .s4-c{margin-top: 25px;}
.section4 .s4-c .hd{background: #074380}
.section4 .s4-c .hd ul li{float: left;width: 171px;background: #074380;transition: all .5s ease;position: relative;}
.section4 .s4-c .hd ul li.on{background: #0c71d8}
.section4 .s4-c .hd ul li:after{content: '';position: absolute;width: 23px;height: 10px;bottom: -10px;left: 50%;margin-left: -12px;background: url(ico_02.png) no-repeat;visibility: hidden;opacity: 0;transition: all .5s ease;}
.section4 .s4-c .hd ul li.on:after{visibility: visible;opacity: 1}
.section4 .s4-c .hd ul li a{height: 107px;box-sizing: border-box;padding-top: 17px;display: block;}
.section4 .s4-c .hd ul li .icon{width: 50px;height: 50px;margin: 0 auto}
.section4 .s4-c .hd ul li .p{font-size: 12px;color: #fff;text-align: center;}
.section4 .s4-c .bd{margin-top: 30px;}
.section4 .s4-c .bd .leftArea{float: left;width: 430px;height: 430px;position: relative;}
.section4 .s4-c .bd .leftArea .pic{width: 430px;height: 430px;overflow: hidden;}
.section4 .s4-c .bd .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%;}
.section4 .s4-c .bd .leftArea .pic: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); }
.section4 .s4-c .bd .leftArea .ti{position: absolute;left: -70px;top: 50%;transform: translateY(-50%);width: 39px;height: auto;}
.section4 .s4-c .bd .leftArea .ti img{width: 39px;height: auto;}
.section4 .s4-c .bd .rightArea{float: right;width: 651px;}
.section4 .s4-c .bd .rightArea ul li{float: left;width: 207px;height: 207px;margin-bottom: 15px;margin-right: 15px;overflow: hidden;}
.section4 .s4-c .bd .rightArea 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%;}
.section4 .s4-c .bd .rightArea 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); }
.section4 .s4-c .bd .rightArea ul li:nth-child(3n){margin-right: 0}

.section5{background: #f5f5f5}
.section5 .intro{font-size: 16px;color: #181818;line-height: 36px;margin-top: 20px;}
.section5 .list{margin-top: 33px;}
.section5 .list ul li{float: left;width: 350px;height: 466px;box-sizing: border-box;padding: 45px 35px 0 35px;background: #ffffff;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius: 30px 0 30px 0;margin-right: 25px;transition: all .5s ease;}
.section5 .list ul li:last-child{margin-right: 0}
.section5 .list ul li .icon{width: 70px;height: 70px;position: relative;}
.section5 .list ul li .icon .img1{transition: all .5s ease;visibility: visible;opacity: 1}
.section5 .list ul li .icon .img2{position: absolute;left: 0;top: 0;transition: all .5s ease;visibility: hidden;opacity: 0}
.section5 .list ul li:hover .icon .img1{visibility: hidden;opacity: 0}
.section5 .list ul li:hover .icon .img2{visibility: visible;opacity: 1}
.section5 .list ul li .h{font-size: 24px;color: #181818;margin-top: 40px;padding-bottom: 25px;position: relative;transition: all .5s ease;}
.section5 .list ul li .h:after{content: '';position: absolute;bottom: 0;left: 0;width: 16px;height: 1px;background: #1d1d1d;transition: all .5s ease;}
.section5 .list ul li .cont{margin-top: 15px;font-size: 12px;color: #181818;line-height: 2;transition: all .5s ease;}
.section5 .list ul li .m{margin-top: 55px;}
.section5 .list ul li .m a{display: block;width: 70px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #181818;border: 1px solid #181818;border-radius: 20px}
.section5 .list ul li:hover{background: #2152a0}
.section5 .list ul li:hover .h{color: #fff}
.section5 .list ul li:hover .h:after{background: #fff}
.section5 .list ul li:hover .cont{color: #fff}
.section5 .list ul li:hover .m a{color: #fff;border: 1px solid #fff}

.section6{}
.section6 .s6-c{margin-top: 22px;}
.section6 .s6-c .leftArea{float: left;width: 446px;}
.section6 .s6-c .leftArea a{display: block;background: #2152a0}
.section6 .s6-c .leftArea .pic{width: 446px;height: 280px;overflow: hidden;}
.section6 .s6-c .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%;}
.section6 .s6-c .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); }
.section6 .s6-c .leftArea .txt{height: 135px;box-sizing: border-box;padding: 26px 50px 0 22px;background: url(ico_03.png) no-repeat 418px center;}
.section6 .s6-c .leftArea .txt .h{font-size: 16px;color: #ffffff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.section6 .s6-c .leftArea .txt .h span{font-size: 14px;color: #fff;float: right;}
.section6 .s6-c .leftArea .txt .cont{font-size: 14px;color: #fff;line-height: 24px;margin-top: 10px;}
.section6 .s6-c .rightArea{float: right;width: 654px;height: 415px;box-sizing: border-box;background: #fff;padding: 32px 12px 0 35px;}
.section6 .s6-c .rightArea ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height:35px;
}
.section6 .s6-c .rightArea ul li:last-child{margin-bottom: 0}
.section6 .s6-c .rightArea ul li .h{padding-bottom: 8px;border-bottom: 1px solid #bcbcbc}
.section6 .s6-c .rightArea ul li .h a{display: block;font-size: 14px;color: #252525;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.section6 .s6-c .rightArea ul li .h span{font-size: 14px;color: #252525;float: right;}
.section6 .s6-c .rightArea ul li .cont{font-size: 14px;color: #595959;line-height: 2;margin-top: 20px;display: none}
.section6 .s6-c .rightArea ul li .time{float: right;width: 85px;text-align: right;background: #fff;display: none;padding-top: 16px}
.section6 .s6-c .rightArea ul li .time .a{font-size: 42px;color: #4f4f4f;line-height: 48px;}
.section6 .s6-c .rightArea ul li .time .b{font-size: 14px;color: #4f4f4f}
.section6 .s6-c .rightArea ul li.on .cont{display: block;}
.section6 .s6-c .rightArea ul li.on .time{display: block;}
.section6 .s6-c .rightArea ul li.on .h a{font-size: 16px;color: #2152a0}
.section6 .s6-c .rightArea ul li.on .h span{display: none}

.section6 .s6-m{margin-top: 45px;text-align: center;}
.section6 .s6-m a{display: inline-block;width: 110px;height: 36px;line-height: 36px;border-radius: 20px;text-align: center;font-size: 14px;color: #fff;background: #01478b}


.footer{overflow: unset!important;}
.footer .fp-tableCell{overflow: unset!important;}
.footer .up-icon{margin-left: 82px!important;cursor: pointer;}
 

@media screen and (max-height: 850px){
	.footer .up-icon{margin-left: 65px!important;}
}


.section2.active .topArea{-webkit-animation: bounceInLeft 1s 0s ease;animation: bounceInLeft 1s 0s ease;}
.section2.active .leftArea{-webkit-animation: fadeInLeft 1s 0s ease;animation: fadeInLeft 1s 0s ease;}
.section2.active .rightArea{-webkit-animation: zoomIn 1s 0s ease;animation: zoomIn 1s 0s ease;}

.section3.active .topArea{-webkit-animation: fadeInDown 1s 0s ease;animation: fadeInDown 1s 0s ease;}
.section3.active .s3-c{-webkit-animation: zoomIn 1s 0s ease;animation: zoomIn 1s 0s ease;}

.section4.active .topArea{-webkit-animation: bounceInLeft 1s 0s ease;animation: bounceInLeft 1s 0s ease;}
.section4.active .s4-c .hd{-webkit-animation: fadeInDown 1s 0s ease;animation: fadeInDown 1s 0s ease;}
.section4.active .leftArea{-webkit-animation: fadeInLeft 1s 0s ease;animation: fadeInLeft 1s 0s ease;}
.section4.active .rightArea{-webkit-animation: zoomIn 1s 0s ease;animation: zoomIn 1s 0s ease;}

.section5.active .topArea{-webkit-animation: bounceInLeft 1s 0s ease;animation: bounceInLeft 1s 0s ease;}
.section5.active .intro{-webkit-animation: fadeInUp 1s 0s ease;animation: fadeInUp 1s 0s ease;}
.section5.active .list{-webkit-animation: zoomIn 1s 0s ease;animation: zoomIn 1s 0s ease;}

.section6.active .topArea{-webkit-animation: bounceInLeft 1s 0s ease;animation: bounceInLeft 1s 0s ease;}
.section6.active .s6-c .leftArea{-webkit-animation: fadeInLeft 1s 0s ease;animation: fadeInLeft 1s 0s ease;}
.section6.active .s6-c .rightArea{-webkit-animation: fadeInRight 1s 0s ease;animation: fadeInRight 1s 0s ease;}