/*banner*/
.banner{margin-top: 100px; position:relative; overflow: hidden; height: 540px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{}
.banner .bd li{overflow:hidden; height:540px; text-align:center; }
.banner .bd li a{display:block; width: 100%; height: 100%; text-align: center;}

.banner .hd{position:absolute; z-index:1; bottom:15px; left:0; right: 0px; text-align: center;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:12px; height:12px; background: ; margin:0 5px; border-radius: 50%; font-size: 0px;}
/*.banner .hd ul .on{background: #000099;}*/

/*<!--.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-40px; width:80px; height:80px; cursor:pointer; display:none;}
.banner .prev{left: 20px; background: url(../images/icon-left.png) no-repeat;}
.banner .next{right:20px; background: url(../images/icon-right.png) no-repeat;}-->*/

.bsm{margin-top: 80px;}




/**/
.part1{padding-top: 50px; padding-bottom: 50px; }
.part1 h2{font-size: 32px; line-height:150%; color: #000099;font-weight:bold}
.part1 h3{display: inline-block; position: relative; margin-top: 20px; padding: 0 22px; font-size: 20px; color: #222; line-height: 1; font-weight: bold;}
.part1 h3:after,
.part1 h3:before{position: absolute; top: 45%; display: block; content: ""; width: 15px; height: 3px; background: #000099;}
.part1 h3:after{left: 0px;}
.part1 h3:before{right: 0px;}
.part2 h2,
.part2 h3{color: #fff;}
.part2 h3:after,
.part2 h3:before{background: #fff;}


/**/
.news_bg{background: #002060; overflow: hidden;}
.news_a{padding: 50px 0; line-height: 210%; font-size: 16px; color: #fff}
.news_a b{font-size: 24px; color: #66ffff}


/**/
.list1{padding-bottom: 60px;}
.list1:after{display: block; content: ""; clear: both;}
.list1 li{float: left; width: 15.8%; text-align: center;}
.list1 li img{height: 180px; margin-bottom:30px}
.list1 li h2{padding-bottom: 12px; font-size: 12px; color: #000099; line-height: 16px;text-align:left;margin:0 10px;height:80px;font-weight:bold}


/**/
.about_bg{background: #f3f3f3; overflow: hidden;}



/**/
.list2{text-align: center; margin-left: -69px; display: flex;margin-top:50px}
.list2 li{ width:25%; color: #000099; flex: 1; }
.list2 li a{display: block; margin-left: 69px;}
.list2 li span{ display: inline-block; border-radius: 50%; transition: 0.3s;}
.list2 li span i{display: inline-block;width: 180px;height: 100px;border: 1px solid #004a9f;background:#66ffff;border-radius: 50%;line-height: 18px;font-size: 14px;color: #000099;font-weight:bold;padding:22px 40px 0 40px}
.list2 li h2{padding-top: 25px; font-size: 18px; line-height: 1; line-height: 22px; color: #000099;  box-sizing: border-box; font-weight: bold;}
.list2 li p{font-size: 16px; margin-top: 10px; color: 666; line-height: 22px;}
.list2 li a p{color: #000099;}
.list2 li span:hover{transform: translateY(-5px);}




/**/
.list3{text-align: left;  display: flex; margin-left:100px}
.list3 li{ width:25%; color: #000099; flex: 1; }
.list3 li a{display: block; }
.list3 li h2{ font-size: 20px; line-height: 30px; color: #000099;  box-sizing: border-box; font-weight: bold;}


/**/
.list4{text-align: center; display: flex;margin:60px}
.list4 li{ width:50%; color: #004a9f; flex: 1; }
.list4 li a{display: block; }
.list4 li span{ display: inline-block; border-radius: 50%; transition: 0.3s;}
.list4 li span i{display: inline-block;width: 300px;height: 70px;border: 1px solid #004a9f;background:#004a9f;border-radius: 50%;line-height: 18px;font-size: 18px;color: #fff;font-weight:bold;padding:22px 40px 0 40px}