﻿@charset "utf-8";
/* CSS Document */
header{
	width:100%;
}
header {
	position: absolute;
	height: 74px;
	color: #ccc;
	z-index: 999;
}
header.fixed {
	height:70px;
}
header .logo {
	position:absolute;
	top:20px;
	left:50px;
	width:290px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .logo {
	width:210px;
	top:14px;
}
header .logo img.mini {
	display:none;
}
header nav.menu {
	margin:36px 0 0 100px;
	text-align:center;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu {
	margin:22px 0 0 85px;
}
header nav.menu ul li {
	margin:0 25px;
	font-size:20px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed nav.menu ul li {
	margin:0 10px;
	font-size:16px;
}
header nav.menu ul li a {
	color:#ccc;
	letter-spacing:2px;
	cursor:pointer;
}
header nav.menu ul li a:hover,header nav.menu ul li.active a {
	color:#009944;
	text-decoration:none;
}
header nav.menu .line {
	position:absolute;
	top:0px;
	width:0px;
	height:3px;
	font-size:3px;
	background-color:#009944;
	display:none;
}
header .hotline {
	position:absolute;
	top:32px;
	right:216px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
/*header.fixed .hotline {
	top:20px;
	right:185px;
}*/
header .hotline span {
	width: 203px;
	position:absolute;
	color:#009944;
	font-family:Arial;
	font-weight:bold;
	font-size:26px;
	letter-spacing:1px;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
background: linear-gradient(135deg,#52ffba 9.27%,#23faec 46.96%,#0af 88.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
header.fixed .hotline span {
	font-size:20px;
}
header .hotline u {
	position:absolute;
	top:0;
	right:10px;
	display:block;
	width:30px;
	height:30px;
	text-decoration:none;
	background:url(../images/icons.png) no-repeat;
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	-ms-transition:all .2s ease-in-out 0s;
	-o-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
}
header.fixed .hotline u {
	top:31px;
	right:230px;
}
header .hotline a {
	color:#009944;
}
header .menu-icon {
	position:absolute;
	top:34px;
	right:48px;
	font-size:24px;
	color:#009944;
	z-index:99;
	display:none;
}
header.fixed .menu-icon {
	top:18px;
}
header .menu-icon a {
	color:#009944;
	text-decoration:none;
}

header .menu-icon span {
	margin-left: 15px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	font-size: 26px;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
header .menu-icon span.glyphicon-earphone {
	display:none;
}
header .menu-icon span:hover,header .menu-icon span.active {
	-moz-opacity:1;
	opacity:1;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
header .bg {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 0px;
	background: #111;
	-moz-opacity: 0.6;
	opacity: 1;
	z-index: -1;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	

}
header.fixed .bg {
	height:70px;
	background:url(../images/txt-bg2.jpg) no-repeat right bottom;
}
.banner{height:600px; overflow:hidden; margin-bottom:50px; background:url(../images/dax.jpg) no-repeat center top; text-align:center;}
.banner img{ margin:0; margin-top:240px;}
.banner1{height:700px; overflow:hidden; margin-bottom:50px; background:url(../images/b01.jpg) no-repeat center top; background-size: cover}
.banner2{height:600px; overflow:hidden; margin-bottom:50px; background:url(../images/shuw.jpg) no-repeat center top; text-align:center;}
.banner1 p{ text-align:center; margin-top:230px;}
.banner2 p{ text-align:center; margin-top:300px;}
.banner1 p b {
    display: block;
    color: #009944;
    font-size: 2.5em;
    font-weight: normal;
}
.banner2 p b {
    display: block;
    color: #fff;
    font-size: 2.2em;
    font-weight: normal;
	letter-spacing:0.5em;
}
.banner1 p g {
    display: block;
    height: 1px;
    background: #666;
    width: 10%;
    margin: 1% auto;
}
.banner1 p c {
    display: block;
    font-size: 1.1em;
    color: #666;
    overflow: hidden;
    margin: 1% auto 0;
    width: 80%;
    line-height: 1.4em;
}
.banner2 p c {
    display: block;
    font-size: 1.5em;
    color: #ccc;
    overflow: hidden;
    margin: 1% auto 0;
    width: 50%;
    line-height: 2em;
	text-align:center;
}
.subnav{ text-align:center;  z-index:100; padding: 20px 15px 0 15px;}
body .sfixed { position:fixed; top:0px; background:#f3f3f3;width:100%;}
.subnav a{ float:right;}
.subnav a:hover{ text-decoration:none;}
.subnav .lmmz{float:left; width:150px; height:60px; background: url(../images/itxt.png) no-repeat 0px bottom; margin-left:10px;}
.subnav .lmmz1{float:left; width:150px; height:60px; background: url(../images/itxt1.png) no-repeat 0px bottom; margin-left:10px;}
.subnav .lmmz h3,.subnav .lmmz1 h3{ border-left:3px #009944 solid; text-align:left; padding-left:15px; margin-top:0px; margin-bottom:20px;}
.subnav hr{ margin-top:15px; margin-bottom:0px;}
.jiathis_style{margin: 2% auto;overflow: hidden; width:250px;}
.jiathis_style span{font-size: 0.8em;color: #666;display: inline-block;vertical-align: top;overflow: HIDDEN;}
.banner1 .jiathis_style .jtico_qzone,.banner1 .jiathis_style .jtico_tsina,.banner1 .jiathis_style .jtico_tqq,.banner1 .jiathis_style .jtico_weixin{ background: none;
height: auto !important;
margin-left: 0;
padding-left: 0 !important;
}

.jiathis_style a{    display: inline-block;overflow: hidden;vertical-align: top;}
.jiathis_style a span{}
.jiathis_style img{opacity: 0.5;}


.hbanner{ text-align:center;}
/*.banner{max-height:500px; overflow:hidden; background:#fff;}
.hbanner{ text-align:center; z-index:999; height:180px; background:#fff; width:100%; padding:50px 0px 0px;}*/
.hbanner span {
    font-size: 24px;
    letter-spacing: 3px;
    padding-left: 10px;
}
.hbanner span u{color:#009944; margin-right:10px; text-decoration:none;}
.hbanner i {
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 20px;
    width: 129px;
    height: 37px;
    background: url(../images/words.png) no-repeat 0px -528px;
}

.hbanner i.sj {
    width: 170px;
    height: 55px;
    background: url(../images/design.png) no-repeat;
}

.caselist{
	 margin-top:50px;}
.caselist .list-inline {
	margin-right:-10px;
	margin-left:-10px;
	list-style:none
}
.caselist .list-inline>li {
	display:inline-block;
	padding:0;
 
}
.caselist ul.items li {
    position: relative;
    height: auto;
	padding:0px 10px;
	margin-bottom: 30px;
    cursor: pointer;
    overflow: hidden;
	display: inline-block;
}
..caselist  img{ width:100%; display:block; height:auto;}

/*=====改=======*/
.caselist ul.items li .shade {
    position: absolute;
    width: 100%;
    height: 76%;
    margin-top: -69%;
    background: Black;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}



.caselist ul.items li .shade u {
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 120px;
    width: 70px;
    height: 70px;
    background: url(../images/ljico.png) no-repeat;
}
.caselist ul.items li p {
    position: absolute;
    margin: 10px 20px;
    color: #999;
    font-family: Arial,"宋体";
    font-size: 12px;
    line-height: 26px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 10;
}
.caselist ul.items li .bg {
    width: 100%;
    height: 100px;
    background-color: #fff;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.caselist ul.items li .bg u {
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    margin-top: 150px;
    background-color: #f3f3f3;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.caselist ul.items li p strong {
    color: #222;
    font-family: Arial,"微软雅黑";
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.caselist ul.items li:hover .shade {
	margin-top:0px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.caselist ul.items li:hover .bg {
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.caselist ul.items li:hover .bg u {
	margin-top:0px;
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.caselist ul.items li:hover p {
	
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s
	ease-in-out 0s;
}
 .caselist ul.items li:hover p strong {
	
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.caselist .loading{ text-align:center; width:58px; height:10px; margin:0px auto;}
.newslist{
	 margin-top:10px;}
.newslist .n_left{ width:850px; float:left;}

.newslist .n_left ul li {
    width: 100%;
    float: left;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
	margin-top:45px;
}
.newslist .n_left ul li a{ text-decoration:none;}
.newslist .n_left ul li .img{ width:343px; float: left; height: 253px; border: 2px solid #f2f2f2; padding: 12px 11px; overflow: hidden;}
.newslist .n_left ul li .img img{ width:100%; height: 100%; float: left; transition: all .6s;}
.newslist .n_left ul li .info{ width:455px; float:right; padding: 15px 25px 0 0;}
.newslist .n_left ul li .info strong{ width:80%; float: left; color: #ccc; font-size: 24px; height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist .n_left ul li .info strong a{color: #666; margin: auto; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newslist .n_left ul li .info i{ float:right; line-height: 34px; color: #ccc; font-style:normal;}
.newslist .n_left ul li .info p{ width:100%; float: left; line-height: 25px; margin-top: 30px; height: 75px; overflow: hidden;}
.newslist .n_left ul li .info .btns{ float:left; width:108px; height: 35px; line-height: 35px; color: #fff; text-align: center; background: #009944; margin-top: 40px;}
.newslist .n_left ul li .info .btns:hover{ width:130px;}
.newslist .n_left ul li:hover .img img{ transform: scale(1.1);}

.newslist .n_left h3{ text-align:center;}
.newslist .n_left h5{ color:#ccc;}
.newslist .n_left h5 a{ color:#666}
.newslist .n_left .tags span{ margin-right:20px;float:right;color:#ccc;padding-left:20px;}
.newslist .n_left .tags span.h{background:url(../images/gnews_icon1.jpg) no-repeat left center; }
.newslist .n_left .tags span.t{background:url(../images/shownew_time.png) no-repeat left center;}
.newslist .n_left .tags span.q{ background:url(../images/gnews_icon3.jpg) no-repeat left center;}
.newslist .n_left .tags span a{ color:#666; padding-right:15px;}
.newslist .n_left .editor{ font-size:14px; line-height:25px; margin-top:50px;}
.newslist .n_left .editor p{ text-indent:1em;}
.newslist .n_right{ width:300px; float:right;}
.newslist .n_right .top_box{ width:100%; float: left; font-size: 18px; font-weight: bold; margin-bottom:20px;}
.newslist .n_right .top_box i{ float: left; margin-right: 12px;}
.pnxt{ margin-top:30px; font-size:16px;}
.pnxt a{ padding-right:50px; color:#009944;}
.newslist .n_right .top_box i{ background: url(../images/ico_see1.png) no-repeat left; padding-left: 20px;}

.newslist .n_right .fix a {
    display: inline-block;
    margin: 7px 7px 0 0;
	color:#666;
}

#box{width:430px;height:210px; background:url(../images/ly.png) no-repeat;  position:fixed;left:50%;top:50%; margin:-125px 0 0 -250px; z-index:9999;display:none;}
#box span{}
#box span a{width:110px; height:35px;margin-top: 130px;margin-left: 180px;display:block; float:left;}
#box span a.t1{ margin-left:30px; width:70px;}
#box h2{ margin:0;height:35px;cursor:move;text-align:right;}
#box h2 a{width: 30px;height: 30px;display: block;float: right;}

.dock{position:fixed;right:10px;top:40%;width:60px;z-index:200; height:160px;}

.dock ul.icons{position:absolute;list-style:none;right:0px;padding:0px;width:50px;}

.dock ul.icons li i{display:block;position:relative;width:50px;height:50px;margin-bottom:5px;background:url(../images/icons.png) no-repeat;background-color:#333;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;cursor:pointer;-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;z-index:210;}

.dock ul.icons li a{display:none;position:relative;width:40px;height:40px;margin-bottom:5px;background:url(../images/icons.png) no-repeat;background-color:#333;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;cursor:pointer;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);z-index:210;}



.dock ul.icons li.active i{background-color:#222;-moz-border-radius:0px 100% 100% 0px;-webkit-border-radius:0px 100% 100% 0px;border-radius:0px 100% 100% 0px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}

.dock ul.icons li.up i{background-position:-63px -150px;}
.dock ul.icons li.up a{background-position:-67px -154px;}
.dock ul.icons li.up.active i{background-position:-63px -150px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:100%;}

.dock ul.icons li.tel i{background-position:-62px -108px;}
.dock ul.icons li.tel a{background-position:-67px -110px;}
.dock ul.icons li.im i{background-position:-63px -20px;}
.dock ul.icons li.im a{background-position:-67px -24px;}
.dock ul.icons li p{display:block;position:absolute;right:5px;padding:5px 0px 5px 10px;height:50px;font-size:12px;line-height:20px;border:1px solid #333;border-right:none;background:#222;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201;}

.dock ul.icons li.active p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100); border-top-left-radius: 50px; border-bottom-left-radius: 50px;}

.dock ul.icons li.tel p{top:0px;width:130px;color:#ddd;font-family:Arial,"宋体"; padding-left:20px;}

.dock ul.icons li.im p{top:55px;width:130px;}

.dock ul.icons li.im p a{display:block;width:100%;height:50px;line-height:34px;color:#fff;font-size:14px;text-align:center;text-decoration:none;}

.dock ul.icons li.im p a:hover{color:White;}
.mb50{ margin-bottom:50px;}
.txtbox{ width:100%; background:#f2f2f2; margin-top:40px; border-top:3px #009944 solid; height:auto;}
.tit-wrap{text-align:center; position:relative;}
.tit-wrap h3{ margin-top:50px;}
.tit-wrap p{ margin:30px auto;}
.tit-wrap p a{ text-decoration:none;}
.shock-arrow {
 position:absolute;
 left:50%;
 width:26px;
 height:40px;
 display:block;
 margin:0 0 0 -13px;
 background:url(../images/all.png) no-repeat 0 -125px;
 margin-top:10px;
}

/*案例详情*/

.casebox{ width:100%; height:auto; background:#eee; padding:60px 0px; margin-top:40px;}
.casebox1{ width:100%; height:auto; background:#eee; padding:0px; margin-top:40px;}
.casedetail{ display:block;}
.casedetail img {
    margin: 0 auto;
    display: block;
	max-width:100%;
	height:auto;
}

.casebox1 two {
    text-align: center;
    display: block;
    padding: 1% 10%;
    overflow: hidden;
}

.casebox1 two g {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 30%;
}

.casebox1 two g strong {
    display: block;
    font-weight: normal;
    font-size: 1em;
    color: #aaa;
    border: 1px solid rgba(204, 204, 204, 0.38);
    border-radius: 1em;
    width: 50%;
    margin: 0 auto;
    line-height: 1.8em;
}

.casebox1 two a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index: 2;
}

.casebox1 two img {
    width: 26px;
    margin-right: 1%;
}

.casebox1 two b {
    font-size: 1.4em;
    font-weight: normal;
    position: relative;
    overflow: hidden;
}

.casebox1 two b c {
    color: #666;
    font-size: 0.8em;
    margin-right: 1%;
}


.reanl{ margin-top:60px;}
.reanl h6 {
    position: relative;
    overflow: hidden;
    background: #ccc;
    width: 20%;
    text-align: center;
    border-radius: 1.6em;
    margin: 2% auto;
    line-height: 2em;
}
.reanl h6 a {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 1.4em;
    font-weight: normal;
    color: #fff;
    line-height: 2em;
	text-decoration:none;
}
.reanl h6:hover{    background: #009944;}

.reanl h6 img {
    margin-right: 2%;
    opacity: 0.8;
}


.casedetail p{ margin-top:50px;}
.casezj h3{ text-align:center;}
.casezj p{ color:#666;}


.footLineGray {
    clear: both;
    width: 100%;
    border-top: 1px solid #b8b8b8;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.lineWhite {
    clear: both;
    width: 100%;
    border-top: 1px solid #fff;
    line-height: 0;
    height: 0;
    font-size: 0;
}
.webFoot {
    clear: both;
    width: 100%;
    background-color: #ddd;
    color: #777;
}
.middle {
    margin: 0 auto;
    font-size: 12px;
}
.footLinks {
    text-align: center;
    line-height: 50px;
}
.footLinks span {
    margin: 0 6px;
}
.footLinks a {
    color: #777;
    text-decoration: none;
}
.footCpy {
    text-align: center;
    line-height: 25px;
}
.footCpy a {
    text-decoration: none;
    color: #777;
}
.foot {
    height: 100%;
}
.not-animated {

	opacity: 0;

}

.pages{
	width:100%; overflow:hidden; font-size:14px; margin:50px auto; text-align: center;}
.pages a{
	height:30px; line-height:30px; overflow:hidden; display:inline-block; color:#cccccc; text-align:center; padding:0px 8px;border:1px #ccc solid; margin:0px 5px;
}
.pages a:hover{
	color:#fff; background:#5d8; text-decoration:none;
}
.pages a.cur{ color:#fff;background:#5d8;}

.pages a.pre{
	width:80px; height:25px; overflow:hidden;  text-indent:-9999em;
}
.pages a.pre:hover{
	/*background:url(../images/p_pre_h.gif) no-repeat center top;*/
}
.pages a.next{
	width:80px; height:34px; overflow:hidden;  text-indent:-9999em;
}
.pages a.next:hover{
	
}
.pages strong{height:25px; line-height:25px; overflow:hidden; display:inline-block; color:#cccccc; text-align:center; padding:0px 8px;}


@media (max-width:1300px) {
	header .logo {
	top:25px;
	left:35px;
	width:240px;
}
header nav.menu {
	margin-left:-40px;
}
header.fixed nav.menu {
	margin-left:-55px;
}
header nav.menu ul li {
	margin:0 8px;
}
header .hotline {
	right:200px;
}
header.fixed .hotline {
	right:170px;
}
header .hotline u {
	position: absolute;
	top: 3px;
	right: 10px;
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url(../images/icons.png) no-repeat;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}
header.fixed .hotline u {
	right:180px;
}
}
@media (max-width:1279px) {
	
header .logo,header.fixed .logo {
width:230px;
left:20px;
}
	
}
@media (max-width:1080px) {
	header .hotline {
	right:285px;
}
header.fixed .hotline {
	right:255px;
	top: 20px;
}
header .hotline u {
	/*right:300px;*/
}
header.fixed .hotline u {
	right:265px;
	top: 20px;
}
header .menu-icon {
	display:block;
}
header nav.menu {
	position:absolute;
	width:72px;
	top:38px;
	right:-100px;
	margin:0px;
	padding-top:30px;
	border:1px solid #000;
	border-top:1px solid #009944;
	border-right:none;
	background:#3a3a3a;
}
header.fixed nav.menu {
	top:22px;
	margin:0px;
}
header nav.menu.active {
	display:block;
	margin:0px;
	right:0px;
}
header nav.menu ul li,header.fixed nav.menu ul li {
	margin:0px;
	margin-left:5px;
	width:73px;
	padding:8px 0px;
	font-family:"宋体";
	font-size:14px;
	text-align:center;
}
header nav.menu ul li.active {
	background:#111;
}
header nav.menu .line {
	-moz-opacity:0;
	opacity:0;
}
}
@media (max-width: 480px) {
	header .menu-icon span.glyphicon-earphone {
		display:inline;
		font-size:24px;
	}
	header .hotline{
		display: none;
	}
}
@media (max-width:460px) {
header {
	position: absolute;
    height: 74px;
    color: #ccc;
    z-index: 999;
}

#box{width:320px;height:150px; background:url(../images/ly_m.png) no-repeat;  position:fixed;left:50%;top:50%; margin:-80px 0px 0px -160px; z-index:9999;display:none;}
#box span{}
#box span a{width:80px; height:28px;margin-top: 85px;margin-left: 135px;display:block; float:left;}
#box span a.t1{ margin-left:28px; width:50px;}
#box h2{ margin:0;height:35px;cursor:move;text-align:right;}
#box h2 a{width: 30px;height: 30px;display: block;float: right;}

header .logo { width:210px;left:20px;top:10px;}
header.fixed {
	height:70px;
}
header.fixed .logo {
	width:190px;	
	top:8px;
	left:10px;
}
header .menu-icon,header.fixed .menu-icon {
	top:15px;
	display:block;
	right:30px;

}
header .menu-icon span.glyphicon-earphone {
	display:inline;
	font-size:24px;
}


header nav.menu,header.fixed nav.menu {
	position: absolute;
	top:17px;
		width:54px;
	padding-top:30px;
	font-size:14px;
	right: -100px;
	 margin: 0px;
	     border: 1px solid #000;
    border-top: 1px solid #009944;
    border-right: none;
    background: #3a3a3a;
}
header .hotline,header.fixed .hotline {
	display:none;
}
header.fixed .bg {
	height:60px;
	background:#111;
	-moz-opacity:0.9;
	opacity:0.9;
}

header nav.menu {
	position:absolute;
	width:55px;
	right:-55px;
	margin:0px;
	padding-top:30px;
	border:1px solid #000;
	border-top:1px solid #009944;
	border-right:none;
	background:#3a3a3a;
}
header nav.menu ul li,header.fixed nav.menu ul li {
	margin:0px;
	margin-left:5px;
	width:55px;
	padding:5px 0px;
	font-family:"宋体";
	text-align:center;
	font-size:14px;
}
header nav.menu ul li.active {
	background:#111;
}

header nav.menu .line {
	-moz-opacity:0;
	opacity:0;
}



header nav.menu.active {
    display: block;
    margin: 0px;
    right: 0px;
}
.banner{background:url(../images/daxi.jpg) no-repeat center top;}
.banner1{background:url(../images/b02.jpg) no-repeat center top;}
.banner2{background:url(../images/timg.jpg) no-repeat center top;}
.banner1,.banner,.banner2{ height:300px; margin-bottom:0px;}
.banner1 p {
    margin-top: 100px;
}
.banner1 p b {font-size: 1.8em;}
.banner1 p c {font-size: 1em; margin:20px auto;}
.banner1 p g {width: 30%;}
.banner img{ margin:0; margin-top:150px; width:90%;}
.casebox {
    padding: 20px 0px;
}
.casebox1 two {
    padding: 2% 0%;
}
.casebox1 two img { margin-right:5%;}
.reanl h6 img{ margin-right:5%;}
.casebox1 two g strong { width:80%;}
.reanl h6 { width:50%;}
.tit-wrap h3 {
    margin-top: 50px;
	font-size:16px;
}
.dock{ display:block;}
.dock ul.icons li i{ display:none;}
.dock ul.icons li a{display:block;}

.newslist .n_left{ width:100%;}
.newslist .n_left ul li .img{width:100%;}
.newslist .n_left ul li .info{ width:100%; float:left; padding:15px 25px 0 10px;}
.newslist .n_left ul li .info strong { font-size:18px; width:100%;}
.newslist .n_left ul li .info i{ float:left;}
.newslist .n_left ul li .info p { margin-top:10px;}
.newslist .n_left ul li .info .btns{margin-top: 10px;}
.newslist .n_right{ float:left; width:100%; margin-top:30px;}
.button-big {padding:5px 15px;font-size: 14px;line-height: 22px; margin-bottom:15px;}
}

@media (max-height:310px) {
	header,header.fixed {
	display:none;
	height:0px;
}
}