@charset "utf-8";

/*在线客服*/
.izl-rmenu{
	       margin-right: 0;
	       width: 50px;
	       position: fixed;
	       right: 2px;
	       top: 35%;
	       /*-webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;*/
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -150px;
    display: block;
    height: 50px;
    width: 50px;
}
.izl-rmenu .consult .phone {
    background-color: #323232;
    position: absolute;
    width: 200px;
    left: -200px;
    top: 100px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: none;
    /*box-shadow: #DDD -1px 1px 4px;*/
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .smart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -50px;
    display: block;
    height: 50px;
    width: 50px;
    cursor: pointer;
}
.izl-rmenu a.smart:hover .pic{display:block;}
.izl-rmenu .smart .pic {
	display:none;
    position: absolute;
    left: -120px;
    top: 120px;
    width: 120px;
    height: 120px;
    background:url(../images/smart.jpg);
}

.izl-rmenu .wechat {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -100px;
    display: block;
    height: 50px;
    width: 50px;
    cursor: pointer;
}
.izl-rmenu a.wechat:hover .pic{display:block;}
.izl-rmenu .wechat .pic {
	display:none;
    position: absolute;
    left: -120px;
    top: 170px;
    width: 120px;
    height: 120px;
    background:url(../images/weixin.jpg);
}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 50px;
    width: 50px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .qq {

    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 50px;
    width: 50px;
    z-index:999;
}
.nav_sub{
	margin: 0;
	padding: 0;
}
.mbmenu{
	background: #3f7036;
	color: #fff;
	padding: 10px 0;
	border-top: 2px solid #37682e;
}
.mbmenu a{
	color: #fff;
}
.mbmenu h1{
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.mbmenu p{
	margin: 0px;
}


*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
.kf {
	width: 127px;
	border: 1px solid #ff9458;
	position: fixed;
	top: 45%;
	right: 0;
	background: url(../images/kf_ico.png) no-repeat 7px 10px #ff6d1b;
	min-height: 50px;
	_height: auto!important;
	_height: 50px;
	_position: absolute;
	_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||130)-(parseInt(this.currentStyle.marginBottom, 10)||130)));
}
.kf_r {
	margin-left: 37px;
	background: #ff8038;
	color: #fff;
	text-align: center;
	padding: 10px 0 10px;
}
.kf_r img {
	margin-bottom: 5px;
}

body{
	font-family: "微软雅黑";
	color:#3d3b3b;
	line-height: 1.6;
	background-color: #f4f4f4;
}
a{
	color:#555;
}
a:hover{
	color:#4f8146;
	text-decoration: none;
}

.clr{
	padding: 10px;
	border:1px solid #bbb;
	border-radius: 30px;
}
.border-r{
	border-right: 1px solid #ccc;
}
.caseinfo{
	color: #888;
}
.casedetail h1{
	color: #fff;
	font-size: 20px;
}
.top{
	background: #000;
	padding-top: 20px;
	color: #c89953;
	border-top: 4px solid #c89953;
}
.version{
	width:35px;
	height: 63px;
	text-align: center;
	padding-top: 32px;
	background: url(../images/versionbg.jpg) no-repeat top center;
}

/* navbar */
.navbar-header {
  text-align: center;
}
.navbar-header i {
  height: 30px;
  line-height: 30px;
  font-size: 2em;
  cursor: pointer;
}

#navbar-collapse{
	margin-top:0;
}

#myCarousel{
	margin:0px;
}
#myCarousel ol{
	margin-bottom:0px;
}
/*#header-one .topbg{
	background-color: #fff;
}
#header-two .topbg{
	background-color: rgba(0,0,0,.7);
}*/
#header-one .navbar {
			background-color: #FFFFFF;
			margin-bottom: 0 !important;
			box-shadow: 0px 1px 4px rgba(13, 13, 13, 0.19);
			overflow: hidden;
		}
#header-two .navbar {
			background-color: rgba(0,0,0,.35);
			margin-bottom: 0 !important;
			box-shadow: 0px 1px 4px rgba(13, 13, 13, 0.19);
			overflow: hidden;
		}
#header-one .navbar-default .navbar-nav > li > a ,
#header-two .tel{
  color: #555;

}
#header-one .navbar-default .navbar-nav > li > a:hover,
#header-one .navbar-default .navbar-nav > li > a:focus,
#header-one .navbar-default .navbar-nav > li.dropdown:hover > a
 {
  color: #fff;
  background-color: #4f8146;
  /*border-radius:4px;*/
}

