*{ box-sizing: border-box;}
html,body{ margin: 0; padding: 0; width: 100%; height: 100%;}
body{ width: 100%; overflow-x: hidden;}
body{ font-family: "Microsoft YaHei"; font-size: 14px; color: #333; background-color: #fff; position: relative; line-height: 24px;}
html,body,header,footer,nav,div,p,a,span,strong,ul,ol,dl,li,dt,dd,i,em,input,article,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0;}
a{ text-decoration: none; color: #333;}
a:visited{}
img{ border: 0; display: block; margin: 0 auto;}
li{ list-style-type:none;}
input,select,textarea{ font-family: "Microsoft YaHei"; font-size: 14px;}
:-moz-placeholder{ color: #959595;}
::-moz-placeholder{ color: #959595;}
/*浮动*/
.clearfix{ clear: both; display: block;}
.clearfix:before { clear: both; content: '020'; display: block; visibility: hidden; height: 0;}
.clearfix:after { clear: both; content: '020'; display: block; visibility: hidden; height: 0;}
.fleft{ float: left !important;}
.fright{ float: right !important;}
.fnone{ float: none !important;}
/*边框*/
.border{ border: 1px solid #DCDCDC;}
.borderleft{ border-left: 1px solid #DCDCDC;}
.borderright{ border-right: 1px solid #DCDCDC;}
.bordertop{ border-top: 1px solid #DCDCDC;}
.borderbottom{ border-bottom: 1px solid #DCDCDC;}
/*字体*/
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 18px;}
h4{ font-size: 16px;}
.font12{ font-size: 12px !important;}
.font18{ font-size: 18px !important;}
.center{ text-align: center;}

a:hover{ text-decoration:none; color:#42a82f;}
/*颜色*/
.main_color{ color: #42a82f !important;}
.orange{ color: #ee7b17 !important;}
.yellow{ color: #fff100 !important;}
.white{ color: #FFFFFF;}
.gray{ color: #aaa;}
.bggray{ background-color: #F6F6F6;}
/*宽度*/
.w1000{ width: 1000px; margin: 0 auto;}
.w1200{ width: 1200px; margin: 0 auto;}
/**/
.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb30{ padding-bottom: 30px;}
.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt30{ padding-top: 30px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb30{ margin-bottom: 30px;}
.mt5{ margin-top: 5px;}
.mt15{ margin-top: 15px;}
.mt30{ margin-top: 30px;}
.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml30{ margin-left: 30px;}

/*公共样式*/
.iconfont{ display: inline-block; vertical-align: middle;}

/*header*/
.header{ background-color: #FFFFFF;}
.header .top{ height: 40px; line-height: 40px; background-color: #1c1c1c; color:#a0a0a0;}
.header .top .container .phone{ display:none; text-align:right;}
.header .top .container .phone span{ display:inline-block; margin-right:5px;}

.head.headfixed{ display:none;}
.dh{ background-color:#fff;}
.dh .head{ background-color:#fff; padding:15px 0; position: relative;}
.dh .head .row{ position: relative;}
.dh .head .logo{ width: 172px; height: 50px; background: url(../img/logo2.png) no-repeat left center; margin-left: 10px;}
.dh .head .logo h1{ text-indent:-99999px;}
.dh .head .logo a{ display: block; width: 100%; height: 100%;}
.dh .head .app_dh{ font-size: 18px; line-height: 50px; position: absolute; top: 0; right: 10px;}
.dh .head .menu{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.5); flex: auto; max-width: none; padding: 0; display: none;}
.dh .head .menu .navbar{ padding:2rem 1rem; font-size:16px; width: 50%; background-color: #000000; color: #fff; display: block; flex-direction: column;}
.dh .head .menu .navbar .title{ width: 100%; font-size: 24px; margin-bottom: 10px;}
.dh .head .menu .navbar a{ color: #fff;}
.dh .head .menu .navbar .navbar-nav{ margin: 0; flex-direction:inherit; width: 100%;}
.dh .head .menu .navbar .navbar-nav span{ display: none;}
.dh .head .menu .navbar .navbar-nav i{ font-style:normal;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size: 18px;}
/*footer*/
.footer{ background-color: #1c1c1c; color:#a0a0a0;}
.footer .row{ padding:20px 0;}
.footer .group1,.footer .group2{ margin-bottom: 20px;}
.footer .group:first-child{ margin-left:0px; width:492px;}
.footer .row h2{ font-size:24px; font-weight:normal; color:#fff; line-height:40px; margin-bottom:10px;}
.footer .f_menu{ width:100%; border-bottom:1px dashed #a0a0a0; padding-bottom:20px; margin-bottom:20px;}
.footer .f_menu li{ float:left; text-align: center; margin-right:8px;}
.footer .f_menu li a{ display: block; color: #a0a0a0; padding-right:8px; border-right:1px solid #a0a0a0; line-height:16px;}
.footer .f_menu li:last-child a{ border-right:0;}
.footer .f_menu li:hover a{ color: #42a82f;}
.footer .group .contact li{ margin-bottom:10px;}
.footer .link{ width:100%; background-color:#000; padding:20px 0;}
.footer .link ul li{ float:left; margin-right:20px; line-height:24px;}
.footer .link ul li span{ color:#fff; font-weight:bold;}
.footer .link ul li a{ color:#fff;}
.footer .link ul li a:hover{ color:#42a82f; text-decoration:underline;}



/*自适应样式*/
@media (min-width:576px){
	}
@media (min-width:768px){
	.header .top .container .phone{ display: block;}
	.dh .head .menu .navbar li.nav-item{ float: none;}
	.dh .head .logo{ margin-left: 0;}
	.dh .head .app_dh{ right: 0;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size: 20px;}
	}
@media (min-width:992px){
	.dh{ height:auto;}
	.dh .head{ padding: 30px 0;}
	.dh .head .menu{ display: block; float: right; position: relative; background-color: transparent; max-width: 66.666667%; width: auto; height: auto;}
	.dh .head .app_dh,.dh .head .menu .navbar .title{ display:none;}
	.dh .head .menu .navbar{ padding:0; background-color: transparent; width: 100%; flex-direction: row; margin-bottom: 0;}
	.dh .head .menu .navbar .navbar-nav{ float:right; width: auto;}
	.dh .head .menu .navbar li.nav-item{ float: left; line-height: 50px;}
	.dh .head .menu .navbar .navbar-nav .nav-item{ line-height:50px; margin-left: 2rem;}
	.dh .head .menu .navbar .navbar-nav .nav-item a{ display: block; color: #333; padding: 0; line-height: 50px;}
	.dh .head .menu .navbar .navbar-nav .nav-item span{}
	.dh .head .menu .navbar .navbar-nav .nav-item i{ display:inline-block;}
	.dh .head .menu .navbar .navbar-nav .nav-item i:hover{ border-bottom:2px solid #42a82f;}
	.head.lighted { display:block !important; position:fixed; top:0px; width:100%; background-color:rgba(255,255,255,0.96); box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); z-index:999;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size: 24px;}
	.footer .row{ padding:40px 0;}
	.footer .group1{ border-right: 1px dashed #a0a0a0; padding-right: 30px;}
	.footer .group2{ border-right: 1px dashed #a0a0a0; padding-left: 30px; padding-right: 30px;}
	.footer .group3 img{ float: right;}
	}
@media (min-width:1200px){
	.dh{ height:140px;}
	.dh .head .logo{ width:358px; height:80px; background:url(../img/logo.png) no-repeat center;}
	.dh .head .menu .navbar .navbar-nav .nav-item{ height: 78px; line-height: 78px; margin-left: 0;}
	.dh .head .menu .navbar .navbar-nav .nav-item a{ line-height: 78px;}
	.dh .head .menu .navbar .navbar-nav .nav-item span{ display:inline-block; margin-right:1.5rem; margin-left:1.5rem; color:#a0a0a0;}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ font-size: 30px;}
	.footer .row{ padding:60px 0;}
	.footer .row h2{ margin-bottom: 24px;}
	}