body {
	background: #fff;
	font-family: "微软雅黑";
	color: #4e4e4e;
	line-height: 22px;
	min-width:1140px;
}
#gongchengshenqing	.coolbg{background:#ed6c00 none repeat scroll 0 0;
    border: 1px solid #ed6c00;
    border-radius: 5px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 600;
    margin: 0 auto;
	margin:10px 20px;
	float:left;
    padding: 0.7em 2.5em;}
#gongchengshenqing input{border: 1px solid #aaa;
    border-radius: 0.3em;
    color: #333;
    margin-bottom: 1.5em;
	width:490px;
	float:left;
	margin:10px 20px;
    outline: medium none;
    padding: 0.85em;}

#gongchengshenqing textarea{border: 1px solid #aaa;
    border-radius: 0.3em;
    color: #333;
    margin-bottom: 1.5em;
    outline: medium none;
	width:600px;
	margin:10px 20px;
    padding: 0.85em;}
#footerlink a{margin-right:10px;color:#4e4e4e;}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-family:arial;
	color: #575757;
}
.container .btn{font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0;
	border:0;
    text-align: center;
    width: 135px;}
h1 {
	font-size: 46px;
	font-weight: 600;
	color: #EEEEEE;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 14px;
	color: #777;
	font-weight: 400;
	line-height: 26px;
}
h4 {
	font-size: 16px;
}
a {
	color: #333;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms;
}
.kuaisu{background:  url(../images/kuaisu.jpg);height:210px;}
a:hover, a:focus {
	color: #d9890b;
}
ul, ol {
	list-style: none;
}
ul {
	padding: 0;
	margin: 0;
}
hr {
	width: 70px;
	border-top: 4px solid #006fba;
}
.btn-primary {
	padding: 8px 20px;
	background: #006fba;
	color: #fff;
	border-radius: 4px;
	border: none;
	margin-top: 10px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {
	background: #db8c0f;
	outline: none;
	box-shadow: none;
}
a:hover, a:focus {
	color: #111;
	text-decoration: none;
	outline: none;
}
.center h2, .top-center h2 {
	font-size: 30px;
	font-weight:normal;
	margin-bottom: 20px;
}
.center h3 {
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 20px;
}
.media>.pull-left {
	margin-right: 20px;
}
.media>.pull-right {
	margin-left: 20px;
}
body > .waibu {
	padding: 20px 0;
}
.waibu .xinwen{width:100%;padding:0 15px;float:left;}
.center {
	text-align: center;

}
.top-center {
	background-color: #eeeeee;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 30px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
.lead {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}
 @-webkit-keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
/*************************
*******Header******
**************************/
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.navbar>.container .navbar-brand {
	margin-left: 0;
}
.navbar-brand {
	padding: 0;
	margin: 0;
}
.navbar {

}
.caidan {
	
}
.feature-wrap > h2{font-size:14px;}
.lianjie1{background:url(../images/k1b_h.png);width:68px;height:66px;margin-left:20px;}
.lianjie1:hover{background:url(../images/k1b_h1.png);width:74px;height:72px;margin-left:20px;}
.lianjie2{background:url(../images/k2b_h.png);width:68px;height:66px;margin-left:20px;}
.lianjie2:hover{background:url(../images/k2b_h1.png);width:74px;height:72px;margin-left:20px;}
.lianjie3{background:url(../images/k3b_h.png);width:68px;height:66px;margin-left:20px;}
.lianjie3:hover{background:url(../images/k3b_h1.png);width:74px;height:72px;margin-left:20px;}
.jiejue1{background:url(../images/jiejue1.png);width:120px;height:120px;margin-left:20px;}
.jiejue1:hover{background:url(../images/jiejue1-1.png);width:120px;height:120px;margin-left:20px;}
.jiejue2{background:url(../images/jiejue3.png);width:120px;height:120px;margin-left:20px;}
.jiejue2:hover{background:url(../images/jiejue3-3.png);width:120px;height:120px;margin-left:20px;}
.jiejue3{background:url(../images/jiejue2.png);width:120px;height:120px;margin-left:20px;}
.jiejue3:hover{background:url(../images/jiejue2-2.png);width:120px;height:120px;margin-left:20px;}
.jiejue4{background:url(../images/jiejue4.png);width:120px;height:120px;margin-left:20px;}
.jiejue4:hover{background:url(../images/jiejue4-4.png);width:120px;height:120px;margin-left:20px;}
.jiejue5{background:url(../images/jiejue5.png);width:120px;height:120px;margin-left:20px;}
.jiejue5:hover{background:url(../images/jiejue5-5.png);width:120px;height:120px;margin-left:20px;}
.jiejue6{background:url(../images/jiejue6.png);width:120px;height:120px;margin-left:20px;}
.jiejue6:hover{background:url(../images/jiejue6-6.png);width:120px;height:120px;margin-left:20px;}
.jiejue7{background:url(../images/jiejue7.png);width:120px;height:120px;margin-left:20px;}
.jiejue7:hover{background:url(../images/jiejue7-7.png);width:120px;height:120px;margin-left:20px;}
.caidan>li {
	
}
.navbar-inverse .caidan > li > a {
	padding: 5px 18px;
	font-size:16px;
	margin: 0;
	border-radius: 3px;
	color: #000;
	line-height: 24px;
	display: inline-block;
}
.caidan > li {
    float: left;
}
#jianjie{width:740px;padding:0 15px;float:left; margin-top: 20px;}
#jianjie p{line-height: 2.3em;
    text-align: justify;
    text-indent: 2em;}
.features #fuwulist{
    float: left;
    padding: 0 5px;
    width: 165px;
}
.iaBody  #fuwulist{
    float: left;
    padding: 0 15px;
    width: 140px;
	margin:0 20px;
}
.caidan > li > a:hover {
	background-color: #ed6c00;
	color: #fff;
}
.navbar-inverse {
	border: 0;
	
}
.navbar-inverse .navbar-brand {
	font-size: 30px;
	line-height: 50px;
	font-weight: 600;
	color: #fff;
}
.navbar-inverse .navbar-brand i.fa {
	color: #006fba;
}
.caidan > .active > a,.caidan > .active > a:hover,.caidan > .active > a:focus, .caidan > .open > a, .caidan > .open > a:hover, .caidan > .open > a:focus {
	background-color: #ed6c00;
	color: #fff;
}
/*************************
*******Home Page******
**************************/
#main-slide .item img {
	width: 100%;
}
#main-slide .item .slider-content {
	z-index: 0;
	opacity: 0;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
	z-index: 0;
	opacity: 1;
	-webkit-transition: opacity 100ms;
	-moz-transition: opacity 100ms;
	-o-transition: opacity 100ms;
	transition: opacity 100ms;
}
#main-slide .item.active .slider-content .logo {
	color: #006fba;
	font-weight: bold;
}
#main-slide .slider-content {
	top: 50%;
	margin-top: -110px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}