#header-two .navbar-default .navbar-nav > li > a ,
#header-two .tel
{
  color: #fff;

}
#header-two .navbar-default .navbar-nav > li > a:hover,
#header-two .navbar-default .navbar-nav > li > a:focus,
#header-two .navbar-default .navbar-nav > li.dropdown:hover > a
 {
  color: #fff;
  background-color: #4f8146;
  /*border-radius:4px;*/
}

.tel{
	font-size: 16px;

}
.logo{
	margin-top: 30px;
}
.cn{
	background: url(../images/cn.jpg) left center no-repeat;
	padding-left:30px;
	line-height: 40px;
}
.en{
	background: url(../images/en.jpg) left center no-repeat;
	padding-left:30px;
	line-height: 40px;
}
.search{width:191px;height:36px;margin-top:8px;background:url(../images/search.jpg) no-repeat;}
.search .key{width:145px;height:30px;line-height:30px;margin:0px 0 1px 10px;border:0;background: transparent;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:36px;height:36px;background:url(../images/search.jpg) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

.section h1{
	color:rgba(0,0,0,.85);
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	font-family: "微软雅黑";
}
.section h2{
	color:rgba(0,0,0,.5);
	line-height: 20px;
	font-size: 16px;
	margin:0;
	text-align: center;
	font-family: "Arial";
}
.section  h1.choice{
	color:rgba(255,255,255,.85);

}
.section h2.choice{
	color:rgba(255,255,255,.5);

}
.index-num{
	font-size: 36px;
	color: #fff;
}
.index-nump{
	font-size: 10px;
	color: #fff;
}
.bg-zhici{
	background:#fff;
		
}
.zhici dt{
	margin-top: 10px;
}
.zhici dd{
	margin: 20px 20px 20px 10px;
}
.zhici dd img{
	float: right;
}
.zhici p{
	line-height: 36px;
	font-size: 16px;
}
.bg-shili{
	background:url(../images/bg-shili.jpg) center top repeat;	
	color: #fff;
	min-height: 704px;
}
.bg-shili h1{
	color: #fff;
}
.bg-shili h2{
	color: rgba(255,255,255,.5);
	font-size: 14px;
}
.shili{
	padding: 50px 0 0 0;
}
.shili p{
	padding: 15px;
	height: 200px;
	color: rgba(255,255,255,.5);
}
.shili-item{

	transition: all 0.3s linear 0s;
}
.shili-item:hover{
	background: rgba(0,0,0,.4);
	padding: 10px 0;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s linear 0s;
}
.bg-product{
	background:url(../images/bg-product.jpg) center bottom no-repeat #fff;
	min-height: 1126px;		
}
.product h1, .about h1{
	color: #4a7d45;
}
.product h1:before, .about h1:before{
	left:25%;
}
.product h1:after, .about h1:after{
	right:25%;
}
.product h1:before, .product h1:after, .about h1:before, .about h1:after{
	content: '';
	width: 32px;
	background: url(../images/flower.png) no-repeat;
	height: 26px;
	position: absolute;
    top: 35%;
}
.productdiv{
	padding: 40px 0;
}
.bg-news{
	background:url(../images/bg-news.jpg) center top no-repeat #4f8146;	
	padding-top: 100px;
	min-height: 746px;
}
.bg-news h1{
	color: #fff;
}
.newsdiv{
	padding-top:60px;
}
.bg-about{
	background:url(../images/bg-about.jpg) center top no-repeat #fff;
	padding-top: 90px;		
}
.bg-message{
	padding: 50px 10px;
	background: url(../images/bg-message.jpg) center top no-repeat;
}
.aboutdiv{
	padding: 40px;
}
.submenu{
	background: #4f8146;
	padding:18px;
}
/*菜单列表样式*/

.submenu ul {
	padding: 0px;
	margin: 0px;
	float:right;
	text-align: center;
}
.submenu ul.pcmenu li {
	
	float: left;
	list-style: none;
	
}
.submenu ul.pcmenu li a {	
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 4px 18px;
	transition: all 0.3s linear 0s;
}
.submenu ul.pcmenu li a:hover {	
	color: #fff;
	transition: all 0.3s linear 0s;
	background: #78a770;
	border-radius: 30px;
}
.submenu ul.pcmenu li a.oncurrent {	
	color: #3b6b32;
	background:  #78a770;
	border-radius: 30px;
}

.submenu h1 {
    float: left;
    padding-left: 20px;
    border-left: 4px solid #78a770;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    margin:0;
}
.a005{
	background-color: #005aa7;
}
.bgfff{
	background-color: #fff;
}
.bgf2f{
	background-color: #f2f2f2;
}
.bgf4f{
	background-color: #f4f4f4;
}
.flist span.ffff{
	background: #fff;
}

.fff{
	background: #fff;
}
.font-c-w{
	color: #fff;
}
/*多页签*/
		.tab .nav-tabs{
		    border: none;
		    display:inline-block;

		}
		.tab .nav-tabs li{
		    margin: 0;
		}
		.tab .nav-tabs li a{
		    font-size: 14px;
		    color: #153e09;
		    background: #fff;
		    margin: 0 10px;
		    padding: 6px 16px;
		    border-radius: 24px;		    
		    border: 1px solid #153e09;
		    text-transform: uppercase;
		    position: relative;
		}
		.tab .nav-tabs li a:hover{
			color: #fff;
			background: #153e09;
		    border: 1px solid #153e09;
		}
		.tab .nav-tabs li.active a,
		.tab .nav-tabs li.active a:hover{
		    color: #fff;
		    background: #153e09;
		    border: 1px solid #153e09;
		}
		/*.tab .nav-tabs li.active a:before{
		    content: "";
		    width: 58%;
		    height: 4px;
		    background: #fff;
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    margin: 0 auto;
		}*/
		/*.tab .nav-tabs li.active a:after{
		    content: "";
		    border-top: 10px solid #153e09;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    position: absolute;
		    bottom: -10px;
		    left: 42%;
		}*/
		.tab .tab-content{
		    font-size: 13px;
		    color: #999898;
		    line-height: 25px;
		    padding: 30px 0;
		    /*border: 1px solid #1fc1dd;*/
		    border-top: none;
		}
		.tab .tab-content h3{
		    font-size: 24px;
		    color: #999898;
		    margin-top: 0;
		}
		@media only screen and (max-width: 480px){
		    .tab .nav-tabs li{
		        width: 50%;
		        text-align: center;
		        margin:10px 0;
		    }
		    .tab .nav-tabs li.active a,
		    .tab .nav-tabs li.active a:after,
		    .tab .nav-tabs li.active a:hover{
		        border: 1px solid #153e09;
		    }
		}
/*多页签*/

/*.gallery {
	margin-top: 30px
}*/

.gallery .hpCaseRightList {
	float: left;
	width: 50%
}

.gallery .item {
	float: left;
	width: 100%;
	display: block
}

.gallery .lines {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.gallery .item .pic {
	position: relative;
	display: block;
	background: #fff;
	width: 100%;
	overflow: hidden
}

.gallery .item .pic img {
	width: 100%;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	transition: transform .4s,-webkit-filter .4s,opacity .4s;
	-moz-transition: -moz-transform .4s,-moz-filter .4s,opacity .4s;
	-webkit-transition: -webkit-transform .4s,-webkit-filter .4s,opacity .4s;
	-o-transition: -o-transform .4s,-o-filter .4s,opacity .4s
}

.gallery .item .pic .describe {
	height: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.75);
	color: #999;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transform: translateY(100%);
	transition: transform .4s;
	-moz-transition: -moz-transform .4s;
	-webkit-transition: -webkit-transform .4s;
	line-height: 50px;
	text-align: center
}

.gallery .item:hover img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	opacity: 1
}

