/** Normalize to all browser**/
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, caption, th, td, form, fieldset, legend, input, button, textarea, menu, img {
margin: 0;
padding: 0;
border: none;
font-family: "Microsoft YaHei";
box-sizing:border-box
}
a, a:link, a:hover, a:visited {
text-decoration: none;
display: block;
}
input{
margin: 0px;
}
ul{
list-style: none;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.clearfix:before, .clearfix:after{
content: "";
display: block;
clear: both;
}
.clearfix::before, .clearfix::after{
content: "";
display: block;
clear: both;
}
.width96per{
width: 96%;
margin: 0 auto;
}
.width73per{
width: 73%;
}
.width70per{
width: 70%;
}
.width29per{
width: 29%;
}
.width25per{
width: 25%;
}
.absolute-elem-wraper{
position: relative;
}
.center-aligned-wraper1280{
width: 1280px;
max-width: 96%;
margin: 0 auto;
}
.center-aligned-wraper1400 {
max-width: 1400px;
margin: 0 auto;
}
.center-content-wraper{
margin: 0 auto;
}
body{
min-width: 1000px;
}
/* header*/
.header table {
width: 94%;
}
.above-header{
background-color: #00479d;
width: 100%;
color: white;
}
.above-header div div{
margin-right: .1em;
}
.above-header div div span, .above-header div div a{
font-size: 13px;
line-height: 2.2em;
color: white;
float: left;
}
.above-header div div a
{
cursor:pointer;
}
.above-header div div span{
margin: 0 0.5em;
}
.header{
width: 100%;
background: #0068bd right no-repeat;
background-size: 113.5%;
}
.header-logo{
width: 50%;
padding: 1.2em 0.8em;
cursor:pointer;
}
.header-logo img{
height:66px;
}
.search-tab{
float: right;
}
.search-tab>input{
line-height: 3em;
}
.input-tab{
background-color: #FFFFFF;
position: relative;
padding-left: 1em;
padding-right: 3em;
width: 18em;
float: left;
height: 3em;
left: 2.8em;
}
.submit-tab{
background: url(../img/search.png) #009fee no-repeat center;
height: 3em;
color: white;
padding: 0 1.4em;
width: 0em;
float: right;
position: relative;
cursor:pointer
}
.links {width: 100%;margin-bottom: 14px;}
.links div span {
display: inline;
margin-left: 12px;
padding-left: 12px;
border-left: 1px solid #fff;
}
.links div span a {
display: inline-block;
color: #fff;
font-weight: normal;
line-height: 15px;
font-size: 15px;
}
.links div span:first-child{
border-left: none;
}
/** navi **/
.navigator{
background-color: white;
xmax-width: 1400px;
display: block;
margin: 0 auto;
box-shadow: 0px 2px 7px rgba(120, 120, 120, 0.07);
cursor:pointer;
}
.navigator-bar{
position: relative;
z-index: 1000;
}
.na-link{
position: relative;
float: left;
width: 10%;
}
.dropdown{
display: none;
position: absolute;
width: 100%;
z-index: 1000;
/* // IE10 */
transition: background-color .3s;
-moz-transition: background-color .3s; /* Firefox 4 */
-webkit-transition: background-color .3s; /* Safari and Chrome */
-o-transition: background-color .3s;
}
.na-link>a{
color: black;
width: 100%;
background-color:white;
text-align: center;
height: 3em;
line-height: 3em;
position: relative;
white-space: nowrap;
/* // IE10 */
transition: all .3s;
-moz-transition: all .3s; /* Firefox 4 */
-webkit-transition: all .3s; /* Safari and Chrome */
-o-transition: all .3s;
}
.dropdown-content>a{
color: black;
width: 100%;
background-color:white;
text-align: center;
height: 3em;
line-height: 3em;
/* // IE10 */
transition: color .3s;
-moz-transition: color .3s; /* Firefox 4 */
-webkit-transition: color .3s; /* Safari and Chrome */
-o-transition: color .3s;
white-space: nowrap;
padding: 0 5px;
}
.na-link:hover>a, .dropdown-content:hover>a{
background-color: #f39800;
color: white;
position: relative;
white-space: nowrap;
}
.footer{
background: #0068b7;
background-size: 100%;
padding: 0.94em 0 0.54em 0;
}
.footer table{
width: 100%;
}
.tail-logo{
width: 50%;
padding: 0.8em;
}
.tail-logo img{
width: 80%;
cursor: pointer;
}
.contact{
text-align: left;
color:white;
width: 75%;
font-weight: lighter;
font-size: 14px;
float: right;
}
.contact .qrcodes div{
width: 30%;
float: left;
}
.contact .qrcodes div img{
width:77%;
margin: 0 10%;
}
.contact .qrcodes div p{
line-height: 1.3em;
text-align: center;
font-size: 10px;
display: block;
}
.contact .contact-text{
line-height: 27px;
display: block;
}
.police-certification{
background: #313131;
text-align: center;
padding: 12px 0 10px;
font-size: 14px;
color: #FFFFFF;
}
.police-certification span {
line-height: 2em;
vertical-align: top;
}