@charset "utf-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
ception, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*定位*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clear { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
*html .clearfix { height: 1% }
.Clearfix { display: block; }
.vm { vertical-align: center; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1 }
.hidden { visibility: hidden; }
.none { display: none; }
/*其他*/
.curp { cursor: pointer }
;
/*原reset*/
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select {  *font-size: 100%;
}
input, select { vertical-align: middle; }
body { font: 12px/1.231 arial, helvetica, clean, sans-serif; font-size: 63%; }
select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; }
table { font-size: inherit; font: 100%; border-collapse: collapse; }
pre, code, kbd, samp, tt { font-family: monospace;  *font-size: 108%;
line-height: 100%; }
/*title*/
h1 { font-size: 0.4rem; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
/*end reset*/

/*fontsStyle*/
@font-face {
 font-family: 'icomoon';
 src: url('../fonts/icomoon.eot');
 src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
 [class*="icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
    /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before { content: "\e600"; }
.icon-arrow-down:before { content: "\e601"; }
.icon-arrow-right:before { content: "\e602"; }
.icon-arrow-up:before { content: "\e603"; }
.icon-phone:before { content: "\e606"; }
.icon-house:before { content: "\e607"; }
/*.icon-search:before {
  content: "\e60a";
}*/
.icon-details:before { content: "\e604"; }
.icon-left:before { content: "\e605"; }
/*end fontsStyle*/

/*Common*/
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
.mian { position: relative; overflow: hidden; background-color: #fff; font-family: "Microsoft YaHei"; }
a { text-decoration: none; color: #666; }
/* 根据设计稿决定  640px    1rem=64px;(640/100) */

/*清除浮动*/
.clearfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { /*兼容 IE*/
  zoom: 1; }
i, em { font-style: normal; }
/* zzc */
.zzc { display: none; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
header { height: 1rem; padding: 0.3rem 2%; position: relative; }
header .logoImg { float: left; width: 24%; height: 1rem; }
header .logoImg img { display: block; width: 100%; }
header .lTit { float: left; margin-left: 0.2rem; padding-left: 0.2rem; border-left: 1px dotted #dddddd; }
header .lTit .p1 { font-size: 0.35rem; margin-bottom: 0.1rem; }
header .lTit .p2 { font-size: 0.42rem; color: #333; font-weight: bold; }
header .menu { width: 1.25rem; height: 1rem; position: absolute; right: 0; top: 0.3rem; background: url(../3gimages/menu.png) no-repeat center / 60%; }
.ficp { text-align: center; padding: 0.5rem 2%; color: #999; }
.ficp .section { font-size: 0.35rem; }
.ficp .p1 { margin-bottom: 0.2rem; }
.ficp .p1 i { display: block; font-size: 0.3rem; }
.ficp .p1 a { display: block; font-size: 0.6rem; color: #0061cf; }
.ficp .p2 { margin-bottom: 0.1rem; }
.footer { height: 1.7rem; background: #eaeaea; }
footer { display: flex; background: #0061cf; text-align: center; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999; }
footer a { flex: 1; box-sizing: border-box; padding: 0.9rem 0 0.2rem 0; font-size: 0.4rem; }
 footer a:nth-child(1) {
 background: url(../3gimages/ficon01.png) no-repeat center 0.2rem / 22%;
 color: #fff;
}
 footer a:nth-child(2) {
 background: url(../3gimages/ficon02.png) no-repeat center 0.2rem / 22%;
 color: #fff;
}
 footer a:nth-child(3) {
 background: url(../3gimages/ficon03.png) no-repeat center 0.2rem / 25%;
 color: #fff;
}
 footer a:nth-child(4) {
 background: url(../3gimages/ficon04.png) no-repeat center 0.2rem / 25%;
 color: #fff;
}
#mbah, #mjszc { color: #999; }
/*公共颜色调用*/
.pagedSpan a { background: #333; }
.CategoryList_Title i { color: #333; }
.hdPhone p i { border: 1px solid #fff; }
.pagedSpan a { color: #fff; }
.pagedSpan { background: #feeddc; }
/*分页*/
.pagedSpan { margin: 0.6rem 10%; height: 0.75rem; line-height: 0.75rem; border-radius: 5px; text-align: center; color: #333; margin-bottom: 0.6rem; background: none; font-size: 0.4rem; }
.pagedSpan a { width: 25%; height: 0.75rem; line-height: 0.75rem; color: #333; background: none; }
.pagedSpan em { color: #333; }
.pagedSpan .btnPagedUp { border: 1px solid #ccc; border-radius: 5px; }
.pagedSpan .btnPagedDown { border: 1px solid #ccc; border-radius: 5px; }
.pagedSpan select { border: none; background: none; }
.pagedSpan select option { border-color: Red; }
.pagedSpan span { border: 1px solid #ccc; padding: 0 10px; border-radius: 5px; display: inline-block; height: 2rem; }
/*分类标题*/
.CategoryList_Title { height: 2.968em; line-height: 2.968em; padding: 0 .687em; color: #333; text-align: center; border-bottom: 1px solid #b0b4bb; font-size: 1rem; background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%); }
.CategoryList_Title i { font-size: 1.2em; margin-top: .75em; }
.CategoryList_Title .icon-details { margin-right: .5em; }
/*分类列表*/
.CategoryLista { }
.CategoryLista > li > a { height: 3.031em; line-height: 3.031em; display: block; color: #333; background: #f4f4f4; padding: 0 1.125em; border-bottom: 1px solid #cfcbc1; border-top: 1px solid #fff; font-size: 1.125rem; }
.CategoryLista li i { float: right; margin-top: .45em; color: #656565; font-weight: bold; font-size: 1.6em; }
.CategoryLista > li li a { height: 3.031em; line-height: 3.031em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #666; background: #fff; padding: 0 2.062em; border-bottom: 1px solid #cfcbc1; border-top: 1px solid #fff; font-size: 1em; }
.CategoryLista li:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.CategoryLista .icon-arrow-down { color: #f90; }
.CategoryLista > li > ul > li > ul { padding: 0 1.125em; }
/*搜索*/
#DetailedSpan div table { width: 640px !important; }
#ErrorInfo { text-align: center; margin-top: 1em; margin-bottom: 1em; }
.green { color: #eb2533; }
.red { color: Red; text-align: center; margin-bottom: 1em; }
#nodata { padding: 80px; padding-left: 150px; margin: 10px 0; background: url(../images/inpage/nodata.gif) no-repeat 20px 20px; }
/*
@media screen and (min-width:320px) {
  html{font-size:75%;}
}
@media screen and (min-width:375px) {
  html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
  html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
  html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
  html{font-size:125%;}
}
@media screen and (min-width:640px) {
  html{font-size:150%;}
}
*/

/* InpageHeader */
.InpageHeader { width: 100%; background: #fff; height: 1.4rem; position: relative; }
.InpageHeader img { display: block; width: 100%; }
.InpageHeader a.back { display: block; margin-left: 3%; width: 4%; position: relative; z-index: 2; float: left; height: 1.4rem; background: url(../3gimages/back.png) no-repeat center; background-size: 95%; }
.InpageHeader span { display: block; width: 14%; float: right; position: relative; z-index: 2; height: 1.4rem; background: url(../3gimages/header_menu.png) no-repeat center; border-left: 1px solid #eaeaea; background-size: 70%; }
.InpageHeader p { position: absolute; width: 100%; height: 1.4rem; text-align: center; line-height: 1.4rem;  font-size: .538rem;
color: #0061cf; background-color: #fff; }
/* .InpageNav */
.InpageNav { width: 100%; background: #fff; position: relative; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.InpageNav .InpageNav-slide { position: relative; height: 1.25rem; width: 86%; float: left; box-sizing: border-box; overflow: hidden; display: -moz-box; display: -webkit-box; display: -webkit-box; }
.InpageNav .classfiy { width: 100%; box-sizing: border-box; background: #eaeaea; position: absolute; left: 0; top: 0; display: none; z-index: 99; }
.InpageNav .classfiy .classfiy_close { display: block; width: 7%; position: absolute; top: 0.3rem; right: 3%; }
.InpageNav .classfiy .classfiy_close img { display: block; width: 100%; }
.InpageNav .classfiy .conBox dl {
 padding: .406rem 3% .438rem; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #f5f5f5; }
.InpageNav .classfiy .conBox dl:first-child { border-top: none; }
.InpageNav .classfiy .conBox dt { text-align: center;  font-size: .4rem;
color: #666666; }
.InpageNav .classfiy .conBox dd {
 margin-top: .313rem; overflow: hidden; }
.InpageNav .classfiy .conBox dd > a { display: block;  font-size: .34rem;
color: #666666; text-align: center; line-height: 1rem; height: 1rem; box-sizing: border-box; border: 1px solid #dddddd; border-radius: 2px; background: #fff; width: 42.5%; margin-right: 2%; float: left; margin-bottom: 0.125rem; }
 .InpageNav .classfiy .conBox dd > a:nth-child(4n+1) { margin-left: 0;}
.InpageNav-left { height: 1.25rem; position: relative; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; -webkit-box-flex: 1; }
.InpageNav-list { position: absolute; left: 0; }
.InpageNav-list ul { position: relative; white-space: nowrap; font-size: 0; }
.InpageNav-list ul li { display: inline-block; }
.InpageNav-list ul li a { display: block; width: 100%; height: 100%; line-height: 1.25rem;  font-size: .375rem;
text-align: center; color: #333; padding: 0 0.2rem; box-sizing: border-box; position: relative; }
.InpageNav-list ul li.on a { color: #0061cf!important; }
.InpageNav-list ul li.currclass a { color: #0061cf!important; border-bottom:2px solid #0061cf;}
.InpageNav .sideline { display: block; position: absolute; border: 0; height: 2px; background-color: #0061cf; left: 0; bottom: 0px; pointer-events: none; }
/*产品分类样式*/
#InpageNavN { width: 100%; background: #fff; position: relative; }
#InpageNavN .wrapper { position: relative; height: 1.25rem; width: 86%; overflow: hidden; float: left; box-sizing: border-box; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
#InpageNavN .wrapper .scroller { position: absolute; }
#InpageNavN .wrapper .scroller li { height: 1.25rem; color: #666666; line-height: 1.25rem;  font-size: .375rem;
text-align: center; position: relative; }
#InpageNavN .wrapper .scroller li i { width: 58%; height: 2px; background: #0061cf; left: 21%; bottom: 2px; position: absolute; display: none; }
#InpageNavN .wrapper .scroller li a { color: #666666; display: block; }
#InpageNavN .wrapper .scroller .sideline { display: block; position: absolute; border: 0; height: 2px; background-color: #0061cf; left: 0; bottom: 2px; pointer-events: none; }
#InpageNavN .wrapper .scroller li.cur i { display: block; }
#InpageNavN .wrapper .scroller li.cur a { color: #000; }
#InpageNavN .more { display: block; float: right; width: 14%; height: 1.25rem; line-height: 1.25rem; text-align: center; background: #0061cf;  font-size: .375rem;
color: #fff; }
#InpageNavN .classfiy { width: 100%; box-sizing: border-box; background: #eaeaea; position: absolute; left: 0; top: 0; display: none; z-index: 99; }
#InpageNavN .classfiy .classfiy_close { display: block; width: 7%; margin: 0.3rem auto; position: unset; top: 0; right: 0; }
#InpageNavN .classfiy .classfiy_close img { display: block; width: 100%; }
#InpageNavN .classfiy .conBox { padding: 0.1rem 3% 0; }
#InpageNavN .classfiy .conBox h4 { font-size: 0.35rem; color: #0061cf; font-weight: bold; padding-left: 2.5%; margin-bottom: 0.4rem; width: 48%; float: left; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#InpageNavN .classfiy .conBox h4 a { color: #0061cf; }
#InpageNavN .classfiy .conBox dd { padding-top: 0.5rem; box-sizing: border-box; border: 1px solid #f00; border-top: none; overflow: hidden; }
#InpageNavN .classfiy .conBox dd p a { display: block; width: 30%; margin-left: 2.5%; float: left; height: 1rem; line-height: 1rem; border: 1px solid #dddddd; border-radius: 2px; margin-bottom: 0.2rem; text-align: center; box-sizing: border-box; }
#InpageNavN .classfiy .conBox dl { width: 100%; margin-top: 0.1rem; padding: unset; }
#InpageNavN .classfiy .conBox dt { width: 100%; box-sizing: border-box; overflow: hidden; background: #fff; background-size: 3%; height: 1rem; line-height: 1rem; font-size: 0.4rem; color: #fff; padding-left: 5%; border: 1px solid #d5d2d2; text-align: left; }
#InpageNavN .classfiy .conBox dt a { color: #333333; }
#InpageNavN .classfiy .conBox dt a.on { /*color: #d5d2d2;*/
    }
#InpageNavN .classfiy .conBox dd { padding: 0.4rem 0; display: none; background: #fff; }
#InpageNavN .classfiy .conBox dd p { font-size: 0.4rem; color: #666666; line-height: 0.5rem; overflow: hidden; float: left; width: 100%; }
#InpageNavN .classfiy .conBox dl.on dt { background: url(../3gimages/teamCon2_icon02.png) no-repeat 94% center #fff; background-size: 5%; color: #0061cf; border-color: #d5d2d2; }
#InpageNavN .classfiy .conBox dl.on dt a { color: #0061cf; }
/*nav_menu*/
.nav_menu { width: 0; position: fixed; right: 0; top: 0; height: 100%; z-index: 99999; overflow: scroll; background: #fff; }
.nav_menu img { display: block; width: 85%; }
.nav_menu .top { width: 100%;  padding-top: .297rem;
 padding-bottom: .25rem;
}
.nav_menu .Navlog { width: 54%; display: block; margin-left: 4%; }
.nav_menu .btn { display: block; width: 12%; position: absolute; top: 3%; right: 5%; }
.nav_menu .btn img { display: block; width: 100%; }
.nav_menu ul { overflow: hidden; width: 100%; overflow: scroll; height: 80%; }
.nav_menu li { width: 100%; overflow: hidden; background: url(../3gimages/nav_icon01.png) no-repeat 89% center; height: 1rem; border-bottom: 1px solid #eaeaea; }
.nav_menu li:first-child { border-top: 1px solid #eaeaea; }
.nav_menu li p > a { color: #333333;  font-size: .375rem;
display: block; height: 1rem; line-height: 1rem; box-sizing: border-box; padding-left: 6%; }
/* InpageFooter */
.InpageFooter { width: 100%; background: #fff;  padding-top: .625rem;
margin-top: 0.33rem; border-top: 1px solid #eaeaea; }
.InpageFooter img { display: block; width: 100%; }
.InpageFooterTop { padding: 0 3% 20%; box-sizing: border-box; }
.InpageFooterTop .Input { width: 94%; margin: 0 auto; height: 1rem; border: 1px solid #dddddd; border-radius: 1rem; }
.InpageFooterTop .Input input { display: block; width: 84%; height: 1rem; border: none; outline: none; float: left; border-radius: 1rem 0 0 1rem; box-sizing: border-box; padding-left: 4%;  font-size: .375rem;
}
.InpageFooterTop .Input a { display: block; width: 16%; float: right; border-radius: 0 1rem 1rem 0; background: url(../3gimages/InpageFooter_searchBtn.png) no-repeat center; background-size: 35%; height: 1rem; }
.InpageFooterTop .menu { width: 100%; text-align: center;  margin-top: .531rem;
}
.InpageFooterTop .menu li { display: inline-block;  padding: 0 .391rem;
 font-size: .375rem;
color: #666666; box-sizing: border-box; border-left: 1px dotted #c2c2c2; }
.InpageFooterTop .menu li a { color: #666666; }
.InpageFooterTop .menu li:first-child { border-left: none; }
.InpageFooterTop .Copyright { width: 100%;  margin-top: .438rem;
}
.InpageFooterTop .Copyright p {
 font-size: .25rem; color: #999999; margin-bottom: 0.2rem; text-align: center; }
.InpageFooterTop .Copyright p a { color: #999999; }
.InpageFooterBottom { width: 100%; height: 1rem; position: fixed; bottom: 0; left: 0; }
.InpageFooterBottom li { width: 25%; float: left; height: 1rem; text-align: center;  font-size: .39rem;
color: #fff; background: #0061cf; box-sizing: border-box; border-left: 1px solid #fff; line-height: 1rem; }
.InpageFooterBottom li img { display: inline-block; position: relative;  width: .547rem;
 height: .547rem;
top: 0.15rem; margin-right: 3%; }
.InpageFooterBottom li:first-child { border-left: none; }
.InpageFooterBottom li a { display: block; color: #fff; }
.InpageFooterBottom li em { color: #fff; font-weight: bold; }
/* 404页面样式 */
.notFound { width: 96%; padding: 24% 2% 0; border-top: 1px solid #eaeaea; height: 100%; margin: 0 auto; position: fixed; left: 0; top: 0; background: #f4f4f4; }
.notFound img { display: block; width: 100%; }
.notFound .notFoundPic { padding-bottom: 0.2rem; border-bottom: 1px solid #e2e2e2; display: block; }
.notFound .notFoundBack { display: block; width: 100%; border-top: 1px solid #ffffff; padding-top: 0.6rem; }
.notFound .notFoundBack img { width: 50%; margin: 0 auto; }
.notFound .menu { width: 100%; text-align: center; }
.notFound .menu li { display: inline-block;  padding: 0 .391rem;
 font-size: .375rem;
color: #666666; box-sizing: border-box; border-left: 1px dotted #c2c2c2; }
.notFound .menu li a { color: #666666; }
.notFound .menu li:first-child { border-left: none; }
/* backTop */
.backTop { position: fixed; width: 17%; right: 0%; bottom: 12%; display: none; }
.backTop img { display: block; width: 100%; }
/*end Common*/


/* --footer-- */
.footer { padding:6vw 0 20vw; text-align:center; line-height:1.5; overflow:hidden; background:#242424; }
.footer h3 { margin-bottom:2vw; font-size:4vw; color:#0079d5; }
.footer h3 strong { color:#e60009; }
.footer p { font-size:3.5vw; color:#999; }
.footer p a { display:inline-block; margin:0 1vw; color:#999; }
.foot-nav { position:fixed; z-index:999; left:0; bottom:0; width:100%; overflow:hidden; background:#0079d5; }
.foot-nav li { float:left; width:25%; text-align:center; }
.foot-nav li a { display:block; padding:2.5vw 0; border-right:#fff solid 1px; }
.foot-nav li:last-child a { border:none; }
.foot-nav li i { display:block; margin:0 auto; width:5vw; height:5vw; background-size:100%; background-repeat:no-repeat; }
.foot-nav li:nth-child(1) i {
background-image:url(../3gimages/ft_icon01.png)
}
.foot-nav li:nth-child(2) i {
background-image:url(../3gimages/ft_icon02.png)
}
.foot-nav li:nth-child(3) i {
background-image:url(../3gimages/ft_icon03.png)
}
.foot-nav li:nth-child(4) i {
background-image:url(../3gimages/ft_icon04.png)
}
.foot-nav li span { display:block; padding-top:1vw; font-size:3.5vw; color:#fff; line-height:1.5; }
/* --end footer-- */

#hm_t_undefined { display:none; }