/*---------- base ---------*/
* {
	padding: 0px;
	margin: 0px;
}
html {
	background: #FFF;
}
body {
	font: 12px Verdana,Arial,Tahoma;
	font-family: 微软雅黑 ;
	overflow-x:hidden;
	min-width:1200px;
}
img {
	border: none;
}
a {
	color: #256EB1;
	text-decoration: none;
	font-family: 微软雅黑 ;

}
ul {
	list-style: none;
	margin:0px auto ;
}
input, select, button {
	font: 12px Verdana,Arial,Tahoma;
	vertical-align: middle;
}



.dropdown{
	float: right ;
}
.btn-default{
	margin-top:35px;
}
.keshi{
	margin:auto;
	width: 1200px;
}
/*---------- stock ---------*/
.daohang{
	float: left;
	width: 100%;
	background:#fff;
}
.daohanglogo{
	float: left;
	width: 170px;
}
.daohanglogo img{
	width: 100%;
}
.daohangnr{
	float: right;
	width: 920px;
}
.daohangnr ul li{
	float: left;
	width: 12%;
	text-align: center;
	line-height: 100px;
}
.daohangnr ul li a{
	font-size:18px;
	color: #000;
}
.banner{
	float: left;
	width: 100%;
}
.banner img{
	width: 100%;
}
/***公司简介***/
.gsjj{
	float: left;
	width: 100%;
	background: url('../images/tmp1541728763_1789073_s.jpeg') no-repeat center center; 
	padding-top: 120px;
	padding-bottom: 90px;
}
.gsjjnm{
	float: left;
	width: 100%;
}
.gsjjnm img{
	max-width: 827px;
	width: 100%;
}
.gsjjwzjs{
	float: left;
	width: 623px;
}
.gsjjnr{
	float: left;
	width: 100%;
	font-size:14px;
	color: #555555;
	line-height: 30px;
}
.gsjjnr p{
	margin:auto;
	padding:0px;
	text-indent: 2em;
}
.gsjjgd{
	float: left;
	width: 200px;
	line-height: 50px;
	text-align: center;
	background: rgb(0, 181, 82);
	margin-top: 20px;
}
.gsjjgd a{
	font-size:16px;
	color: #fff;
}
.gsjjimg{
	float: right;
	width: 529px;
}
.gsjjimg img{
	width: 100%;
}
/****技术****/
.jishu{
	float: left;
	width: 100%;
	background:url('../images/tmp1541729340_1789073_s.jpeg') fixed center center; 
	padding-top: 30px;
	padding-bottom: 60px;
}
.jishunm{
	float: left;
	width: 100%;
	text-align: center;
	margin:auto;
}
.jishunm img{
	max-width: 734px;
}
.jishunr{
	float: left;
	width: 100%;
	margin-top: 60px;
}
.jishunr ul li{
	float: left;
	width: 276px;
	margin:0px 12px;
	background: #fff;
	padding:56px 25px 40px 25px;
}
.jishunr ul li .jshutp{
	float: left;
	width: 100%;
	text-align: center;
	margin:auto;
}
.jishunr ul li .jshutp img{
	max-width:67px;
	width: 100%;
}
.jishunr ul li .jshuwznm{
	float: left;
	width: 100%;
	text-align: center;
	font-size:16px;
	color: rgb(51, 51, 51);
	margin-top: 20px;
}
.jishunr ul li:hover{
	background:#fff url('../images/tmp1541730003_1789073_s.jpeg') no-repeat center top;
}
/*****案例***/
.anli{
	float: left;
	width: 100%;
	padding:90px 0px 60px 0px;
}
.anlinm{
	float: left;
	width: 100%;
	margin:auto;
	text-align: center;
}
.anlinm img{
	width: 100%;
	max-width: 734px;
}
.tabbox{ float: left; width:100%; background:rgb(245, 245, 245); padding:20px; margin-top:30px;}
.tabbox .tab{overflow:hidden; float: left;width: 100%;}
.tabbox .tab a{display:block;text-decoration:none; padding:3px; margin-right:10px; float: left;} 
.tabbox .tab a:hover{background:rgb(0, 181, 82);color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:rgb(0, 181, 82);color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;padding:10px; float: left;width:100%;}
.tabbox .content li{display:none; width: 100%;}
.anlinrtp{
	float: left;
	width: 706px;
	height:450px;
}
.anlinrtp img{
	width: 100%;
	height:100%;
}
.anlinejs{
	float: right;
	width: 360px;
}
.anlinrjsnm{
	float: left;
	width: 100%;
	font-size:32px;
	color: rgb(51, 51, 51);
	font-weight: bold;
	text-align: center;
}
.anlinrjsimg{
	float: left;
	width: 339px;
	margin-top: 20px;
}
.anlinrjsimg img{
	width: 100%;
}
/****新闻***/
.xinwen{
	float: left;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;
}
.xwnm{
	float: left;
	width: 100%;
	text-align: center;
	margin:auto;
}
.xwnm img{
	width: 100%;
	max-width: 734px;
}
.xinwennr{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.xinwennr ul li{
	float: left;
	width: 292px;
	margin:0px 4px;
	position:relative;
}
.xinwennr ul li a .xinwennrimg{
	float: left;
	position:relative;
	width: 100%;
}
.xinwennr ul li a .xinwennrimg img{
	width: 100%;
}
.xinwennr ul li a .xinwennrdb{
	position:absolute;
	width: 100%;
	z-index:100;
	background:rgba(0, 0, 0, 0.5);
	bottom:0px;
	padding:15px;
}
.xinwennr ul li a .xinwennrdb .xinwennrnm{
	float: left;
	width: 100%;
	font-size:16px;
	color: #fff;
}
.xinwennr ul li a .xinwennrdb .xinwennrgd{
	float: left;
	width: 100%;
	font-size:14px;
	color: #fff;
	margin-top: 14px;
}
/****foot***/
.foot{
	float: left;
	width: 100%;
	background:rgb(237, 237, 237);
	padding-top: 30px;
	padding-bottom: 40px;
}
.footzc{
	float: left;
	width: 600px;
}
.footzclogo{
	float: left;
	width: 170px;
	margin:auto;
	text-align: center;
}
.footzclogo img{
	width: 90%;
}
.footzclx{
	float: left;
	width: 100%;
	font-size:16px;
	color: #555555;
	line-height: 30px;
}
.footyx{
	float: right;
	width: 108px;
	text-align: center;
}
.footyx img{
	width: 100%;
}
.footyx span{
	font-size:16px;
	color: #555555;
	line-height: 50px;
}

.pagination-wrapper1 {
	margin: 20px 0;float:left;
}
.pagination1 {
	height: 34px;
	text-align: center;
}
.pagination1 li {
	display: inline-block;
	height: 28px;
	margin-right: 5px;
	padding: 0 8px;
	font-size: 16px;
	border: 1px solid #ccc;
	color: #333;

}
.pagination1 li a {
	float: left;
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding: 0 8px;
}
.pagination1 li a:hover {
	background: #1f96ef;
	color: #fff;
	
}
.pagination1 li.thisclass {
	background: #1f96ef;
	color: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	font-size: 16px;
	border: 1px solid #ccc;
}
.pagination1 li.thisclass a, .pagination li.thisclass a:hover {
	background: transparent;
	border-color: #971b21;
	color: #fff;
	cursor: default;
}
.footer_nav{
	display: none ;
	background:#30343f;
}
.foot_nav{ width:33%; float:left;text-align:center; line-height: 28px;} 

.foot_nav a{color:#fff;display:block; font-size: 16px;}
.foot_nav a:hover {
	color: #fff;
}

.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}

.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.foot_nav span img{
	width: 25%;
}
.neiyefl{
	float: left;
	width: 230px;
	background:#fafafa;
}
.navMenubox { width: 100%;margin: 0 auto;overflow: hidden; padding: 20px 35px;float: left; }
.navMenu> li { display: block; margin: 0;  border: 0px; float: left;}
.navMenu>li>a { display: block; overflow: hidden;line-height: 50px; color: rgb(85, 85, 85); border-bottom:1px #dbdbdb solid; margin:; width:160px;height:50px; text-align: center;border-radius:5px;  transition: all .3s; position: relative; text-decoration: none; font-size: 14px;}
.navMenu li a .arrow:before { display: block; float: right; margin-top: 1px; margin-right: 15px; display: inline; font-size: 16px; height: auto; content: "\f105"; font-weight: 300; text-shadow: none; }
.navMenu li a .arrow.open:before { float: right; margin-top: 1px; margin-right: 15px; display: inline; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none; }
.navMenu>li>a.active i, .navMenu>li>a:hover i{
	;
}
.navMenu>li>ul{
	
}
.navMenu>li>a.active, .navMenu>li>a:hover { color: #fff; background: #00b552;}
.navMenu>li>ul, .navMenu>li>ul>li>ul { display: block; list-style: none; clear: both; padding-bottom: 5px; }
.navMenu>li.active > ul, .navMenu>li>ul>li.active >ul.sub-menu { }
.navMenu>li>ul li { background: none; margin: 0px; padding: 0px; }
.navMenu>li>ul li>a { display: block; font-size: 14px; border-bottom:1px #666666 dashed ; line-height: 34px; color: #666666; clear: both; }
.navMenu>li>ul li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a { color: #00b552;}
.icon_1:before { content: "\f0ac"; }
.icon_2:before { content: "\f0ac"; }
.icon_3:before { content: "\f0ac"; }

/****内页***/
.nesoso{
	float: left;
	width: 100%;
	background:rgb(0, 181, 82);
}
.sosonr{
	float: right;
	width: 253px;
	height:33px;
	margin-top: 25px;
	margin-bottom: 30px;
}
.sosonrwz{
	float: left;
	width: 199px;
	height:33px;
	line-height: 33px;
	padding-left:20px;
	font-size:12px;;
	color: #fff;
	background:#3bc67a;
	border:0px aqua solid;
}
.sosonrimg{
	float: left;
	width: 34px;
	height:33px;
	border:0px aqua solid;
}
.sosonrimg img{
	width: 100%;
}
.neiyebaner{
	float: left;
	width: 100%;
	background:url('../images/tmp1541735616_1789073_s.jpeg') no-repeat center top; 
}
.neiyebaner1{
	float: left;
	width: 100%;
	background:url('../images/tmp1541734900_1789073_s.jpeg') no-repeat center top; 
}
.neiyebaner2{
	float: left;
	width: 100%;
	background:url('../images/tmp1541742146_1789073_s.jpeg') no-repeat center top; 
}
.neiyebaner3{
	float: left;
	width: 100%;
	background:url('../images/tmp1541743335_1789073_s.jpeg') no-repeat center top; 
}

.neuyebannerwz{
	float: left;
	width: 100%;
	text-align: center;
	font-size:28px;
	color: #fff;
	margin-top: 130px;
}
.neiyebannfwz{
	float: left;
	width: 100%;
	font-size:16px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: center;
}
.neiyebannerht{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.neuyeshut{
	margin:auto;
	text-align: center;
	width: 5px;
	height:40px;
	background:rgb(0, 181, 82);
}
.neiyenr{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.neiyegsjjnr{
	float: right;
	width: 908px;
}
.neiyebiaotnm{
	float: left;
	width: 100%;
	font-size:24px;
	color: #00b552;
	position:relative;
	line-height: 90px;
	border-bottom:1px #dbdbdb solid;
}
.neiyejsht{
	float: left;
	width: 96px;
	height:2px;
	position:absolute;
	bottom:0px;
	background:#00b552;
}
.neuyenejs{
	float: left;
	width: 100%;
	margin-top: 20px;
}

.neiyechanp{
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.neiyechanpnr{
	float: right;
	width: 908px;
}
.neiyechanpnr ul{
	float: left;
	width: 100%;
	margin-top: 20px;
}
.neiyechanpnr ul li{
	float: left;
	width: 29%;
	margin:0px 2% 15px 2%;
}
.neiyechanpnr ul li a .neiyechanpimg{
	float: left;
	width: 100%;
	height:200px;
	margin:auto;
	text-align: center;
	border:1px #c8c8c8 dashed;
	overflow: hidden;
}
.neiyechanpnr ul li a .neiyechanpimg img{
	width: 100%;
}
.neiyechanpnr ul li a .neiyechanpname{
	float: left;
	width: 100%;
	text-align: center;
	line-height: 35px;
	color: #444;
	font-size:14px;
}
.neiyecpxq{
	float: left;
	width: 100%;
}
.neiyecpslt{
	float: left;
	width: 490px;
	height:420px;
	text-align: center;
	margin:auto;
	border:1px #bebebe dashed;
	overflow: hidden;
}
.neiyecpslt img{
	height:100%;
}
.neiyecpslnm{
	float: right;
	width: 380px;
	color: #555;
	font-size:18px;
	font-weight: bold;
}
.neiyecpsuom{
	float: left;
	width: 100%;
	margin-top: 40px;
	border:1px #7b7b7b solid;
}
.neiyecpsmnm{
	float: left;
	width: 100%;
	line-height: 45px;
	padding-left: 20px;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	background:#00b552;
}
.neiyecpsmimg{
	width: 100%;
	float: left;
	padding:20px;
}
.nyxgcp{
	float: left;
	width: 100%;
	margin-top: 50px;
}
.nexgcpnm{
	float: left;
	width: 100%;
	border-bottom: 2px #d1d1d1 solid;
	line-height: 35px;
}
.neyxgcpnr{
	float: left;
	width: 100%;
	margin-top: 15px;
}
.neyxgcpnr ul li{
	float: left;
	width: 23%;
	margin: 0px 1%;
}
.neyxgcpnr ul li .nyxiangcpimg{
	float: left;
	width: 100%;
	height:189px;
	overflow: hidden;
}
.neyxgcpnr ul li .nyxiangcpimg img{
	width: 100%;
}
.neyxgcpnr ul li .nyxianggcpnm{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #000;
	line-height: 30px;
}
.neiyeanli{
	float: left;
	width: 100%;
}
.neiyeanli ul li{
	float: left;
	width: 364px;
	margin:0px 18px 50px 18px;
}
.neiyeanli ul li .neiyanliimg{
	float: left;
	width: 100%;
	height:215px;
	overflow: hidden;
 }
.neiyeanli ul li .neiyanliimg img{
	width: 100%;
}

.neiyeanli ul li .neiyeanlinm{
	float: left;
	width: 100%;
	text-align: center;
	font-size:16px;
	color: rgb(51, 51, 51);
	line-height: 35px;
}
.neiyexinwen{
	float: left;
	width: 100%;
}
.neiyexinwen ul li{
	float: left;
	width: 100%;
	border-bottom: 1px #e6e6e6 dashed;
	line-height: 60px;
}
.neiyexinwen ul li a .xinwennm{
	float: left;
	width: 800px;
	font-size:14px;
	color: rgb(85, 85, 85);
}
.neiyexinwen ul li:hover a .xinwennm{
	color:#00b552;
}
.neiyexinwen ul li a .xinwenshj{
	float: right;
	font-size:14px;
	color: #999999;
	width: 80px;
	line-height: 60px;
}
.neiyelx{
	float: left;
	width: 620px;
}
.neyelxnrnm{
	float: left;
	width: 100%;
	font-size:22px;
	color: #333333;
}
.neyelxfnm{
	float: left;
	width: 100%;
	font-size:30px;
	color: #00B552;
	margin-top: 10px;
}
.neyelxnrjs{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.neiyelyan{
	float: right;
	width: 450px;
}
.wbk{
	float: left;
	width: 100%;
	line-height: 45px;
	background:#dbdbdb;
	color: #000;
	font-size: 16px;
	padding-left: 10px;
	border:0px aqua solid;
	margin-bottom: 20px;
}
.fwbk{
	float: left;
	width: 100%;
	height:150px;
	padding:15px 0px 0px 15px;
	background:#dbdbdb;
	color: #000;
	font-size: 16px;
	border:0px aqua solid;
}
.yzewm{
	width:163px;
	float: left;
	height:40px;
	background:#dbdbdb;
	color: #000;
	font-size: 16px;
	border:0px aqua solid;
	margin-top: 20px;
}
.yzewm img{
	margin-top: 20px;
}
.tijiao{
	float: left;
	width: 145px;
	height:45px;
	background:#00b552;
	text-align: center;
	line-height: 45px;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
	border: 0px aqua solid;
}
.page-wrap{
	float: left;
	width: 100%;
	margin-top: 40px;
}



@media screen and (max-width: 800px) {
.navbar-brand{
	width: 80%;
}
	.navbar-toggle {
		border: 1px solid rgb(255, 255, 255);
	}
	.navbar-toggle .icon-bar {
		background: #000;
	}
	.navbar-nav {
		float: none;
		margin-top: 2em;
		text-align: center;
		margin: 0;
	}
	.navbar-top {
		position: relative;
	}
	div#bs-example-navbar-collapse-1 {
		padding: 0;
		width: 100%;
		z-index: 99;
		position: absolute;
		background: hsla(0, 0%, 0%, 0.75);
	}
	ul.nav.navbar-nav li a {
		margin: 1em 0;
	}
	.w3-button {
		width: 33%;
	}
	.navbar-toggle {
		margin-top: 16px;
	}
	.callbacks_tabs {
		left: 41%;
		top: 80%;
	}
	.services-icon-info p {
		margin: 1em auto 0;
		line-height: 1.8em;
		width: 70%;
	}
	.services-right-grid:nth-child(2) {
		margin: 2em 0 0 0;
	}
	.gallery-grids-left {
		width: 50%;
		float: left;
	}
	.g-captn {
		width: 321px;
		height: 185px;
	}
	.g-captn h4 {
		font-size: 1.5em;
		margin: 2em 0 0 0;
	}
	.w3ls-button a,
	.w3l-button a,
	.w3ls-about-left a {
		padding: .2em 1.4em;
	}
	.contact input[type=text], .contact input[type=email], .contact textarea {
		width: 100%;
		float: none;
	}
	.contact-right.agileits-w3layouts {
		float: none;
		padding: 0;
		margin-bottom: 0.5em;
	}
	.free_agile_consultaion_img {
		min-height: 507px;
	}
	ul.nav.navbar-nav li a {
		font-size: .9em;
		line-height: 20px;
		color: #fff;
	}
	.container_sp{
	width: auto ;
}
  .navbar{ margin:0px; border:none;}

      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}

      .navbar-default .navbar-brand:hover,

      .navbar-default .navbar-brand:focus {color: #fff;}

      .navbar-toggle{border:none;}

      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}

      .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {

        background-color:  #FF2828;

      }

      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}

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

      .navbar-default .navbar-nav > li {}

      .navbar-default .navbar-nav > li:last-child{border: none;}

      .navbar-default .navbar-nav > li > a,

      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}

      .navbar-default .navbar-nav > li > a:hover,

       .navbar-default .navbar-nav > li > a:focus,

       .navbar-default .navbar-nav > .active > a, 

       .navbar-default .navbar-nav > .active > a:hover, 

       .navbar-default .navbar-nav > .active > a:focus,

       .navbar-default .navbar-nav > .open > a, 

       .navbar-default .navbar-nav > .open > a:hover, 

       .navbar-default .navbar-nav > .open > a:focus,

       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{

        background-color:  #800000; color: #fff;}

	.footer_nav{ display: block ;}
}