#main-slide .carousel-indicators {
	bottom: 0px;
}
.carousel-indicators li {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}
#main-slide .carousel-control.left, #main-slide .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
#main-slide .carousel-control.left span {
	padding: 15px;
}
#main-slide .carousel-control.right span {
	padding: 15px;
}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}
#main-slide .carousel-control .fa-angle-left {
	left: 0;
}
#main-slide .carousel-control .fa-angle-right {
	right: 0;
}
#main-slide .carousel-control i {
	/* background: rgba(4,133,233,.7); */
	color: #fff;
	line-height: 36px;
	font-size: 82px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#main-slide .slider-content h2 {
	font-size: 60px;
	font-weight: 500;
	text-transform: uppercase;
	color: #eee;
}
#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
	color: #fff;
}
#main-slide .slider-content h3 {
	font-size: 36px;
	font-weight: 300;
	margin-top: 40px;
	text-align: center;
	color: #eee;
}
.slider.btn {
	padding: 6px 20px;
	margin-top: 60px;
	font-size: 16px;
	line-height: 28px;
	border: 0;
	color: #000;
	background-color: #f2f2f2 ;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.slider.btn.btn-default {
	margin-left: 4px;
	background: #ECECEC
}
.slider.btn:hover {
	background-color:#006fba;
	color:#fff;
}
.slider.btn:focus, .slider.btn:active:focus, .slider.btn:active:hover {
	outline: none;
}
#feature {
	background:  url(../images/about_bg.jpg);
	padding-bottom: 0px;
}
#feature a {
	color: #464646;
	font-weight: bold;
	margin-left: 5px;
	text-transform: uppercase;
}
#feature a:hover {
	color: #006fba;
}
#feature .btn-primary:hover {
	margin-top: 40px;
	padding: 8px 120px;
	background: #f2f2f2;
	color: #666;
	border-radius: 10px 10px 0 0;
	border: 0;
	box-shadow: 0 -10px 10px #ddd;
}
#inner-page {
	background: #f8f8f8;
	padding-bottom: 0;
	padding-bottom: 20px;
}
.features {
	padding: 0;
}
.feature-wrap {
	margin-bottom: 35px;
	overflow: hidden;
	text-align: center;
}
.feature-wrap h2 {
	margin-top: 10px;
}
.feature-wrap .pull-left {
	margin-right: 25px;
}
.feature-wrap i.fa {
	font-size: 48px;
	height: 110px;
	width: 110px;
	margin: 3px;
	border-radius: 100%;
	line-height: 110px;
	text-align: center;
	background: #ffffff;
	color: #006fba;
}
#recent-works .col-xs-12.col-sm-4.col-md-4 {
	padding: 15px;
}
#recent-works {
	padding: 20px 0 0;
}
.recent-work-wrap {
	position: relative;
}
#recent-works .readmore {
	color: #006fba;
	font-weight: bold;
	margin-left: 5px;
	text-transform: uppercase;
}
#recent-works .readmore:hover {
	color: #444;
}
.recent-work-wrap img {
	width: 100%;
}
.recent-work-wrap .recent-work-inner {
	top: 0;
	background: transparent;
	opacity: 1;
	width: 100%;
	border-radius: 0;
	margin-bottom: 0;
	text-align: center;
}
.recent-work-wrap .recent-work-inner h3 {
	margin: 10px 0;
}
.recent-work-wrap .recent-work-inner h3 a {
	font-size: 16px;
	color: #000;
}
.recent-work-wrap .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 0;
	background: url(../images/hoverbg.jpg);;
	color: #000;
	vertical-align: middle;
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
	padding: 10px;
}
.recent-work-wrap .overlay .preview {
	bottom: 0;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border-radius: 0;
	background: transparent;
	text-align: center;
	color: #000;
}