.gallery .item:hover .pic .describe {
	-webkit-transform: translateY(0)
}

.gallery .item .name {
	font-size: 16px;
	color: #333;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background-color: #fff;
	transition: background-color .4s,color .4s;
	-moz-transition: background-color .4s,color .4s;
	-webkit-transition: background-color .4s,color .4s;
	-o-transition: background-color .4s,color .4s
}

.gallery .item:hover .name {
	background-color: #153e09;
	color: #fff
}
.weblink img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	opacity: 1
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.weblink img:hover{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	opacity: 1
	-webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}



.message{
	background:url(../images/messagebg.jpg) top center no-repeat;
}
.message h1{color: #fff;}
.messagepd50{
	padding: 50px;
}
.messagebox{
	background-color: rgba(0,0,0,0.7);
	border: 1px solid #383838;
	position: relative;
	padding: 50px;
	color: #909090;
	height: 200px;
}
.messagebtn{
	position: absolute;
	bottom: -25px;
	width: 80%;
}
.messagebtn a{
	width:100%;
	border-radius: 6px;
	background-color: rgba(225,73,57,0.7);
	line-height: 50px;
	color: #fff;
	display: block;
	font-size: 24px;
	text-align: center;
}
.messagebtn a:hover{
	background-color: rgba(200,153,83,0.7);
}
.youshilist{
	background: #303030;
	color: #c89953;
	font-size: 18px;
	line-height: 30px;
	padding: 10px;
	border-left: 6px solid #c89953;
	text-align: left;
	margin: 30px 0;
}

.proclass {
	margin: 0 auto;
}
.proclass ul{
   width: 100%;
   padding: 0;
   margin-bottom: 20px;
   overflow: hidden;
}
.proclass li{
	float: left;
	margin:0 6px;
	list-style-type: none;
	
	
	margin-top: 10px;
	
}
.proclass li:hover{
	
}
.proclass li a{
	color: #6a6c6e;
	display: block;
	padding: 5px 10px;
	border: 1px solid #e4e4e4;
}
.proclass li a:hover{
	color: #c89953;
	border: 1px solid #c89953;
}
/*= Reset CSS 
============= */

.text-desc .pic {
	margin-top: 30%;
}
.text-desc p {
	line-height: 24px;
	font-size: 24px;
	margin: 25px 35px;
	margin-top: 35%;
}
.btnp {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	border-radius:16px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	text-decoration: none;
	transition: 0.4s;
}
.btnp:hover {
	background-color: #4f8146;
	color: #fff;
	transition: 0.4s;
}
.text-desc {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(79, 129, 70, 0.8);
	height: 100%;
	opacity: 0;
	width: 100%;
}
/*= Reset CSS End
================= *
/* effect-1 css */
.port-1 {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 12px;
}
.port-1 .text-desc {
	opacity: 0.9;
	top: -100%;
	transition: 0.5s;
	color: #fff;
}
.port-1 .image-box{
	border: 1px solid #4f8146;
	border-radius: 12px;
}
.port-1 h3{
	font-size: 18px;
	border-bottom: 1px solid #4f8146;
	padding: 20px 0;
	margin:0;
	background:url(../images/plus.jpg) 10px center no-repeat;
}
.port-1 img {
	transition: 0.5s;
	border-radius: 12px;
}
.port-1:hover img {
	/*transform: scale(1.2);*/
}
.port-1:hover  .text-desc img {
	transform: scale(1);
}
.port-1.effect-1:hover .text-desc {
	top: 0;
}
.port-1.effect-2 .text-desc {
	top: auto;
	bottom: -100%;
}
.port-1.effect-2:hover .text-desc {
	bottom: 0;
}
.port-1.effect-3 .text-desc {
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
}
.port-1.effect-3:hover .text-desc {
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	padding: 45px 20px 20px;
}
/* effect-1 css end */



.wrap {
	width: 100%;
	margin: 0 auto;
}


.hh3{
	color: #c70025;
}
.pp{
	line-height: 30px;
	font-size: 16px;		
}
.more {
	margin-top: 20px;
}
.more a{
	padding: 6px 20px;
	background: #005aa7;
	color:#fff;
	border-radius: 4px;
}
.more a:hover{
	background: #303030;
}
.more2 {
	margin-top: 20px;
}
.more2 a{
	padding: 6px 20px;
	background: #fff;
	color:#005aa7;
	font-size: 16px;
	border-radius: 4px;
}
.more2 a:hover{
	background: #005aa7;
	color: #fff;
}

.productslist {
	background: #005aa7;
	border-radius: 4px;
	/*padding: 4px;*/
	color: #fff;
	margin-bottom: 30px;
	overflow: hidden;
	/*border:1px solid #ccc;*/
}
.productslist:hover {
	background: #333;
	color: #fff;
	/*border:1px solid #333;*/
}
.productslist h4{
	padding: 20px;
	font-size: 18px;
}
.productslist p{
	padding:0 20px 20px;
}
.productslist img{
	border-radius: 4px 4px 0 0;
}
.productslist:hover img{
	opacity:0.5;
}
/*.productslist p:after{
	content: "";
	border-top: 10px solid #005aa7;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 43%;
}*/
.contact h3{
		font-size: 18px;
	}


.news{	
	padding:10px;
	border-radius: 10px;
	background-color: #fff;	
	margin-top: 20px;
}

.news-txt{
	padding: 20px;
	background: #fff;
	overflow: hidden;
}
.news-txt h4{
	font-size: 14px;
	margin: 0px 0 10px 0;
	padding-bottom: : 10px;
}
.news-txt .txt{
	width:100%;
	overflow: hidden;
}
.news-txt .date {
    text-align: center;
    border-right: 1px solid #ececec;
}
.news-txt .date span.date01 {
    font-size: 3rem;
    font-family: "futurademic";
    line-height: 3rem;
}
.news-txt .date span.date02 {
    font-size: 1rem;
    line-height: 2rem;
}
.news-txt .date span {
    margin: 0;
    padding: 0;
    display: block;
    font-style: normal;
    color: #333;
}
.news-txt .des {
    font-size: 1.2rem;
    color: #777;
    padding: 1rem 0;
    margin-top: 10px;
    min-height: 82px;
    border-top: 1px solid #ececec;
}
.news .newspic{
	overflow: hidden;
	
}
.news a:hover .newspic img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.news  .newspic img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.news-list{
	
	margin: 20px 0px;
	overflow: hidden;
}
.news-list:hover{
	background-color: #0181cc;
	color: #fff;
}
.news-list:hover a{
	color: #fff;
}
.news-list:hover p{
	color: #fff;
}
.news-list h4{
	font-size: 18px;
	margin: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-list p{
	color: #888;
	margin: 20px;
}

.fs48{
	font-size: 48px;
}
.pdlr10{
	padding-left: 10px;
	padding-right: 10px;
}
.pdlr20{
	padding-left: 20px;
	padding-right: 20px;
}
.pdlr30{
	padding-left: 30px;
	padding-right: 30px;
}
.pdtb10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.pdtb20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.pdtb30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.pdtb40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.pdtb50{
	padding-top: 50px;
	padding-bottom: 50px;
}
.pdtb60{
	padding-top: 60px;
	padding-bottom: 60px;
}
.pdb20{
	padding-bottom: 20px;
}
.pdb30{
	padding-bottom: 30px;
}
.pdb40{
	padding-bottom: 40px;
}
.pdt20{
	padding-top: 20px;
}
.pdt30{
	padding-top: 30px;
}
.pdt40{
	padding-top: 40px;
}
.pdt60{
	padding-top: 50px;
}
.pdt60{
	padding-top: 60px;
}
.pd0{
	padding: 0px;
}
.pd10{
	padding: 10px;
}
.pd20{
	padding: 20px;
}
.pd30{
	padding: 30px;
}
.mg0{
	margin: 0px;
}
.mgt10{
	margin-top: 10px;
}
.mgt20{
	margin-top: 20px;
}
.mgt30{
	margin-top: 30px;
}
.mgt80{
	margin-top: 80px;
}
.mglr20{
	margin-left: 20px;
	margin-right: 20px;
}
.mglr30{
	margin-left: 30px;
	margin-right: 30px;
}
.liuch{
	color: #000;
}
.liuch p{
	padding-top: 10px;
}
.toolBtns{position:fixed!important;right:0;width:48px;height:196px;z-index:1000}
.iconBtn{color:#fff;background-color:#df3739;width:48px;height:48px;text-align:center;display:block;cursor:pointer;transition:background-color .4s,color .4s,left .4s;-moz-transition:background-color .4s,color .4s,left .4s;-webkit-transition:background-color .4s,color .4s,left .4s;-o-transition:background-color .4s,color .4s,left .4s;font-size:16px;position:absolute;top:0;left:0;line-height:48px;opacity:.85}
.iconBtn .icon{width:48px;height:48px;font-size:32px;float:left}
.iconBtn i{width:48px;height:48px;overflow:hidden}
.iconBtn a{color:#fff}
.toolBtn_qq:hover{left:-90px}
.toolBtn_tel{line-height:48px}
.toolBtn_tel:hover{left:-145px}
.backTop{background-color:rgba(38,43,52,.5);display:none}
.iconBtn:hover{opacity:1}
.toolBtn_wechat .qrCode{width:0;height:0;background-color:rgba(38,43,52,.5);position:absolute;right:49px;bottom:0;overflow:hidden;-webkit-transition:opacity .4s;transition:opacity .4s;opacity:0}
.toolBtn_wechat .qrCode .qrCodeImg{width:120px;height:120px;margin-left:auto;margin-right:auto;margin-top:13px}
.toolBtn_wechat:hover .qrCode{width:146px;height:146px;opacity:1}

#footer{
	background: url(../images/bg-foot.jpg) center bottom no-repeat;
	padding: 20px 0;
	color:rgba(255,255,255,0.55);
	text-align:center;
}
#footer h4{
	padding-bottom: 15px;
}
#footer p{
	margin-bottom: 5px;
}
#footer p.dsner{
	width: 80px;
	float: left;
}
#footer h4, #footer a:hover{
	color:rgba(255,255,255,1);
}
#footer a{
	color:rgba(255,255,255,0.55);
}
#footer .line{
	border-right: 1px solid #291e0e;
	min-height: 220px;
}
.f-menu{
	border-bottom: 1px solid #256db0;
	padding: 10px 0;
	margin:10px 0;
	font-size: 16px;
}
.f-menu a{
	color: #fff;
}
.copyright{
	padding: 10px 0 0 0;
	margin:0;
	color:rgba(255,255,255,0.45);
	/*border-top: 1px solid rgba(255,255,255,0.1);*/
}
.copyright a{
	color: rgba(255,255,255,0.45);
}
.copyright a:hover{
	color: #fff;
}

