body,
html {
    background: #fff
}

body {
    position: relative
}

.container-fluid {
    padding: 0
}

.navbar-top {
    margin-bottom: 0;
    min-width: 0;
    padding: 0
}

.row {
    margin: 0
}

.wow {
    visibility: hidden
}

.navbar-default .navbar-nav li a {
    color: #fff
}

.navbar-fixed-top {
    background: rgba(0, 0, 0, .5);
    border: none;
    width: 100%;
    z-index: 10
}

.navbar-brand {
    padding: 0
}

.navbar-brand .logo {
    width: 1rem;
    display: block;
    margin: 5px 0 0;
}

.jumbotron {
    padding: 0;
    position: absolute
}

.jumbotron .banner img {
    width: 1920px;
    height: 7rem
}

.title-container {
    height: 7rem;
    padding: 2.5rem 0 0 0
}

.title-box {
    height: 7rem;
    background: url(../images/banner@2x.png) no-repeat center center
}

.title-box .title {
    font-size: .5rem;
    color: #fff;
    line-height: .7rem
	
}

.title-box .subtitle {
    font-size: .2rem;
    color: #fff;
    line-height: .28rem;
    font-weight: 300
}

.list-title {
    font-size: .36rem;
    text-align: center;
    line-height: 1.3rem
}

.list-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 3rem;
    margin: 0 auto;
    font-weight: 300
}

.list-field .subtitle {
    color: #666;
    line-height: .24rem
}

.list-field .title {
    font-size: .18rem;
    margin-top: .2rem;
    color: #222;
    font-weight: 700
	
}

.list-field img {
    display: block;
    width: 1rem;
    height: 1rem;

}

.other-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 5 auto;
    border: 1px solid #e6e6e6;
    padding: .2rem 0;
	height:300px;
	 margin-top: .2rem;
	
}

.other-field .subtitle {
    color: #666;
    font-weight: 300;
	margin-left: .2rem;
	margin-right:.2rem;
}

.other-field .title {
    font-size: .18rem;
    color: #222;
    line-height: .25rem;
    font-weight: 700;
    margin-top: .2rem;
}

.other-field img {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #ddd;
	margin-top: .2rem;
	
	
}

.other-field:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
	vertical-align:middle
}

.first-container {
    height: 4.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    background: url(../icons/laoying.jpg) no-repeat center center;
    background-attachment: fixed
}

.first-container .title {
    font-size: .36rem
}

.first-container .subtitle {
    font-size: .14rem;
    line-height: .36rem;
    font-weight: 300
}

.second-container {
    height: 4.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    background: url(../images/banner-b@2x.png) no-repeat center center;
    background-attachment: fixed
}

.second-container .title {
    font-size: .36rem
}

.second-container .subtitle {
    font-size: .14rem;
    line-height: .36rem;
    font-weight: 300
}

.fixed-box {
    position: absolute;
    top: 11.19rem
}

.fixed-box .banner img {
    height: 4.6rem;
	vertical-align:middle;
	margin-top: .2rem;
}

.first-field {
    padding: 0 0 1rem
}

.second-field {
    padding: 0 0 1rem
}

.about-box {
    position: absolute;
    top: 20rem
}

.about-box .banner img {
    height: 4.6rem
}

.cooperation-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.cooperation {
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem
}

.cooperation img {
    display: block;
    width: 1.2rem;
    height: .4rem
}

.cooperation:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    cursor: pointer
}

.pattern {
    padding: 0 0 1rem
}

.footer {
    background: #000;
    color: #fff;
    padding: .2rem 0
}

.footer .first-line {
    line-height: .5rem
}

.footer .second-line {
    line-height: .3rem
}

.footer a {
    color: #fff
}

.footer a:hover {
    text-decoration: none;
    color: #FA7F0A
}

.contact-form {
    margin: 0 0 .1rem 0
}

.submit-btn {
    background: #fa7f0a;
    color: #fff;
    margin: .2rem 0
}

.submit-btn:hover {
    color: #fff
}

.footer-title {
    margin: .3rem .2rem;
    font-size: .26rem;
    color: #222;
    line-height: .37rem
}

.addr {
    padding: 0 0 0 .27rem
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #FA7F0A
}

.mouse-in:hover {
    transform: scale(1.2);
    cursor: pointer
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .brand {
    margin: 0 0 0 .2rem
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background: 0 0
}

.contact-us {
    background: #f6f6f6;
    padding: 1rem
}

.inner-contact {
    background: #fff;
    width: 74%;
    margin: 0 auto
}