.serli {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cecece;
    margin: 0 0 26px;
    overflow: hidden;
    padding: 28px 0 24px;
}
.serLeft {
    float: left;
    margin: 18px 20px 0 40px;
    width: 240px;
	height:auto;
	overflow:hidden;
}
.serlTitle {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    margin: 14px 0 0;
    text-align: center;
}
.serRight {
    float: left;
    overflow: hidden;
    padding: 18px 0 16px 48px;
    width: 780px;
}
.serLabel {
    color: #484848;
    font-size: 18px;
    line-height: 32px;
}
.serLabel span {
    margin: 0 20px 0 0;
}

.serSum {
    color: #3f3f3f;
    line-height: 24px;
    padding: 15px 0 40px;
}
.serDet {
    display: block;
    float: right;
    height: 37px;
    line-height: 36px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.serdLink {
    background-position: center top;
    color: #3f3f3f;
    z-index: 1;
}
#weizhi{width:1000px;margin:0px auto 10px;padding-top:10px;overflow:hidden;}
#weizhi #picweizhi{width:40px;float:left;}
#weizhi #wenzhiweizhi{width:1180px;margin: 0 auto;text-align: left;}
#inner-page{background:#fff;}
.serdHover {
    background-position: center center;
    color: #ffffff;
    z-index: 0;
}
.serdLink, .serdHover {
    background: rgba(0, 0, 0, 0) url("../images/service_button.png") no-repeat scroll center top;
    height: 37px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
}
#fenye .active{background:#ed6c00;}
#fenye{overflow: hidden;
    width: auto;float:right;margin-right:10px;}
