﻿ @charset "utf-8";
.backof, .n-back-0 { background: #f0f0f0; min-width: 1180px }
.backf0 { background: #f0f0f0 }
.n-back-0:after { display: block; clear: both; content: ""; background: #f0f0f0 }
.n-back-1 { background: #fff }
.n-bor { border: 1px solid #f0f0f0; border-width: 1px 0 }
.n-bor-top { border: 1px solid #f0f0f0; border-width: 1px 0 0 }
.n-bor-t { border: 1px solid #f0f0f0; border-width: 1px 0 0 0 }
.n-bor-b { border: 1px solid #f0f0f0; border-width: 0 0 1px 0 }
.more-small { display: block; padding-right: 21px; font-size: 12px; color: #666 }
.subcate { width: 245px; min-height: 70px; background: #fbfbfb }
.subcate h3 { height: 55px; line-height: 55px; text-indent: 36px; color: #fff }
.subcate h3 a { font-size: 16px; color: #fff }
.subcate ul li { text-indent: 36px; height: 45px; line-height: 45px; border-bottom: 1px solid #f0f0f0; background: #fff url(../img/icor.png) no-repeat 246px center }
.subcate ul li:last-child { border-bottom: none }
.subcate ul li, .subcate ul li a { display: block; font-size: 14px; color: #333;  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.subcate ul li.on, .subcate ul li:hover { background: #fff url(../img/icor.png) no-repeat 217px center }
.subcate .left-remoon { background: #fff }
.subcate .left-remoon h3 { padding: 0 15px; text-indent: 0; font-size: 14px; border-bottom: 1px solid #f0f0f0; color: #333 }
.subcate .left-remoon h3 a { font-size: 12px; color: #999 }
.subcate .left-remoon img { display: block; width: 210px; height: auto; margin: 15px auto 0 }
.subcate .left-remoon p { width: 210px; margin: 10px auto 0 }
.subcate.n-fixed { margin-top: 61px }
.sector_head { position: relative }
.sector_head h3 { text-indent: 15px; height: 55px; line-height: 55px; font-size: 14px; color: #333; border-bottom: 1px solid #f0f0f0 }
.sector_head span { color: #757575 }
.sector_head a.more-detail { position: absolute; top: 36%; right: 20px; color: #999 }
.content-left { float: left; width: 245px }
.content-right { float: right; width: 880px; min-height: 350px; background: #fff }
.content-right h3.cat-tit { height: 54px; line-height: 54px; font-size: 14px; padding-left: 15px; border-bottom: 1px solid #f0f0f0 }
.news_0_list ul li { position: relative; width: 92%; float: left; max-height: 142px; padding: 25px 22px; border-bottom: 1px solid #ededed; overflow: hidden }
.news_0_list ul li h5, .news_0_list ul li p, .news_0_list ul li span.y { max-width: 700px }
.news_0_list ul li i.news-ico { position: absolute; top: 64px; right: 50px; display: block; width: 31px; height: 31px; background: url(../img/31.png) no-repeat }
.news_0_list ul li p { color: #999 }
.news_0_list ul li, .news_0_list ul li h5, .news_0_list ul li i.news-ico, .news_0_list ul li p, .news_0_list ul li span.y {  transition: all .3s ease-in;
 -webkit-transition: all .3s ease-in
}
.news_0_list ul li:hover { background: #fbfbfb }
.news_0_list ul li:hover h5, .news_0_list ul li:hover p, .news_0_list ul li:hover span.y { padding-left: 15px }
.news_0_list ul li:hover i.news-ico { right: 35px }
.wrongv4a ul li { width: 800px; height: auto; padding: 35px 20px; border: 1px solid #eee; margin: 15px auto 0;  transition: all .4s ease;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease
}
.wrongv4a ul li .worng-detail h5 { color: #333 }
.wrongv4a ul li .worng-detail .remark p { color: #999 }
.wrongv4a ul li:hover { background: #fdfdfd }
.content-right .detail-title { max-width: 840px; overflow: hidden; text-align: center; margin: 0 auto }
.content-right .detail-title h1 { padding-top: 45px; color: #191919 }
.content-right .detail-title .d-t { padding: 5px 0 }
.content-right .detail-title .d-t, .content-right .detail-title a { color: #969696 }
.content-right .detail-title span.d { padding-right: 13px }
.d-t .shar { display: inline-block; position: relative; cursor: pointer; padding-right: 13px; background: url(../img/icob.png) no-repeat center right }
.d-t .shar .bdsharebuttonbox { display: none; width: 140px; position: absolute; top: -6px; left: 70px }
.detail-content { padding: 15px 15px 30px; line-height: 22px }
.detail-content img { max-width: 100%!important }
.pro_0_list ul li { width: 270px; min-height: auto; float: left; margin-left: 18px; margin-top: 20px; overflow: hidden }
.pro_0_list ul li a.img { position: relative; display: block; width: 270px; height: 170px; overflow: hidden }
.pro_0_list ul li img { width: 270px; height: 170px; margin-left: -1px }
.pro_0_list ul li img {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.pro_0_list ul li .title h5 a { color: #666 }
.pro_0_list ul li .title p.entitle { color: #999 }
.pro_0_list ul li:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25) }
.pro-remmon ul li { width: 270px; min-height: auto; float: left; margin: 17px 0 17px 17px; overflow: hidden }
.pro-remmon ul li a.img { position: relative; display: block; width: 270px; height: 170px; overflow: hidden }
.pro-remmon ul li img { width: 270px; height: 170px; margin-left: -1px }
.pro-remmon ul li img {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.pro-remmon ul li h3 { border-bottom: none }
.pro-remmon ul li h3 a { color: #666 }
.pro-remmon ul li p { color: #999 }
.pro-remmon ul li:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25) }
.zhaopin li { margin: 15px 15px 0; height: auto; margin-top: 15px; border: 1px solid #f0f0f0; border-width: 0 1px 1px }
.zhaopin li .r-jianjie { width: 100% }
.zhaopin li .r-jianjie h3 { color: #282828; height: 65px; line-height: 65px; border: 1px solid #f0f0f0; border-width: 1px 0 0; cursor: pointer }
.zhaopin li .r-jianjie .intro, .zhaopin li .r-jianjie h3, .zhaopin li .r-jianjie p.tj { padding: 0 15px }
.zhaopin li .r-jianjie h3 span { display: inline-block; padding-left: 10px; font-size: 11px; color: #818181 }
.zhaopin li .r-jianjie h3 i.jia { width: 37px; height: 37px; margin-top: 13px; cursor: pointer; background: url(../img/open.png) no-repeat 0 0 }
.zhaopin li .r-jianjie .slide-hide { display: none }
.zhaopin li .r-jianjie p.tj { margin: 14px 0 20px }
.zhaopin li .r-jianjie p.tj a { display: inline-block; padding: 0 10px; color: #646464; background: url(../img/ico-3.png) no-repeat center right }
.zhaopin li .r-jianjie p.tj a:first-child { padding-left: 0 }
.zhaopin li .r-jianjie p.tj a:nth-last-child { background: 0 0 }
.zhaopin li .r-jianjie .intro { padding-bottom: 20px; margin-bottom: 5px }
.zhaopin li .r-jianjie .intro span { color: #282828 }
.zhaopin li .intro:last-child { border-bottom: none }
.zhaopin li .r-jianjie h3 span.email:hover { color: #333 }
.zhaopin li.open .r-jianjie .slide-hide { display: block }
.zhaopin li.open .r-jianjie h3 { border-width: 1px 0 }
.zhaopin li.open .r-jianjie h3 i.jia { background-position: 0 -66px }
.spic li, .spic li .imghide, .spic li img { width: 270px }
.spic li { margin-top: 5px; margin-right: 20px; float: left }
.spic li .imghide { display: block; height: 200px; overflow: hidden }
.spic li img { height: 200px }
.spic li p { color: #333 }
.spic li img {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
#spic .hd { width: 100%; text-align: center }
#spic .hd li { display: inline-block; width: 15px; height: 15px; margin-left: 9px; text-indent: -9999px; cursor: pointer; background: url(../img/slide2-ico.png) no-repeat 0 0 }
#spic .hd li.on { background-position: -27px 0 }
.spic li:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) }
#fuwu .index_title span { color: #747474 }
#fuwu h5 { width: 200px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #eee; border-radius: 45px; margin: 0 auto; color: #333 }
#fuwu ul.bd li span { display: block; padding-top: 50px; color: #000 }
#fuwu ul.bd li { float: left; text-align: center; width: 270px; height: auto; margin-top: 2px; margin-right: 17px; border: 1px solid #ededed }
#fuwu ul.bd li i { display: block; width: 63px; height: 1px; background: #000; margin: 25px auto 30px }
#fuwu ul.bd li p { max-width: 240px; margin: 30px auto 0; color: #666 }
#fuwu ul.bd li a.s-more { display: block; margin: 30px 0 20px; color: #999 }
#fuwu ul.bd li, #fuwu ul.bd li a.s-more, #fuwu ul.bd li h5 {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
#fuwu ul.bd li:hover { border-color: #000 }
#fuwu ul.bd li:hover h5 { background: #000; border-color: #000; color: #fff }
#fuwu ul.bd li:hover a.s-more { color: #000 }
.lpic li { width: 270px; height: 240px; float: left; margin-right: 12px }
.lpic li img { width: 270px; height: 113px }
.lpic li h5 { padding: 15px 0 2px }
.lpic li h5 a { font-size: 13px; color: #646464 }
.lpic li h5 p { line-height: 20px }
.lpic li a.more-l { width: 16px; height: 13px; margin-top: 10px; display: block; background: url(../img/detail.png) no-repeat 0 0 }
.lpic li:hover a.more-l { background-position: 0 -21px }
.team_div_fm ul.temaul li { margin-bottom: 20px; height: 160px }
.team_div_fm ul.temaul li.list { width: 415px; height: auto; float: left; margin: 20px 20px 0 0 }
.team_div_fm ul.temaul li.list .temalist { height: auto }
.team_div_fm ul.temaul li .temalist { float: left; width: 383px; height: 123px; border: 1px solid #f0f0f0; margin-right: 20px; padding: 15px 15px 20px;  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.team_div_fm ul.temaul li .team-left { width: 270px; float: left }
.team_div_fm ul.temaul li .temalist span.tx { width: 80px; height: 80px; overflow: hidden; border-radius: 150px }
.team_div_fm ul.temaul li .temalist h5 { color: #282828 }
.team_div_fm ul.temaul li .temalist h5 i { display: inline-block; width: 9px; height: 16px; margin: -3px 10px 0 4px; background: url(../img/xieico.png) no-repeat 0 0; vertical-align: middle }
.team_div_fm ul.temaul li .temalist span.post { color: #999 }
.team_div_fm ul.temaul li .temalist .title p { color: #666 }
.team_div_fm .hd { width: 100%; text-align: center }
.team_div_fm .hd li { display: inline-block; width: 15px; height: 15px; margin-right: 12px; text-indent: -9999px; cursor: pointer; background: url(../img/slide2-ico.png) no-repeat 0 0 }
.team_div_fm .hd li.on { background-position: -27px 0 }
.team_div_fm ul.temaul li .temalist:hover { border-color: #969696 }
.team_div_fm ul.temaul li .temalist span {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.team_div_fm ul.temaul li .temalist:hover span.tx { margin-left: -10px }
.partnerpic li { width: 196px; height: auto; margin-top: 7px; margin-right: 22px; float: left }
.partnerpic li img { width: 196px; height: 125px; border: 1px solid #f5f5f5;  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.partnerpic li p { line-height: 35px }
.partnerpic li:hover img { border-color: #969696 }
#view-list ul li { margin-bottom: 23px }
.view ul li { width: 268px; min-height: 360px; float: left; margin-top: 5px; margin-right: 20px; border: 1px solid #ededed; border-top: none; overflow: hidden }
.view ul li a.img { position: relative; display: block; width: 270px; height: 185px; overflow: hidden }
.view ul li img { width: 270px; height: 185px; margin-left: -1px }
.view ul li img {  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.view ul li .title { padding: 0 15px 15px }
.view ul li .title h5 a { color: #666 }
.view ul li .title p.entitle, .view ul li a.awork { color: #999 }
.view ul li:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25) }
.downloadv4a ul li { width: 790px; height: 70px; padding: 40px 25px 20px; border: 1px solid #eee; margin: 15px auto 0 }
.downloadv4a ul li .download-detail .down-left { height: 55px; max-width: 430px }
.downloadv4a ul li .download-detail .down-left h5 a { color: #333 }
.downloadv4a ul li .download-detail .down-left p { color: #999 }
.downloadv4a ul li .download-detail .down-right a.down-ico { display: block; width: 55px; height: 55px; background: url(../img/download.png) no-repeat 0 0 }
.downloadv4a ul li, .downloadv4a ul li .down-left, .downloadv4a ul li .down-right, .downloadv4a ul li .down-right a.down-ico {  -webkit-transition: all .3s ease-in;
 -moz-transition: all .3s ease-in;
 -ms-transition: all .3s ease-in;
 transition: all .3s ease-in
}
.downloadv4a ul li:hover { border-color: #000 }
.downloadv4a ul li:hover .down-left { padding-left: 15px }
.downloadv4a ul li:hover .down-right { margin-right: 15px }
.downloadv4a ul li .down-right a.down-ico:hover { background-position: 0 -95px }
.c-rematk { max-width: 635px; line-height: 22px; color: #888; margin: 0 auto 20px }
.contact_ny ul li { float: left; width: 385px; height: 68px; padding: 20px 15px; border: 1px solid #f2f2f2; margin-left: 15px; margin-top: 15px;  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.contact_ny ul li h3 { font-size: 14px; color: #000; font-weight: 700; padding-bottom: 5px }
.contact_ny ul li p { line-height: 22px }
.contact_ny ul li span { display: inline-block; min-width: 185px; color: #999 }
.contact_ny ul li:hover { border-color: #969696 }
.contact-form .form-action li { width: 210px; float: left; border-bottom: 1px solid #e8e8e8; margin-bottom: 45px; margin-right: 110px }
.contact-form .form-action li.textarea, .contact-form .form-action li:nth-of-type(3) {
 margin-right: 0;
 margin-bottom: 30px
}
.contact-form .form-action li label { color: #fff }
.contact-form .form-action input[type=text] { width: 99%; padding-left: 5px; height: 36px; border: 0 }
.contact-form .form-action li.textarea { width: 100% }
.contact-form .form-action textarea { width: 100%; height: 20px; border: 0; outline: 0; resize: none }
.contact-form .form-action input[type=submit] { display: block; width: 130px; height: 40px; margin: 0 auto; text-align: center; line-height: 40px; background: #595959; border: 0; cursor: pointer; color: #fff; font-size: 12px;  -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 -ms-transition: all .4s ease;
 transition: all .4s ease
}
.swiper-container { width: 100%; height: 100% }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center }
.swiper-slide img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto }
.swiper-container-vertical>.swiper-pagination-bullets { right: 3%!important; top: 58%!important }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 15px 0!important }
.swiper-button-next { right: 5%!important; background: url(../img/arrow_45.png) no-repeat -105px 0!important }
.swiper-button-prev { left: 5%!important; background: url(../img/arrow_45.png) no-repeat 0 0!important }
.swiper-button-next, .swiper-button-prev { width: 45px!important; height: 45px!important }
.swiper-pagination-bullet-active { background: #fff!important }
.preNext { text-align: center; height: 25px; line-height: 25px }
.preNext span a { width: auto; height: 25px; display: inline-block; background: url(../img/prenext.png) no-repeat 0 0; padding-left: 30px }
.preNext span.next a { background-position: 0 -39px; margin: 0 30px }
.preNext span.return a { background-position: 0 -75px }
.preNext a, .preNext span { color: #999 }
#pages { text-align: center; margin: 20px 0 30px }
#pages a { font-family: Arial; font-size: 14px; display: inline-block; width: 38px; height: 33px; line-height: 33px; border: 1px solid #e6e6e6; background: #fff; color: #646464; margin-right: 8px; text-align: center }
#pages a.cur { display: inline-block; width: 38px; height: 33px; line-height: 33px; text-align: center; background: #191919; color: #fff }
#pages a.a1 { display: none; width: 108px; font-size: 12px; float: left; text-align: left; border: none; background: 0 0; color: #646464 }
#pages a.a1 font { color: #fead0f; padding: 0 3px }
#loading { width: 195px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; padding-left: 0; opacity: .7; background: url(../img/msg_loading_d.gif) no-repeat; margin: 10px auto 30px; color: #000; display: none }
.partner .detail-content, .qiyechanpin .detail-content, .rencaizhaopin .detail-content, .womendeguandian .detail-content { padding-bottom: 0 }
.ajax-list a { position: absolute; top: 45%; width: 45px; height: 45px; display: block; background: url(../img/arrow_45.png) no-repeat 0 0; text-indent: -9999px; z-index: 100; cursor: pointer }
.ajax-list a.nopre, .ajax-list a.pre { left: 80px }
.ajax-list a.next, .ajax-list a.nonext { right: 80px }
.ajax-list .nonext, .ajax-list .nopre { opacity: .5 }
.ajax-list .next, .ajax-list .nonext { background-position: -105px 0 }
.loging { display: none; width: 32px; height: 32px; position: absolute; top: 45%; left: 50%; background: url(../img/msg_loading_d.gif) no-repeat; z-index: 999 }
.pagebar { clear:both; margin:20px 0; text-align:center; }
.pagebar a:hover { color:#ccc; }
.pagebar span a { color:#333; }
.page-status { border-radius:2px 0 0 2px; }
.page-last { border-radius:0 2px 2px 0; }
.page-index, .page-last, .page-next, .page-num, .page-pre, .page-status { display:inline-block; margin:0 -1px 5px 0; padding:0 15px; height:28px; border:1px solid #e2e2e2; background-color:#fff; color:#333; vertical-align:middle; font-size:12px; line-height:28px; }
.page-status { display:none; }
.page-num-current { background-color:#ccc; color:#fff !important; }
a.page-num-current:hover { color:#fff; }
#maximg img { max-width:100%; height:auto !important }

