@charset "utf-8";
body {margin: 0px auto; background:#efefef;}
html, body, td, th {font-family:"Microsoft YaHei";}
a:focus,input,textarea{outline: none; }
a:hover,a:focus{ text-decoration:none;}
ul{ margin: 0px; padding: 0px; list-style: none;}

.container {
  width: 1200px;
  padding-left:0px; padding-right:0px;
  max-width: none !important;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: 1200px;
}

.navbar-inverse{ background:#02aee9;border:none;}
.navbar-inverse .navbar-collapse{ background:#02aee9;}
.nav{ padding-left:0px; padding-right:0px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 1120px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 1120px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 1120px;
}

.top{ height:60px; position:absolute; z-index:20; top:0px; color:#fff; width:100%; overflow:hidden;}
	.top .row{ width:1200px; height:60px; margin:0px auto; line-height:60px;}
	.top .row .col-xs-6{ padding-left:0px; padding-right:0px;}
	.top .row a{ color:#fff;}
	.top .row a .fa{ font-size:16px; margin-right:10px;}
	.top .row p span{ color:#69798d; margin-left:20px;}
.navbar-nav > li > a{ padding-top:30px; padding-bottom:30px; color:#fff;}
.navbar-inverse .navbar-nav > li > a{ color:#fff; text-transform:uppercase;}
.btn-main{ color:#fff; padding:8px 40px; border:#fff 3px solid;}
	.btn-main:hover{ color:#fff;}
.collapse .pull-right{ margin-top:30px;} 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:transparent;
}
.navbar-nav{ margin-left:20px;}
	.search h2{ text-transform:uppercase;}
	.search-blue{ color:#02aee9; font-size:20px; text-transform:uppercase; margin-right:40px;}
.ui-button .ui-icon {
	background-image: url("../images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../images/ui-icons_555555_256x240.png");
}
.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.ui-button{ padding-top:25px; padding-bottom:25px; background:#fff; border-color:#fff;}
.search .row{ margin-bottom:50px;}
.btn-search{ width:244px; height:70px; background:url(../images/btn-blue.png) no-repeat; display:block; line-height:70px; text-align:center; font-size:20px; color:#fff; text-transform:uppercase; margin:0px auto;}
.btn-search:hover{color:#fff;}
.whytable{ background:#fff; margin-top:60px;}
	.whytable tr td{ height:100px;}
	.whytable tr td strong{ font-size:20px; text-transform:uppercase; font-weight:100px;}
	.whytable tr td span{ font-size:40px;}
	.whytable tr td p{ margin:0px 20px; width:100px; color:#999;}
.why h2{ text-transform:uppercase;}

.blue{ background:#19183a; padding-top:150px; padding-bottom:150px;margin-top:120px;}
	.width1200{ width:1230px; margin:0px auto;}
	.blue p{ font-size:12px; color:#fff; margin-bottom:70px;min-height:51px;}
		.blue h3{ font-size:20px; color:#fff; margin-bottom:70px; text-transform:uppercase; min-height:44px;}
		.blue-img{ width:400px; height:400px; background:#02aee9; float:right;}
		.blue-img img{ margin-top:-30px; margin-left:30px;}
.news{ margin-top:70px;}
.news h2{ font-size:30px; text-transform:uppercase; margin-bottom:50px;}
	.news-ul li a{ width:49.8%; float:left; padding:25px 50px; background:#fff; margin-bottom:10px; margin-right:1px; font-size:12px; color:#666;}
		.news-ul li a:hover{ color:#02aee9; border-left:30px #02aee9 solid; padding-left:20px;}
.footer{ background:#02aee9; margin-top:140px; padding-top:60px;}
	.footer .col-xs-1{ width:12.5%; padding-left:10px; padding-right:10px;}
	.footer .col-xs-1 p { margin-bottom:40px; min-height:39px;}
	.footer .col-xs-1 p a{ color:#fff; text-transform:uppercase;}
	.footer .col-xs-1 article a{ color:#7ddeff; font-size:12px; clear:both; display:block;}
	.copy{ text-align:center; font-size:12px; color:#7ddeff;  text-transform:uppercase; margin-top:160px; margin-bottom:30px;}
	
.handle{ width:100%; height:999px; background:url(../images/bg_banner.jpg) no-repeat center; background-size:cover; margin-bottom:60px;}
	.handle2 { width:1200px; height:999px; margin:0px auto; position:relative;}
		.handle2 .slider-box{ position:absolute; top:380px; left:200px; overflow:hidden; width:400px;}
		.owl-theme .owl-controls .owl-buttons div {
			color: #fff;
			display: inline-block;
			zoom: 1;
			margin-top:30px; margin-right:10px;
			padding: 20px 30px;
			font-size: 12px;
			border:#fff 3px solid;
		}
		.owl-carousel .item img{ width:400px; height:360px;}
	.floatbox{ width:200px; height:180px; text-align:center; background:rgba(255,255,255,0.05); text-transform:uppercase; position:absolute; z-index:2;}
		.floatbox a{ width:200px; height:180px;  display:table-cell;vertical-align:middle; color:#fff;}
			.floatbox a:hover{ background:#19183a; color:#02aee9;}
		.box1{ top:200px;}
		.box2{ top:560px;}
		.box3{ top:560px; background:#02aee9; left:-200px;}
		.box4{ top:380px; left:600px;}
		.box5{ top:560px; background:#02aee9; left:600px;}
		.box6{ top:740px; left:600px;}
		.box7{ top:740px; background:#02aee9; left:800px;}
		.box8{ top:560px; left:1000px;}
		
.banner{ padding:0px; margin:0px auto; min-height:502px; background-position:center top; position:relative; margin-bottom:40px;}
	.banner .breadcrumb{ position:absolute; height:70px; width:50%; border-radius:0px; right:0px; line-height:60px; z-index:10; bottom:0px; margin:0px; background:rgba(255,255,255,0.2); padding-left:0px;}
	.banner .breadcrumb li{ text-transform:uppercase; font-size:13px; color:#fff; display: inline-block;}
	.banner .breadcrumb li a{ color:#fff;}
	.banner .breadcrumb li.active a{ color:#02aee9;}
	.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}
	.banner .breadcrumb li.active .fa-angle-down{ background:#02aee9; border-radius:200px; padding:0px 3px;}
	
	.blue-list{ margin-top:-95px; padding-bottom:50px;}
	.blue-list .col-xs-2 p,.blue-list .col-xs-2 h3{ text-align:center;}
	.fenlei li a{ color:#fff; font-size:12px;}
	.fenlei li.active a{ color:#02aee9; background:url(../images/ico-jt.png) no-repeat right 5px; padding-right:20px;}
	.blue-list .active p,.blue-list .active h3{color:#02aee9;}
.list{ background:#fff;}
.list:after{content:',';width:0;height:0;display:block;clear:both;overflow:hidden;}
.pic-td{ background:#fff url(../images/bg_table.png) center top no-repeat; margin-bottom:0px; margin-top:-90px;}
	.pic-td > thead > tr > th{ font-size:20px; color:#02aee9; text-transform:uppercase; height:100px; vertical-align:middle; text-align:center;}
	.pic-td > tbody > tr > td{ vertical-align:middle; text-align:center; font-size:13px; color:#666; padding-top:40px; padding-bottom:40px;}
.pagination-lg{ margin-top:30px; margin-bottom:30px;}
.pagination-lg li a{ background:#efefef; border-color:#fff; color:#222; font-size:13px; padding:15px 20px;}
	.pagination-lg li a:hover{ border-color:#fff;}
	.pagination-lg li.active a,.pagination-lg li.active a:hover{  border-color:#fff; background:#02aee9;}
	
.pro{ background:#fff;}

.pro .picture{ padding:10px; width:100%; display:block; border-radius:6px;}
	.pro .picture .pic-left{float:left; border-radius:5px;}
	.pro .picture .pic-right{ padding-left:40px; display:block; float:left;}
		.pro .picture .pic-right .suolvtu a{border:#ebebeb 1px solid; width:90px; height:90px; display:block; display:block; margin-right:1px; margin-bottom:5px;}
.paptenrsy{ height:421px; margin-top:80px; margin-bottom:80px;}
.title-blue{ color:#02aee9; font-size:20px; padding-top:50px; padding-bottom:30px; padding-left:50px; border-bottom:#efefef 1px solid; background:url(../images/bg_table.png) no-repeat center top;}
.canshu { margin-bottom:20px;}
.canshu tr td{ font-size:13px; color:#666; vertical-align:top; padding-top:10px; padding-bottom:10px;}
.canshu tr .hang1{ font-size:16px; color:#222;}
.buy{ padding:20px; background:#efefef;}
.btn-blue{ padding:6px 20px; background:#02aee9; color:#fff;}
	.btn-blue:hover{ color:#fff;}
	.a-blue{ font-size:13px; color:#000;}
	.a2-blue{ font-size:24px; color:#000;}
	.share{ clear:both; font-size:13px; color:#666; padding-left:50px; padding-top:80px;}
.owl-pro .item p{ text-align:center;}
.owl-pro .item a{ color:#666; font-size:13px;}
.owl-title{ color:#02aee9; font-size:20px; text-align:center; padding-top:70px;}
.customNavigation{
  text-align: center;
}
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   color:#02aee9;
   margin-top:20px;
}
.set { clear:both; margin-top:120px; height:39px;}
.set a{ background:#02aee9; padding:20px 40px; text-align:center; color:#fff; display:block;}