@import "background.css";
body {
    font-family: microsoft yahei, sans-serif;
    tap-heilight-color:transparent;
    -webkit-tap-highlight-color: transparent;
}
a {
    color: #ffffff;
}

.f-left {
    float: left;
}
.f-right {
    float: right;
}
a.more{
	transition: background-color .5s;
    -webkit-transition: background-color .5s; /* Safari */}
a.more:hover{
	background-color: #00BE16;
}
.resume-hide{
    display: none;
}

.section.item-1 ,
.section.item-2 ,
.section.item-3 ,
.section.item-4 ,
.section.item-5 ,
.section.item-6 {
    text-align: center;
    font: 14px "Microsoft Yahei";
    color: #fff;
}

/**********************导航条**********************************/
.resume{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    border: none;
}
.navbar {
    background: rgba(0,0,0,0);
    transition: 1s all ease;
}
.navbar.blue {
    background: rgba(71, 166, 173,1);
}
/*.navbar.black {
    background: rgba(51, 51, 51,.7);
}*/

.resume .navbar-brand,
.resume .navbar-brand:visited,
.resume .navbar-brand:hover
{
    color: #A7E615;
    font-size: 18px;
}
.resume .navbar-right li a,
.resume .navbar-right li a:visited{
    color: #ffffff;!important;
    font-weight: 500;
    text-decoration: none;
}
.resume .navbar-right li a:hover {
    color: #ffffff;!important;
    text-decoration: none;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:visited,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color:#006cff ;
    text-decoration: none;
}
.navbar-default .navbar-toggle {
    background-color: #006cff;
}
 .navbar-default .navbar-toggle:focus{
     background-color: #006cff;
}
.navbar-default .navbar-toggle:hover {
    background-color: #006cff;
}
/********************导航条End***************************************/

/********************右侧导航栏*************************************/

#fp-nav{
    top: 50%;
}

#fp-nav ul li{
    vertical-align: middle;
    margin: 10px 80px 0 10px;
}
#fp-nav li .active {
    background-position: 0 bottom;
}
#fp-nav ul li a {
    display: block;
    color: #006cff;
    width: 21px;
    height: 21px;
    background: url(../image/dot.png) 5px 5px no-repeat;
    /*right: 0;*/
}
#fp-nav span {
    display: none;
}

/****************************右侧导航栏End******************************/
.font12{ font-size: 14px;}
input,textarea{outline:none}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#fff;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#fff;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#fff;}
.navbar{margin-top: 20px;}
.navbar-default .nav{background-color: #006cff;}
.navbar-default .nav li a{ padding: 12px 20px;}
.navbar-default .nav li:hover a,.navbar-default .nav li.hover a{ background: #00be16;}
.item-1 .tit{font-size: 30px;animation: 2s ease 0s normal none 1 running fadeInDownBig;}
.item-1 .tit-info{ animation: 2s ease 0s normal forwards 1 running zoomInDown;}
.item-1 .tit-info,.item-2 .tit-info,.item-3 .tit-info,.item-4 .tit-info,.item-5 .tit-info{font-size: 14px; margin-bottom: 40px;}
.navbar-default .navbar-toggle{border:0;}
.navbar-default .navbar-toggle .icon-bar{ background: #fff;}
.navbar-toggle{ border-radius: 0;}
.search_box{ width: 210px; height:34px; float: right; background: #fff; margin:5px;}
.search_box input.keywords{ width: 170px; height: 34px; border: 0; float: left; line-height: 34px; font-size: 14px; padding:0 5px;}
.search_box button.sbtn{ width: 40px; float: left; border: 0; background: #00be16; height: 34px;line-height: 30px; font-size: 14px; color:#fff;}

footer{ width: 100%; height: 60px; position: fixed; bottom: 0;}
footer .f-link p{ line-height: 60px; color: #fff; font-size: 14px;}
footer .f-link p a{ padding: 0 5px;color: #fff;}
footer .f-right p{line-height: 30px; height: 30px; text-align: right; margin: 0; color: #fff; font-size: 12px;}
footer .f-right p a{ padding: 0 5px;color: #fff;}
/*全部-移动端页脚*/
#mob-bottom{
    width: 100%;
    /*max-height: 64px;*/
    text-align: center;
    z-index: 1000;
    background-color: #006cff;
    position: fixed;
    bottom: 0;
    border-top: 2px solid #0ba1e4;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#mob-bottom .mob-bottom-item a{
    display: block;
    padding-top: 5px;
    padding-bottom: 2px;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    font-size: 12px;
}
#mob-bottom .mob-bottom-item a:hover{
    text-decoration: none;
}
#mob-bottom .mob-bottom-item a img{
    max-width: 28px;
}
/*全部-移动端页脚*/
.about-box p{ font-size: 15px; line-height: 36px; text-align: left;}
.about-box a{ display: inline-block; padding: 8px 35px; border: 1px solid #fff; font-size: 16px; color: #fff; margin-bottom: 20px;}
.inew a{ display: inline-block; padding: 5px 15px; margin: 0 5px; color: #fff; border: 1px solid #fff; font-size: 14px;}
p.inew{ font-size:14px;}
.new-info{ text-align: left; margin-bottom: 15px;}
.new-box{ background: #006cff; padding:10px;}
.new-box:hover{ background: #00BE16;}
.new-info p{ line-height: 24px;}
.new-info a.more{ display: inline-block; padding: 5px 20px; border:1px solid #fff;}
.new-info a:hover{ color: #fff;}
.contactbg{  background-color: rgba(0,108,255,0.8);filter:alpha(opacity=80); padding: 50px;}
.contact-txt h3{ font-size: 18px;}
.contact-txt p{ line-height: 24px;}
.liuyan{ width: 100%;}
.liuyan input,.liuyan textarea{ background: none; border: 0; border-bottom: 1px solid #fff; text-align: left; color: #fff;}
.liuyan input{ width: 45%; margin-right: 5%; float: left; margin-bottom: 20px;height: 30px;line-height: 30px; }
.liuyan textarea{ width: 95%; height: 30px; line-height: 24px;}
.liuyan button{ background:#00BE16; border: 0; padding: 5px 20px;}

@media (max-width: 768px) {
	.font12{ font-size: 12px;}
	.navbar-brand{padding: 0; width: 260px;}
	.navbar-brand img{ width: 80%; float: left; display: block; margin-top: 15px;}
	.navbar{margin-top: 0; margin-bottom: 0;}
	.item-1 .tit{font-size: 24px;}
	.item-1 .tit-info,.item-2 .tit-info,.item-4 .tit-info,.item-5 .tit-info{font-size: 12px; margin-bottom: 20px;}
	.item-3 .tit-info{font-size: 12px; margin-bottom: 0;}
	.navbar-default .nav li{ text-align: center;}
	.search_box{ margin: 5px auto; float: none;}
	.navbar-nav{ margin: 0 -15px;}
	.navbar-collapse{ border-top: 0;}
	.search_box{ width: 300px;}
	.search_box input.keywords{ width: 260px;}
	footer{display: none;}
	.about-box p{ padding: 10px; font-size: 14px; line-height: 24px;}
	.contactbg{padding: 10px 0;}
}

.hzhb .effect-bubba{ height:150px; background:#fff;}
.hzhb .effect-bubba img{ max-height:150px; line-height:150px; max-width:100%;}
@media (max-width: 768px) {
	.hzhb .effect-bubba{ height:80px; background:#fff;}
	.hzhb .effect-bubba img{ max-height:80px; line-height:80px; max-width:100%;}
}