@charset "utf-8";
/* CSS Document */

body{margin:0px auto;padding:0px;border:0px;font-family:"微软雅黑"; font-size:14px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; min-width: 320px;}
ul,li{list-style:none; margin:0px; padding:0px;}
hr,table,tr,td,h1,h2,h3,h4,h5,h6,span,p,form,input,dl,dd,dt,header,section,aside,menu,footer{margin:0px; padding:0px;}
img{margin:0px;padding:0px; border:0px;}
a{text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.auto{margin:0px auto;}
.fl{float:left; display:inline;}
.fr{float:right;display:inline;}
.clear{ clear:both;}
.auto{margin:0px auto;}
.none_block{display: none;}
.block_none{display: block;}
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}


.gotop{position:fixed; right:0; bottom:50px; z-index:99999;}
.gotop a{width:70px; height:60px; background:url(../images/fhdb_img.png) no-repeat center center #4cc2c4; display:block; border:1px solid #ddd; display:block;}
.gotop a:hover{background:url(../images/fhdb_img.png) no-repeat center center #29d9eb; display:block;}



/*--宽度开始--*/
.width_80{width:80%; margin:0 auto;}
.width_64{width:64%; margin:0 auto;}
/*--宽度结束--*/

/*---header开始---*/
.header{width:100%;height: 134px;position: relative;z-index: 999;}
.header a{color: #5a5a5a;}
.logo{width: 524px;float:left;position: absolute;}
.logo img{width:100%;}

.top-right{float: right;width: 53%;margin-top: 10px;}
.top-links2{display: none;}
.top-links{float: right;}
.top-links a{display: block;float: left;padding: 6px;margin: 0 10px;background-color: #94dadc;font-size: 12px;color: #fff;}
.top-links a:hover{background-color: #4cc2c4;transition: 0.6s all;}


.nav{width: 500px;float:right;margin-top: 12px;height:40px;line-height:40px;margin-right: 16px;display: inline;position: relative;z-index: 999999;overflow: hidden;}
.nav #nav .mainlevel {list-style:none;font-size: 18px; display:inline-block;position: relative;float: left;margin:0;text-align: center;}
#nav{overflow: hidden;}
.nav #nav .mainlevel{/*width: 30%;*/margin: 0 15px;display: inline-block;}
.nav #nav .first-child .mainlevel a,.nav #nav .mainlevel span a{color: #5a5a5a;}
.nav #nav .mainlevel:hover span a{color: #0accce;}
.nav #nav .mainlevel:first-child:hover span{background: none;}
.nav #nav .mainlevel:first-child:hover span a{background: none;}

.nav .navhover span,.nav #nav .mainlevel:hover span,.nav #nav .on span{color: #0accce;}
.nav .navhover span a,.nav #nav .mainlevel:hover span a,.nav #nav .on span a{color: #0accce;}
.nav #nav .mainlevel a {TEXT-ALIGN: center;LINE-HEIGHT: 40px;WIDTH:100%;DISPLAY: block;HEIGHT: 40px;COLOR: #fff;}
.nav #nav .on,.nav #nav .mainlevel a:hover { COLOR: #fff; background: url() no-repeat center center;}
.nav .navhover{COLOR: #fff; background: url() no-repeat center center;}

.nav #nav .mainlevel:hover ul{display:block;}
.nav #nav .mainlevel ul {display:none;list-style:none;z-index:909;top:40px;left:50%; margin-left:-70px;position:absolute;width: 140px; background: url() repeat;}
.nav #nav .mainlevel ul li {width:100%;height: 34px;font-size:14px;float: left;}
.nav #nav .mainlevel ul li a{color:#fff;font-size:14px;font-weight:normal;display:block;width:100%;height: 34px;line-height: 34px;padding: 0;}
.nav #nav .mainlevel ul li a:hover { color:#fff;width:100%; height:34px; background: #e27474; line-height:34px;font-weight:100;border-radius: inherit;}

.nav #nav .mainlevel ul.list1{width: 320px;}
.nav #nav .mainlevel ul.list1 li{width: 80px;}
.nav #nav .mainlevel ul.list2{width:680px;margin-left:-180px;}
.nav #nav .mainlevel ul.list2 li{width:auto;display:block;}
.nav #nav .mainlevel ul.list2 li a{padding:0 10px; width:auto;}


/*---手机导航---*/
.nav_btn{display:none;height:36px;width:36px;position: absolute;right: 10px;bottom: 0;}
.nav_btn img{width:100%;}
.nav_sj{width: 100%;overflow: hidden;height:auto;background: #4cc2c4;position: absolute;top:100%;color: #fff;font-size:16px;z-index:1005;left: 0;display: none;}
.nav_sj .mainlevel{padding: 0;}
.nav_sj .mainlevel ul{display: none;}
.nav_sj a{color:#fff;}
.nav_sj ul{overflow:hidden;padding:5px 0;}
.nav_sj li{line-height:30px;width: 100%;height: 36px;float:left;text-align: center;border-bottom: 1px solid #fff;}
.nav_sj li a{display:block;}
.nav_sj li:hover,.nav_sj li:hover a{background:#4cc2c4;}
/*---header结束---*/
/*banner开始*/
.banner{overflow: hidden;height:550px;background-color: #4cc2c4;position: relative;z-index: 3;}

.banner>img{display: block;float: left;position:relative;}
.banner-box{width: 50%;left: 50%;height: 685px;position: absolute;background-color: #4cc2c4;}
.banner-nr{max-width: 500px;margin-left: 3%;width: 94%;margin-top: 3%;}
.banner-nr h5{font-size: 36px;color: #fff;border-bottom: 1px solid #d8f2f2;padding-bottom: 12px;margin-bottom: 20px;}
.banner-nr p{font-size: 16px;color: #fff;line-height: 34px;margin-bottom: 20px;text-indent: 2em;}

/*banner结束*/
/*目录开始*/
.mu{width: 1200px;margin: 0 auto;padding: 40px 0;}
.title h5{font-size: 36px;color: #333333;text-align: center;margin-bottom: 10px;}
.title p{width: 65%;margin: 0 auto;text-align: center;font-size: 16px;color: #666666;line-height: 1.5;margin-bottom: 20px;}
/*目录结束*/

/*---footer开始---*/
.links-bg{background-color: #424242;}
.links{width: 1200px;margin: 0 auto;overflow: hidden;padding: 20px 0;}
.links p,.links a{display: block;float: left;}
.links p{font-size: 16px;color: #fff;margin-right: 20px;padding-left: 20px;background: url(../images/links.png) no-repeat left center;}
.links p span{font-size: 12px;color: #d4d4d4;}
.links a{font-size: 12px;color: #fff;margin-right: 20px;line-height: 22px;}
.links a:hover{transition: 0.6s all;color: #13b5b1;}
.footer-bg{background-color: #353535;padding: 20px 0;}
.footer p{text-align: center;font-size: 12px;color: #fff;margin-bottom: 10px;}
.footer p a{color: #fff;}
.footer p a:hover{transition: 0.6s all;color: #13b5b1;}
/*---foooter结束---*/


@media screen and (max-width:1360px) {
.header{width: 96%;background-position: bottom right;background-size: cover;position: relative;margin: 0 auto;}
.footer{position: inherit;}
.search_ss{position: absolute; right: 0; top:0px; width: 210px; height: 30px; background: none; border:none; display:block;}
.search_left{width: 160px;}
}

@media screen and (max-width:1240px) {
.search_btn{display: none;}
.logo{width:46%;}
.mu{width: 96%;margin: 0 auto;padding:20px 0;}
.title h5{font-size: 36px;color: #333333;text-align: center;margin-bottom: 10px;}
.title p{width:96%;}
.links{width: 96%;margin: 0 auto;overflow: hidden;padding: 20px 0;}
}

@media screen and (max-width:1000px) {
.logo{position:relative;width: 233px;}
.header{height: auto;margin-bottom: 1%;}
.top-right{float: right;width:50%;margin-top:5px;}
.nav{display: none;} 
.snav,.nav_btn{ display: block;}
.banner{overflow: hidden;height:auto;background-color: #4cc2c4;}
.banner>img{display:none;}
.banner .dd_img{width:100%;height:200px;background-size:cover;background-position:center;margin-bottom:10px;}
.banner-box{width:100%;left:0;height: auto;position:relative;}
.banner-nr{max-width:100%;margin-left: 3%;width: 94%;margin-top: 3%;}
.banner-nr h5{text-align:center;}
.links p{color: #fff;padding-left: 20px;width: 100%;display: block;margin-bottom: 1%;}

}

@media screen and (max-width:800px) {
   .header_width{width: 100%;position: relative;}
   .logo{height:auto;}    
   .foot{width:96%; margin: 0 auto;}
   .gotop a{width:35px; height:30px; background:url(../images/fhdb_img2.png) no-repeat center center #4cc2c4; display:block; border:1px solid #ddd; display:block;}
   .gotop a:hover{background:url(../images/fhdb_img2.png) no-repeat center center #29d9eb; display:block;}
   .title h5,.banner-nr h5{font-size:22px;}
   .title p{width:96%;font-size:14px;}
   .banner-nr p{font-size: 14px;line-height:1.5;margin-bottom:10px;}

}

@media screen and (max-width:640px) {
   .logo{
    position: inherit;
    float: left;
}
   .search{width:100%;}
   .foot_aside_left{width:50%;}
   .foot_aside_right{width:50%;}
}
@media screen and (max-width:550px) {
   .logo{max-width:90%; height: auto;}
   .foot_aside_left{width:100%;}
   .foot_aside_right{width:100%;margin-top:10px;}
   .top_links2_box{width:100%;height:30px;line-height:30px;background-color:#62b0fe;}
   .top-links2{text-align:right;}
   .top-links2 a{display: inline-block;padding:0 6px;margin: 0 10px;font-size: 12px;color: #fff;}
   .top-links2 a:hover{color: #f0f0f0;transition: 0.6s all;}

   .top-links2{display: block;}
   .top-links{display: none;}
   .nav_btn{bottom:20px;}
}
@media screen and (max-width:420px) {
   .search_ss{float: left;margin-left: 5%;width: 200px;}
   .search_left{width: 150px;}
}
@media screen and (max-width:380px) {
   .foot_aside_right{width:100%;text-align:center;}
}