.tbox {
    bottom: 15px;
    display: none;
    float: right;
    position: fixed;
    right: 10px;
    width: 50px;
    z-index: 901;
}
.tbox #gotop {
    background: rgba(0, 0, 0, 0) url("../images/icon.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    width: 50px;
}

.mainbanner ul, .mainbanner li{
	height: 360px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.left-title {
	background: #3dbddf;
	color: #fff;
	padding: 20px;
	font-size: 24px;
	margin: 0;
	border-radius: 4px 4px 0 0 ;
}
.left-contact h1{
	font-size: 24px;
}
.left-contact img{
	margin-bottom: 10px;
}
.sub-pc{
	/*position: absolute;
	left:60px;
	top: 4px;*/
	padding-left:30px;
	float: right;
	margin-top: 10px;
}
.sub-mob{
	position: absolute;
	right:10px;
	top: 0px;
}
.tglist{
	margin:20px 0;
}
.validate{
	width:48%;
	float: left;
	margin-right: 5px;
}

.main-content {
	padding-bottom: 10px;
	overflow: hidden;
}
.border-b{
	border-bottom: 1px solid #c4c4c4;
}
.htitle{
	border-bottom: 1px solid #c4c4c4;
	overflow: hidden;
	margin-bottom: 20px;
}
.main-content h2{
	font-size: 18px;
	padding-bottom: 10px;
	display: inline-block;
	float: left;
}
.main-content h2 span{
	font-size: 10px;
	margin-left: 6px;
}
.news-main-list{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e8e8;
}
.news-main-list img{
	width:160px;
	height: 120px;
}
.news-main-list h4{
	font-size: 16px;
}
.news-main-list p{
	color:#999;
}
.news-main-list p.time{
	padding-bottom: 6px;
	margin: 0;
}
/*.news-main-list h4{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.news-detail h1{
	font-size: 18px;
	text-align: center;
}
.news-detail .info{
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e8e8e8;
}
.news-detail p{
	line-height: 1.6;
	text-indent:2em;

}
/*菜单列表样式*/
.top_navs {
	border-bottom: 1px solid #ddd;
}
.top_nav ul {
	padding: 0px;
	margin: 30px;
	margin-bottom: 0;
	border: 1px solid #ddd;
	overflow: hidden;
	background-color: #fff;
}
.top_nav li {
	display: block;
	float: left;
	text-align:center;
	width:20%;
}
.top_nav li.solu {
	display: block;
	float: left;
	text-align:center;
	width:14.285%;
}
.top_nav li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
	font-size: 15px;
	background: #fff;
	width:100%;
	border-right: 1px solid #ddd;
	transition: all 0.3s linear 0s;
}
.top_nav li a:hover {	
	color: #fff;
	transition: all 0.3s linear 0s;
	background: #005aa7;
}
.top_nav li a.oncurrent {
	color: #fff;
	background:  #005aa7;
}
.no-border-r {
    border-right: none!important;
}

