/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px) {
body .header {
	background-attachment: scroll;
}
}

/*ipad portrait*/
@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait) {
.header {
	background-attachment: scroll;
}
}

@media screen and (max-width:769px) {
.headerwrap h1 {
	font-size: 40px;
}
.headerwrap p {
	font-size: 20px;
}
}


img {
	vertical-align: middle;
}
textarea {
	resize: vertical;
}
html, body {
	height: 100%;
}
body {
	font-family:"Microsoft YaHei","微软雅黑","Lucida Grande","STHeiti","Helvetica","Arial","sans-serif";
	font-weight: 300;
	font-size: 16px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
}
.tp-caption {
	font-family:"Microsoft YaHei","微软雅黑","Lucida Grande","STHeiti","Helvetica","Arial","sans-serif";
}
.navbar-default .navbar-nav > li > a {
	line-height:32px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
}
.navbar-default {
	padding: 0px 0;
	box-shadow: 0 0 5px #888;
	font-weight: 500;
	background-color:#fff;
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity:0.95;
	margin:0px;
	border:0px;
	border-radius:0px;
}
.navbar-default .navbar-brand {
	padding-top:10px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
	background-color:#FF3300;
}
.navbar-default .navbar-nav > li {
}
.navbar-default .navbar-nav > li > .select {
	color:#F66E00;
}

a img {
	background: white;
}
.odd a img {
	background: #f5f5f5;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
	color: #555;
}
h2 {
	font-size: 34px;
	color: #666;
	font-weight: 500;
}
h3 {
	font-size: 24px;
	font-weight: 500;
}
/* Paragraph & Typographic */
p {
	line-height: 26px;
	margin-bottom: 20px;
}

.navbar-default .navbar-text{
	padding:0px;
	margin-bottom:0px;
	margin-left:60px;
	line-height:32px;
}


/* icons */
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1489019199729'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1489019199729#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.svg?t=1489019199729#iconfont') format('svg'), /* iOS 4.1- */
  url('../fonts/iconfont.woff?t=1489019199729') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1489019199729') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0.1px;
}
.icon-erweima:before { content: "\e600"; }

.icon-dianhua:before { content: "\e622"; }

.icon-tel1:before { content: "\e688"; }

.icon-qq:before { content: "\e63d"; }

.icon-yuyin:before { content: "\e65a"; }

.icon-erweima1:before { content: "\e626"; }

.icon-tel:before { content: "\e607"; }

.icon-dazheyouhui:before { content: "\e64f"; }

.icon-yongcan:before { content: "\e619"; }

.icon-caiwuduizhang:before { content: "\e609"; }

.icon-top:before { content: "\e671"; }

.icon-down1:before { content: "\e62d"; }

.icon-dazheqia:before { content: "\e860"; }

.icon-caidan:before { content: "\e603"; }

.icon-suiji:before { content: "\e62a"; }

.icon-ht_expand:before { content: "\e605"; }

.icon-jiantou:before { content: "\e604"; }

.icon-address:before { content: "\e601"; }

.icon-mail:before { content: "\e60e"; }

.icon-guanli:before { content: "\e61f"; }

.icon-jine:before { content: "\e673"; }

.icon-butie:before { content: "\e630"; }

.icon-tuikuan:before { content: "\e62c"; }

.icon-view:before { content: "\e602"; }

.icon-guanli1:before { content: "\e60a"; }