#fenye li {
    float: left;
	color:#333;
	border:1px solid #e3e3e3;
    list-style: outside none none;
    margin: 0 5px;
    padding:3px 10px;
}
.thisclass > a{color:#fff;}
#fenye li  a:hover{color:#ed6c00;}
.feature-wrap h2 a{color:#333;}
.feature-wrap h2 a:hover{color:#006fba;}
.feature-wrap p a{color:#333;}
.feature-wrap p a:hover{color:#006fba;}
#articlecontent
{margin: 40px 0;
    overflow: hidden;}
	
#fuwulist .feature-wrap h3 {
    text-align: justify;
}

.serlIco {

    font-size: 0;
    height: 148px;
    line-height: 0;
    margin: 24px auto 0;
    text-align: center;
    width: 240px;
}
.recent-work-wrap:hover .overlay {
	opacity: 0.9;
}
/* Testimonials Section */
#testimonials {
	background: url(../images/testimonial-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #ddd;
	padding: 80px 0;
}
#aboutbanner{background: url(../images/aboutbg.jpg) no-repeat;height:200px;margin:0 auto;position:relative;width:100%;}
#aboutbanner #weizhi{background: url(../images/weizhibg.png) no-repeat;height:40px;width:100%;margin:0 auto;position:absolute;bottom:0;}
#liuyanbanner{background: url(../images/liuyan.jpg) no-repeat;height:200px;margin:0 auto;position:relative;width:100%;}
#liuyanbanner #weizhi{background: url(../images/weizhibg.png) no-repeat;height:40px;width:100%;margin:0 auto;position:absolute;bottom:0;}
#contactbanner{background: url(../images/contactbg.jpg) no-repeat;height:200px;margin:0 auto;position:relative;width:100%;}
#contactbanner #weizhi{background: url(../images/weizhibg.png) no-repeat;height:40px;width:100%;margin:0 auto;position:absolute;bottom:0;}
#probanner{background: url(../images/probg.jpg) no-repeat;height:200px;margin:0 auto;position:relative;width:100%;}
#probanner #weizhi{background: url(../images/weizhibg.png) no-repeat;height:40px;width:100%;margin:0 auto;position:absolute;bottom:0;}
#dxazbanner{background: url(../images/dxazbg.jpg) no-repeat;height:200px;margin:0 auto;position:relative;width:100%;}
#dxazbanner #weizhi{background: url(../images/weizhibg.png) no-repeat;height:40px;width:100%;margin:0 auto;position:absolute;bottom:0;}
#testimonials H2 {
	color: #ddd;
}
#float h1{
	background: #2a8fc8 none repeat scroll 0 0;
    color: #fff;
    font-size: 32px;
    height: 85px;
    opacity: 0.8;
	margin-top:0px;
	margin-bottom:0px;
    padding-top: 25px;
    text-align: center;
	
}
#float ul li{
	
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    position: relative;
    text-indent: 2em;
    width: 220px;
}

#float ul li a{display: block;
    height: 40px;
    line-height: 40px;
    text-indent: 2em;
	color:#555;
    width: 220px;}
#float ul li a:hover {
    background: #7e7e7e url("../images/sj.jpg") no-repeat scroll 10px 15px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 220px;
}
#float ul li .hover{ background: #7e7e7e url("../images/sj.jpg") no-repeat scroll 10px 15px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 220px;}
#float .l_p1{background: #dcdcdc none repeat scroll 0 0;
    font-size: 14px;
    line-height: 22px;
    margin-top: 10px;
    padding: 8px 20px;}
	
#float .l_p1 font{color: #e40d1f;
font-weight: bold;}
#float .l_p2 font{color: #e40d1f;
font-weight: bold;}
#float .l_p2{background: #eeeeee none repeat scroll 0 0;
    color: #a4a4a4;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 10px;
    padding: 8px 20px;
    text-align: center;}
#float .l_p3{background: #eeeeee none repeat scroll 0 0;
    color: #a4a4a4;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-top: 10px;
    padding: 8px 20px;
    text-align: center;}
