@charset "utf-8";
/* CSS Document */
html { font: 12px "Microsoft YAHEI"; }
body { font-size: 12px;font-family: "Microsoft YaHei", "宋体", Arial, Helvetica, sans-serif;margin: 0 auto; padding:0; height:auto; background:#333}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family:  "Microsoft YaHei","宋体", Arial, Helvetica, sans-serif; color:#3c3c3c;}
img { width: 100%; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 100%; }
a { color:#333; text-decoration:none;}
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; transition:all 0.3s linear 0s;}
a, area { blr:expression(this.onFocus=this.blur())/* for IE */}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.mainx{ max-width: 750px; width: 100%; margin: 0 auto;position: relative; background: #fff;}
/*----手机站导航开始---*/
.sp_header{overflow:hidden;background:#0350a3;width:100%; position: relative; max-width: 750px;}
.headerfix{ position: fixed; top: 0; z-index: 200}
.sp_logo{ width: 38%; margin: 0 auto;}
.sp_zixun{width: 8%;  position: absolute; cursor: pointer;  left: 2%; top: 0.2rem; z-index: 20;}
.sp_nav{width: 8%;  position: absolute; cursor: pointer;  right: 2%; top: 0.2rem; z-index: 20;}
.sp_nav span{display:none;background:#fff;width:100%;height:2px;position:absolute;left:0;top:0.1rem;transition:all ease 0.35s}
.sp_nav_se{top: 0.4rem; min-height: 0.4rem}
.sp_nav_se img{ display: none}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg);display:block;}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg);display:block;}
.sjj_nav{ position: fixed; z-index:9;background:#fff; background-size:100% 100%;width:100%; max-width: 750px; height:0; font-size:14px;line-height:40px;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; color: #fff; }
.nav_show{height:auto;padding-bottom: 0.4rem;padding-top: 0.4rem;}
.sjj_nav ul li i{ width: 0.36rem; height: 0.36rem; display: inline-block; float: left;}
.sjj_navc{ width: 80%; margin: 0 auto;}
.sjj_navc1{ border-bottom: 3px dashed #dcdcdc; padding-bottom: 0.16rem}
.sjj_navc2{ border-bottom: 3px dashed #dcdcdc;padding-bottom: 0.16rem}
.sjj_navc3{ padding-bottom: 0.16rem}
.sjj_navc1l{ width: 25%; text-align: center; float: left}
.sjj_navc1l h2{ font-size: 0.24rem;}
.sjj_navc2 .sjj_navc1l h2{ font-size: 0.24rem;  margin-top: 0.9rem}
.sjj_navc3 .sjj_navc1l h2{ font-size: 0.24rem;  margin-top: 0.5rem}
.sjj_navc1r{width: 75%; float: left;}
.sjj_navc1r li{ width: 42%; margin-left: 7%; float: left; text-align: center; margin-top: 0.1rem}
.sjj_navc1r li a{ line-height: 0.36rem; height: 0.36rem; font-size: 0.22rem;white-space:nowrap;}
/*---手机站导航结束---*/
.banner{ width:100%; overflow: hidden;padding-top: 0.99rem;}

.wenti{ width: 100%;padding-top: 0.5rem; padding-bottom: 0.4rem; background: url(../images-jnj/wenti.jpg) no-repeat; background-size: 100% 100%;}
.wentitle{ width: 100%;}
.wentitle h2{ width: 100%;text-align: center; font-size: 0.34rem; line-height: 1.4em;}
.wentip{ width: 100%; margin-top: 0.5rem; text-align: center;}
.wentip p{ font-size: 0.26rem;line-height: 1.4em; margin-top: 0.1rem; color: #666666}
.wentip i{ display: inline-block; width: 0.24rem; height: 0.24rem; margin-right: 0.1rem}
.wentizx{ width: 35%; margin: 0.4rem auto 0;}

.jiejue{ width: 100%; margin-top: 0.6rem;}
.jiejuc{ width: 92%; margin: 0 auto; margin-top: 0.5rem}
.jiejuc li{ width:24%; text-align: center; border: 1px solid #d4d4d4; float: left; height: 0.58rem; line-height: 0.58rem; font-size: 0.24rem; border-right: none; position: relative; cursor: pointer;}
.jiejuc li.first{-webkit-border-top-left-radius:0.29rem;-webkit-border-bottom-left-radius:0.29rem;-moz-border-radius-topleft:0.29rem;-moz-border-radius-bottomleft:0.29rem;border-top-left-radius:0.29rem;border-bottom-left-radius:0.29rem;}
.jiejuc li.last{-webkit-border-top-right-radius:0.29rem;-webkit-border-bottom-right-radius:0.29rem;-moz-border-radius-topright:0.29rem;-moz-border-radius-bottomright:0.29rem;border-top-right-radius:0.29rem;border-bottom-right-radius:0.29rem; border-right:1px solid #d4d4d4;}
.jiejuc li i{ display: none; width: 0.12rem; height: 0.12rem; position: absolute; bottom: -0.12rem; left: 48%;}
.jiejuc li.select{ background: url(../images-jnj/jiejuet.jpg) no-repeat;background-size: 100% 100%; color: #fff; border-color: #fa7100;}
.jiejuc li.select i{ display:block;}
.jiejuec{ width: 90%; margin: 0.7rem auto 0;}
.jiejue1{ display: none;}
.jiejuec .active{ display:block;}
.jiejuezx{width: 35%; margin: 0.6rem auto 0;}

.fuwu{ width:100%; padding-top: 0.3rem; margin-top: 0.5rem; background: url(../images-jnj/fuwubg.jpg) no-repeat;background-size: 100% 100%; padding-bottom: 0.5rem; }
.fulogo{ width: 16%; margin: 0 auto;}
.futi{ width: 100%; margin-top: 0.4rem;}
.futi h2{ width: 100%;text-align: center; font-size: 0.3rem; line-height: 1.4em;}
.futi p{ width: 100%;text-align: center; font-size: 0.22rem; line-height: 1.4em;}
.fuwucc{ width: 92%;-moz-box-shadow:0px 0px 4px #999; -webkit-box-shadow:0px 0px 4px #999; box-shadow:0px 0px 4px #999; background: #fff; margin: 0.7rem auto 0; height: 1.5rem}
.fuwup{ width: 62%; float: right;}
.fuwup h3{ font-size: 0.24rem; margin-top: 0.15rem}
.fuwup p{ font-size: 0.18rem; margin-top: 0.1rem;}
.fuwutu{ width: 33%; float: left; margin-left: 0.2%; margin-top: -0.26rem;}
.fuwuzx{ width: 43%; margin:0.6rem auto 0;}

.tuandui{ width: 100%; margin-top: 0.4rem;}
.tdp { margin-top: 0.2rem; text-align: center;}
.tdp p{ font-size: 0.24rem; line-height: 1.8em}
.guanyu{ width: 100%; margin-top: 0.6rem;}
.guanyuhuan{ width: 100%; overflow: hidden; position: relative;}
.guanyuc{ margin-top: 0.2rem;}
.swiper-pagination-bullet {width: 4px;height: 4px; border: 1px solid #fff;display: inline-block;border-radius: 100%;background: none;opacity:1;}
.swiper-pagination-bullet-active{ background: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.1rem;}
.swiper-pagination2{position: absolute;text-align: center;-webkit-transition: .3s opacity;-o-transition: .3s opacity;transition: .3s opacity;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}


.shebei{ width: 100%; margin-top: 0.4rem;}
.shebeic{margin-top: 0.2rem;}
.shebeih{ width: 100%; overflow: hidden; position: relative;}

.zizhi{ width: 100%; margin-top: 0.4rem;}
.zizhih{ width: 100%; overflow: hidden; position: relative;}
.zizhic{margin-top: 0.2rem;}
.hezuo .swiper-wrapper{transition-timing-function: linear;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: no-repeat; width: 0.24rem;height: 0.24rem;left:0.1rem;margin-top: -0.1rem;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: no-repeat; width: 0.24rem;height: 0.24rem;right:0.1rem;margin-top: -0.1rem;}
.hezuo{ width: 96%; overflow: hidden;  margin: 0.3rem auto 0.2rem}
.songjian{ padding-bottom: 0.4rem}
.songjiantle{ width: 100%;margin-top: 0.4rem;margin-bottom: 0.3rem;}
.songjiantle h2{ width: 100%;text-align: center; font-size: 0.3rem; line-height: 1.4em;}
.sojianzx{ width: 34.4%; margin: 0.5rem auto 0;}

.footer{ width: 100%;  background: #232323; margin-top: 0.2rem; padding-top: 0.4rem; padding-bottom: 0.3rem}
.flotl{ width: 34%; margin-left: 1%; float: left;}
.flotr{ width: 63%; float: right; margin-top: 0.18rem}
.flotr p{ font-size: 0.2rem; line-height: 0.3rem; color: #dfdfdf;}
.flotr p i{ display: inline-block; width: 0.26rem ; height: 0.26rem;}
.fotp{ width: 100%; margin-top: 0.3rem; text-align: center;}
.fotp p{ font-size: 0.14rem; color:#dfdfdf; line-height: 0.2rem;}