@charset "utf-8";


/* 透明度 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";     filter:alpha(opacity=60);  opacity: 0.6;  */
/*圆角 ebkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
ul, li { list-style: none; }
html {
	overflow-x: hidden;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
	font-family: "微软雅黑";
	font-size: 14px;
	color: #666;
	overflow: hidden;
	line-height: 22px;
	overflow-x: hidden;
}


.tal {
	text-align: left;
}

.tar {
	text-align: right;
}
.f-left{ float:left;}
.f-right{ float:right;}
.tac {
	text-align: center;
}

.ttu {
	text-transform: uppercase;
}

.ttl {
	text-transform: lowercase;
}

.ttn {
	text-transform: normal;

}

a {
	text-decoration: none!important;
	cursor: pointer;
}

a:link, a:visited { 
	transition: all 0.2s ease-out 0s; 
	-webkit-transition: all 0.2s ease-out 0s; 
	-moz-transition: all 0.2s ease-out 0s; 
}

:active,
:hover,
:focus,
:visited {
	text-decoration: none;
	outline: none!important;
}

input,
button,
select,
textarea {
	font-family: "Open Sans", sans-serif;
}

.page-wrapper {
	width: 100%;
	height: auto;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
.b-radius{ebkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}
  
.sep {
	position: relative;
    left: 0;
    right: 0;
	width: 30px;
    height: 1.5px;
    background: #353535;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.sep:before {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    bottom: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep:after {
    content: '';
    position: absolute;
    left: -10px;
    right: 0;
    top: 0;
    background: #353535;
    width: 50px;
    height: 1.5px;
    margin: 5px 0;
}

.sep-white {
	background: #fff;
}
.sep-eaea {
	background: #eaeaea;
}
.sep-white:before {
	background: #fff;
}

.sep-white:after {
	background: #fff;
}

.gap-small {
	width: 100%;
	height: 20px;
	clear: both;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
img {
	border: 0;
	outline: none;
}

.img-fullwidth {
	width: 100%;
}

.img-responsive {
	display: block;
    width: 100%;
    height: auto;
}

.bg-white {
	background: #fff!important;
}

.bg-white-dark {
	background: #efefef!important;
}

.heading-normal {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	overflow: hidden;
}

.heading-normal h2 {
	color: #f57c05!important;
	padding-bottom: 10px;
	border-bottom: 2px solid #f57c05;
	font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.color-33{ color:#333}
.color-66{ color:#666}
.color-99{ color:#999}
.color-88{ color:#888}
.color-b6{ color:#b6b6b6}
.color-b2b{ color:#b2d7ff}
.color-active{ color:#00a3ff;}
.color-ff{ color:#fff}
.f-wb{ font-weight:bold;}
.f-s12{ font-size:12px;}
.f-s14{ font-size:14px;}
.f-s16{ font-size:16px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.f-s28{ font-size:28px;}
.f-s30{ font-size:30px;}
.f-s34{ font-size:34px;}
.f-s44{ font-size:44px;}
.f-s58{ font-size:58px;}
.f-s80{ font-size:80px;}
.m-top5{ margin-top:5px;}
.m-top10{ margin-top:10px;}
.m-top20{ margin-top:20px;}
.m-top30{ margin-top:30px;}
.m-top40{ margin-top:40px;}
.m-top50{ margin-top:50px;}
.m-top80{ margin-top:80px;}
.m-top100{ margin-top:100px;}
.m-top145{ margin-top:145px;}
.m-top150{ margin-top:150px;}
.m-bottom5{ margin-bottom:5px;}
.m-bottom50{ margin-bottom:50px;}
.m-bottom0{ margin-bottom:0px;}
.lh-36{ line-height:30px;}
.lh-30{ line-height:30px;}
.lh-24{ line-height:24px;}
.lh-18{ line-height:18px;}
.cr-black{ color:#000;}
.p-left50{ padding-left:50px;}
.p-right120{padding-right:92px;}
.p-left15{ padding-left:15px;}
.p-top10{ padding-top:10px;}
.p-top50{padding-top:50px;}
.p-bottom10{ padding-bottom:10px;}
.p-bottom40{ padding-bottom:40px;}
.p-0{ padding:0;}
.bg-blue{ background: #f4faff; }
/*
================================
Preloader
================================
*/
.navbar-header{ padding-top:2px;}
.navbar-header  .f-s16{ color:#000;}
.navbar-brand img{ display:inline;}
.navbar-collapse{ float:right; margin-top: 14px; }
.i-news-hot{ position:relative;}
img{ max-width:100%;}
.itemHover {
	position: absolute;
	width: 100%;
	height: 80px;
	padding:0 40px;
	bottom:0px;
	padding-right:20px;
	background:rgba(62,176,52,0.6);
	opacity: 0;
	margin-bottom:0;
	line-height:80px; overflow:hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;

}
p#back-to-top{
    position:fixed;
    display:none;
    bottom:100px;
    right:50px;
	z-index:12;
}