#testimonial {
	padding: 0;
}
#testimonial .item {
	display: block;
	width: 100%;
	height: auto;
}
#testimonial .item p {
	font-weight: 500;
	margin: 0 0 40px 0;
	color: #ddd;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=1);
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 20px;
	border-radius: 50%;
	background: #FFFFFF;
	transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #006fba;
}
.owl-theme .owl-controls .owl-page.active span {
	background: #006fba;
}
#middle {
	background:  url(../images/hezuobg.jpg);
}
.probg {
	background: #f2f2f2;
}
.gongchang li {
    float: left;
    padding: 16px;
}
.picbox > a {
    display: block;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.c_c dl {
    border-right: 1px solid #898a8d;
    float: left;
    height: 280px;
    margin-bottom: 0;
    margin-right: 24px;
    padding-right: 24px;
}
.gongchang li img{margin:0;border:1px solid #e3e3e3;padding:10px;}
.gongchang li img:hover{margin:0;border:1px solid #ed6c00;}
.gongchang li p{text-align:center; line-height:27px; font-size:14px;padding:5px 0;background:#f3f3f3; color:#000;}
.gongchang li p a:hover{color:#ed6c00;}
#middle .readmore {
	color: #006fba;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	margin-top: 30px;
}
#middle .readmore:hover {
	color: #444;
}
.container ul li .hover2{
	color: #fff;
	background:  url(../images/hy_09.png)  no-repeat scroll left top;
	outline: none;
	display:black;height:36px;
    box-shadow: none;
	-moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
	width:135px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	}
#middle .yizhanshi{margin:30px 0 20px 10px}
#middle h3 {
	color: #4e4e4e;
	font-size: 28px;
	font-weight: 600;
	margin:5px 0 0;
}
#middle i.fa {
	color: #006fba;
}
#middle .media-body h3 {
	color: #4e4e4e;
	font-size: 18px;
}
.accordion h2 {
	margin-bottom: 25px;
}
.panel-default {
	border-color: transparent;
}
.panel-default>.panel-heading, .panel {
	background-color: #ebebeb;
	border: 0 none;
	box-shadow: none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
	background: #f1f1f1;
	color: #4e4e4e;
}
.panel-body {
	padding: 20px;
}
.panel-group .panel+.panel {
	margin-top: 0;
	border-top: 1px solid #d9d9d9;
}
.panel-group .panel {
	border-radius: 8px;
}
.panel-heading {
	border-radius: 0;
}
.panel-title>a {
	color: #4e4e4e;
	font-size: 14px;
}
.accordion-inner img {
	border-radius: 4px;
}
.accordion-inner h4 {
	margin-top: 0;
}
.panel-heading.active {
	background: #ebebeb;
	border-radius: 8px;
}
.panel-heading.active .panel-title>a {
	color: #4e4e4e;
}
a.accordion-toggle i.fa {
	width: 45px;
	line-height: 44px;
	font-size: 20px;
	margin-top: -10px;
	text-align: center;
	margin-right: -15px;
	background: #ebebeb;
	border-radius: 8px;
}
.panel-heading.active a.accordion-toggle i.fa {
	color: #4e4e4e;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel-heading.active a.accordion-toggle.collapsed i.fa {
	color: #fff;
}
#get-started {
	text-align: center;
	background: #eee;
	border-top: 1px solid #fff;
}
#header{background:#eaeaf0;}
/*************************
********* About Us Page CSS ******
**************************/