.navbar-default .navbar-nav > li > a , .tel{
	  line-height: 35px;
	  padding: 0px 20px;
	}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	.submenu h1 {

	    font-size: 24px;

	}
	.product h1:before, .about h1:before{
		left:40%;
	}
	.product h1:after, .about h1:after{
		right:40%;
	}
	.bg-zhici{
		background:url(../images/bg-zhici.jpg) center top no-repeat;
		min-height: 620px;	
	}
	.zhici dt{
		margin-top: 50px;
	}
	.zhici dd{
		margin: 20px 50px 20px 10px;
	}
	.zhici dd img{
		float: right;
	}
	.zhici p{
		line-height: 36px;
		font-size: 16px;
	}

	.bg-shili h2{
		color: rgba(255,255,255,.5);
		font-size: 18px;
	}
	.shili{
		padding: 50px 0;
	}
	.shili p{
		padding: 15px;
		height: auto;
		color: rgba(255,255,255,.5);
	}

	.navbar-default .navbar-nav > li > a , .tel{
	  line-height: 120px;
	  padding: 0px 20px;
	}
	.casedetail h1 , .bg-message h1{
		font-size: 30px;
	}

	.news-txt h4{
		font-size: 16px;
		margin: 0px 0 10px 0;
		padding-bottom: : 10px;
	}
	.news-txt .date span.date01 {
	    font-size: 3rem;
	    font-family: "futurademic";
	    line-height: 3rem;
	}
	.news-txt .date span.date02 {
	    font-size: 1.2rem;
	    line-height: 2rem;
	}
	.flist span{
		display: block;
		height: 5px;
		width: 50px;
		margin:40px auto;
		background: #005aa7;

	}
	.flist h3{
		font-size: 24px;
	}
	.flist p{
		font-size: 14px;
	}
	.more {
		margin-top: 40px;
	}
	.section h1{
		font-size: 30px;
	}
	.section h2{
		line-height: 20px;
		font-size: 18px;
	}
	.abmain{
		float: left;
	}
	.abpic{
		float: right;
	}
	.productslist h4{
		min-height:60px;
	}

	.about h1{
		font-size: 30px;
	}
	.about p{
		font-size: 16px;
	}
	
	.sub-mob{
		display: none;
	}
	.main-content h2{
		font-size: 20px;
	}
	.main-content h2 span{
		font-size: 12px;
	}
	
	.news-main-list h4{
		font-size: 18px;
	}
	.news-detail h1{
		font-size: 20px;
	}
	.pdtb30{
		padding: 30px 0;
	}
	.navbar .nav > li .dropdown-menu {  
        margin: 0;  
    } 
    /*.navbar .nav > li:active{  
        background-color: #eda52e; 
    } */  
    .navbar .nav > li:hover .dropdown-menu {  
        display: block;  
    } 
}

	/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {

	.nav > li {
	  margin:0 0px;
	}

	.main-content h2{
		font-size: 22px;
	}
	.main-content h2 span{
		font-size: 13px;
	}
	.news-detail h1{
		font-size: 22px;
	}
	

}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
	.news-txt .date span.date01 {
	    font-size: 5rem;
	    font-family: "futurademic";
	    line-height: 3rem;
	}
	.news-txt .date span.date02 {
	    font-size: 1.2rem;
	    line-height: 2rem;
	}

	.nav > li {
	  margin:0 5px;
	}
	

	.main-content h2{
		font-size: 24px;
	}
	.main-content h2 span{
		font-size: 14px;
	}
	.news-detail h1{
		font-size: 24px;
	}
	
	.youshi h1, .dingzhi h1, .works h1, .message h1, .designer h1, .service h1{
		font-size: 36px;
		line-height: 50px;
	}
	.youshi h2, .dingzhi h2, .works h2, .message h2, .designer h2, .service h2{
		line-height: 20px;
		font-size: 18px;

	}
	.youshi span, .dingzhi span, .works span, .message span, .designer span, .service span{
		letter-spacing: -4px;
		font-size: 18px;
	}
	.youshilist{
		font-size: 20px;
		line-height: 30px;
		padding: 10px 20px;
		border-left: 10px solid #c89953;
		margin: 60px 0;
	}


}


}@media (min-width:1921px),(min-height:1201px) {
	section.business {
	-moz-background-size:cover;
	background-size:cover;
}
}@media (min-height:1201px) {
	.business .box {
	margin-top:-70px;
}
}@media (min-width:1151px) and (max-height:700px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:50px;
}
}@media (min-width:1151px) and (max-height:630px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:1150px) {
	.business .box ul.items {
	margin-top:40px;
}
.business .box ul.items li {
	width:170px;
	height:270px;
	margin:0px;
}
.business .box ul.items li u {
	background:none;
	display:none;
}
.business .box ul.items li strong {
	margin-top:40px;
}
.business .box ul.items li:hover {
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-ms-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
}
}@media (max-width:1150px) and (max-height:680px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:1150px) and (max-height:580px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:1000px) {
	.business .box {
	margin-top:-55px;
}
.business .box ul.items li {
	width:270px;
	height:80px;
	margin:30px 0 0 21px;
	padding:10px 0 5px 15px;
}
.business .box ul.items li i {
	margin-top:0px;
	float:left;
}
.business .box ul.items li strong {
	float:left;
	margin:5px 0 0 20px;
}
.business .box ul.items li p {
	float:left;
	margin:5px 0 0 20px;
	color:#888;
	text-align:inherit;
}
.business .box ul.items li:hover p {
	margin:5px 0 0 20px;
	color:White;
	-webkit-transition-delay:.2s;
	-moz-transition-delay:.2s;
	-ms-transition-delay:.2s;
	-o-transition-delay:.2s;
	transition-delay:.2s;
}
.business .box label {
	margin-top:50px;
}
}@media (max-width:1000px) and (max-height:730px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:1000px) and (max-height:650px) {
	.business .box label {
	display:none;
}
}@media (max-width:1000px) and (max-height:560px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:880px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:10px;
}
}@media (max-width:929px) and (max-height:770px) {
	.business .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:680px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:570px),(max-width:620px) {
	.business .box {
	margin-top:-55px;
}
.business .box ul.items {
	margin-top:30px;
}
.business .box ul.items li {
	width:173px;
	height:43px;
	margin:15px 10px 0px 10px;
}
.business .box ul.items li i {
	margin-top:0px;
}
.business .box ul.items li.pc i {
	width:46px;
	height:35px;
	background:url(img/words_mini.png) no-repeat -145px -217px;
}
.business .box ul.items li.mobi i {
	width:46px;
	height:39px;
	background:url(img/words_mini.png) no-repeat -245px -176px;
}
.business .box ul.items li.sys i {
	width:46px;
	height:35px;
	background:url(img/words_mini.png) no-repeat -249px -220px;
}
.business .box ul.items li.app i {
	width:46px;
	height:41px;
	background:url(img/words_mini.png) no-repeat -146px -264px;
}
.business .box ul.items li.host i {
	width:47px;
	height:38px;
	background:url(img/words_mini.png) no-repeat -253px -266px;
}
.business .box ul.items li p {
	display:none;
}
.business .box ul.items li strong {
	margin-left:15px;
}
.business .box ul.items li.pc:hover i {
	background:url(img/words_mini.png) no-repeat -100px -217px;
}
.business .box ul.items li.mobi:hover i {
	background:url(img/words_mini.png) no-repeat -201px -176px;
}
.business .box ul.items li.sys:hover i {
	background:url(img/words_mini.png) no-repeat -196px -220px;
}
.business .box ul.items li.app:hover i {
	background:url(img/words_mini.png) no-repeat -100px -264px;
}
.business .box ul.items li.host:hover i {
	background:url(img/words_mini.png) no-repeat -201px -266px;
}
}@media (max-width:929px) and (max-height:460px) {
	.business .box ul.items {
	margin-top:15px;
}
.business .box ul.items li {
	margin:5px 10px 0px 10px;
}
}@media (max-width:929px) and (max-height:420px) {
	.business .box ul.items {
	margin-top:30px;
}
.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:720px) {
	.business .box label {
	display:none;
}
}@media (max-width:929px) and (max-height:660px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:30px;
}
}@media (max-width:929px) and (max-height:550px) {
	.business .box ul.items {
	margin-top:20px;
}
.business .box ul.items li {
	margin:5px 10px 0px 10px;
}
}@media (max-width:929px) and (max-height:460px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:929px) and (max-height:320px) {
	.business .box ul.items {
	margin-top:15px;
}
}@media (max-width:929px) and (max-height:310px),(max-width:638px) and (max-height:390px),(max-width:425px) and (max-height:500px) {
	.business .box ul.items {
	margin-top:40px;
}
.business .box ul.items li {
	width:120px;
	height:40px;
	margin:0px 10px 15px 10px;
	padding:0px;
	background:none;
}
.business .box ul.items li strong {
	position:relative;
	margin:0px;
	width:100%;
	height:40px;
	font-size:14px;
	line-height:40px;
	text-align:center;
	z-index:10;
}
.business .box ul.items li:hover strong {
	color:#333;
}
.business .box ul.items li i {
	position:absolute;
	display:block !important;
	width:120px !important;
	height:40px !important;
	background:White !important;
	border:1px solid #bbb;
	-moz-opacity:0.5;
	opacity:0.5;
}
}@media (max-width:929px) and (max-height:260px) {
	.business .box {
	margin-top:8px;
}
.business .box ul.items {
	margin-top:18px;
}
}@media (max-width:425px) and (max-height:880px) {
	.business .box .caption i {
	display:block;
}
.business .box label {
	display:none;
}
}@media (max-width:425px) and (max-height:770px) {
	.business .box .caption i {
	display:none;
}
.business .box ul.items {
	margin-top:20px;
}
}@media (max-width:425px) and (max-height:670px) {
	.business .box {
	margin-top:0px;
}
}@media (max-width:425px) and (max-height:500px) {
	.business .box ul.items {
	margin-top:40px;
}
}@media (max-width:390px) {
	.business .box .caption i {
	display:none;
}