@charset "utf-8";
/* CSS Document */
#photo-list{
	width:100%;
	height:225px;
	margin:20px 0px;
	overflow:hidden;
}
/*溢出部份将被隐藏*/
/*6张图片的宽度（包含宽度、padding、border、图片间的留白）计算：6*(100+2*2+1*2+9) - 9之所以减去9是第6张图片的右边留白*/
/*图片的宽度（包含高度、padding、border）计算：100+2*2+1*2 */ 
#photo-list ul{list-style:none;}  
#photo-list li{float:left; padding-right:9px;}  
#photo-list img{padding:2px;}
#nav{z-index: 20000;}/*导航栏随屏幕滚动固定头部，定义Z轴最高*/
.a{border-bottom: #CFCFCF 0.5px solid;}
.b{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.c{
	padding-left: 50px;
	margin-top: 40px;
}
.d{padding:40px 20px 10px;}
.e{
	width: 200px;
	height: 225px;
	text-align: center;
}
.f{
	color: rgb(255,255,255);
	font-size: 16px;
}
.g{
	margin-top: 40px;
	margin-left: 15px;
	margin-right: -15px;
	color: #FFF;
	border-right: #FFF 0.5px solid;
}
.h{
	margin-top: 40px;
	padding-left: 70px;
	margin-bottom: 10px;
	color: #FFF;
}
.i{
	margin-top: 40px;
	padding-left: 70px;
	margin-left: -15px;
	margin-bottom: 10px;
	color: #FFF;
}
.i1{
	margin-top: 40px;
	padding-left: 115px;
	margin-left: -15px;
	margin-bottom: 10px;
	color: #FFF;
}.i2{
	margin-top: 40px;
	padding-left: 100px;
	margin-left: -15px;
	margin-bottom: 10px;
	color: #FFF;
}
ul{list-style:none;}
.test_ul li{
	float:left;
	padding-right: 10px;
}
.container-fluid-banner{padding-left: 45px;}
.skill-home{
	margin-bottom:50px;
	float: left;
	width: 100%;
}
.c1{
/* border: #ed5441 1px solid; */
/* background:#ed5441; */
}
.c2{
/* border: #24DB5A 1px solid; */
/* background: #24DB5A; */
}
.c3{
/* border: #EC1890 1px solid; */
/* background: #EC1890; */
}
.c4{
/* border: #609cec 1px solid; */
/* background:#609cec; */
}
.skill-home .icons{
	padding: 36px 0px 14px 0px;
	width: 100%;
	color: #797979;
	font-size: 42px;
	font-size: 68px;
	text-align: center;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 0;
	display: inline-table;
	float: left;
}
.skill-home h2{
	padding-top: 20px;
	font-size: 36px;
	font-weight: 700;
} 
.skill-home h3{
	font-size: 20px;
	font-weight: 600;
}
.skill-home a{
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	background:#076DBB;
	padding: 7px 20px;
	margin-top: 10px;
	display: inline-block;
	border: 1px solid #076DBB;
}
.skill-home .box:hover{
	background: #ffffff;
	/* cursor:pointer; */
	/* color: #fff; */
	border: 1px solid #055999;
}
.skill-home .box:hover .icons, .skill-home .box:hover h3, .skill-home .box:hover a{/* color:#fff; */}
.skill-home a:hover{
    background: transparent;
    color: #02477b;
    border: 1px solid #055999;
}
.box{
	width: 100%;
	/* border: 1px solid #D4D4D4; */
	display: inline-block;
	background: #efefef;
	padding-bottom: 20px;
	border: 1px solid #efefef;
}
.box-gray{
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i{margin-bottom: 20px;}
.box-bottom{
	padding: 20px 0;
	text-align: center;
}
.box-bottom a{
	color: #fff;
	font-weight: 700;
}
.box-bottom a:hover{
	color: #eee;
	text-decoration: none;
}
.box-area{
	padding: 0 0;
	/* padding-top: 0; */
	/* height: 125px; */
	float: left;
	text-align: center;
	padding: 0px 20px;
	width: 100%;
}
.box{
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px;
}
.aboutUs{
	padding: 35px 0px;
	background:#E9E9E9;
	color: #fff;
}
img.img-center{
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.aboutUs h2{color: #fff;}
/* scroll to top */
.scrollup{
    position:fixed;
    width:32px;
    height:32px;
    bottom:0px;
    right:20px;
    background: #055999;
}
a.scrollup{
	outline:0;
	text-align: center;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus{
	opacity:1;
	text-decoration:none;
}
a.scrollup i{
	margin-top: 20px;
	color: #fff;
}
a.scrollup i:hover{text-decoration:none;}
footer{background: #055999;}
.widgetheading{
	width:100%;
	padding:0;
	color: #FFF;
}
#bottom .widgetheading{
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}
aside .widgetheading{
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}
footer .widgetheading{position: relative;}
footer .widget .social-network{position:relative;}
#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span{	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;
}
/* --- list style --- */
ul.general{
	list-style:none;
	margin-left:0;
}
ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}
ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}
footer{background: #055999;}
footer ul.link-list li a{color: #FFF;}
footer ul.link-list li a:hover{
	color:#00b7ee;
	text-decoration: none;
}
.pageTitle{
	color: #fff;
	padding-left: 3.5%;
	display: inline-block;
	font-size: 2em;
}

/* --- news ---*/
@-webkit-keyframes scrollText1 {
	0%{
		-webkit-transform: translateY(-15px);
	}
	20%{
		-webkit-transform: translateY(-45px);
	}
	40%{
		-webkit-transform: translateY(-75px);
	}
	60%{
		-webkit-transform: translateY(-105px);
	}
	80%{
		-webkit-transform: translateY(-135px);
	}
	100%{
		-webkit-transform: translateY(-165px);
	}
}
 
@keyframes scrollText1 {
	0%{
		-webkit-transform: translateY(-15px);
	}
	20%{
		-webkit-transform: translateY(-45px);
	}
	40%{
		-webkit-transform: translateY(-75px);
	}
	60%{
		-webkit-transform: translateY(-105px);
	}
	80%{
		-webkit-transform: translateY(-135px);
	}
	100%{
		-webkit-transform: translateY(-165px);
	}
}
 
.box3{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: 320px;
	overflow: hidden;
}
 
.border3{
	top: 0px;
	-webkit-animation:scrollText1 8s infinite  cubic-bezier(1,0,0.5,0) ;
	animation:scrollText1 8s infinite  cubic-bezier(1,0,0.5,0) ;
	color: black;
}

.border3 div{
	height: 30px;
}
 
.border3:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}	


.x a:link{color: #000;}
.x a:hover{color: #00b7ee;}
.y img{
	cursor: pointer;
	transition: all 1s;
}
.y{padding-top: 0px;}
.y img:hover{transform: scale(1.1);}
.skill-home1{width: 100%;}
.skill-home1 a{
	color: #ffffff;
	text-decoration: none;
	background:#076DBB;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 40px;
	margin-top: 0px;
	display: inline-block;
	border: 1px solid #076DBB;
}
.skill-home1 .box:hover{
	background: #ffffff;
	border: 1px solid #055999;
}
.skill-home1 a:hover{
	background: transparent;
	color: #02477b;
	border: 1px solid #055999;
}
.skill-home1-1{width: 100%;}
.skill-home1-1 a{
	color: #ffffff;
	text-decoration: none;
	background:#076DBB;
	padding: 7px 20px;
	margin-top: 0px;
	display: inline-block;
	border: 1px solid #076DBB;
}
.skill-home1-1 .box:hover{
	background: #ffffff;
	border: 1px solid #055999;
}
.skill-home1-1 a:hover{
	background: transparent;
	color: #02477b;
	border: 1px solid #055999;
}
.skill-home1-2{width: 100%;}
.skill-home1-2 a{
	color: #ffffff;
	text-decoration: none;
	background:#076DBB;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 105px;
	margin-top: 0px;
	display: inline-block;
	border: 1px solid #076DBB;
}
.skill-home1-2 .box:hover{
	background: #ffffff;
	border: 1px solid #055999;
}
.skill-home1-2 a:hover{
	background: transparent;
	color: #02477b;
	border: 1px solid #055999;
}
.navbar {
	min-height: 50px;
	margin-bottom: 0px;
	border: 1px solid transparent;
	border-radius: 0px;
}
.navbar-default {
	border-color: #FFFFFF;
	background: #FFF;
}
.navbar-default .navbar-nav > li > a {color: #777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #00b7ee;
	background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {color: #00b7ee;}
.dropdown-menu {
	position: absolute;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #D9E4EC;
	background-clip: padding-box;
	border: 1px solid #D9E4EC;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #000000;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #FFFFFF;
	text-decoration: none;
	background-image: linear-gradient(to top, #0f549c,#1b96c8);
}
h1, .h1, h2, .h2, h3, .h3{
	margin-top: 20px;
	margin-bottom: 20px;
}
.climet{padding-left: 0px;}
@media (min-width: 768px){
 .climet{
  padding-left: 40px;
 }
	.navbar-nav > li > a {
		padding-top: 37px;
		/*padding-bottom: 15px; */
		font-size: 120%;
	}
	.first1:hover ul{display: block;}
}

.z {
	width: 100%;
	border-bottom: 1px #076DBB solid;
	font-size: 125%;
	padding-top: 50px;
	padding-bottom: 5px;
	clear: both;
	color: #076DBB;
}
.phone{
    background-image: linear-gradient(to bottom, #FFFFFF, #93d2f1);
    box-shadow: 0px 0px 10px #FFFFFF inset;
    color: #000000;
}