.about-us {
	padding-bottom: 50px;
}
.about-us h3 {
	color: #4e4e4e;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
}
.about-us p {
	color: #4e4e4e;
}
.about-us img {
	margin-top: 25px;
}
/*************************
********* Portfolio CSS ******
**************************/
.portfolio-items, .portfolio-filter {
	height: auto;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.portfolio-filter > li {
	display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-bottom: 8px;
    overflow: hidden;
}
.portfolio-filter > li #dangqiancaidan{
	 background: #ed6c00 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    outline: medium none;
    padding: 8px 70px;
}
.portfolio-filter > li .hover12{
	 background: #ed6c00 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    outline: medium none;
    padding: 8px 70px;
}
.portfolio-filter > li a {
	 background: #a6a6a6 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    outline: medium none;
    padding: 8px 70px;
}
.portfolio-filter > li a:hover, .portfolio-filter > li a.active {
	color: #fff;
	background:  #ed6c00;

}
.portfolio-filter .btn-default.active.focus, .portfolio-filter .btn-default.active:focus, .portfolio-filter .btn-default.active:hover, .portfolio-filter .btn-default:active.focus, .portfolio-filter .btn-default:active:focus, .portfolio-filter .btn-default:active:hover {
	color: #fff;
	background:  url(../images/hy_09.png)  no-repeat scroll left top;
	outline: none;
	display:black;height:36px;
}
.portfolio-items > li {
	float: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.portfolio-item {
	margin: 0;
	padding: 15px;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
/**************************
********* Pricing Table CSS *
**************************/
.pricing-tables {
	padding: 40px 0 80px 0;
	text-align: center;
}
.pricing-tables .pricing-table {
	border: 1px solid #e4e4e4;
	text-align: center;
	position: relative;
	background-color: #fff;
	border-radius: 8px;
}
.pricing-tables .pricing-table:hover {
	z-index: 2;
	box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 12px rgba(0,0,0,0.1);
}
.pricing-tables .highlight-plan {
	margin: -15px 0;
	margin-right: -1px;
	z-index: 1;
}
.pricing-tables .pricing-table.highlight-plan .plan-name {
	background-color: #006fba;
	padding: 25px 0;
	border-radius: 8px 8px 0 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-name h3 {
	color: #fff;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup {
	background-color: #006fba;
	padding: 30px 0;
	border-radius: 0 0 8px 8px;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn {
	border-color: #fff;
	color: #fff;
}
.pricing-table .plan-name {
	padding: 15px 0;
	box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-o-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.04) inset;
	border-bottom: 1px solid #eee;
}
.pricing-table .plan-name h3 {
	font-weight: 700;
	color: #666;
	font-size: 22px;
}
.pricing-table .plan-price {
	padding: 25px 0;
}
.pricing-table .plan-price .price-value {
	font-size: 38px;
	line-height: 40px;
	font-weight: 600;
	color: #666;
}
.pricing-table .plan-price .price-value span {
	font-size: 18px;
	font-weight: 300;
	line-height: 18px;
}
.pricing-table .plan-price .interval {
	line-height: 14px;
	color: #999;
	font-size: 13px;
}
.pricing-table.btn-system.border-btn {
	border-color: #f8ba01;
	color: #f8ba01;
}
.pricing-table .plan-list li {
	padding: 8px;
	font-size: 12px;
	border-bottom: 1px solid #eee;
}
.pricing-table .btn-system {
	padding: 5px 15px;
	display: inline-block;
	color: #fff;
	background-color: #006fba;
	margin-right: 5px;
	font-weight: 300;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	border: 0;
	text-transform: uppercase;
	font-weight: 400;
}
.pricing-table .btn-system:hover, .pricing-table .btn-system.border-btn:hover {
	background-color: #c27c0e;
}
.pricing-table .btn-system:last-child {
	margin-right: 0;
}
.pricing-table .btn-system.border-btn {
	background-color: transparent;
	border: 1px solid;
	box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.pricing-table .plan-list li:first-child {
	border-top: 1px solid #eee;
}
.pricing-table .plan-signup {
	padding: 25px 0;
}
.pricing-table .plan-signup a {
	text-transform: uppercase;
}
/*************************
********* Contact Us CSS ******
**************************/

#contactForm .text-danger {
	color: #ff3333;
}
.contact_top {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 2em;
	border-bottom: 2px solid #fff;
}
.contact_details {
	padding: 20px;
	text-align: center;
}
.contact_details i {
	color: #006fba;
}
.contact_details p {
	padding: 20px 0;
}
.form-group .form-control {
	padding: 7px 12px;
	border-color: #ddd;
	box-shadow: none;
}
.form-group label {
	font-weight: 500;
}
.homepage #header{width:100%;}
textarea#message {
	resize: none;
	padding: 10px;
	height: 185px;
}
/***********************
********* Footer ******
************************/
#footer {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	width:100%;
	overflow:hidden;
	float:none;
	background:#eaeaf0;
}
.c_c dt {
    font-size: 14px;
	font-weight:normal;
    margin-bottom: 10px;
}
.c_c dd {
    line-height: 2em;
	font-size:12px;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #006fba;
}
#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer ul > li {
	display: inline-block;
	margin-left: 15px;
}
.follow-us {
	margin-top: -5px;
	text-align: center;
}
.social-icon {
	padding-top: 6px;
	font-size: 16px;
	text-align: center;
	width: 32px;
	height: 32px;
	border: 2px solid #999;
	border-radius: 50%;
	color: #999;
	margin: 5px;
}
a.social-icon:hover, a.social-icon:active, a.social-icon:focus {
	text-decoration: none;
	color: #006fba;
	border-color: #006fba;
}