body {
	background: #fff;
	font-size: 16px;
	color: #333;
	text-align: center;
	font-family: "microsoft yahei";
	/*overflow-x: hidden;*/
}

strong {
	font-weight: 500;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	outline: none;
}

img {
	max-width: 100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
input:focus{
	outline: none;
}
ul{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}
/***** Top menu *****/
.navbar {
	margin-bottom: 0;
	border: 0;
	background: transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	box-shadow: 0px 0px 10px rgba(0,0,0,.12);
	position: fixed;
	top: 0;
	width: 100%;
}
.navbar:before{
	position: fixed;
    content: "";
    background: #FFF;
    height: 0;
    width: 100%;
    display: block;
    z-index: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.25, 0, 1);
    transition: all 0.4s cubic-bezier(0.4, 0.25, 0, 1);
}
body.scrolled .navbar::before{
	height: 64px;
}
.navbar .wrap{
	overflow: hidden;
}
ul.navbar-nav {
	font-size: 14px;
}

ul.navbar-nav>li{
	margin: 0 17px;
}
ul.navbar-nav>li>a {
	position: relative;
	padding: 0;
	height: 64px;
	line-height: 64px;
	color: #fff;
	z-index: 10;
}
ul.navbar-nav>li>a:hover,
ul.navbar-nav>li>a:focus {
	background: none;
}
ul.navbar-nav>li>a::after{
    content: "";
    float: left;
    width: 100%;
    background: #000;
    height: 2px;
    margin-top: -20px;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
ul.navbar-nav>li>a.top_dh_in::after{
	opacity: 1;
    transform: scaleX(1);
}

.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	width: 256px;
	height: 64px;
	background: url(../img/logo.png) left center no-repeat;
	background-size:100% auto;
	text-indent: -99999px;
	z-index: 10;
    position: relative;
}
.navbar .freeUse{
	height: 64px;
	display:flex;
	margin-left: 25px;
    /*justify-content:center;*/
    align-items:center;
    text-align: left;
}
.navbar .freeUse a{
	color: #cc0000;
	font-size: 14px;
	display: block;
	line-height: 14px;
	padding: 10px;
	background: #f0ad4e;
	border-radius: 5px;
	z-index: 10;
    position: relative;
}

.scrolled ul.navbar-nav>li>a{
	color: #000;
}

.scrolled .navbar-brand{
	background: url(../img/logo1.png) left center no-repeat;
	background-size:100% auto;
}
/****************************首页************************/

.banner{
	position: relative;
	height: 100vh;
	background: url(../img/banner.jpg) no-repeat center top;
	background-size:cover;
}
.banner .bannerContent{
	position: absolute;
	width: 80%;
	top:50%;
	left: 50%;
    transform:translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.banner .bannerContent a{
	display: block;
	margin-top: 80px;
}
.main h2{
	font-size: 49px;
	color: #000;
	margin: 0;
}
.index-div1{
	background: #f6f6f6;
	padding: 80px 0;
}
.index-div1 img{
	margin-top: 30px;
}
.index-div2 {
	padding: 50px 0;
}
.index-div2 .row{
	max-width: 1000px;
	margin: 50px auto 0;
}

.index-div2 .row .imgDiv{
	height: 107px;
	line-height: 107px;
}
.index-div2 .row h4{
	font-size: 16px;
	color: #0066cc;
	margin: 18px 0 8px;
}
.index-div2 .row span{
	font-size: 14px;
	color: #888;
}
.index-div3{
	background: #f6f6f6;
	padding: 45px 0 0;
}
.index-div3 .row{
	max-width: 1000px;
	margin: 45px auto 0;
}
.index-div3 .row div .conDiv{
	background: #fff;
	margin-bottom: 50px;
}
.index-div3 .row div .conDiv .bgDiv{
	padding: 30px 0;
}
.index-div3 .row div .conDiv .imgDiv{
	height: 84px;
	line-height: 84px;
}
.index-div3 .row div .conDiv h4{
	font-size: 17.5px;
	color: #b220db;
	margin: 15px 0;
}
.index-div3 .row div .conDiv p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.index-div3 .row>div:nth-child(1):hover .conDiv{
	background: url(../img/01.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(2):hover .conDiv{
	background: url(../img/02.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(3):hover .conDiv{
	background: url(../img/03.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(4):hover .conDiv{
	background: url(../img/04.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(5):hover .conDiv{
	background: url(../img/05.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(6):hover .conDiv{
	background: url(../img/06.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(7):hover .conDiv{
	background: url(../img/07.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:nth-child(8):hover .conDiv{
	background: url(../img/07.jpg) no-repeat center center;
	background-size:cover;
}
.index-div3 .row>div:hover .bgDiv{
	position: relative;
	background: rgba(0,56,78,.5);	
}
.index-div3 .row>div:hover .conDiv h4,
.index-div3 .row>div:hover .conDiv p{
	color: #fff;
}

.index-div4{
	padding: 35px 0;
}

.index-div4 .row{
	max-width: 1030px;
	margin: 60px auto 0;
}
.index-div4 .row:nth-of-type(odd){
	background: url(../img/line.png) no-repeat 35% center;
	background-size:auto 100%;
}
.index-div4 .row:nth-of-type(even){
	background: url(../img/line.png) no-repeat 63% center;
	background-size:auto 100%;
}
.index-div4 .row>div {
	text-align: left;
}
.index-div4 .row>div:nth-child(2){
	text-align: right;
	position: relative;
}
.index-div4 .row>div:nth-child(2):before{
	content: "";
	width: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0px;
}
.index-div4 .row>div h3{
	text-align: left;
	font-size: 22px;
	color: #333;
}
.index-div4 .row>div.textDiv span{
	display: block;
	text-align: left;
	margin: 22px 0 0;
	font-size: 14px;
	color: #333;
}

.index-div5{
	background: #f6f6f6;
	padding: 45px 0;
}
.index-div5 .row{
	max-width: 1030px;
	margin: 25px auto 0;
}
.index-div5 .imgDiv{
	max-width: 128px;
	height: 128px;
	text-align: center;
	line-height: 128px;
	margin: 0 auto;
}
.footer{
	background: #f6f6f6;
	padding: 25px 0 65px;
	font-size: 13px;
	color: #333;
	line-height: 23px;
}
.formDiv{
	padding: 30px;
	text-align: left;
}
.form-group input{
	color: #333;
}
.form-group label{
	font-weight: normal;
}
.form-group label span{
	color: red;
	margin-left: 3px;
}
.checkbox label{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.form-group input[type="checkbox"]{width:15px;height:15px;margin-right:5px;margin-top:-3px;display: inline-block;text-align: center;vertical-align: middle; position: relative;}
.form-group input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #ccc;}
.form-group input[type="checkbox"]:checked::before{outline:none;content: "\2713";line-height: 13px;background-color: #0066CC;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #0066CC;color:#fff;font-size: 16px;font-weight: bold;}
.form-group input[type="checkbox"]:hover::before{border: 1px solid #0066CC;}
.btnGroup{
	text-align: center;
}
.btnGroup .btn{
	background: #0066CC;
	color: #fff;
}
body .demo-class .layui-layer-title{font-size: 24px;color: #fff;background:#0066cc;padding: 5px 20px;height: auto;font-weight: bold;}
body .demo-class .layui-layer-setwin a{width: 30px;height: 30px;margin-top: -5px;}
body .demo-class .layui-layer-setwin .layui-layer-close1{background-position: -180px -31px;}

.scroll-wrapper {  
    -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  
}