.icon-ci:before { content: "\e629"; }
.tel400 { font-size:22px; color:#F66D00;}

/* ==========================================================================
   main
   ========================================================================== */
.headerwrap {
	background: url(../images/banner-index.jpg) no-repeat center top;
	padding-top: 0px;
	text-align: center;
	background-attachment: relative;
	background-position: center center;
	min-height: 500px;
	width: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-top: 0px;
}
.pagebanner {
	min-height: 400px;
	padding: 0px;
	background: url(../images/device-bg.jpg) no-repeat center top;
}
.aboutbanner {
	min-height: 400px;
	padding: 0px;
	background: url(../images/about-bg.jpg) no-repeat center top;
}
.casebanner {
	min-height: 228px;
	padding: 0px;
	background: url(../images/case-bg.jpg) no-repeat center top;
}
.headerwrap .btn {
	font-weight: 500;
	font-size: 17px;
	margin: 20px 0;
	background-color: rgba(255,255,255,0);
	color: #fff;
	border: 1px solid #fff;
	margin-top:300px;
}
.headerwrap .btn:hover, .headerwrap .btn:focus {
	color: #555;
	background-color: #fff;
	outline: 0px;
	border: 1px solid #fff;
}
.service-fix, .baiduMessage { position:fixed; bottom:0px; right:0; height:140px; z-index:999999; display:block; width:80px;}
.baiduMessage {
	width:150px;
	height:40px;
	top:320px; 
}
.service-fix ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.gotoTOP {
	cursor:pointer;
	display:none;
}
.QQmessage {
	cursor:pointer;
	
}
.service-fix ul li {
	margin-bottom:3px;
	border-radius:50%;
	width:48px; height:48px;
	background:#96dafd;
	text-align:center;
}
.service-fix ul li .iconfont {
	font-size:30px;
	color:#ffffff;
}
.footer, .copyright {
	background-color:#262C39;
	color:#A6A9B0;
	padding: 40px 0;
	font-size:14px;
}
.footer ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.footer ul li {
	line-height:31px;
}
.footer ul li a {
	color:#A6A9B0;
}
.footer h4 {
	color:#D0D0D0;
	font-size:16px;
}
.copyright {
	background-color:#222835;
	text-align:center;
	color:#565C69;
	padding: 20px 0;
	font-size:12px;
}
.page-top {
	padding: 40px 0;
	margin:0px;
}

.separator {
	display: block;
	width: 60px;
	height: 5px;
	margin: 15px auto 15px;
	background-color: #cccccc;
	position: relative;
	border: 1px solid #cccccc;
}
.separator:after {
	width: 30px;
	height: 5px;
	background: #333333;
	position: absolute;
	top: -1px;
	left: -1px;
	content: "";
}
.box-style-2 {
	margin-top: 20px;
}
.box-style-2 i {
	font-size: 36px;
	line-height: 60px;
}
.box-style-2 .icon-container {
	float: left;
	width: 60px;
	height: 60px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.box-style-2 .body {
	margin-left: 80px;
}
.box-style-2 h2 {
	font-size: 24px;
	margin-top: 0;
}
.box-style-2:hover .icon-container {
	border: 1px solid #666;
}
.box-style-2:hover .default-bg {
	background-color: #fff;
	border: 1px solid #E96700;
}
.box-style-2:hover .default-bg * {
	color: #E96700;
}
.box-style-2:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-2:hover .dark-bg * {
	color: #666;
}
.box-style-2:hover .white-bg * {
	color: #E96700;
}
.default-bg {
	background-color: #E96700;
	color: #ffffff;
}
.page-top h1 {
	font-size:32px;
	color:#000;
}
.page-top h2 {
	font-size:16px;
	color:#000;
}
.page-top p {
	font-size:14px;
	color:#777;
}

.page-top.revent {
	background-color:#f0f0f0;
}

.box-style-3 {
	margin-top: 20px;
	margin-bottom: 30px;
}
.box-style-3 i {
	font-size: 22px;
	line-height: 45px;
}
.box-style-3 .iconfont {
	font-size:30px;
}
.box-style-3 .default-bg {
	background-color:#21B06E;
}
.box-style-3 .icon-container {
	float: left;
	width: 55px;
	height: 55px;
	line-height:60px;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-radius:50%;
}
.box-style-3 .body {
	margin-left: 90px;
}
.box-style-3 h2 {
	font-size: 20px;
	margin-top: 0;
}
.box-style-3:hover .icon-container {
	border: 1px solid #666;
}
.box-style-3:hover .default-bg {
	background-color: #fff;
	border: 1px solid #21B06E;
}
.box-style-3:hover .default-bg * {
	color: #21B06E;
}
.box-style-3:hover .dark-bg {
	background-color: #fff;
	border: 1px solid #666;
}
.box-style-3:hover .dark-bg * {
	color: #666;
}
.box-style-3:hover .white-bg * {
	color: #E96700;
}
.service-image {
	width:100%;
	height:100%;
}
.page-top.contact {
	background-color:#877DEF;
	color:#fff;
}
.page-top.contact h1,.page-top.contact h2,.page-top.contact h3,.page-top.contact h4,.page-top.contact p {
	color:#fff;
}
.page-top.scene {
	background-color:#f0f0f0;
}
.page-top.scene .col-md-2 {
	width:20%;
}
.page-top.scene .thumbnail {
	border:0px;
	border-radius: 0px;
	padding: 0px;
}
.page-top.product {
	background-color:#f0f0f0;
}
.page-top.product .thumbnail {
	border-radius: 0px;
	padding:0px;
}

.col-lg-2dot4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 900px) {
.col-lg-2dot4 {
float: left;
}
.col-lg-2dot4 {
width: 20%;
}
.col-lg-pull-2dot4 {
right: 20%;
}
.col-lg-push-2dot4 {
left: 20%;
}
.col-lg-offset-2dot4 {
margin-left: 20%;
}
}
.page-top.case .col-md-2 {
}
.page-top.case .thumbnail {
	padding:0px;
	border:0px;
}
.page-top.report .thumbnail{
	padding:0px; border:0px;
}
.menu-layer {
	display:none;
}
.menu-layer ul {
	margin:0px;
	padding:0px 15px;
	list-style:none;
	line-height:29px;
}
.nav.navbar-nav.navbar-right li:hover .menu-layer  {
	display:block;
}
.page-intro {
	padding: 10px 0;
	background-color: #fafafa;
}
#pagebanner + .page-intro {
	position: relative;
	background-color: rgba(250, 250, 250, 0.9);
	z-index: 2;
}


