/*--globle--*/
body{color: #333333;}
.slide{display: block;}
.slide img{width: 100%; vertical-align:bottom;}
.box{padding-top: 1rem; padding-bottom: 1rem;}
.bg-base{background: #1C99EF;}
.bg-blue{background: #1C99EF;}
.fc-base{color: #FF669D;}
.padd-b-warp{padding-bottom: 70px;}
.padd-tb-warp{padding-top: 40px; padding-bottom: 70px;}
.tips-label{background: #EDF9FF; color: #3D9CCC; padding: 3px 5px; display: inline-block;}
.element-auto{display: block;}
.element-auto img, .element-auto table{width: 100%;}

/*--layout-header--*/
.header{padding: 0.5rem;}
.header .logo{float: left;}
.header .logo img{height: 1.6rem;}
.header .menu{ float: right;}
.header .menu img{width: 1.6rem; margin-top: .3rem;}
.header .menu-nav{position: fixed; padding: 1.5rem; top: 0; right: 0; background: #fff;}
.header .menu-nav dt{position: absolute; top: 0; right: 0;}
.header .menu-nav a{color: #000000;}

/*--layout-main--*/
.li-part{padding-top: 1.7rem; padding-bottom: 1.7rem; color: #fff;}
.li-part h1{font-size: 1rem;}
.li-part img{width: 4rem;}

.part-4{padding: 1rem 0rem; background: url(../images/page_4.jpg) top center; background-size: cover; box-sizing:border-box;}
.part-4 li img{width: 70%;}

.li-business{height: 8rem; position: relative; overflow: hidden;}
.li-business>img{width: 130%; position: absolute; top: 0; left: 0;}
.li-business>div{width: 100%; height: 100%; position: absolute; color: #fff; background: rgba(0, 0, 0, 0.7) none repeat scroll !important; filter: Alpha(opacity=70);}
.li-business>div>img{height: 40%; margin-top: 12%;}

/*--layout-footer--*/
.footer{display: block; padding-bottom: 4rem;}

/*--layout-nav--*/
.nav{position: fixed; left: 0; bottom: 0; right: 0; display: block;}
.nav .nav-menu li{height: 3rem; text-align: center;}
.nav .nav-menu li a{color: #fff; font-size: 0.8rem; display: block;}
.nav .nav-menu li i{margin: 0.2rem 0 0 0; font-size: 1.5rem; display: block;}