/*公共*/


html,body{
	min-width:1200px;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei";
}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
	display: block;
}
input{
	outline:none;
}
ul,li,ol {
	list-style: none;
}

dl,dd {
	margin: auto;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

a,a:visited {
	color: #333;
}

a:link,a:visited {
	text-decoration: none;
	outline: none;
}

a {
	cursor: pointer;
}
img{
	max-width: 9999px;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
/*所有超链接不要下划线*/

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.mb_center{
	max-width: 1200px;
	margin: 0 auto;
}
/*header*/

.header {
	background: initial;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin: 0;
	padding: 0;
}
.header .am-container-1{
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.header .mb_logo {
	height: 120px;
}
.header img {
	width: auto;
	height: 100%;
}
.header .mb_menu ul::after{
	content: '  ';
	clear: both;
}
.header .mb_menu li {
	float: left;
	margin: 0;
	padding: 0;
}
.header .mb_menu li a{
	font-size: 14px;
	width: 130px;
	height: 120px;
	text-align: center;
	line-height: 120px;
	color:#888;
	padding: 0;
	position: relative;
}
.header .mb_menu li.active a{
	color: #fff;
}
.header .mb_menu li.active a::after{
	content: '  ';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -30px;
	width: 60px;
	height: 3px;
	background-color: #fff;
}
.header .mb_menu li a:hover{
	background: initial;
	color: #fff;
}
.header_scroll{
	background-color: #000;
	border:none;
}
.header_scroll .mb_menu li a{
	height: 80px;
	line-height: 80px;
}
.header_scroll .mb_logo{
	height: 80px;
}
/*header结束*/

/*banner开始*/
.rollpic .am-slider-default{
	margin: 0;
	padding: 0;
}
.rollpic .am-slider-default .am-control-nav{
	bottom: 30px;
}
.rollpic .am-slider-default .am-control-nav li a{
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 0.3;
}
.rollpic .am-slider-default .am-control-nav li a.am-active{
	opacity: 1;
}

/*banner结束*/

/*首页*/
.mb_title{
	text-align: center;
	padding: 70px 0 50px 0;
}
.mb_title p{
	font-size: 32px;
	color: #000000;
	height: 72px;
	line-height: 50px;
}
.mb_title p::after{
	content: '  ';
	display: block;
	height: 12px;
	width: 100%;
	background: url(../image/title_icon.png) no-repeat center;
	margin-top: 5px;
}
.mb_title span{
	font-size: 12px;
	color: #999;
	height: 20px;
	line-height: 20px;
}
.mb_index_1 .content ul{
	overflow: hidden;
	margin-top: 60px;
}
.mb_index_1 .content li{
	float: left;
	width: 25%;
	text-align: center;
}
.mb_index_1 .content li p{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 24px;
	color: #333;
	margin-top: 20px;
}
.mb_index_1 .content li span{
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	color: #999;
	display: block;
	margin: 8px 0 40px 0;
}
.mb_index_1 .content li a{
	height: 34px;
	line-height: 34px;
	width: 115px;
	text-align: center;
	font-size: 12px;
	color: #333;
	border:1px solid #333333;
	margin: 0 auto;
	display: block;
}

.mb_index_2{
	border-top: 1px solid #eeeeee;
	margin-top: 90px;
	padding: 80px 0 110px 0;
}
.mb_index_2 .mb_center{
	overflow: hidden;
}
.mb_index_2 .left{
	width: 50%;
	padding-top: 50px;
}
.mb_index_2 .left .p1{
	font-size: 32px;
	color: #000;
	height: 50px;
	line-height: 50px;
	margin-bottom: 15px;
}
.mb_index_2 .left .p2,.mb_index_2 .left .p3{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	padding-right: 30px;
	letter-spacing: 1px;
}
.mb_index_2 .left a{
	height: 34px;
	line-height: 34px;
	width: 115px;
	text-align: center;
	font-size: 12px;
	color: #000;
	border:1px solid #000;
	display: block;
	margin-top: 40px;
}
.mb_index_2 .right{
	width: 50%;
	text-align: right;
}
.mb_index_2 .right img{
	max-width: 100%;
}

.mb_index_3{
	height: 500px;
	background: url(../image/in_shuju_bg.jpg) no-repeat center;
	background-size: 1920px 500px;
	overflow: hidden;
}
.mb_index_3 .content ul{
	overflow: hidden;
}
.mb_index_3 .content li{
	float: left;
	width: 25%;
	text-align: center;
	padding-top: 130px;
}
.mb_index_3 .content li p{
	font-size: 50px;
	height: 50px;
	line-height: 50px;
	position: relative;
	color: #fff;
	margin: 45px 0 15px 0;
}
.mb_index_3 .content li span{
	display: block;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #fff;
}
.mb_index_4 .mb_title{
	padding-bottom: 40px;
}
.mb_index_4 .nav{
	overflow: hidden;
	text-align: center;
	padding: 0 0 20px 0;
}
.mb_index_4 .nav_div{
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
}
.mb_index_4 .nav a{
	display: block;
	float: left;
	width: 95px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border:1px solid #999;
	margin: 0 5px;
}
.mb_index_4 .content ul{
	overflow: hidden;
	width: 1240px;
}
.mb_index_4 .content li{
	width: 373px;
	float: left;
	margin-right: 40px;
	margin-top: 20px;
}
.mb_index_4 .content li .tuimg{
	width: 100%;
	height: 255px;
	overflow: hidden;
	display: block;
}
.mb_index_4 .content li .tuimg img{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.mb_index_4 .content li .title{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #333;
	margin-top: 8px;
	display: block;
}
.mb_index_4 .content li p{
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #999;
}
.more{
	width: 116px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #333;
	border:1px solid #333;
	margin: 0 auto;
	display: block;
	margin-top:30px;
	margin-bottom: 80px;
}

.mb_index_5{
	height: 565px;
	background: url(../image/in_img.jpg) no-repeat center;
	background-size: 1920px 565px;
	overflow: hidden;
}
.mb_index_5 .content{
	float: right;
	width: 500px;
	color: #fff;
	padding-top: 145px;
}
.mb_index_5 .content p{
	font-size: 40px;
	height: 40px;
	line-height: 40px;
}
.mb_index_5 .content span{
	display: block;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	width: 280px;
	margin: 30px 0;
}
.mb_index_5 .content a{
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center;
	width: 160px;
	height: 52px;
	line-height: 52px;
	background-color: #fff;
	border-radius: 50px;
}

.mb_index_6 .content{
	overflow: hidden;
	margin-top: 45px;
}
.mb_index_6 .content .left{
	width: 650px;
	height: 400px;
	background-color: #f7f7f7;
}
.mb_index_6 .content .left .tuing{
	width: 610px;
	height: 300px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
}
.mb_index_6 .content .left .tuing img{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.mb_index_6 .content .left .text{
	width: 540px;
}
.mb_index_6 .content ul{
	overflow: hidden;
	float: right;
	width: 520px;
}
.mb_index_6 .content li{
	background-color: #f7f7f7;
	width: 100%;
	height: 85px;
	margin-bottom: 20px;
}
.mb_index_6 .content .divbox{
	padding:20px;
	overflow: hidden;
}
.mb_index_6 .content .time{
	width: 65px;
	float: left;
}
.mb_index_6 .content .time p{
	width: 43px;
	text-align: center;
	height: 25px;
	line-height: 22px;
	font-size: 18px;
	color: #999;
	border-bottom: 1px solid #e7e7e7;
}
.mb_index_6 .content .time p:nth-child(2){
	font-size: 14px;
	border: none;
	height: 20px;
}
.mb_index_6 .content .text{
	width: 415px;
	float: right;
}
.mb_index_6 .content .text a{
	display: block;
	font-size: 14px;
	color: #333;
	height: 25px;
	line-height: 22px;
	overflow: hidden;
}
.mb_index_6 .content .text p{
	display: block;
	font-size: 14px;
	color: #999;
	height: 20px;
	line-height: 22px;
	overflow: hidden;
}

.footer{
	background-color: #1b252e;
	padding: 70px;
}
.footer .mb_center{
	text-align: center;
}
.footer .top{
	overflow: hidden;
	display: inline-block;
}
.footer .top .item{
	width: 43px;
	height: 43px;
	border-radius: 50%;
	border:1px solid #fff;
	float: left;
	margin: 0 15px;
}
.footer .top .item img{
	width: 100%;
}
.footer .bottom{
	overflow: hidden;
	display: inline-block;
	margin: 25px 0 20px 0;
}
.footer .bottom a{
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #fff;
	margin: 0 35px;
	overflow: hidden;
	display: inline-block;
}
.footer .copy{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #777777;
}


/*-----------------------------------------关于我们-----------------------------------------*/

.mb_banner{
	width: 100%;
	height: 500px;
	overflow: hidden;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.mb_banner img{
	display: block;
	width: 1920px;
	height: 500px;
}
.mb_about_1 .content{
	padding-bottom: 40px;
}
.mb_about_1 .content .top{
	overflow: hidden;
	margin-bottom: 60px;
}
.mb_about_1 .content .top .left{
	width: 540px;
	height: 280px;
	overflow: hidden;
}
.mb_about_1 .content .top .left img{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.mb_about_1 .content .top .right{
	width: 620px;
	height: 280px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	line-height: 32px;
}
.mb_about_1 .content .item{
	padding: 40px 0;
	border-top:1px solid #eeeeee;
}
.mb_about_1 .content .item h1{
	font-size: 18px;
	height: 35px;
	line-height: 35px;
}
.mb_about_1 .content .item p{
	font-size: 14px;
	line-height: 32px;
	color: #666;
}


/*-----------------------------------------案例展示-----------------------------------------*/
.mb_case_1{
	margin-bottom: 90px;
}

/*-----------------------------------------案例详情-----------------------------------------*/
.mb_case_deta_1{
	margin-bottom: 90px;
}
.mb_case_deta_1 .content{
	border-top: 1px solid #eee;
	margin-top: 30px;
	padding-top: 13px;
}
.mb_case_deta_1 .content p{
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin-top: 25px;
}
.mb_case_deta_1 .content img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin-top: 35px;
}


/*-----------------------------------------新闻资讯-----------------------------------------*/
.mb_news_1{
	margin-bottom: 90px;
}
.mb_news_1 .mb_title{
	padding-bottom: 40px;
}
.mb_news_1 .nav{
	overflow: hidden;
	text-align: center;
	padding: 0 0 40px 0;
}
.mb_news_1 .nav_div{
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
}
.mb_news_1 .nav a{
	display: block;
	float: left;
	width: 95px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border:1px solid #999;
	margin: 0 5px;
}
.mb_news_1 .content li{
	overflow: hidden;
	padding: 40px 0;
	border-top:1px dashed #eee;
}
.mb_news_1 .content li:nth-child(1){
	border-top:1px solid #eee;
}
.mb_news_1 .content li .tuimg{
	width: 260px;
	height: 160px;
	overflow: hidden;
	float: left;
}
.mb_news_1 .content li .tuimg img{
	width: 100%;
	height: auto;
	min-height: 100%;
}
.mb_news_1 .content li .text{
	width: 660px;
	overflow: hidden;
	float: left;
	margin-left: 30px;
	padding-top: 35px;
}
.mb_news_1 .content li .text a{
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #333;
	overflow: hidden;
}
.mb_news_1 .content li .text p{
	height: 52px;
	line-height: 26px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	margin-top: 12px;
}
.mb_news_1 .content li .time{
	float: right;
	width: 200px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	font-size: 30px;
	color: #999;
}


/*-----------------------------------------新闻详情-----------------------------------------*/
.mb_news_deta_1{
	margin-bottom: 90px;
	padding-top: 70px;
}
.mb_news_deta_1 .title p{
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: 000;
	margin-bottom: 15px;
}
.mb_news_deta_1 .title span{
	display: block;
	font-size: 14px;
	color: #999;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.mb_news_deta_1 .content{
	border-top: 1px solid #eee;
	margin-top: 40px;
	padding-top: 13px;
}
.mb_news_deta_1 .content p{
	font-size: 14px;
	line-height: 26px;
	color: #666;
	margin-top: 25px;
}
.mb_news_deta_1 .content img{
	width: auto;
	max-width: 100%;
	height: auto;
	margin-top: 35px;
}


/*-----------------------------------------联系我们-----------------------------------------*/

.mb_contact_1 .content .top ul{
	overflow: hidden;
}
.mb_contact_1 .content .top li{
	float: left;
	margin-right: 35px;
	width: 376px;
	height: 96px;
	border:1px solid #cacaca;
}
.mb_contact_1 .content .top li:last-child{
	margin: 0;
}
.mb_contact_1 .content .top li p{
	font-size: 18px;
	color: #666;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 250px;
	margin-top: 18px;
}
.mb_contact_1 .content .top li span{
	font-size: 14px;
	color: #666;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	display: block;
	width: 250px;
}
.mb_contact_1 .content .top li::before{
	content: '  ';
	display: block;
	float: left;
	width: 100px;
	height: 100%;
	
}
.mb_contact_1 .content .top li.dizhi::before{
	background: url(../image/contact_icon_1.png) no-repeat center;
}
.mb_contact_1 .content .top li.tel::before{
	background: url(../image/contact_icon_2.png) no-repeat center;
}
.mb_contact_1 .content .top li.emo::before{
	background: url(../image/contact_icon_3.png) no-repeat center;
}
.mb_contact_1 .content .top .code{
	height: 320px;
	background: url(../image/contact_icon_bg.jpg) no-repeat top 135px center;
	padding-top: 1px;
}
.mb_contact_1 .content .top .code img{
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	margin-top: 82px;
}
.mb_contact_1 .content .top .code p{
	text-align: center;
	height: 30px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
}
.mb_contact_2{
	background-color: #f2f2f2;
	padding: 80px 0 90px 0;
}
.mb_contact_2 .content{
	overflow: hidden;
}
.mb_contact_2 .content .left{
	width: 530px;
	overflow: hidden;
}
.mb_contact_2 .content .left .item{
	margin-bottom: 25px;
}
.mb_contact_2 .content .left .item p{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	margin-bottom: 6px;
}
.mb_contact_2 .content .left .item input{
	width: 100%;
	height: 45px;
	background-color:#fff;
	border:none; 
	padding: 0 20px;
}
.mb_contact_2 .content .left .btn button{
	width: 100%;
	height: 45px;
	background-color: #333333;
	font-size: 14px;
	color: #fff;
	border: none;
	outline: none;
}