.page-intro .breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding: 8px 0;
	border:0px;
}

.separator-2 {
	display: block;
	width: 30px;
	height: 5px;
	margin: 15px 0 15px;
	background-color: #cccccc;
	position: relative;
}
.filters {
	margin: 0 0 30px 0;
}
.filters .nav-pills > li {
	margin-right: 2px;
	margin-bottom: 2px;
}
.filters .nav-pills > li + li {
	margin-left: 0px;
}
.isotope-item {
	margin-bottom: 30px;
}
.grid-space-20 .isotope-item {
	margin-bottom: 20px;
}
.grid-space-10 .isotope-item {
	margin-bottom: 0;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.isotope-item {
		max-width: 100%;
	}
}

.page-top.product.write {
	background-color:#fff;
}
.page-top.about {
	background-color:#877DEF;
	color:#fff;
}
.page-top.about .thumbnail {
	border:0px;
	border-radius: 0px;
	filter:alpha(opacity=95); 
	-moz-opacity:0.95; 
	opacity:0.95;
}

.about-time ul {
	margin:0px;
	list-style:none;
	padding:0px;
}
.about-time{ width:900px; min-height:300px; margin:0 auto 92px; position:relative}
.time-line{ position: absolute;top: 0;left: 50%;margin-left: -2px;height: 95%;width: 4px;background: #eee;}
.about-time li{ overflow:hidden; position:relative; margin-bottom:28px}
.timeline-img {width: 40px;height: 40px;left: 50%;margin-left: -20px; padding:8px 0; position: absolute;top: 0;}
.timeline-content{margin-top:5px;width: 45%; background-color:#fff; border:1px solid #f0f0f0; border-radius:5px;padding:0px 15px;}
.about-time h4{ font-size:18px; color:#EB5722; margin-bottom:0;}
.about-time .fr{ float:right;}
.about-time .text-left {text-align: left;}
.about-time .text-right {text-align: right;}
.mapContent {
	width:100%;
	height:550px;
	border:1px solid #ccc;
	margin: 50px 0px;
}
.page-top.blogs {
	padding:0px;
}
.page-top.blogs .container {
	margin-top:0px;
}
.page-top.blogs .container .left {

}
.page-top.blogs .container .right {
	
}
.text-left-main {
	text-align:left;
	background-color:#F5F9FD;
	padding:40px;
	border:1px solid #E1E1E1;
	
}

.fantable td{
	border:1px solid #C7C7C7;
	padding:3px;
	font-size:14px;
}



  .sq-block1{
    width: 100%;
    overflow: hidden;
  }
  .sq-block1-tit{
    width: 100%;
    height: 62px;
    background: url(/images/sq-tit1.png) center center no-repeat;
  }
  .sq-block3-tit{
    width: 100%;
    height: 62px;
    background: url(/images/sq-tit3.png) center center no-repeat;
  }
  .sr-block3-tit{
    width: 100%;
    height: 62px;
    background: url(/images/ylc_sjmb.png) center center no-repeat;
  }
  .sq-block4-tit{
    width: 100%;
    height: 62px;
    background: url(/images/sq-tit4.png) center center no-repeat;
  }
  .sr-xtzc{
    width: 100%;
    height: 62px;
    background: url(/images/ylc_xtzc.png) center center no-repeat;
  }
  .sq-block2-tit{
    width: 100%;
    height: 62px;
    background: url(/images/sq-tit2.png) center center no-repeat;
  }
  .sr-block2-tit{
    width: 100%;
    height: 62px;
    background: url(/images/ylc_ndfx.png) center center no-repeat;
  }
  .sr-xflc{
    width: 100%;
    height: 62px;
    background: url(/images/ylc_xflc.png) center center no-repeat;
  }
  .sq-block1-con{
    width: 100%;
    height: 240px;
    background: url(/images/sq-block1-bg.png) repeat-x;
    position: relative;
    margin-top:60px;
  }
  .sq-block1-pic{
    width: 471px;
    height: 240px;
    background: url(/images/sq-pic1.png) center center no-repeat;
    position: absolute;
    top:-28px;
    left:23px;
  }
  .sq-block1-right{
    width: 562px;
    height: 217px;
    background: url(/images/sq-block1-bg2.png) center center no-repeat;
    position: absolute;
    right:0;
    padding:23px 17px 0 40px;
  }
  .sq-block1-right p.tit{
    font-size: 24px;
    color:#a0a0a3;
    padding-left:50px;
  }  
  .sq-block1-right p.con{
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    color:#333;
  }  
  .sq-block1-btn{
    width: 298px;
    height: 39px;
    background: #2a8ded;
    border-radius: 5px;
    margin: 40px auto;
    text-align:center;
    line-height: 39px;
    font-size: 20px;
    color:#fff;
  }
  .abr-block2-item{
    width: 100%;
    height: 282px;
    padding-top:7px;
  }
  .abr-block2-num{
    width: 96px;
    height: 48px;
    background: #fd5d1e;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
    margin: 0 auto;
    text-align: center;
    font-size: 38px;
    color:#fff;
    line-height: 48px;
    font-style: oblique;
  }
  .sr-block2-num{
    width: 96px;
    height: 48px;
    background: #C77342;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
    margin: 0 auto;
    text-align: center;
    font-size: 38px;
    color:#fff;
    line-height: 48px;
    font-style: oblique;
  }
  .abr-block2-tit{
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color:#fff;
    text-align: center;
    background: #fd5d1e;
  }
  .srs-block2-tit{
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color:#fff;
    text-align: center;
    background: #C77342;
  }
  .abr-block2-sub{
    width: 100%;
    height: 159px;
    background: #f8f9fe;
    box-shadow: 2px 2px 3px #ccc;
    padding:23px 12px 0px;
    font-size: 14px;
    color:#666;
    line-height: 24px;
  }
  .sr-block2-sub{
    width: 100%;
    height: 189px;
    background: #f8f9fe;
    box-shadow: 2px 2px 3px #ccc;
    padding:23px 12px 0px;
    font-size: 14px;
    color:#666;
    line-height: 24px;
  }
	.fd-td {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	.fd-td li {
		display:block;
		height:29px;
		line-height:29px;
	}

	.abr-block2-con-item1{
    width:100%;
    height: 281px;
    overflow: hidden;
    margin-top:38px;
  }
  .abr-block2-pic1{
    width: 340px;
    height: 281px;
    float: right;
    margin-left:35px; 
    background: url(/images/sa-block2-pic2.png) center center no-repeat;
  }
  .abr-block2-pic2{
    width: 340px;
    height: 281px;
    float: right;
    margin-left:35px; 
    background: url(/images/fk.png) center center no-repeat;
  }
  .abr-block2-pic3{
    width: 340px;
    height: 281px;
    float: right;
    margin-left:35px; 
    background: url(/images/fk2.png) center center no-repeat;
  }
  .sr-block2-pic3{
    width: 340px;
    height: 281px;
    float: right;
    margin-left:35px; 
    background: url(/images/ylc_spt.png) center center no-repeat;
  }
	.tit2 {
		color:#fff;
		background-color:#FF3300;
		padding:2px 10px;
		font-size:24px;
	}
	
	.con {
		margin-top:12px;
	}
	.pro_mark {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		font-size:14px;
		line-height:180%;
	}
  .abr-block1-con{
    width: 100%;
    height: 315px;
    position: relative;
    background: #f8f9fe;
    margin-top:60px;
  }
	
	  .abr-block-tit{
    width: 100%;
    margin-top:48px;
    text-align: center;
  }
  .abr-block-tit span.tit-con{
    display: inline-block;
    font-size: 38px;
    color:#fd5d1e;
    background: url(../../images/edus/sa-tit-bg1.png) left 10px no-repeat;
    padding-left:49px;
  }
	
  .abc-con{
    width: 833px;
    height: 152px;
    border-bottom:4px solid #b7bdde;
    position: absolute;
    top:0;
    right:0;
    z-index:2;
    padding:38px 10px 0 110px;
  }
  .abc-pic{
    width: 171px;
    height: 171px;
    background: url(../../images/edus/sa-block1-pci.png) center center no-repeat;
    position: absolute;
    left:5px;
    top:22px;
    z-index:3;
  }
  .abc-con-tit{
    font-size: 20px;
    color:#fd5d1e;
  }
  .abc-con-sub{
    font-size: 14px;
    color:#333;
    line-height: 24px;
    margin-top:10px;
  }
  .abc-btn{
    width: 300px;
    height: 38px;
    line-height: 38px;
    background: #2a8ded;
    text-align: center;
    color:#fff;
    font-size: 20px;
    position: absolute;
    left:370px;
    top:233px;
    border-radius: 5px;
  }
  .abc-btn:hover{
    background: #fb721f;
  }