@charset "UTF-8";
/*! 导入导航样式 */
/* 顶部内容  */
.headtop { background-color: #212121; }
.headtop .left { width: calc(100% - 200px); font-size: 0.14rem; color: #999999; line-height: 0.38rem; height: 0.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 顶部内容 end */
/* nav 移动端 导航 */
.navbar { min-height: auto; margin-bottom: 0; }

.navbar-default { background-color: #fff; border-color: #e7e7e7; }

.navbar-brand { float: left; height: auto; padding: 0; margin-top: 0.13rem; }

.navbar-toggle { padding: 12px 10px; margin-top: 0.2rem; }

.navbar-brand > img { display: block; width: 2.19rem; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { position: absolute; width: 100%; border: 1px solid #eee; top: 0.68rem; z-index: 666; background-color: #fff; }

.navbar .nav li { position: relative; }
.navbar .nav li .listItem { position: relative; display: none; width: 80%; margin: 0 auto; }
.navbar .nav li .listItem ul li { width: 100%; height: 0.26rem; line-height: 0.26rem; float: none; margin: 0.03rem auto; }
.navbar .nav li .listItem ul li a { display: block; padding: 0.03rem 0; width: 100%; margin: 0 auto; height: 0.26rem; line-height: 0.2rem; font-size: 0.14rem; color: #7d7d7d; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.navbar .nav li .listItem ul li.active a, .navbar .nav li .listItem ul li:hover a { background-color: #46a98c; color: #ffffff; }
.navbar .nav li:hover .listItem { display: block; }

/* nav 移动端 导航 end*/
/*  PC 导航  */
.mynav { background-color: #ffffff; }

/*  PC 导航 end */
@media screen and (min-width: 360px) { .navbar-brand > img { display: block; width: 2.28rem; } }
@media screen and (min-width: 768px) { /* 顶部内容  */
  .headtop .left { width: calc(100% - 400px); }
  /* 顶部内容 end */
  /* nav 导航 */
  .mynav .mynavlogo { float: left; width: 2.2rem; margin-top: 0.12rem; }
  .mynav .mynavList { float: left; margin-top: 0.1rem; margin-left: 0.1rem; width: calc(100% - 240px); }
  .mynav .mynavList ul > li { position: relative; width: calc((100% + 0px) / 8); float: left; text-align: center; }
  .mynav .mynavList ul > li a { display: block; padding: 0.1rem 0 0; text-align: center; font-size: 0.14rem; color: #020202; line-height: 0.24rem; }
  .mynav .mynavList ul > li.active a:after, .mynav .mynavList ul > li:hover a:after { display: block; content: ""; margin: 0.2rem auto 0; width: 0.65rem; height: 0.03rem; background-color: #51b599; }
  .mynav .mynavList ul > li .listItem { display: none; position: absolute; padding: 0.1rem 0; z-index: 666; width: 100%; background-color: rgba(255, 255, 255, 0.8); }
  .mynav .mynavList ul > li .listItem ul li { width: 100%; height: 0.26rem; line-height: 0.26rem; float: none; margin: 0.03rem auto; }
  .mynav .mynavList ul > li .listItem ul li a { display: block; padding: 0.03rem 0; width: 90%; margin: 0 auto; height: 0.26rem; line-height: 0.2rem; font-size: 0.14rem; color: #7d7d7d; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
  .mynav .mynavList ul > li .listItem ul li.active a, .mynav .mynavList ul > li .listItem ul li:hover a { background-color: #4eb297; color: #ffffff; }
  .mynav .mynavList ul > li:hover .listItem { display: block; }
  /* nav 导航 end*/ }
@media screen and (min-width: 1200px) { /* nav 导航 */
  .mynav .mynavlogo { float: left; width: 4.5rem; }
  .mynav .mynavList { float: left; margin-left: 0.1rem; width: calc(100% - 460px); }
  .mynav .mynavList ul > li a { font-size: 0.16rem; }
  /* nav 导航 end*/ }
/*! 导入footer 页脚样式 */
/* friends */
.friends { padding: 0.1rem 0 0.2rem; background-color: #fff; color: #626262; }
.friends a { padding: 0 10px; color: #626262; }
.friends a:hover { color: #ff6c00; transition: color .3s linear; }

/* friends end*/
/* footer */
#footer { padding: 0 0 0.1rem; background-color: #202020; }
#footer .footerAll { margin: 0 auto; width: 100%; }
#footer .footerjt { position: relative; top: -1px; }
#footer .footerj img { display: block; }
#footer .footerAll .footerItemTit p { font-size: 18px; font-family: "Microsoft YaHei"; color: #ffffff; }
#footer .footerItem { margin: 20px auto; }
#footer .footerAll .footerItemTit { margin-bottom: 20px; }
#footer .footerAll .footerItemTit p:after { display: block; margin: 10px 0; content: ""; width: 28px; height: 2px; background-color: #267864; }
#footer .footItem01 ul li { float: left; width: 50%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#footer .footItem01 ul li a, #footer .linkus p { font-family: "Microsoft YaHei"; font-size: 13px; line-height: 30px; color: #a3a3a3; }
#footer .footItem03 .linkcode .linkusLeft { width: 1.18rem; float: left; text-align: center; margin-top: 0.05rem; }
#footer .footItem03 .linkcode .linkusRight { width: calc(100% - 128px); float: left; margin-left: 0.1rem; text-align: center; }
#footer .linkcode h5 { font-size: 14px; line-height: 30px; color: #959595; }
#footer .linkusImg { width: 118px; height: 118px; background-color: #fff; margin: 0 auto; }

/* footer end*/
/* 页脚版权 */
.footBot { padding: 10px 0; background-color: #000000; color: #e8e8e8; line-height: 26px; }
.footBot .footBotAll .copy, .footBot .lint { text-align: center; font-size: 12px; color: #e8e8e8; line-height: 26px; }
.footBot .footBotAll .copy span, .footBot .footBotAll .copy a, .footBot .lint span, .footBot .lint a { font-size: 12px; color: #e8e8e8; line-height: 26px; }

/* 页脚版权 end*/
/*底部固定导航 */
.body_footer { padding-top: 5px; width: 100%; height: 60px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3a3b), to(#373536)); background: -moz-linear-gradient(top, #3c3a3b, #373536); /* Firefox */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#43a037,endColorstr=#43a037); bottom: 0; z-index: 6; }

.body_footer ul { width: 100%; height: 55px; line-height: 55px; }

.body_footer ul li { width: 25%; float: left; color: #fff; }

.body_footer ul li a { width: 100%; height: 55px; display: block; border-right: #575667 solid 1px; }

.body_footer ul li dl { width: auto; margin: 0 auto; text-align: center; }

.body_footer ul li dt { width: auto; height: 30px; overflow: hidden; }

.body_footer ul li dt img { width: 25px; height: 25px; }

.body_footer ul li dd { width: auto; height: 30px; font-size: 12px; color: #fff; line-height: 25px; overflow: hidden; }

/*底部固定导航end */
/* 右侧固定栏  */
.rightfix { position: fixed; top: 35%; right: 0; z-index: 999;width: 50px; }
.rightfix ul li { margin-top: 5px; position: relative;display: block; }
.rightfix ul li a i { display: block; float: left; width: 50px; height: 50px; border-radius: 3px; 
  background: url("../../images/rightIco_08.png") no-repeat; }
.rightfix ul li a i.fixedico01 { background-position: 0 -2px; }
.rightfix ul li a i.fixedico02 { background-position: 0 -58px; }
.rightfix ul li a i.fixedico03 { background-position: 0 -109px; }
.rightfix ul li a i.fixedico04 { background-position: 0 -160px; }
.rightfix ul li span.fixqq { position: absolute; display: none; padding: 0 10px; top: 51px; left: -100px; 
  background-color: #2e2e2e; color: #ffffff; line-height: 48px; }
.rightfix ul li span.fixtel { position: absolute; display: none; padding: 0 10px; top: 101px; left: -114px; 
  background-color: #2e2e2e; color: #ffffff; line-height: 48px; }
.rightfix ul li div.fixwx { position: absolute; display: none; padding: 0 10px; top: 101px; left: -158px; }
.rightfix ul li:hover span { display: block; }
.rightfix ul li:hover div { display: block; }


/* 右侧固定栏 end */
/*  详情页手机端 */
.shouji img { width: 100%; max-width: 100%; margin: 0 auto; }

/*  详情页手机端 end*/
@media screen and (min-width: 320px) and (max-width: 767px) { /* 页脚版权 */
  /* footBot */
  .footBot { margin-bottom: 0.2rem; }
  /* footBot end*/
  /* 页脚版权 end*/ }
@media screen and (min-width: 768px) { /* 友情链接 */
  .friends { padding: 0.2rem 0; }
  /* 友情链接 end*/
  /*footer*/
  #footer .footerItem { float: left; }
  #footer .footItem01 { width: 45%; border-right: 1px solid #3b3b3b; }
  #footer .footItem02 { width: 55%; }
  #footer .footItem02All { width: 80%; margin: 0 auto; }
  #footer .footItem03 { width: 100%; }
  /* footBot*/
  .footBot { width: 100%; margin-bottom: 0.6rem; }
  .footBot .footBotAll .copy { float: left; width: 70%; text-align: left; }
  .footBot .footBotAll .lint { float: right; width: 30%; text-align: right; }
  /* footBot end*/ }
@media screen and (min-width: 992px) { /* footBot */
  .footBot { margin-bottom: 0; }
  /* footBot end*/ }
@media screen and (min-width: 1200px) { /* footer */
  #footer { margin-bottom: 0; }
  #footer .footerItem { min-height: 210px; }
  #footer .footItem01 { width: 25%; }
  #footer .footItem02 { width: 30%; border-right: 1px solid #3b3b3b; }
  #footer .footItem03 { width: 45%; }
  #footer .footItem03All { width: 88%; margin: 0 auto; }
  /* footer end*/
  /* footBot */
  .footBot { margin-bottom: 0; }
  /* footBot end*/ }