﻿/* 
----------------------------------
- msz--common
----------------------------------
*/
html body {
    font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;
	font-size: 14px;
	color: #1a1a1a;
	-webkit-font-smoothing: antialiased;
}

ol,ul {
	list-style: none;
	padding-left: 0
}

a,a:hover {
	text-decoration: none
}
    
    
    
    
.p-l-0{padding-left: 0 !important}    
.logoimg{width: 220px;}    

/* 
----------------------------------
- msz--首页
----------------------------------
*/



/*start banner*/
.carousel .carousel-inner .item{max-height:650px;}



.carousel .carousel-inner .item.banner1{background: url(../image/home-bg.jpg) no-repeat;background-size: cover;height:520px;}

.carousel .carousel-inner .item.banner2{background: url(../image/banner1.jpg) no-repeat;background-size: cover;height:520px;}

.carousel .carousel-inner .item.banner3{background: url(https://www.sondercloud.com/images/banner3.png) no-repeat;background-size: cover;height:500px;}

.banner-content{padding-top: 180px;position: absolute;z-index: 999999;}
.banner-content p{font-size: 18px;color: rgba(255,255,255,0.8);}
.carousel-indicators .active,.carousel-indicators li {
	width: 30px;
	height: 5px;
	border-radius: 0
}

.carousel-indicators li {
	border: 0;
	background-color: rgba(255,255,255,0.2);
	margin: 0
}

.carousel-control {
	top: 50%;
	background: none !important;
	text-shadow: 0
}


.banner-content p.dbt{font-size: 50px; -webkit-font-smoothing: initial; color: rgba(255,255,255,1)  }

/*end banner*/





@media (min-width: 1200px){
.container{
    width: 100%;
    padding:0 8%
}}





.index-top{background-color: #df8e1b;padding: 20px 0}
.index-top h2{font-size: 18px;font-weight: bold}

.index-center{background: #24387e;padding: 60px 0}
.index-center img{width: 100%}
.index-center h2{font-size: 18px;}
.index-center .index-center-cont{background: #fff;padding: 20px;height: 160px}

.index-center-one{margin-top: 30px}

.title{margin-bottom: 40px;}
.title h2{    text-align: center;
    color: #fff;
    font-size: 24px;
    border: 1px rgba(255,255,255,0.7) solid;
    width: 220px;
    margin: 0 auto;
    padding: 10px;}
 

.index-two{background-image:url(../image/pentagons.png);width: 100%;padding: 60px 0 }
.index-two .title h2{color: #333;border: 1px rgba(0,0,0,0.7) solid;width: 280px}

.index-two .left{padding-top: 20px}
.index-two .left p{font-size: 18px;line-height: 34px;margin-top:20px;color: #555}

.index-two .right h2{border-bottom: 2px #333 solid;width: 70px;padding-bottom: 10px;font-size: 60px;font-weight:normal;padding-top: 30px;}


.index-four{background: url(../image/banner.jpg) no-repeat;width: 100%;padding: 100px 0}
.index-four .left{background: rgba(0,0,0,0.6);padding: 60px;color: #fff;border-radius: 3px}
.index-four .left h2{font-size: 40px}
.index-four .left p{font-size: 18px;margin-top: 30px;line-height: 36px}

.footer{padding: 60px 0;background: #222;font-size: 16px;color: #fff}
.footer h2{font-size: 16px;font-weight: bold}
.footer img{width: 260px}



.index-jz .title h2{color: #666;border: 1px #ddd solid}
.index-jz{padding: 60px 0;text-align: center;}
.index-jz .index-jz-cont h2{font-size: 20px;font-weight: bold;}
.index-jz .col-sm-4 p{padding:10px 35px;font-size: 16px;}]

.navbar .navbar-nav .dropdown-toggle,.navbar-breadcrumb .navbar-nav .dropdown-toggle {
	margin: 0;
	padding: 12.5px 9px;
	width: 100%
}

.navbar .navbar-nav .dropdown-toggle .glyphicon,.navbar-breadcrumb .navbar-nav .dropdown-toggle .glyphicon {
	float: right;
	margin: 5px 15px 0 0
}

.navbar .navbar-nav h5.dropdown-toggle,.navbar-breadcrumb .navbar-nav h5.dropdown-toggle {
	padding: 10px 0
}

.navbar-nav {
	margin-top: 0;
	margin-bottom: 0
}

.navbar .form-group,.navbar .form-group .form-control,.navbar .form-group .verify-form__input,.navbar .navbar-form,.navbar-breadcrumb .form-group,.navbar-breadcrumb .form-group .form-control,.navbar-breadcrumb .form-group .verify-form__input,.navbar-breadcrumb .navbar-form {
	display: inline-block;
	margin-bottom: 0
}

.navbar-toggle .icon-bar:last-child {
	margin-top: 3px
}

@media screen and (min-width:995px) {
	.navbar-nav.navbar-right:last-child {
		margin-right: 0
	}
}

.navbar .icon-search,.navbar-breadcrumb .icon-search {
	font-size: 20px;
	color: #fff
}

.navbar-breadcrumb {
	min-height: none
}

.navbar-collapse {
	border-bottom: 7px solid #3f3f3f
}

@media screen and (min-width:995px) {
	.navbar-collapse {
		border-bottom: none
	}
}

.navbar-collapse .navbar-nav {
	margin-top: 0;
	margin-bottom: 150px
}

@media screen and (min-height:541px) {
	.navbar-collapse .navbar-nav {
		margin-bottom: 0
	}
}

@media screen and (min-width:995px) {
	.navbar-collapse .navbar-nav {
		margin-bottom: 0!important
	}
}

.navbar-collapse .navbar-right {
	margin-top: 0;
	margin-bottom: 0
}

.visible-xs.visible-sm .signup_btn.search-icon,.visible-xs.visible-sm a.signup_btn,.visible-xs.visible-sm button.signup_btn {
	margin: 5px 10px!important
}

.navbar-collapse .navbar-nav li .signup_btn.search-icon,.navbar-collapse .navbar-nav li a.signup_btn,.navbar-collapse .navbar-nav li button.signup_btn {
	display: block;
	margin: 0 10px 15px
}

@media screen and (min-width:995px) {
	.navbar-collapse .navbar-nav li .signup_btn.search-icon,.navbar-collapse .navbar-nav li a.signup_btn,.navbar-collapse .navbar-nav li button.signup_btn {
		display: inline;
		margin: 0 0 15px 10px;
		line-height: 50px
	}
}

.navbar-nav .glyphicon {
	pointer-events: none
}

.navbar-centered {
	text-align: center;
	background: #fff;
	border: none;
	border-radius: 0;
	width: 100%;
}

.navbar-centered.affix {
	top: 0px
}

.navbar-centered.affix-top {
	position: absolute;
	top: 0
}

.navbar-centered .navbar-nav {
	display: inline-block;
	vertical-align: middle;
	float:right;
}

.navbar-centered .navbar-nav li a {
	color: #222;
	font-size: 16px;
	padding-top: 25px;
	padding-left: 50px;
}

.navbar-centered .navbar-nav li a:hover {
	opacity: 1;
	background: 0 0
}

.navbar-centered .navbar-nav li a:focus {
	background: 0 0
}

.navbar-centered .navbar-nav li.active {
	background: #616365
}

.navbar-centered .navbar-nav li.active a {
	opacity: 1
}

.centered-navbar-wrapper {
	position: relative;
	margin-bottom: 50px;
	z-index: 10
}

.affix {
	z-index: 5
}

.navbar-toggle {
	margin: 12px;
	padding: 7px 10px 5px
}

.navbar-inverse .navbar-toggle.collapsed {
	background-color: transparent
}
.navbar-brand{padding-top:10px;border-right: 1px #ccc solid;height: 70px;padding-right: 50px}
.navbar-brand__img {
	margin-top: 5px;
	max-width: 125px
}

.navbar__dropdown {
	overflow: hidden
}

.navbar__dropdown>a>.glyphicon {
	color: #00853f
}

.nav>li {
	padding: 5px 0
}

@media screen and (min-width:995px) {
	.nav>li.navbar__dropdown:hover>.navbar__link {
		color: #fff
	}

	.nav>li.navbar__dropdown.hover>.dropdown-menu {
		display: block
	}
}

.nav .fluid-svg {
	width: 100%
}

.nav .fluid-svg svg {
	height: 22px;
	width: 22px;
	vertical-align: top
}

@media screen and (min-width:995px) {
	.no-js .nav>li.navbar__dropdown:hover>.dropdown-menu {
		display: block
	}
}

.navbar__link {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 20px
}

.navbar-nav>li>.navbar__btn.search-icon,.navbar-nav>li>a.navbar__btn,.navbar-nav>li>button.navbar__btn {
	display: inline-block;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0;
	padding: 5px 25px;
	text-transform: uppercase
}

@media screen and (min-width:995px) {
	.navbar-nav>li>.navbar__btn.search-icon,.navbar-nav>li>a.navbar__btn,.navbar-nav>li>button.navbar__btn {
		margin: 9px 0
	}
}

.nav-cta {
	margin: 15px 0
}

@media screen and (min-width:995px) {
	.nav-cta {
		margin: 0 0 10px
	}
}

.nav-cta .nav-cta-inner {
	color: #fff;
	display: block
}

@media screen and (min-width:995px) {
	.nav-cta .nav-cta-inner {
		display: inline-block
	}
}