@charset "utf-8";
/* 
Theme Name: HCW蓝色模板
Author: HCW蓝色模板
Author URI: http://www.hcwgx.com
Description: 服务型企业网站模板      
Version: 2018.10
Text Domain: xs
 */

@import url('css/font-awesome.css');
html,body{overflow-x:hidden;}

body{
	margin:0;
	font-family: "微软雅黑", "宋体", 'Roboto', sans-serif;
	background: #fff;
} 
body a{
	transition: 0.5s color;
	-webkit-transition: 0.5s color;
	-moz-transition: 0.5s color;
	-o-transition: 0.5s color;
	-ms-transition: 0.5s color;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;		
	font-family: "微软雅黑", "宋体", 'Abel', sans-serif;	
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
@media (min-width: 768px){
.col-md-pc-5{ width:20%; float:left;}
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(images/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -250px;
    position: absolute;
    top: 50%;
    width: 500px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #666;
	line-height:32px;
    margin-top: 30px;
	text-transform: uppercase;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*--顶部--*/
.header {
    padding: 1em 0 0;
    border-bottom: 3px solid #03a9f4;
}

.navbar-header h1 {
    font-size: 3em;
	font-family:"微软雅黑", "宋体",  'Abel', sans-serif;
	margin: 0 0;
} 
.navbar-header h1 img{ margin:0 auto; display:block; width:80px; height:82px;}
.navbar-header h1 a{
	color:#03a9f4;
	text-decoration:none;
	display: block;
}
.navbar-header h1 a span {
    display: block;
    font-size: .3em;
    margin-top: 0.8em;
    letter-spacing: 4px;
    color: #999;
}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{
	color:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none !important; 
	color: #03a9f4;
}
.navbar-nav > li {
    margin-right: 2em;
}
.navbar-nav > li:last-child{ margin-right:0px;}
.navbar-nav > li > a {
    font-size: 1.1em;
    padding: 0;
	line-height: 35px;
}
.navbar-default .navbar-nav > li > a {
    color: #555;
} 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background: none;
	color: #03a9f4;
} 
.navbar-default .navbar-nav li.active1 a {
    color: #03a9f4;
}
div#bs-example-navbar-collapse-1 {
    padding: 0;
	margin: 0;
}
#bs-example-navbar-collapse-1 >ul >li >a >span{ font-size:15px;}
nav.navbar.navbar-default {
    background: none;
    border: none;
}
#bs-example-navbar-collapse-2{ display:none !important;}
/*-- hover effect6 --*/
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*-- Yaku --*/
.link--yaku {
	overflow: hidden;
}

.link--yaku::before ,.navbar-nav > li.active a:before, .navbar-nav > li.active.open a.dropdown-toggle:before, .navbar-nav > li.open a.dropdown-toggle.link--yaku:before{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-width: 2px 0;
	border-color: #03a9f4;
	border-style: solid;
	left: 0;
	-webkit-transform: translate3d(-102%,0,0);
	-moz-transform: translate3d(-102%,0,0);
	-o-transform: translate3d(-102%,0,0);
	-ms-transform: translate3d(-102%,0,0);
	transform: translate3d(-102%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	transition: transform 0.5s;
} 
.link--yaku:hover::before ,.navbar-nav > li.active a:before, .navbar-nav > li.active.open a.dropdown-toggle:before, .navbar-nav > li.open a.dropdown-toggle.link--yaku:before{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.link--yaku span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-moz-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-o-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-ms-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	-moz-transition: transform 0.5s, color 0.5s;
	-o-transition: transform 0.5s, color 0.5s;
	-ms-transition: transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.link--yaku:hover span {
	color: #03a9f4;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	-moz-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	-o-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	-ms-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
} 
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover span{ color:#fff;}
.link--yaku span:nth-child(4),
.link--yaku:hover span:first-child {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}

.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.link--yaku span:nth-child(2),
.link--yaku:hover span:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	transition-delay: 0.2s;
} 
.link--yaku span:first-child,
.link--yaku:hover span:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/*-- end hover --*/
/*-- drop-down --*/
.dropdown-menu {
    min-width: 115px;
}
ul.dropdown-menu li {
    border-bottom: 1px solid #888;
}
.dropdown-menu > li > a {
    padding: 0.8em 1.5em;
    font-size: 1em;
} 
.navbar-left span.caret {
    margin-left: 10px;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    top: 150%;
    border-top: 3px solid #03a9f4;
    padding: 0;
}
.navbar-right .dropdown-menu li a:before,.navbar-nav > li.open a.dropdown-toggle:before {
    border: none;
}
.dropdown-menu { border:none;-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
    box-shadow: 0 0px 0px rgba(0,0,0,.175);
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover span {
    color: #fff;
	background-color:#03a9f4;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #03a9f4;
    outline: 0;}
.dropdown-menu > li > a {
    padding: 0.8em 1.5em;
    font-size: 1em;
    text-align: center;
	
}
ul.dropdown-menu li {
    border-bottom: 1px solid #eee;
}
/*-- //drop-down --*/
.header-text {
    width: 13%;
    margin-left:5em;
}
.header-text p {
    font-size: 0.8em;
    line-height: 1.6em;
    color: #999;
}
.header-right {
    float: right;
}
.agileits-topnav {
    margin: 0 0 2em;
	text-align:right;
}
.agileits-topnav ul li {
    display: inline-block;
    margin-right: 2em;
    vertical-align: middle;
	font-size: 14px;
    color: #555;
}
.agileits-topnav ul li span.glyphicon {
    margin-right: 5px;
}
.agileits-topnav ul li a {
    color: #555;
}
.agileits-topnav ul li:nth-child(3) {
    margin: 0;
} 
.agileits-topnav a.email-link:hover{
    color: #03a9f4;
} 
/*//顶部//*/
/*-- social-icons --*/
.social-icons ul li {
    display: inline-block;
    font-size: inherit;
    text-align: center;
    margin: 0;
}
.social-icons ul li a.fa {
    font-size: 1em;
    color: #fff;
    line-height: 2.8em;
}
.icon-border {
	position: relative;
}
.icon {
    vertical-align: top;
    overflow: hidden;
    margin: 0 4px;
    width: 35px;
    height: 35px;
}
.icon-border::before,
.icon-border::after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
} 
.icon-border::before {
	z-index: 1;
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	-o-transition: box-shadow 0.3s;
	-ms-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;      
}  
/* facebook */
.icon-border.qq::before {
	-webkit-box-shadow: inset 0 0 0 48px #3b5998; 
	-moz-box-shadow: inset 0 0 0 48px #3b5998; 
	-o-box-shadow: inset 0 0 0 48px #3b5998; 
	-ms-box-shadow: inset 0 0 0 48px #3b5998; 
	box-shadow: inset 0 0 0 48px #3b5998; 
} 
.icon-border.qq:hover::before {
	-webkit-box-shadow: inset 0 0 0 4px #3b5998; 
	-moz-box-shadow: inset 0 0 0 4px #3b5998; 
	-o-box-shadow: inset 0 0 0 4px #3b5998; 
	-ms-box-shadow: inset 0 0 0 4px #3b5998; 
	box-shadow: inset 0 0 0 4px #3b5998;
} 
/* twitter */
.icon-border.qrcode::before {
	-webkit-box-shadow: inset 0 0 0 48px #4099ff;
	-moz-box-shadow: inset 0 0 0 48px #4099ff;
	-o-box-shadow: inset 0 0 0 48px #4099ff;
	-ms-box-shadow: inset 0 0 0 48px #4099ff;
	box-shadow: inset 0 0 0 48px #4099ff;
} 
.icon-border.qrcode:hover::before {
	-webkit-box-shadow: inset 0 0 0 4px #4099ff;
	-moz-box-shadow: inset 0 0 0 4px #4099ff;
	-o-box-shadow: inset 0 0 0 4px #4099ff;
	-ms-box-shadow: inset 0 0 0 4px #4099ff;
	box-shadow: inset 0 0 0 4px #4099ff;
} 
/* google plus */
.icon-border.weibo::before {
	-webkit-box-shadow: inset 0 0 0 48px #d34836;
	-moz-box-shadow: inset 0 0 0 48px #d34836;
	-o-box-shadow: inset 0 0 0 48px #d34836;
	-ms-box-shadow: inset 0 0 0 48px #d34836;
	box-shadow: inset 0 0 0 48px #d34836;
} 
.icon-border.weibo:hover::before {
	-webkit-box-shadow: inset 0 0 0 4px #d34836;
	-moz-box-shadow: inset 0 0 0 4px #d34836;
	-o-box-shadow: inset 0 0 0 4px #d34836;
	-ms-box-shadow: inset 0 0 0 4px #d34836;
	box-shadow: inset 0 0 0 4px #d34836;
} 
/* dribbble */
.icon-border.dribbble::before {
	-webkit-box-shadow: inset 0 0 0 48px #ec4a89;
	-moz-box-shadow: inset 0 0 0 48px #ec4a89;
	-o-box-shadow: inset 0 0 0 48px #ec4a89;
	-ms-box-shadow: inset 0 0 0 48px #ec4a89;
	box-shadow: inset 0 0 0 48px #ec4a89;
}

.icon-border.dribbble:hover::before {
	-webkit-box-shadow: inset 0 0 0 4px #ec4a89;
	-moz-box-shadow: inset 0 0 0 4px #ec4a89;
	-o-box-shadow: inset 0 0 0 4px #ec4a89;
	-ms-box-shadow: inset 0 0 0 4px #ec4a89;
	box-shadow: inset 0 0 0 4px #ec4a89;
} 
/* rss */
.icon-border.rss::before {
	-webkit-box-shadow: inset 0 0 0 48px #ee802f;
	-moz-box-shadow: inset 0 0 0 48px #ee802f;
	-o-box-shadow: inset 0 0 0 48px #ee802f;
	-ms-box-shadow: inset 0 0 0 48px #ee802f;
	box-shadow: inset 0 0 0 48px #ee802f;
} 
.icon-border.rss:hover::before {
	-webkit-box-shadow: inset 0 0 0 4px #ee802f;
	-moz-box-shadow: inset 0 0 0 4px #ee802f;
	-o-box-shadow: inset 0 0 0 4px #ee802f;
	-ms-box-shadow: inset 0 0 0 4px #ee802f;
	box-shadow: inset 0 0 0 4px #ee802f;
} 
.agileits-topnav .social-icons ul li a.fa:hover { 
    color: #000; 
}
/*-- //social-icons --*/ 
/*-- banner --*/
.banner-img{
	
	background-size:cover;
	min-height:580px;	
}

.banner-w3text {
    padding-top: 13%;
    text-align: left;
    padding-left: 15%;
}
.banner-w3text h3 {
    font-size: 3em;
    color: #fff; 
	font-style: italic;
}
.banner-w3text p {
    font-size: 1em;
    color: #fff;
    width: 38%;
    margin: 1em 0 2em;
    line-height: 1.8em;
}
.banner-w3text-a {
    display: block;
	width:100%;
	height:100%;
	
} 
/*首页服务项目*/
/*首页服务项目*/
.section-padding { padding: 60px 0  0px;}
.template_feature{ padding-bottom:60px;}
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
	position:relative;
	font-weight:600;
	font-size:28px;
}
@media only screen and (max-width:768px) { 
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}
.section-title span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 70px;
	position:relative;
}
.section-title-white { color: #fff!important;position:relative; }
.section-title-white-span { background: #fff!important;position:relative; }
.section-title p {
  margin: auto;
  padding: 0 20px;
  width: 70%;
   color: #93989B;
   font-size:16px;
}
@media only screen and (max-width:768px) { 
.section-title p {width: 100%;}
}
/*END SECTION TITLE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 04.START 服务项目
* ----------------------------------------------------------------------------------------
*/
.about_single {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
    .about_single { margin-bottom: 20px }
}
.about_single i {
	background: #03a9f4;
    border: 2px solid #03a9f4;
    border-radius: 100px;
    color: #fff;
    font-size: 26px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 80px;
}
.about_single:hover i {
    color: #03a9f4;
	background: none;
	border: 2px solid #03a9f4;
}
.about_single span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto 0;
    width: 54px;
    margin-bottom: 15px;
}
.gxct a {
    display: block;
    color: #666;
    line-height: 2em;
    font-size: 16px;
}
.gxct a:hover {
    color: #03a9f4;
  
}
.about_single h4 {
    font-weight: 600;
    margin-top: 10px;
    color: #333;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	font-size:1.6em;
}
.about_single:hover h4 { color: #03a9f4 }
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:768px) { 
    .about_single h4 { font-size: 15px }
}
/*
* ----------------------------------------------------------------------------------------
* 04.END 服务项目
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START 高新五大优惠
* ----------------------------------------------------------------------------------------
*/
.single_feature {
    
    padding: 70px 15px;
    background: #f9f9f9;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.single_feature_color_one{background:#f2f2f2;}
.single_feature_color_two{background:#ededed;}
.single_feature_color_three{background:#e8e8e8;}
.single_feature_color_four{background:#e3e3e3;}
.single_feature_color_five{background:#dfdfdf;}
.single_feature i {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 35px;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 18px;
    height: 68px;
    line-height: 68px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 68px;
}
.single_feature h4 {
font-size: 1.6em;
margin-top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-transform: uppercase;
padding-bottom:10px;
font-weight:bold;
color:#333;
line-height:2em;
}
.single_feature p {
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
			font-size:14px;
			line-height:2em;
			color:#797979;
}
.single_feature:hover i {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #03a9f4;
}
.no-padding {
    padding: 0;
}
.single_feature:hover{ background:#03a9f4;}
.single_feature:hover h4 { color: #fff }
.single_feature:hover p { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 05.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_services{position:relative; padding-bottom:60px;}
.our_services:before{

    background: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;

}
.service {
border: 2px solid #fff;
height: 300px;
margin: 20px 0;
padding: 20px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.service .icon {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    color: #333;
    display: inline-block;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    top: 50px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 80px;
}
.service h4 {
    color: #fff;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: 90px;
	font-size:2em;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
            transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service:hover {background:#03a9f4;border: 2px solid #03a9f4;}
.service:hover .icon {
    top: 5px;
    color: #03a9f4;
}
.service:hover h4 {
    color: #fff;
    top: 25px;
	margin-bottom:45px
}
.service p {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	line-height:2em; font-size:16px;
}
.service:hover p {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07 Step 六步
* ----------------------------------------------------------------------------------------
*/
.agile_work_grid1 span{
	width: 40px;
    height: 40px;
    border-radius: 25px;
    border: 2px solid #03a9f4;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: .5em;
/*-- w3layouts --*/
    color: #212121;
}
.agile_work_grid1{
	position:relative;
}
.agile_work_grid1:after{
	content: '';
    background: #DBDBDB;
    height: 1px;
    width: 94%;
    position: absolute;
    top: 50%;
    right: -55%;
}
.agile_work_grid2{
	width: 130px;
    height: 130px;
    border-radius: 80px;
    background: #DBDBDB;
    margin: 5em auto 0;
    position: relative;
    padding: 1em 0 0;
}
.agile_work_grid2:after{
	content: '';
    background: #DBDBDB;
    height: 1px;
    width: 54%;
    position: absolute;
    top: -27%;
    right: 23%;
    transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
.agile_work_grid3{
	width: 65px;
    height: 65px;
    background: #fff;
    text-align: center;
    margin: 1em auto 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
/*-- agileits --*/
.agile_work_grid3 span{
	font-size: 1.3em;
    padding:1em;
    color: #212121;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.agile_work_grid1_six:after{
	
}
.agile_work_grid1_one:before{content: '';
    background: #DBDBDB;
    height: 1px;
    width: 64%;
    position: absolute;
    top: 50%;
    right: 61%;
  }
.agile_work_grid h4{
	font-size: 1.6em;
    color: #333;
    margin: 1em 0 .5em;
    line-height: 1.5em;
    text-transform: capitalize;
}
.agile_work_grid p{
	color:#999;
	line-height:2em;
}
.agile_work_grid{
	text-align:center;
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #03a9f4;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
/*-- w3layouts --*/
  left: 0;
  right: 0;
  bottom: 0;
  background:#03a9f4;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 80px;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.template_sixstep .agile_work_grid:hover .hvr-rectangle-out:before, .template_sixstep .agile_work_grid:focus:before, .template_sixstep .agile_work_grid:active:before,.agile_work_grid:hover .hvr-rectangle-out:before{
  -webkit-transform: scale(1);
  transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}
.template_sixstep .agile_work_grid:hover h4{ color:#03a9f4;}
/*
* ----------------------------------------------------------------------------------------
* 07.END 六步
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START 客户案例
* ----------------------------------------------------------------------------------------
*/
/*.work_all_item .mix { display: none }*/
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
border: 1px solid #e8e8e9;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 400;
margin: 0 5px 13px;
padding: 8px 25px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
color: #333;
font-family: montserrat,sans-serif;
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
background: #03a9f4 none repeat scroll 0 0;
border-color: #03a9f4;
color: #fff;
}
.single_our_work {
margin-bottom: 30px;
overflow: hidden;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.sing_work_photo { position: relative }
.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.single_our_work figure { margin-bottom: 0 }
.sing_work_text_link {
    position: absolute;
	
    width: 100%;
    height: 100%;
    top: 0;
	top:88%;
    color: #fff;
    background: rgba(28, 186, 200, 0.75) none repeat scroll 0 0;
    -webkit-transition: .4s;
            transition: .4s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}
.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}
.sing_work_text_link h4 {
    color: #fff;
    text-transform: uppercase;
	font-weight:600;
	font-size:1.2em;
	line-height:2em;
	margin-top:-133px;
}
.single_our_work:hover .sing_work_text_link h4 { -webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out; margin-top:0px; font-size:1.5em;}
.single_our_work:hover .sing_work_text_link p { -webkit-animation: fadeInDown 600ms ease-in-out; animation: fadeInDown 600ms ease-in-out }
.sing_work_text_link p { margin: 10px 0 25px ; font-size:1.2em;
line-height:2em;
}
.sing_link_img a i.fa { font-size: 14px }
.sing_link_img a {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    width: 40px;
}
.sing_link_img a:hover {
    background: #03a9f4;
    color: #fff;
}
.sing_link_img a.search { margin-right: 17px }
.single_our_work:hover  .sing_link_img a.search { -webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out }
.single_our_work:hover  .sing_link_img a.link { -webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out }
.single_our_work:hover {
    background: #03a9f4;
    color: #fff;
}
.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    visibility: visible;
	top:0;
	height:100%;
}
.portfolio_btn { padding-top: 20px }
.btn-portfolio-bg {
background: #03a9f4 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 14px;
padding: 10px 40px;
text-transform: uppercase;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.btn-portfolio-bg:hover,
.btn-portfolio-bg:focus {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END 客户案例
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START 客户评价
 * ----------------------------------------------------------------------------------------
 */
.single_testimonial{
background: #f2f2f2 none repeat scroll 0 0;
padding: 40px 30px;
}
.single_testimonial img{
width: 150px;
border-radius: 500px;
height: 150px;
}
.single_testimonial h3{
text-transform: uppercase;
margin-top: 20px;
font-size:20px;
margin-bottom:8px;
}
.single_testimonial h4{
text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    color: #93989B;
}

.single_testimonial p {
    margin: auto auto 0;
    width: 70%;
    font-size: 18px;
    color: #333;
    height: 42px;
	margin-top:20px;
}

.carousel-indicators li {
    border: 1px solid #03a9f4;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
    background: #03a9f4;
}
.carousel-indicators .active { margin: 0 1px }
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { }
/*
 * ----------------------------------------------------------------------------------------
 *  08. END 客户评价
 * ----------------------------------------------------------------------------------------
 */
 /*
 * ----------------------------------------------------------------------------------------
 *  09. news新闻政策
 * ----------------------------------------------------------------------------------------
 */
 .news{ padding-top:10px;}

.news .container{ padding-left:0px; padding-right:0px;}
.newsbtm{ padding: 0px ; }
.newsbtm .item{ width:100%;  padding-bottom:20px; border:1px solid #eee; border-top:5px solid #2f6aa2; margin-bottom:40px; -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
	.newsbtm .item:hover{  border:1px solid #03a9f4;border-top:5px solid #2f6aa2;}
.item-top{ background:url(images/lhbg.jpg) no-repeat center; height:100px;}
.newsbtm .col-md-6:nth-child(2) .item .item-top{ background:url(images/lhbg-2.jpg) no-repeat center; }
.newsbtm .col-md-6:nth-child(3) .item .item-top{ background:url(images/lhbg-3.jpg) no-repeat center; }
.newsbtm .col-md-6:nth-child(4) .item .item-top{ background:url(images/lhbg-4.jpg) no-repeat center; }
.newsbtm .col-md-6:nth-child(2) .item{border-top:5px solid #d67162;}
.newsbtm .col-md-6:nth-child(3) .item{border-top:5px solid #40af84;}
.newsbtm .col-md-6:nth-child(4) .item{border-top:5px solid #553d73;}
.item-top h4{ margin-top:0px; font-size:22px; text-align:center; line-height:100px; margin-bottom:0px; color:#fff; font-size:26px; font-weight:600; background:rgba(6,6,6,0.5) }
.item-right{ padding:10px 20px;}

.item-right ul{ padding:0px;}
.item-right li{ list-style:none; padding:15px 0; border-bottom:1px  dashed rgba(200, 200, 200, 1); padding-left:10px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; }
.item-right li a{ color:#666;line-height:20px; padding-left:15px; font-size:15px;}
.item-right li:hover { color:#03a9f4;}
.item-right li:hover a{color:#03a9f4;}
.icon-dot{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #03a9f4;
	color:#fff;
	text-align:center;
	font-style:normal;
	
}
.item-right img{ display:none;}
.item-right .gxmore{ padding-top:0px; margin-top:30px;}
.item-right .gxmore .gxmorebtn{ padding:10px 40px;}
.gxmore {
    text-align: center;
    padding-top: 30px;
}
.gxmore .gxmorebtn {
    background-color: #03a9f4;
    border-color: #03a9f4;
    color: #fff;
    box-shadow: 1px 0px 5px #eee;
	border-radius:0;
}
.gxmore .gxmorebtn:hover,
.gxmore .gxmorebtn:focus {
    background: #222;
    border: 1px solid #222;
    color: #fff;
}
.item .item-right li a span{ display:none;}

/*
 * ----------------------------------------------------------------------------------------
 *  09. end新闻政策
 * ----------------------------------------------------------------------------------------
 */
  .zxbtn  a.fa {
    font-size: 1em;
    color: #333;
    line-height: 55px;
	display:block;
	border-radius:50%;
	border:2px solid #333;
	width:60px;
	height:60px;
	margin:20px auto 0;
}
 .zxbtn .icon-border::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}
 .zxbtn  .icon-border.qq::before {
	 -webkit-box-shadow:none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
	font-size:1.5em;

}
 .zxbtn  a.fa:hover{border:2px solid #03a9f4;color: #03a9f4;}
/*关于我们*/
.banner img{ max-width:100%; margin:0 auto;}
.grednav{ background:#f5f5f5;}
.breadcrumb{ margin-bottom:0px; padding:10px 0px;}
.usleft{ padding:30px 0px; width:20%; float:left;}
.usbg{ padding:20px; background:rgba(0, 153, 255, 1); }
.us-deotop{ border:2px solid #fff; border-bottom:none; height:45px;}
.us-deoct p{ margin:0px; font-size:24px; text-align:center; color:#fff; }
.us-zh{letter-spacing:10px;}
.us-es{ letter-spacing:4px;}
.us-deobtm{ border:2px solid #fff; border-top:none; height:45px;}
.usright{ width:80%; padding:30px 20px; float:left;}
.us-ct{ width:70%; float:left;  padding-right:20px;}
.cpypro p{ text-indent: 32px;
    line-height: 32px;
    margin-bottom: 20px;
    word-wrap:normal;
    font-size: 16px;
	text-align:justify;
	}
.cpypro,.cpy{	border-bottom: 1px #eee dashed;}
.cpy{ padding:20px 0;}
.us-bg{ float:left; width:30%;}
.us-bg img{ width:100%;}
.itm{ display:inline-block; line-height:40px; padding-right:30px; font-size:18px; font-weight:bold; border-right:1px solid #eee;}
.mct{ display:inline-block;  padding-left:30px;font-size: 16px;}
/*联系我们*/
.ctuswrap h3{ text-align:center; padding:30px 0;}
.ctus{ padding:0 40px 20px; }
.ctus >div{ width:50%; float:left;}
.usnumtl{ font-size:14px; }
.rtusnum{ background:url(images/u544.png) no-repeat; padding-left:80px;  margin:0 auto; border-right:1px solid #eee;}
.rtusnum p{ margin-bottom:0px;}
.usnum{ font-size:24px; color:#0066FF; }
.ctuslf{ padding-left:20%; padding-top:20px; padding-bottom:20px; }
.ctusrtf{ padding-left:5%; padding-top:20px; padding-bottom:20px; }
.rtusqq{background: url(images/u547.png) no-repeat; padding-left:80px;  margin:0 auto;}
.uscontact hr{ width:60%;}
.usmapwrap{ text-align:center; padding:10px 0 40px;}
.usifo{ text-align: center;}
.usifo h5{ font-size:16px;color:#0066FF; line-height: 32px;}
.usifo a{color:#333;}
.usifo a:hover{color:#ff6633;}
.usmap{ padding-top:30px;}
.usqq span a{color:#0066FF; }
.usqq{ line-height:1.8;}
.usemail,.usqq{ font-size:16px;}
#map{width:650px;height:300px;}
/*项目页面*/
.wrapper {
	display:none;
    
}
.procat{ padding-top:25px; padding-bottom:50px;}
.pro-left ,.pro-right{ float:left;}
.pro-left{ width:25%;}
.pro-h2{ }
.pro-h2 h2{ color:#fff; font-size:20px; background-color:#09f; padding:20px;border-radius:8px; border:1px solid #09f; }
.navcos{ width:100%;}
.pro-menu ul,.pro-menu li{ list-style:none; margin:0; padding:0;}
.pro-menu li a{ color: #333;}
.pro-menu > ul >li >a{ font-size:16px; line-height:28px; background:#f2f2f2; display:block; padding-left:15px; padding-top:8px; padding-bottom:8px; font-weight:bold;border:1px solid #f2f2f2;border-top-left-radius:10px ;border-top-right-radius:10px }
.pro-menu > ul >li { border:1px solid #e4e4e4; margin-top:35px; border-radius:8px ;}
.pro-menu > ul >li >ul a{ font-size:14px; display:inline-block; padding:10px 20px;}
.pro-menu > ul >li >ul >li{ padding-left:20px; position:relative;
	  border-bottom:1px solid #e4e4e4;
	}
	.pro-menu > ul >li >ul >li:last-child{ border-bottom:none;}
.pro-menu > ul >li >ul >li:hover{ background:#09f;}
.pro-menu > ul >li >ul >li:hover a{ color:#fff;}
.pro-menu > ul >li >ul >li.active{background:#09f;}
.pro-menu > ul >li >ul >li.active a{color:#fff;}
.pro-menu > ul >li >ul >li i{  position:absolute; top:40%}
.pro-menu > ul >li >ul >li .icon-dot{width: 10px;
    height: 10px;}
.pro-tab{ display:none;}
.pro-menu > ul >li >ul >li.active .icon-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
	border:1px solid #fff; 
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
}
.pro-menu > ul >li >ul >li:hover .icon-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
	border:1px solid #fff; 
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
}
.pro-breadcrumb  li{display: inline-block; list-style:none; }
.pro-breadcrumb { margin:0px; padding:0px; background-color:#fff; padding-left:35px;}
.pro-right{ width:75%; text-align:right;}
.breadcrumbwrap{ border-bottom:1px solid #e4e4e4; padding-top:32px;}
.breadcrumbwrap >ul{
    padding-bottom: 10px;
    color: #797979;
}
.breadcrumb>li+li:before{padding: 0 0px;
    color: #ccc;
    content: "";}
	.current{color:#777;}
.pro-breadcrumb  li.active a{color:#777;}
.pro-cotentwrap{ padding-left:35px; padding-top:36px;}
.pro-cotent{ border:1px solid #e4e4e4;text-align:center;padding:20px 50px; border-radius:8px;}
.pro-cotent h4{ font-size:24px;}
.procot{ color:#404040; text-align:left;}
.procot h1,.procot h2,.procot h3,.procot h4,.procot h5,.procot h6,.procot h1 a,.procot h2 a,.procot h3 a,.procot h4 a,.procot h5 a,.procot h6 a{  font-size:18px; line-height:60px; margin:0px; padding:0px; font-weight:bold;text-decoration:none;}
.procot h1 a:hover,.procot h2 a:hover,.procot h3 a:hover,.procot h4 a:hover,.procot h5 a:hover,.procot h6 a:hover{color:#f63; font-size:18px; line-height:60px; margin:0px; padding:0px; font-weight:bold;text-decoration:none;}
.procot div {
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
    margin-bottom: 0px;
	word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;
}
.procot div a,.procot p a{color:#136ec2; text-decoration:none; font-size: 16px;}
.procot div a:hover,.procot p a:hover{color:#f63; text-decoration:none; font-size: 16px;}
.procot table {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 0px;
	text-align:center;
	border-top:1px solid #333;
	width:100%;
}
.procot table tr{ border-bottom:1px solid #333;}
.procot table td{border-left:1px solid #333;border-right:1px solid #333; padding:10px;}
.procot p{ font-size:16px; text-indent:2em; line-height:32px; margin-bottom:0px;word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;}
.procot div img{
    
	display:block;
	margin:10px auto;
}
.procot p img{
   
	display:block;
	margin:10px auto;
}
/*新闻栏目页*/
.newscat{ border:1px solid #e4e4e4;}
.usnewscat{ padding:30px;}
.usnewscat .container{ padding:0 15px;}
.newscatnav{ background:#f2f2f2;}
.newscatnav > ul > li{ list-style:none; display:inline-block; padding:20px;}
.newscatnav > ul > li a{ color:#333; font-size:18px;}
.newscatnav > ul{ margin:0px; padding:0px;}
.usnewsitem{ padding:40px 30px 0;}
.newsleft{ float:left; width:20%}
.newsbg{padding: 20px 50px 25px ;
    background: #03a9f4;}
	.news-time,.news-num{ color:#fff; font-size:16px; }
	.news-num{ font-weight:bold;}
	.newsbg .newsspe{  text-align:left; border-width:2px; width:66%; border-bottom:1px solid #fff; padding:5px;}
	.news-deoct p{ line-height:30px;}
.newsright{ width:80%;
    float: left;}
.news-catct{ width:75%; float:left;}
.news-catitem{ padding:0 30px;}
.news-catitem h4{ margin:0px; margin-bottom:20px;}
.new-time{ display:none;}
.news-catitem h4 a:hover{ color:#ff6633;}
.news-catitem p{ line-height:28px; color:#666; font-size:14px;word-break:normal;
text-align:justify;word-wrap: break-word;
	 }
.news-bg{ width:25%; float:right;
    }
.news-bg img{ width:100% !important;height: 175px!important;}
.usnewsitem  .item{ border-bottom:1px solid #eee; padding-bottom:40px; margin-bottom:40px;}
.newsxq{ padding-left:23px; padding-top:10px;}
.newsxq .btn-default {
    
	    border: 1px solid #f63;
    padding: 5px 25px;
    border-radius: 20px;
	line-height:24px;
	
}
.btn-default a{ color:#666; font-size:14px;}
.newsxq .btn-default:hover a {
    color: #fff;
}
.newsxq .btn-default:hover{ background-color:#03a9f4; border-color:#03a9f4;}
.spepage{ text-align:center; width:100%; padding-bottom:40px}
.spepage a,.spepage span{ display:inline-block; border:1px solid #ddd; padding:10px;}
.spepage a{ }
.spepage span{}
.pagination{ margin:0px;}
.newscatnav .current-menu-item{ background:#fff; border-top:2px solid #f63;}
.newscatnav li a:hover{ color:#f63;}
.news-contentwrap{ padding:30px 50px;}
.news-content  h3{ font-size:24px; text-align:center;}
.news-content .procot h1, .news-content .procot h2, .news-content .procot h3, .news-content .procot h4, .news-content .procot h5, .news-content .procot h6 {
    font-size: 18px;
    line-height: 60px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
	text-indent:0;
	text-align:left;
}
 .procot li{
		font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
    margin-bottom: 10px;
	list-style:none;
		}
		.procot section{ 
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
    margin-bottom: 10px;}
.news-content .procot section{ 
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
    margin-bottom: 10px;}
	.news-content .procot li{
		font-size: 16px;
    text-indent: 2em;
    line-height: 28px;
    margin-bottom: 10px;
	list-style:none;
		}
		.procot p img{ text-align:center;}
.back{ padding:10px 0px; text-align:center;  margin-top:10px;}
.back p{background:#f2f2f2; line-height:50px;}
.back p a{ font-size:16px; color:#404040;}
.back p a:hover{ color:#f63;}
.news-contentwrap .glcase{ margin-top:20px; padding-top:20px; padding-left:0px; margin-bottom:20px;}
.news-contentwrap .glcase p{ line-height:32px; padding-left:5px;}
.news-next p,
.news-next p a{ font-size:16px;}
.rle-itemwrap{ padding-left:0px; padding-right:0px;}
.rle-itemwrap li,.rle-itemwrap ul{ list-style:none; margin:0px; padding:0px;}
.rle-itemwrap ul{ padding-top:10px;}
.itemleft ,.itemright{ float:left; width:50%;}
.rle-itemwrap li{ line-height:30px; font-size:14px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.rle-itemwrap li a,.rle-itemwrap li i{ color:#797979;}
.rle-itemwrap li a { margin-left:10px;}
.itemleft { padding-right:20px;}
.itemright{ padding-left:20px;}
.itemleft h3,.itemright h3{ font-size:18px; border-bottom:1px dashed #eee; padding-bottom:18px;}
/*案例栏目*/
.casemore h3{  padding-left:16px;color:#244e6f; margin-top:20px;}
.casemore h3 a:hover{color:#03a9f4;}
.casesitem { padding:0 0 20px; padding-top:20px;}
.casesitem .itemwrap{ margin-bottom:20px;  }
.casesitem .item{  border:1px solid #D7D7D7; padding:30px;}
.casesitem .item img{ width:100%; height:200px;}
.casesitem  .item p{ font-size:14px; text-align:left; color:#8e8e8e;}
 .casesitem .item .caseht { color:#244e6f; font-size:18px; line-height:30px; padding:15px 0 5px ; text-align:center;}
 .casesitem .item .caseht a{color:#244e6f;}
  .casesitem .item .caseht a:hover{color:#03a9f4;}
 .ckxq{ text-align:center; margin-top:25px;}
 
 .ckxq a{
    display: block;
    width: 50%;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #797979;
    color: #5e5e5e;
    margin: 0 auto;
}
  .ckxq a:hover{color:#03a9f4;}
  
 /*案例详情*/
 .casecatxq{ padding:20px 30px 40px;}
 .casexqleft,.casexqright{ float:left; width:50%;}

    .casexqleft img{ width:100%; height:300px;}
	.xqimgwrap{ padding:0px 30px;}
	.casexqmore h3{ margin-top:20px; padding-left:16px;}
	.casexqright h3{ margin-top:0px;}
	.khxq p >span{ font-weight:bold;}
	.xqcotent p{ line-height:28px; text-indent:2em;}
	.glcase{ padding-top:20px;}
	.casexqright h3{ padding-left:0px;}
	/*在线客服*/
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#03a9f4!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}
	.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
/*.suspension-box{position:relative;float:right;}*/
.suspension .a{display:block;width:44px;height:44px;background-color:#03a9f4;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#000;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .a-search i{ display:block;color:#fff; width:20px; height:20px; font-size:20px; margin:0 auto; padding-top:11px;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-search{top:0px;}
.suspension .d-service{top:34px;}
.suspension .d-service-phone{top:78px;}
.suspension .d-qrcode{top:118px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;font-size:15px;margin-left:12px; margin-top:15px; color:#03a9f4;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-size:15px; font-weight:bold; margin-bottom:0px; margin-top:-5px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#03a9f4;}
.qrcode-img img{ width:120px; height:120px;}
 .bar6 .searchInput {
	width:100%;
	height:30px;
	padding-left:5px;
}
 .bar6 .searchInput {
	border:2px solid #03a9f4;
	border-radius:5px;
	background:transparent;
	top:0;
	right:0;
}
.suspension form {
	position:relative;
	width:100%;
	padding-top:20px;
}

input {
	border:none;
	outline:none;
}
.bar6 .button {
	height:30px;
	width:42px;
	cursor:pointer;
	position:absolute;
}
.bar6 .button {
	background:#03a9f4;
	border-radius:0 5px 5px 0;
	width:60px;
	top:20px;
	right:0;
	color:#fff;
	border:#c5464a;
}
.bar6 .button:before {
	content:"搜索";
	font-size:13px;
	color:#F9F0DA;
}

/*首页最新申报结果*/


.sbjg-wrap{ padding:0 20px; position:relative;background:#fff; border:1px solid #eee;}
.sbjg-left{ position:absolute; width:20%; }
.sbjg-left h4{line-height:50px; margin:0px; padding-left:50px; background:url(images/zxsb.png) no-repeat center left; font-weight:600; color:#03a9f4;}
.sbjg-righr ul,.sbjg-righr li{ list-style:none; margin:0px; padding:0px;}
.sbjg-righr{ float:left; margin-left:178px;  width:95%; line-height:50px;}
.line{height:50px;}
.sbjg-righr .line li{ line-height:50px;}
.sbjg-righr .line li span{ display:inline-block;  }
.sbjg-righr .line li span.sbqymc{ width:30%;}
.sbjg-righr .line li span.sbsj,.sbjg-righr .line li span.sbjgs{ width:22%;}
.sbjg-righr .line li span.sbxm{ width:24%;}
.sbjg-ct{  height:50px; overflow:hidden;}
.sbjg{ padding:45px 0 0;}
/*页脚footer*/
.ftcontainer{ padding:20px 0;}
footer{ background-color:rgba(54, 54, 54, 1);}
.friendlink{ background: #03a9f4 none repeat scroll 0 0; margin-top:30px;}
.friendlink h3{ color:#fff; font-size:18px; border-bottom:2px solid #fff; padding-bottom:25px; margin-top:30px;}
.frlink{ padding:0 0 ;}
.frlink li,.navbottom  li{ float:left; color:#fff; padding-right:15px; line-height:24px; list-style:none; }
.frlink li a,.navbottom  li a{color:#fff; font-size:14px;}
.frlink li a:hover,.navbottom li a:hover,.ctitem p a:hover{color:#ff6633;}
.navbottom{ text-align:center; padding:15px 0;}
.navbottom ul{ text-align:center; display:inline-block; margin-bottom:0px;}
.navbottom  li{ display:inline; float:left; }
.navbottom li:last-child{ padding-right:0px;}
.ftct{ padding:15px 20px 10px;}
.ftct >div ,.ctitem >div{ float:left;}
.lfitem,.ctitem{ width:25%; text-align:center; position:relative; }
.rtitem{ width:50%;}
.lfitem p,.lfitem h3,.ctitem p a,.ermitem p{ color:#fff; }
.lfitem p { padding:18px 15px 3px; font-size:24px; font-weight:bold;}
.lfitem h3{ margin-top:0px; font-size:24px;}
.spe{ height:50%; position:absolute; right:0px; width:1px; border-right:1px solid #fff; top:25%;}
.ctitem >div{ width:50%; text-align:center;}
.ctitem p a { font-size:18px;}
.ctitem p{ padding:32px 0 20px;}
.ctitem >div.spe{ width:1px;}
.ltrtitem{ width:60%; float:left; text-align:left; padding-left:40px; padding-top:60px; }
.ltrtitem p{ color:#fff; line-height:20px; font-size:14px;}
.ermitem{ width:40%; float:left;text-align:center;}
.ermitem img{ width:45%;}
.ermitem p{ font-size:24px; padding-top:10px;}
.frlink{ margin-bottom:20px; padding-top:20px;}
.copyright { text-align:center; padding-bottom:10px; color:#eee;}
.copyright span,.copyright a{ margin:0 5px;}
.copyright a{ color:#eee;}
.copyright a:last-child{ margin-right:0px;}
/*首页修改图标*/
/*修改图标*/
.about_single .fa-tablet:before{content:url(images/gx.png) ; margin-top:5px; display:block;}
 .about_single:hover .fa-tablet:before{
    content:url(images/gx-1.png) ;
}
.about_single .fa-umbrella:before{content:url(images/kjxm.png) ; margin-top:5px; display:block;}
 .about_single:hover .fa-umbrella:before{
    content:url(images/kjxm-1.png) ;
}
.about_single .fa-code:before{content:url(images/rc.png) ; margin-top:5px; display:block;}
 .about_single:hover .fa-code:before{
    content:url(images/rc-1.png) ;
}
.about_single .fa-building-o:before{content:url(images/zl.png) ; margin-top:5px; display:block;}
 .about_single:hover .fa-building-o:before{
    content:url(images/zl-1.png) ;
}
.single_feature .fa-lightbulb-o:before {
   content:url(images/gxbt.png) ;margin-top:8px; display:block;
}
.single_feature:hover .fa-lightbulb-o:before {
   content:url(images/gxbt-1.png) ;margin-top:8px; display:block;
}
.single_feature .fa-rocket:before {
   content:url(images/js.png) ;margin-top:8px; display:block;
}
.single_feature:hover .fa-rocket:before {
   content:url(images/js-1.png) ;margin-top:8px; display:block;
}

.single_feature .fa-spinner:before {
   content:url(images/ss.png) ;margin-top:8px; display:block;
}
.single_feature:hover .fa-spinner:before {
   content:url(images/ss-1.png) ;margin-top:8px; display:block;
}

.single_feature .fa-sun-o:before {
   content:url(images/pp.png) ;margin-top:8px; display:block;
}
.single_feature:hover .fa-sun-o:before {
   content:url(images/pp-1.png) ;margin-top:8px; display:block;
}

.single_feature .fa-sun-o-1:before {
   content:url(images/zx.png) ;margin-top:8px; display:block;
}
.single_feature:hover .fa-sun-o-1:before {
   content:url(images/zx-1.png) ;margin-top:8px; display:block;
}

.service .icon .fa-paper-plane:before{ content:url(images/td.png); display:block; margin-top:10px;}
.service:hover .icon .fa-paper-plane:before{ content:url(images/td-1.png); display:block; margin-top:10px;}
.service .icon .fa-connectdevelop:before{ content:url(images/hj.png); display:block; margin-top:10px;}
.service:hover .icon .fa-connectdevelop:before{ content:url(images/hj-1.png); display:block; margin-top:10px;}
.service .icon .fa-tree:before{ content:url(images/yz.png); display:block; margin-top:10px;}
.service:hover .icon .fa-tree:before{ content:url(images/yz-1.png); display:block; margin-top:10px;}
.service .icon .fa-share-alt:before{ content:url(images/jg.png); display:block; margin-top:10px;}
.service:hover .icon .fa-share-alt:before{ content:url(images/jg-1.png); display:block; margin-top:10px;}
 .agile_work_grid .glyphicon-random:before{ content:url(images/ht.png);}
  .agile_work_grid:hover .glyphicon-random:before{ content:url(images/ht-1.png);}
   .agile_work_grid .glyphicon-stats:before{ content:url(images/htdq.png);}
  .agile_work_grid:hover .glyphicon-stats:before{ content:url(images/htdq-1.png);}
   .agile_work_grid .glyphicon-export:before{ content:url(images/clzx.png);}
  .agile_work_grid:hover .glyphicon-export:before{ content:url(images/clzx-1.png);}
   .agile_work_grid .glyphicon-link:before{ content:url(images/xmsb.png);}
  .agile_work_grid:hover .glyphicon-link:before{ content:url(images/xmsb-1.png);}
   .agile_work_grid .glyphicon-link-1:before{ content:url(images/ggtz.png);}
  .agile_work_grid:hover .glyphicon-link-1:before{ content:url(images/ggtz-1.png);}
   .agile_work_grid .glyphicon-link-2:before{ content:url(images/sbcg.png);}
  .agile_work_grid:hover .glyphicon-link-2:before{ content:url(images/sbcg-1.png);}
  /*顶部二维码*/
  .item-top h4 a{color:#fff;}
  .item-top h4 a：hover{color:#fff;}
.ewm-top{ width:120px; position:absolute; z-index:1; background:#fff; left:8px; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
	display:none;
	}
.i-top{ display:block; width:15px; height:15px; background:#03a9f4; margin:10px auto;transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
margin-bottom:8px;
}
.top-ewmwrap{  width:120px; border:2px solid #03a9f4; padding:8px; text-align:center; padding-bottom:10px;}
.top-ewmwrap img{ width:100%;}
.social-icons{ position:relative;}
.top-ewmwrap span{ color:#333; font-size:16px; }
.acblock{ display:block;}
.acnone{ display:none;}
@media  (min-width: 646px) and (max-width: 675px){
	
	.agileits-topnav {
	margin-top:2em;
	margin-left:0em;
    display: inline-block;
}
.navbar-toggle{ margin-top:29px;}

	}
@media  (max-width: 1080px){
.banner-img {
    min-height: 530px;
}}
@media  (max-width: 991px){
.banner-img {
    min-height: 400px;
}
}
@media  (max-width: 800px){
	/*首页*/
.banner-img {
    min-height: 230px;
}
}
@media  (max-width: 768px){
	/*首页*/
.banner-img {
    min-height: 220px;
}
.navbar-header.navbar-left {
	text-align:center;
	float:left;
	 margin:0;
}
.header-right {
    float: none;
}
.sbjg{ display:none;}

.single_testimonial p {
    margin: auto auto 0;
    width: 100%;
    font-size: 16px;
	margin-top:20px;
	}
	.lfitem {
    width: 50%;
    text-align: center;
    position: relative;
	margin-bottom:20px;
}
	 .ctitem {
    width: 50%;
    text-align: center;
    position: relative;
	margin-bottom:20px;
}
.spe{ display:none;}
.rtitem{ width:100%;}
.ltrtitem {
    width: 50%;
    float: left;
    text-align:center;
    padding-left:0px;
    padding-top: 50px;
	
}

.ermitem {
    width: 50%;
    float: left;
    text-align: center;
	margin-top:10px;
}
.navbar-default .navbar-toggle {
    border-color: #03a9f4;
    margin: 8px 0 0;
	}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #03a9f4;
}
.navbar-default .navbar-toggle:hover {
    border-color: #03a9f4;
    margin: 8px 0 0;
	background:#03a9f4;
	}
	.navbar-default .navbar-toggle:hover .icon-bar {
     background-color: #fff;
	}

}

@media  (max-width: 480px){
	/*首页*/
.banner-img {
    min-height: 180px;
}
.single_testimonial p {
    margin: auto auto 0;
    width: 100%;
    font-size: 14px;
	margin-top:20px;
	}
.navbar-header.navbar-left {
    text-align: center;
    float: none;
    margin: 0;
}
.navbar-default .navbar-toggle{ margin-top:-35px;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:active{margin-top:-35px;}
.lfitem, .ctitem {
    width: 100%;
    text-align: center;
    position: relative;
	margin-bottom:0px;
}
.ftct{ padding-top:0px;}
.ermitem img {
    width: 30%;
}
.ermitem p {
    font-size: 18px;
    padding-top: 10px;
}
.lfitem h3 {
    margin-top: 0px;
    font-size: 18px;
}
.lfitem p {
    padding: 18px 15px 3px;
    font-size: 18px;
    font-weight: bold;
}
.ctitem{ display:none;}
.spe{ display:none;}
.rtitem{ width:100%;}
.ltrtitem {
    width: 100%;
    float: none;
    text-align:center;
    padding-left:0px;
    padding-top: 10px;
}
.ermitem {
    width: 100%;
    float: none;
    text-align: center;
	margin-top:10px;
}
.navbar-header h1 img {
    margin: 0 auto;
    height: 40px;
    display: block;
}
.agileits-topnav {
	margin-top:2em;
	margin-left:2em;
    display: none;
}
div#bs-example-navbar-collapse-1{ display:none;}
div#bs-example-navbar-collapse-2{ display:block !important;}
div#bs-example-navbar-collapse-2 {
	
	margin: 0 0;
    position: fixed;
    left: -70%;
    bottom: 0;
    height: 100%;
    background-color: #293038;
    text-align: left;
    padding: 0;
    line-height: 32px;
    font-size: 16px;
    width: 70%;
    z-index: 99999;
    display: block;
    overflow-y: auto;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
	
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li:hover a{color: #03a9f4;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #03a9f4;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #03a9f4;
    background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
    color: #03a9f4;
    background-color:transparent;
}
.dropdown-menu > li > a{ text-align:left;}
.navbar-left span.caret {
    margin-left: 0px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.navbar-nav {
    margin: 7.5px 0px;
	padding:0 20px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	display:block;
	padding: 10px 10px;
	font-size:16px;
	border-bottom:1px dashed #eee;
} 
.navbar-nav > li {
    margin-right: 0px;
}
ul.dropdown-menu li {
    border-bottom: 1px solid #303C4A;
}
.link--yaku::before, .navbar-nav > li.active a:before, .navbar-nav > li.active.open a.dropdown-toggle:before, .navbar-nav > li.open a.dropdown-toggle.link--yaku:before {
    content:"";
    position: absolute;
    height: 0;
    width: 0;
    border-width:  0;
    border-color: #03a9f4;
    border-style: solid;
    left: 0;
    -webkit-transform: translate3d(-102%,0,0);
    -moz-transform: translate3d(-102%,0,0);
    -o-transform: translate3d(-102%,0,0);
    -ms-transform: translate3d(-102%,0,0);
    transform: translate3d(-102%,0,0);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    transition: transform 0.5s;
}

}

@media (max-width: 645px){
.agileits-topnav {
    margin: 8em 0 0;
    width: 100%;
    text-align: center;
}
.ewm-top{ background-color:rgba(0,0,0,0);}
.top-ewmwrap{ background-color:#fff;}
div#bs-example-navbar-collapse-1 {
    margin: 1.4em 0 0;
}
.navbar-collapse{ border-top:none;}
.navbar-toggle{ margin-top:29px;}
}
@media  (min-width: 676px) and (max-width: 768px){
	
	.agileits-topnav {
	margin-top:2em;
	margin-left:2em;
    
}
.navbar-nav > li {
    margin-right: 1em;
}
.navbar-toggle{ margin-top:29px;}

div#bs-example-navbar-collapse-1 {
    margin: 2em 0 0;
}
.navbar-collapse{ border-top:none;}
	}
	@media  (max-width: 768px){
		.navbar-header h1 img {
    margin: 0 auto;
    display: block;
	height:60px;
}
		.agile_work_grid1_four:before{content: '';
    background: #DBDBDB;
    height: 1px;
    width: 64%;
    position: absolute;
    top: 50%;
    right: 58%;}
.agile_work_grid1:after{ right:-52%;}
		.newsbtm .item {
   width: 100%;
    float: left;
    padding-bottom: 20px;
    border: 1px solid #eee;
    border-top: 5px solid #2f6aa2;
    margin-bottom: 40px;
	}
		.item-right li a { font-size:14px;}
		}
		
@media  (min-width: 769px) and (max-width: 991px){
	.navbar-header h1 img {
    margin: 0 auto;
    display: block;
	height:60px;
}
.navbar-nav > li {
    margin-right: 1em;
}
	.agileits-topnav {
    margin: 0 0 3em;
    text-align: right;
    margin-top: -4em;
}
div#bs-example-navbar-collapse-1 {
    margin: 0em 0 0;
}
.navbar-collapse{ border-top:none;}
.agile_work_grid1:after{
	right:-53%;
}
.agile_work_grid1_one:before{ right:58%;}
.agile_work_grid1_four:before{content: '';
    background: #DBDBDB;
    height: 1px;
    width: 64%;
    position: absolute;
    top: 50%;
    right: 58%;}
	.item-right li a { font-size:14px;}
	.newsbtm .item {
   width: 100%;
    padding-bottom: 20px;
    border: 1px solid #eee;
    border-top: 5px solid #2f6aa2;
    margin-bottom: 40px;
	}

.navbar-left {
    float: left !important;
    margin-left: -6%;
}
.sbjg-wrap {
    padding: 0 10px;
    position: relative;
    background: #fff;
    border: 1px solid #eee;
}
.sbjg-left h4{ display:none;}
.sbjg-righr {
    float: left;
	margin-left:0px;
    width: 100%;
    line-height: 50px;
}
.sbjg-righr .line li span{ font-size:12px;}
.sbjg-righr .line li span.sbqymc{ width:35%;}
.sbjg-righr .line li span.sbsj,.sbjg-righr .line li span.sbjgs{ width:20%;}
.sbjg-righr .line li span.sbxm{ width:25%;}
.sing_work_text_link p {
    margin: 10px 0 25px;
    line-height: 24px;
}
.casemore .container {
  
    width: 95%;
}
.ckxq a{ width:60%;}
.casesitem .item {
    border: 1px solid #D7D7D7;
    padding: 15px;
}
.casecatxq{padding: 0px 0px 20px;}
.casexqleft, .casexqright {
    float: none;
    width: 100%;
}
.casexqleft img {
    width: 100%;
    height:auto;
}
.casexqright h3 {
    padding-left: 0px;
	text-align:center;
	font-size:20px;
}
.khxq p{ font-size:16px; line-height:28px;}
.casexqright .glcase{ padding-top:10px;}
.casexqright .glcase p{ font-size:14px;}
}
@media (min-width: 991px){.item-right li a { font-size:14px;}}

			
@media  (max-width: 480px){
	
.agile_work_grid1:after {
    right: -60%;
}
.agile_work_grid1_one:before,.agile_work_grid1_three:before,.agile_work_grid1_five:before{right: 69%;}
.section-padding{ padding-top:30px;}
.section-title {
    margin-bottom: 30px;
}
.single_feature{ padding:40px 15px;}
.single_feature h4{ font-size:1.4em;}
.about_single h4 {
    font-size: 1.4em;
	font-weight:bold;
}
/*首页六步*/
.agile_work_grid2 {
    width: 96px;
    height: 96px;
    border-radius: 1px;
    border-radius: 110px;
    background: #DBDBDB;
    margin: 3.8em auto 0;
    position: relative;
    padding: 0.7em 0 0;
}
.agile_work_grid3 {
    width: 45px;
    height: 45px;
    background: #fff;
    text-align: center;
    margin: 1em auto 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.agile_work_grid3 span {
    font-size: 1.3em;
    padding: 0.3em;
    color: #212121;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.agile_work_grid h4 {
    font-size: 1.4em;
	font-weight:bold;
	}
	.agile_work_grid1_four:before {
    content: '';
    background: #DBDBDB;
    height: 1px;
    width: 64%;
    position: absolute;
    top: 50%;
    right: 69%;
}
.agile_work_grid1_three:before, .agile_work_grid1_five:before {
	display:none;
    content: 0;
    background: #DBDBDB;
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.suspension{ display:none;}
.newsbtm {
    padding: 0px 0px 20px 0px;
}
.news .container{ padding:0;}
.news .section-title p {
    padding-left:35px;
	padding-right:35px;
}
.item-right{padding-left:0px;
	padding-right:0px;}
	.newsbtm .col-xs-12{ padding-left:0px; padding-right:0px;}
	.newsbtm .item { border-left:none; border-right:none; border-bottom:none;margin-bottom:0px;}
	.section-title h2 {
    font-size: 24px;
	padding:0 15px;
	font-weight:bold;
}
.item-right  .icon-dot {
    display: none;
	float:left;
    width: 40px;
    height: 40px;
	line-height:40px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #03a9f4;
    color: #fff;
    text-align: center;
    font-style: normal;
}
.item .item-right li img{ display:block; float:left; width: 20%; height:60px;}
.item .item-right li a{ display:block; float:left; width:80%; color:#666; padding:0 3% 0 3%;}
.item .item-right li a span{ color:#ccc; display:inline-block;}
			}
			@media (min-width: 768px){
.col-sm-pc-3 {
    width: 20%;
}
.item .item-right li a span{ display:none;}
			}
			
		/*iphone4*/
@media  (max-width: 320px){
			.agile_work_grid1:after {
    content: '';
    background: #DBDBDB;
    height: 1px;
    width: 88%;
    position: absolute;
    top: 50%;
    right: -64%;
}
.agile_work_grid1_one:before, .agile_work_grid1_four:before{ right:76%;
			}
			.agile_work_grid2 {
    width: 75px;
    height: 75px;
    border-radius: 1px;
    border-radius: 110px;
    background: #DBDBDB;
    margin: 2.8em auto 0;
    position: relative;
    padding: 0.2em 0 0;
}
.agile_work_grid3 {
    width: 40px;
    height: 40px;
    background: #fff;
    text-align: center;
    margin: 1em auto 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.navbar-default .navbar-toggle {
    margin-top: -35px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
    margin-top: -35px;
}
div#bs-example-navbar-collapse-1 { width:70%;}
.agile_work_grid h4 {
    font-size: 1.2em;
	font-weight:bold;
}
}

/*解决hover效果*/
@media  (max-width: 320px){
	.about_single.active h4{    color: #03a9f4;}
	.about_single.active i {
    color: #03a9f4;
    background: none;
    border: 2px solid #03a9f4;
}
.zxbtn a.fa.active {
    border: 2px solid #03a9f4;
    color: #03a9f4;
}
.single_feature.active i {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #03a9f4;
}

.single_feature.active{ background:#03a9f4;}
.single_feature.active h4 { color: #fff }
.single_feature.active p { color: #fff }
.service.active {background:#03a9f4;border: 2px solid #03a9f4;}
.service.active .icon {
    top: 5px;
    color: #03a9f4;
}
.service.active h4 {
    color: #fff;
    top: 25px;
	margin-bottom:45px
}
.service.active p {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.template_sixstep .agile_work_grid.active h4{ color:#03a9f4;}
}
@media  (max-width: 480px){
		.about_single.active h4{    color: #03a9f4;}
	.about_single.active i {
    color: #03a9f4;
    background: none;
    border: 2px solid #03a9f4;
}
.zxbtn a.fa.active {
    border: 2px solid #03a9f4;
    color: #03a9f4;
}
.single_feature.active i {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #03a9f4;
}

.single_feature.active{ background:#03a9f4;}
.single_feature.active h4 { color: #fff }
.single_feature.active p { color: #fff }
.service.active {background:#03a9f4;border: 2px solid #03a9f4;}
.service.active .icon {
    top: 5px;
    color: #03a9f4;
}
.service.active h4 {
    color: #fff;
    top: 25px;
	margin-bottom:45px
}
.service.active p {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.template_sixstep .agile_work_grid.active h4{ color:#03a9f4;}
 /*修改图标*/
 .about_single.active .fa-tablet:before{
    content:url(../images/gx-1.png) ;
}

 .about_single.active .fa-umbrella:before{
    content:url(../images/kjxm-1.png) ;
}

 .about_single.active .fa-code:before{
    content:url(../images/rc-1.png) ;
}

 .about_single.active .fa-building-o:before{
    content:url(../images/zl-1.png) ;
}

.single_feature.active .fa-lightbulb-o:before {
   content:url(../images/gxbt-1.png) ;margin-top:8px; display:block;
}

.single_feature.active .fa-rocket:before {
   content:url(../images/js-1.png) ;margin-top:8px; display:block;
}


.single_feature.active .fa-spinner:before {
   content:url(../images/ss-1.png) ;margin-top:8px; display:block;
}


.single_feature.active .fa-sun-o:before {
   content:url(../images/pp-1.png) ;margin-top:8px; display:block;
}


.single_feature.active .fa-sun-o-1:before {
   content:url(../images/zx-1.png) ;margin-top:8px; display:block;
}


.service:active .icon .fa-paper-plane:before{ content:url(../images/td-1.png); display:block; margin-top:10px;}

.service:active .icon .fa-connectdevelop:before{ content:url(../images/hj-1.png); display:block; margin-top:10px;}

.service:active .icon .fa-tree:before{ content:url(../images/yz-1.png); display:block; margin-top:10px;}

.service:active .icon .fa-share-alt:before{ content:url(../images/jg-1.png); display:block; margin-top:10px;}

  .agile_work_grid.active .glyphicon-random:before{ content:url(../images/ht-1.png);}

  .agile_work_grid.active .glyphicon-stats:before{ content:url(../images/htdq-1.png);}

  .agile_work_grid.active .glyphicon-export:before{ content:url(../images/clzx-1.png);}
  .agile_work_grid.active .glyphicon-link:before{ content:url(../images/xmsb-1.png);}

  .agile_work_grid.active .glyphicon-link-1:before{ content:url(../images/ggtz-1.png);}

  .agile_work_grid.active .glyphicon-link-2:before{ content:url(../images/sbcg-1.png);}
.m-mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99998;
    overflow: hidden;
}
}
@media  (max-width: 768px){
		.about_single.active h4{    color: #03a9f4;}
	.about_single.active i {
    color: #03a9f4;
    background: none;
    border: 2px solid #03a9f4;
}
.zxbtn a.fa.active {
    border: 2px solid #03a9f4;
    color: #03a9f4;
}
.single_feature.active i {
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #03a9f4;
}

.single_feature.active{ background:#03a9f4;}
.single_feature.active h4 { color: #fff }
.single_feature.active p { color: #fff }
.service.active {background:#03a9f4;border: 2px solid #03a9f4;}
.service.active .icon {
    top: 5px;
    color: #03a9f4;
}
.service.active h4 {
    color: #fff;
    top: 25px;
	margin-bottom:45px
}
.service.active p {
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.template_sixstep .agile_work_grid.active h4{ color:#03a9f4;}
.zxbtn{ display:none;}
}
@media  (max-width: 768px){
	.pro-h2 {
    display: none;
}
.pro-left {
    width: 100%;
}
.pro-left, .pro-right {
    float: none;
}
.procat{ padding-top:0px;}
.procat .container{ padding-left:0px; padding-right:0px;}
.scroller{

    position:absolute;

}
.wrapper {
    position: relative;
    height: 52px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
	display:block;
}
.procat{ padding-bottom:20px;}
/*tab*/
.pro-tab{ width:100%;background: #fff; display:block;}
.pro-tab ul { display:none;}
.pro-tab ul li{
    text-align: left;
    padding-left: 16px;
    line-height: 28px;}
	.pro-tab ul li .icon-dot {
    width: 10px;
    height: 10px;
}
.pro-tab ul li a{
font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
	color:#333;
}

.pro-tab ul li{ padding-left:20px; position:relative;
	  border-bottom:1px solid #e4e4e4;
	}
.pro-tab ul li:hover{ background:#09f;}
.pro-tab ul li:hover a{ color:#fff;}
.pro-tab ul li.active{background:#09f;}
.pro-tab ul li.active a{color:#fff;}
.pro-tab ul li i{  position:absolute; top:40%}
.pro-tab ul li .icon-dot{width: 10px;
    height: 10px;}
	
.pro-tab ul li.active .icon-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
	border:1px solid #fff; 
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
}
.pro-tab ul li:hover .icon-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
	border:1px solid #fff; 
    border-radius: 50%;
    background-clip: content-box;
    background-color: #fff;
}


.pro-menu > ul >li {
     border: 0;
    margin-top: 0;
    border-radius: 0;
	height: 50px;
    color: #333;
    float: left;
    line-height: 1rem;
    font-size: .4rem;
    text-align: center;
	padding:0 10px;
}
.wrapper .menu:after{content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.pro-menu > ul >li >a {
        display: block;
	color:#333;
	font-size: 18px;
    line-height: 50px;
    background: #fff; 
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    border:0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.pro-menu .sub-menu{ position:absolute; width:100%; z-index:999; left:0px; background:#fff; display:none;top:52px;}
.pro-right{ width:100%;}
.pro-cotentwrap{ padding:0px;}
.breadcrumbwrap{ display:none;}
.pro-cotent{border: 0;
    text-align: center;
    padding: 20px 15px;
    border-radius: 0;}
	.pro-cotent h4 {
    font-size: 18px;
}
.procot h1, .procot h2, .procot h3, .procot h4, .procot h5, .procot h6, .procot h1 a, .procot h2 a, .procot h3 a, .procot h4 a, .procot h5 a, .procot h6 a {
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
}
.procot div {
    font-size: 16px;
    text-indent: 0em;
    line-height: 28px;
    margin-bottom: 10px;
	word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;
}
.procot p {
    font-size: 16px;
    text-indent: 0em;
    line-height: 28px;
    margin-bottom: 10px;
	word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;
}
.procot div img{
    width:80%;
	display:block;
	margin:10px auto;
}
.procot p img{
    width:80%;
	display:block;
	margin:10px auto;
}
.pro-menu > ul >li >ul >li:last-child {
        border-bottom: 1px solid #e4e4e4;
}
.pro-menu > ul >li >ul >li {
    padding-left: 0px;text-align: left;
    padding-left: 16px;}
	.pro-menu2{ display:none;}
	.procot div a,.procot p a{color:#136ec2; text-decoration:none; font-size: 16px;}
.procot div a:hover,.procot p a:hover{color:#f63; text-decoration:none; font-size: 16px;}
.procot table {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
	text-align:center;
	border-top:1px solid #333;
	width:100%;
}
.procot table tr{ border-bottom:1px solid #333;}
.procot table td{border-left:1px solid #333;border-right:1px solid #333; padding:2px;}
/*新闻内容页面手机自适应*/
.usnewscat {
    padding: 0px;
}
.usnewscat .container {
    padding: 0px;
}
.newscat {
    border:none;
}
.grednav {
	display:none;
}
.newscatnav {
    background: #fff;
}
.newscatnav > ul >li {
	display:block;
     border: 0;
    margin-top: 0;
    border-radius: 0;
	height: 50px;
    color: #333;
    float: left;
    line-height: 1rem;
    font-size: .4rem;
    text-align: center;
	padding:0 10px;
}
.newscatnav > ul >li >a {
    display: block;
    color: #333;
    font-size: 18px;
    line-height: 50px;
    background: #fff;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.news-contentwrap {
    padding: 20px 15px;
}
.news-content >h3{ text-align:center; font-size:18px;}
.itemleft, .itemright {
    float: none;
    width: 100%;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
}

.news-content .procot h1, .news-content .procot h2,.news-content .procot h3,.news-content .procot h4,.news-content .procot h5,.news-content .procot h6,.news-content .procot h1 a,.news-content .procot h2 a,.news-content .procot h3 a,.news-content .procot h4 a,.news-content .procot h5 a,.news-content .procot h6 a {
    font-size: 16px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    text-decoration: none;
}
.news-content .procot div {
    font-size: 16px;
    text-indent: 0em;
    line-height: 28px;
    margin-bottom: 0px;
	word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;
}
.news-content .procot p {
    font-size: 16px;
    text-indent: 0em;
    line-height: 28px;
    margin-bottom: 10px;
	word-break:break-all;
	text-align:justify;
text-justify:inter-ideograph;
}
.news-content .procot div a,.procot p a{color:#136ec2; text-decoration:none; font-size: 16px;}
.news-content .procot div a:hover,.procot p a:hover{color:#f63; text-decoration:none; font-size: 16px;}
.news-content .procot table {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
	text-align:center;
	border-top:1px solid #333;
	width:100%;
}
.news-content .procot table tr{ border-bottom:1px solid #333;}
.news-content .procot table td{border-left:1px solid #333;border-right:1px solid #333; padding:2px;}
.news-next p, .news-next p a {
    font-size: 14px;
}
.newscatnav-2{ display:none;}
/*新闻栏目页面手机自适应*/
.usnewsitem { padding:10px 0px;}
.news-catitem p {
    line-height: 28px;
	display:none;
}
.newsleft,.newsxq{ display:none;}
.newsright {
    width: 100%;
    float: none;
	padding:0 15px;
}
.news-bg img {
    width: 100% !important;
	height:55px !important;
}
.usnewsitem .item {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.news-catitem h4 {
    margin: 0px;
    margin-bottom: 0px;
	vertical-align:top;
}
.news-catitem{ padding:0 10px 0 0;}
.news-catitem h4 a{ font-size:16px; color:#333;}
.new-time{ display:block; color:#ccc; font-size:12px; display:inline-block; padding-top:4px;}
.spepage{ padding-bottom:20px; padding-top:20px;}
.rle-itemwrap li i {
	display:none;
}
.rle-itemwrap  ul{ padding-top:10px;}
.rle-itemwrap li a{ font-size:14px; margin-left:0px; line-height:28px;}
.news-contentwrap .glcase p {
    padding-left: 0px;
}
/*关于我们自适应*/
.usleft{padding: 20px 0px 10px;
    width: 100%;
    float: none;
	text-align:center;
	}
	.usright {
    width: 100%;
    padding: 10px 0px;
    float: none;
}
.us-ct {
    width: 100%;
    float: none;
    padding-right: 0px;
}
.cpypro p {
	font-size:16px;
    text-indent: 2em;
    line-height: 30px;
    margin-bottom: 20px;
    word-wrap: break-word;
}
.itm{ display:block; float:left; width:30%; padding-right:0px; text-align:center;border-right:none; }
.mct{ display:block; float:left; width:70%; padding-left:5%;}
.cpy:after{content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	.us-bg {
    float: none;
    width: 100%;
	padding-top:20px;
	padding-bottom:20px;
}
.cpy span.mct{ font-size:16px;}
/*联系我们页面自适应*/
.ctus {
    padding: 0 0px 20px;
}
.ctuslf {
    padding-left: 0;
    padding-top: 0px;
    padding-bottom: 0px;
	text-align:center;
}
.uscontact hr {
       margin-top: 0px;
    margin-bottom: 0px;
}
.rtusnum {
    padding-top:60px;
    padding-left: 0px;
	background-position:top center;
   
}
.usnum{ font-size:16px;}
.rtusqq {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 0px;
	text-align:center;
	background-position:top center;
	font-size:16px;
}
.ctusrtf {
    padding-left: 0;
	    padding-top: 0px;
    padding-bottom: 0px;
    
}
.usemail{ display:none;}
.usmapwrap{ padding-top:10px;}
.usifo span,.usifo a{ font-size:14px;}
#map {
    width: 100%;
    height: 300px;
}
}
/*内页banner*/
#inner-banner { background: url(images/58ff3928af292_1024.jpg)no-repeat center ;
     background-size: cover; 
     min-height: 384px;}
	 
@media  (max-width: 1080px){
#inner-banner {
    min-height: 384px;
}

}
@media  (max-width: 991px){
#inner-banner {
    min-height: 340px;
}
}
@media  (max-width: 800px){
	/*首页*/
#inner-banner {
    min-height: 230px;
}
}
@media  (max-width: 768px){
	/*首页*/
#inner-banner {
    min-height: 220px;
}
}
@media  (max-width: 480px){
	.ftcontainer{ padding:0px 0;}
	#inner-banner {
    min-height: 160px;
}
.procot div img{
    width:100%;
	display:block;
	margin:10px auto;
}
.procot p img{
    width:100%;
	display:block;
	margin:10px auto;
}
	
	}
	@media  (max-width: 320px){
	#inner-banner {
    min-height: 130px;
}
	
	}
	
/*项目栏目*/
.project{ padding-top:40px;}
.project-title {
    margin-bottom: 40px;
}
.project-title h2 {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
    font-weight: 600;
    font-size: 28px;
}
.project-title span {
    background: #03a9f4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 70px;
    position: relative;
}
.project-title p {
    margin: auto;
    padding: 0 20px;
    width: 70%;
    color: #93989B;
    font-size: 16px;
}
.our_project_menu ul {
    list-style-type: none;
    margin-bottom: 15px;
    padding: 0;
}
.our_project_menu ul li {
    border: 1px solid #e8e8e9;
    cursor: pointer;
	float:left;
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px 13px;
    padding: 8px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
}
.our_project_menu ul li:hover, .our_project_menu ul li.current-menu-item {
    background: #03a9f4 none repeat scroll 0 0;
    border-color: #03a9f4;
	color: #fff;
}
.our_project_menu ul li.current-menu-item-a {
    background: #03a9f4 none repeat scroll 0 0;
    border-color: #03a9f4;
	color: #fff;
}
.our_project_menu ul li.current-menu-item-a a{ color:#fff;}
.our_project_menu ul li:hover a,.our_project_menu ul li.current-menu-item a{ color:#fff;}
.our_project_sub_menu ul li {
	list-style:none;
    cursor: pointer;
	float:left;
    font-size: 14px;
    font-weight: 400;
    margin: 0 5px 13px;
    padding: 8px 0px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
   
}
.our_project_menu ul li a{ color:#333;}
.our_project_sub_menu ul li a{ display:inline-block; color:#666; font-size:16px;}
.our_project_sub_menu ul li a:hover,.our_project_sub_menu ul li a:focus{color:#03a9f4;}
.our_project_sub_menu ul li.current-menu-item a{color:#03a9f4;}
.filter:before {
    display: inline-block;
    content: "/";
    padding: 0 25px 0 19px;
    color: #e8e8e8;
}
.filter:first-child:before{ display:none;}
.project-item-wrap{ border-top:1px solid #e8e8e8; padding:40px 0px;}
.pos-reletive {
    position: relative;
	padding:0px 0;
}
.timeline-row {
    background: #c4c4c4 none repeat scroll 0 0;
    height: 100%;
    left: 25%;
    margin-left: -2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
}
.timeline-description {
    margin-top: 30px;
    padding-bottom: 28px;
    position: relative;
    padding-right: 62px;
}
.timeline-description::before {
    background: #c4c4c4 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: auto;
    position: absolute;
    right: 33px;
    top: 52px;
    width: 8px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.timeline-description h3 {
    color: #333;
    font-size: 18px;
    margin-bottom: 6px;
	white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis; 
}
.timeline-description p {
    color: #9c9c9c;
    font-size: 14px;
	line-height:28px;
	word-break:normal;
text-align:justify;word-wrap: break-word;
}
.timeline-description::after {
    background: #c4c4c4 none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: auto;
    position: absolute;
    right: -3px;
    top: 54px;
    width: 36px;
}
.timeline-left-content .timeline-date {
    padding-left: 0;
    padding-right: 20px;
}
.timeline-date p {
    color: #fff;
    font-size: 16px;
	background:#03a9f4;
	width:80%;
	line-height:30px;
	margin-left:20%;
	text-align:center;
	
}
.timeline-date::after {
    background: #eeeeee none repeat scroll 0 0;
    border: 6px solid #c4c4c4;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: -27px;
    position: absolute;
    top: 3px;
    width: 24px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.timeline-left-content .timeline-date:after {
    left: auto;
    right: -27px;
}
.timeline-date {
    margin-top: 72px;
    padding-bottom: 49px;
    padding-left: 15px;
    position: relative;
	
}
.timeline-right-content .timeline-description {
    padding-left: 64px;
    padding-right: 0;
}
.timeline-right-content .timeline-description::before {
    left: 32px;
    right: auto;
}
.timeline-right-content .timeline-description::after {
    left: -4px;
    right: auto;
}
.timeline-row:before {
    background: #c4c4c4;
    border-radius: 50%;
    content: "";
    height: 12px;
    left: -4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -11px;
    width: 12px;
	display:none;
}
.timeline-row:after {
    background: #c4c4c4;
    border-radius: 50%;
    bottom: -11px;
    content: "";
    height: 12px;
    left: -4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 12px;
	display:none;
}
.timeline-description h3 a{color:#333;}
.project-item:nth-child(even){ background-color:rgba(0,0,0,0.02);}
.timeline-description .btn-default{ border-radius:0px; margin-top:0px; line-height:24px; padding-left:25px; padding-right:25px;border: 1px solid #f63;}
.timeline-description .btn-default a{ color:#797979;}
.timeline-description h3 a:hover{color:#f63;}
.timeline-description  .project-sbtime{ line-height:38px; color:#f8653e;}
.timeline-description:hover h3 a{color:#f63;}
.timeline-description:hover:before{background: #f63;}
.timeline-date:hover:after{background: #f63;}
/*项目栏目详情页面*/
.project-content-ct{ border:1px solid rgba(0,0,0,0.05); padding:40px 50px; margin-top:40px; margin-bottom:40px;}
.content-top{ border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:20px;}
.content-top .top-lt h3{ font-size:24px; line-height:60px;}
.content-top .top-lt p{color: #f8653e; font-size:14px;}
.content-top .top-lt p span{ display:inline-block; margin-right:20px;}
.top-rt{ padding-top:25px; text-align:right;}
.top-rt a{ display:inline-block; background-color:#f8653e; padding:10px 20px; color:#fff; font-size:14px;}
.top-rt a:hover{ background:#f39800;}
.content-bot{ padding-top:20px;}
.news-next{ background-color:rgba(0,0,0,0.02); padding-bottom:20px; margin-top:40px;}
.relproducts{ margin-top:30px; border-top: 1px solid rgba(0,0,0,0.05); padding-top:30px;}
.relproducts h3{color:#03a9f4;}
.relproducts h3 span{  color:#03a9f4; display:inline-block;margin-right:15px; }
.relproducts h3 span::before{ display:block;width:100%; height:100%; color:#03a9f4; }
.relproct{ margin-top:10px;}
.relproct li,.relproct ul{ list-style:none;}
.relproct li { padding:20px 0; border-bottom:1px solid rgba(0,0,0,0.05);}
.relproct li h4{ font-size:16px; color:#333;}
.relproct li h4 span{ margin-right:10px;}
.relproct li h4 a{color:#333; font-weight:400;}
.relproct li h4 a:hover{color:#03a9f4}
.relproct li p{ font-size:14px; padding-top:20px;color:#999;}
.btn-default:hover a {
    color: #fff;
}
.btn-default:hover {
    background-color: rgba(0, 153, 255, 1);
    border-color: rgba(0, 153, 255, 1);
}
.wrapper02 {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
	height:60px;
}
.wrapper03{position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
	height:60px;}
.our_project_menu { margin:0 auto;}
.our_project_sub_menu{ margin:0 auto;}
@media  (max-width: 480px){
.item-right li{ white-space:normal;overflow:inherit; text-overflow:ellipsis; }

	.project {
    padding-top: 0px;
}
.project-title {
	display:none;
}
.project .container-fluid{ padding-left:0px; padding-right:0px;}
.our_project_menu ul li{ line-height:44px; border:none;}
.our_project_menu ul li a{  font-size:18px; font-weight:bold; line-height:44px;}
.wrapper03{ height:40px;}
.wrapper02 { height:52px; border-bottom:1px solid #ccc;}
.our_project_menu ul li{ padding:3px 15px;}
.project .container{ padding-left:0px; padding-right:0px;}
.timeline-row{ display:none;}
.timeline-date:after{ display:none;}
.timeline-description:before{ display:none;}
.timeline-description:after{ display:none;}
.project-item-left{ width:100%; display:none;}
.project-item-right{ width:100%;}
.timeline-date{ margin-top:20px; }
.timeline-left-content .timeline-date{padding-right:0px; padding-bottom:20px;}
.timeline-date p{ margin:0 auto;}
.timeline-right-content .timeline-description{ padding-left:0px; padding-top:20px; padding-bottom:20px;}
.timeline-description{ margin-top:0px;}
.timeline-date p{ width:100%;}
.project-item-wrap{ padding-top:0px; padding-bottom:0px;}
.project-content-ct{ padding:0px; margin-top:0px; margin-bottom:0px; border:none;}
.content-top .top-lt h3 {
    font-size: 18px;
	line-height:1.1;
	padding-bottom:15px;
	text-align:center;
}
.top-lt{ padding:20px 0; padding-bottom:0px;}
.content-top .top-lt p{text-align:center;}
.content-top .top-lt p span {
    margin-right: 0px;
	margin:0 5px;
}
.top-rt{ display:none;}
.our_project_menu ul li:hover, .our_project_menu ul li.current-menu-item{background:#fff;}
.our_project_menu ul li:hover a, .our_project_menu ul li.current-menu-item a{ color:#333;}
.our_project_sub_menu ul li:first-child{ padding-left:15px;}
.our_project_sub_menu ul li:last-child{ padding-right:15px;}
.status, .status-mes{ width:300px; }
.status{ margin-left:-150px;}

.navbar-header h1 img {
    margin: 0 auto;
    height: 30px;
    display: inline-block;
}
.navbar-header h1 a span {
    display: inline-block;
    font-size: .4em;
    margin-top: 1px;
    letter-spacing: 4px;
    color: #999;
	vertical-align:middle;
}
.navbar {
    position: relative;
    min-height: 20px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-header h1 a{ text-align:left;}
.header{ padding:15px 0;}
	}
	
/*404*/
.auto {
	width: 1000px;
	margin: 150px auto;
}
.f-container {
	background: url(images/404-bg.png) no-repeat 560px top;
}
.settings {
	padding-left: 130px;
	padding-bottom: 50px;
}
.settings .icon {
	display: block;
	width: 242px;
	height: 106px;
	background: url(images/404.png) no-repeat 0 0;
}
.settings h4 {
	margin: 30px 0 15px 0;
	font-size: 18px;
	color: #2cb7fd;
}
.settings p {
	font-size: 14px;
	color: #999;
}
.settings > div {
	margin-top: 40px;
	font-size: 0;
}
.settings > div a {
	display: inline-block;
	padding: 10px 40px;
	border: 1px solid #2cb7fd;
	font-size: 15px;
	color: #2cb7fd;
	text-decoration: none;
}
.settings > div a:first-child {
	margin-right: 20px;
	color: #fff;
	background-color: #2cb7fd;
}
/*搜索页面*/
.sidebar{ margin-top:30px;}
.search-content{ padding:10px 0 10px;}
.content-list{ padding-bottom:30px;}
.search-list{ border-bottom:1px solid rgba(0,0,0,0.05); padding:20px 0;}
.search-list h2{ padding-bottom:10px;}
.search-list h2 a{ font-size:18px; color:#333; line-height:30px;}
.search-list h2 a:hover{ color:#03a9f4;}
.search-list p{ font-size:14px; color:#9c9c9c; line-height:28px;}
.sidebar{ border:1px solid rgba(0,0,0,0.05); padding-bottom:10px; }
.sidebar h3{ color:#03a9f4; font-size:18px; border-bottom:1px solid rgba(0,0,0,0.05); padding:20px 15px;}
.sidebar li{ list-style:none; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; padding:15px 15px 0px ;}
.sidebar li h4{ overflow: hidden; text-overflow: ellipsis;}
.sidebar li a{ font-size:14px; line-height:24px; color:#666;}
.sidebar li a:hover{ color:#03a9f4;}
.project-content-ct .glcase p {
    line-height: 32px;
    padding-left: 5px;
}
.x-w-h{ height:175px; width:100%;}
.ewm-img-w-h{ width:100%; height:120px;}
.phone-img-w-h{width:50px; height:50px;}
.about-img-w-h{width:65px; height:65px;}
.q-img-w-h{width:65px; height:65px;}
.qr-img-w-h{width:100%; height:100%;}