p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:44px;
	height:43px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
	background: url(../images/top_01.jpg) no-repeat ;
}

p#back-to-top a:hover{
    color:#979797;
	background: url(../images/top_hover.jpg) no-repeat ;
}
.carousel-indicators{ bottom:0px;}
.carousel-indicators li{display:inline-block;width:50px;height:4px; margin:0 2px;text-indent:-999px;cursor:pointer;background-color:#fff;border:0;border-radius:0;}
.carousel-indicators .active{width:50px;height:4px; margin:0 2px;background-color:#1a4da0}


.page-case .i-case-list{ width:318px; position:relative;background:#000; height:337px; padding:0; margin-bottom:130px;}

.page-case .i-case-p{top:256px; left:10px; width:298px; height:186px;}
.xs-footer .row{height:46px; width:100%;line-height:46px; background:#dcdddd; color:#9fa0a0; margin:0; z-index:11; position:fixed; bottom:0;}
.i-news{ border-bottom: 1px solid #e5e5e5; display: block; height:62px; line-height: 62px; }
.scroll-box1{ width: 670px; height: 62px; line-height: 62px; overflow: hidden; }
.i-news-more a{ display: block; width: 38px; height: 38px;background:url(../images/more.jpg) no-repeat; margin-top:12px;}
.i-news-more a:hover{background:url(../images/more-hover.jpg) no-repeat;}
.scroll-box1 a:hover{color: #00a3ff;}
.i-title{width: 100%; position:relative;}
.i-title-p{ width: 100%;display: inline-block; border-bottom:1px solid #e8e8e8; height: 40px; line-height: 40px; }
.color-line{position:absolute;bottom:-1px;left: 50%; margin-left: -70px;height: 3px; width: 140px; background: #0088f4; }
.i-business-list{ padding: 20px;}
.i-business-list a{padding: 20px;background: #fff;display:inline-block;}
.i-business-box{width: 100%; background:#f2fbff; padding-top: 110px; padding-bottom: 60px;}
.i-business-icon{width:82px;height: 92px; background-image: url(../images/icon.png) ;display:inline-block;}
.b-icon01{background-position: -1px 0px;}
.b-icon02{background-position: -156px 0px;}
.b-icon03{background-position: -311px 0px;}
.b-icon04{background-position: -467px 0px;}
.i-more span{width:38px;height: 38px; background: url(../images/more.jpg) no-repeat ;display:inline-block; }
.i-business-list a:hover{ box-shadow:0px 0px 8px #999;transition: all 0.3s ease 0.2s; }
.i-business-list a:hover .i-business-box{background:#00a3ff;  transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .f-s20{color:#fff;transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .b-icon01{background-position: -1px -136px;transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .b-icon02{background-position: -156px -136px;transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .b-icon03{background-position: -311px -136px;transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .b-icon04{background-position: -467px -136px;transition: all 0.3s ease 0.2s;}
.i-business-list a:hover .i-more span{background: url(../images/more-hover.jpg) no-repeat ;transition: all 0.3s ease 0.2s;}
.i-products-box{ margin:20px 60px; }
.p-info{transform: translateX(0%) translateY(100%);		    transition: all 0.3s ease 0.2s;
visibility: hidden; position: absolute; left: 5%;top:5%;width:90%;height:90%; padding: 30px; overflow: hidden; background:rgba(0,163,255,0.4); color: #fff;cursor: pointer;}
.i-products-img{ position:relative; overflow: hidden; }
.i-products-list a:hover .p-info{visibility:visible;  opacity:1;color:#fff;transform:translateX(0px); }

.p-info .ttu{display: inline-block;width: 100%;}
.i-products-more span{width:145px;height: 37px; background: url(../images/more2.jpg) no-repeat ;display:inline-block;visibility: hidden;transform: translateX(0%) translateY(100%);		    transition: all 0.3s ease 0.2s;}
.i-products-list a:hover .i-products-more span{visibility:visible;transform:translateX(0px);}

.i-baout-more{border:1px solid #00a3ff; padding:10px 20px; color:#00a3ff; display:inline-block;}
.i-baout-more:hover{background: #00a3ff; color:#fff;}
.i-about{ padding:70px 0;  }
.footer-copy{ background: #383d41; font-size: 12px; color:#b2b3b4; padding: 20px 0; }
.page-menu{width: 100%;border-bottom:1px solid #e5e5e5; padding: 5px 0;}
.page-menu li{display: inline;}
.page-menu li a{background: #fff; padding: 12px 50px;color:#333; display: inline-block;}
.page-menu ul{ margin-bottom: 0; }
.page-menu li.active a,.page-menu li a:hover{background: #54c3f1;}
.page-menu .case li a{ padding: 12px 25px;}
.honner{ position:relative; }
.page li{display: inline;}
.page li a{display:inline-block;margin:0 5px; width: 30px; height: 30px; ebkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;color:#a2a2a2; line-height: 30px; }
.page li a.no{border:1px solid #dcdcdc;} 
.page li.active a.no{border:1px solid #00a0e9;color:#fff;background:#00a0e9; }
.page li a.no:hover{border:1px solid #00a0e9;}
.job-title{width: 170px;display: inline-block;}
.job-list li{  padding:10px 0; }
.job-list li:nth-child(odd){border-bottom: 1px solid #221714;}
.product-ph{position:relative; overflow: hidden;}
.products-p{transform: translateX(0%) translateY(100%);		    transition: all 0.3s ease 0.2s;
visibility: hidden; position: absolute; left: 10%;top:25%;width:80%;height:50%; overflow: hidden; background:rgba(0,163,255,0.4); color: #fff;cursor: pointer;}

.products-list a:hover .products-p{visibility:visible;  opacity:1;color:#fff;transform:translateX(0px);}
.products-p img{ position:absolute; top:50%; left: 50%; margin-left:-30px;margin-top:-9px;  }
.products-list{ margin:20px 0; }
.news-list{box-shadow:0px 0px 8px #999; background: #ff; display: inline-block; width: 100%; padding:24px; }
.news-list ul{ margin:0; }
.news-list li{ display: inline; }
.news-ph{width: 229px; height: 149px;position:relative; overflow: hidden; padding: 0;}
.news-info{transform: translateX(0%) translateY(100%);		    transition: all 0.3s ease 0.2s;
visibility: hidden; position: absolute; left:0;top:0;width:229px;height:149px; overflow: hidden; background:rgba(0,163,255,0.4); color: #fff;cursor: pointer;}
.news-list a:hover .news-info{visibility:visible;  opacity:1;color:#fff;transform:translateX(0px);}
.news-info img{ position:absolute; top:50%; left: 50%; margin-left:-30px;margin-top:-9px;  }
.news-list a:hover{color:#00a3ff;}
.news-list a:hover .news-bt{background: url(../images/active-icon.jpg) no-repeat ;transition: all 0.3s ease 0.2s; }
.news-bt{ float: right;margin-top:50px; width: 54px; height: 54px;transition: all 0.3s ease 0.2s;background: url(../images/news-icon.jpg) no-repeat ; }
.news-list{margin:20px 0;}
.honner-list h3{ float: left; width:10%; }
.honner-list ul{width: 90%;float: left; border-left: 2px solid #7f7f7f; margin:0; padding-bottom:50px;}
.honner-list li{ margin-left:-6px;background: url(../images/c.png) left center no-repeat ; padding:5px 22px;   line-height: 24px; }
.honner-y{font-size: 20px; padding-right: 18px;}
.tablebox{height: 150px;display: table; margin:20px 0;}
.imgbox{display: table-cell;vertical-align: middle;}
.imgbox img{max-height: 150px;}