@charset "utf-8";
/* CSS Document By CC */

*{ -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
*{margin:0; padding:0; list-style:none;}
em{font-style: normal;}
html {height: 100%;  -webkit-text-size-adjust: none;}
body {background:#f4f7fc; font-family: 微软雅黑; -webkit-font-smoothing: antialiased; min-height: 100%; width:100%; color: #888;}
.clear::before,.clear::after{content: "";display: table;}
.clear::after{clear: both;}
.clear{zoom: 1;}
.left{float: left;}
.right {float: right;}

/*****弹性布局*****/
.cent{display: flex;align-items: center;justify-content: center;}
.rows {display: flex;flex-direction: row;align-items: center;}
.column {display: flex;flex-direction: column;align-items: center;}
.between {display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

img{max-width: 100%; display: block; padding: 0; margin: 0 auto; border: 0; text-align: center;}
header,footer,section{width: 750px;margin: 0 auto;}
section{background:url("../images/mainbg.jpg") no-repeat top center; background-size:100% 100%;  width:750px; padding: 80px 30px 10px 30px; position: relative;}
header{position: absolute; top:0; left: 0; width: 100%; text-align:center; z-index: 99;}
.main{position: relative; margin-bottom:60px;}
.mainImg{text-align: center;}
.main_gif{position: absolute; bottom: -50px; left: 0; width: 100%; text-align: center;}
.menu {margin: 0 auto; width:98%;  height:160px; box-shadow: 0 5px 5px rgba(100,143,250,.5); border-radius: 20px;background: linear-gradient(to bottom, #4e81f9,#7da2fb); padding:6px; overflow: hidden;}
.menu .nav{background: url("../images/bg2.png") no-repeat top center;border-radius:16px; overflow: hidden; height: 100%; box-shadow: inset 0 5px 5px rgba(100,143,250,.5); padding: 10px; }
.menu .nav li{background: url("../images/mbg.png") no-repeat top center; width: 102px; height: 133px; display: inline-block; padding: 10px; text-align: center;}
.menu .nav li a{display: block; text-align: center;text-decoration:none;}
.menu .nav li:hover{opacity: .7;}
.menu .nav li a .img{width: 70px;height: 70px; border-radius: 35px; background: #d6e7f6; padding: 7px; margin:3px auto;}
.menu .nav li a p{font:bolder 20px/24px "微软雅黑"; color: #4e81f9;}
.list_one{ width: 98%; height: 126px; margin:30px  auto; background: url("../images/list_bg.jpg") no-repeat top center; border-radius: 30px; box-shadow:inset 0 3px 0 #fff,0 0 10px rgba(100,143,250,.5);
background-size: 100% 100%;}
.list_one .img img{max-width:116px; max-height: 80px;}
.list_one .img,.list_one  h2{float: left;}
.list_one .btn_blue{float:right; width: 175px; height: 60px; border-radius:30px; margin-top: 10px; background: linear-gradient(to bottom,#9cacd7,#4d75d6);font:28px/60px "微软雅黑"; color: #fff; text-align: center; }
.list_one  h2{display: flex;align-items: center;justify-content: center;font:bold 30px/80px "微软雅黑"; color: #1e2354; margin-left: 20px;  }
.list_one a{display: block;width: 100%; height: 100%; padding: 20px 30px;}
.list_one:hover{box-shadow:inset 0 3px 0 #fff,0 0 10px rgba(100,143,250,1);}
footer{text-align: center; padding: 20px;}
footer .tit{display: inline-block; font:30px/40px ""; color: #555; border-bottom:3px solid #487cec; padding: 0 10px; margin-bottom: 20px;  }
footer .text p{font:24px/30px ""; text-align: left; margin: 10px;}
footer .text{margin:0 auto; width:90%;}