@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 14px; font-family: "Microsoft YaHei", 微软雅黑; font-weight: lighter !important; background: #e6e5e2; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
input, select { font-size: 12px; line-height: 16px; vertical-align: middle; outline: none; border: none; -webkit-appearance: rgba(255, 255, 255, 0); background-color: transparent; }
img { border: 0; }
ul, ol, li { list-style-type: none; }
a { text-decoration: none; }
/*公用样式*/
.lazy { background: url("../images/loading.gif") 50% 50% no-repeat }
.fr { float: right; }
.fl { float: left; }
.m { margin-left: auto; margin-right: auto; width: 1200px; }
.w { width: 100%; min-width: 1200px; }
/*text*/
.text1 { height: 120px; line-height: 120px; margin-top: 30px; }
.text1 img { float: right; margin-top: 50px; }
.text2 { margin-bottom: 10px; height: 140px; margin-top: 30px; background: url(../images/index_16.png) right center no-repeat; }
.text2 p { width: 800px; font-size: 15px; line-height: 32px; color: #666; }
/*产品列表*/
.index_case { width: 1200px; min-width: 1200px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.index_case .hd { line-height: 40px; font-size: 14px; width: 1200px; text-align: center; margin-bottom: 20px; }
.index_case .hd ul { display: inline-block; text-align: center; overflow: hidden; zoom: 1; list-style: none; margin: 0 auto; -webkit-padding-start: 0; }
.index_case .hd ul li { float: left; border: 1px solid #d4d4d4; margin-left: -1px; }
.index_case .hd ul li a { display: block; color: #000; padding: 0 30px; }
.index_case .hd ul li a:hover { text-decoration: none; }
.index_case .hd ul li.on { background: #150301; border: 1px solid #150301; }
.index_case .hd ul li.on a { color: #fff; }
.index_case .hd ul li:first-child { border-radius: 6px 0 0 6px; margin-left: 1px; }
.index_case .hd ul li:last-child { border-radius: 0 6px 6px 0; }
.index_case_box { overflow: hidden; }
.index_case_box ul a { cursor: pointer; }
.index_case_box ul a:hover { cursor: pointer; }
.index_case_li { float: left; margin-bottom: 10px; width: 25%; height: 290px; }
.index_kj_li { float: left; margin-bottom: 10px; width: 50%; height: 300px; }
.main ul a { cursor: pointer; }
.main ul a:hover { cursor: pointer; }
.main ul li { float: left; margin-bottom: 10px; width: 25%; height: 290px; }
.main { overflow: hidden; }
.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; cursor: default; }
.hovereffect .overlay { position: absolute; overflow: hidden; width: 84%; height: 84%; left: 8%; top: 8%; /*border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;*/ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.hovereffect:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); cursor: pointer; }
.hovereffect img { width: 290px; height: 290px; display: block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; margin: 0 auto; }
.hovereffect:hover img { filter: brightness(0.6); -webkit-filter: brightness(0.6); cursor: pointer; }
.hovereffect h2 { line-height: 170px; text-transform: uppercase; text-align: center; position: relative; font-size: 18px; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hovereffect p { margin-top: 250px; display: block; line-height: 30px; text-transform: uppercase; text-align: left; position: relative; font-size: 14px; background-color: transparent; color: #FFF; opacity: 1; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hovereffect a { color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hovereffect:hover a, .hovereffect:hover h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*新闻资讯*/
.news { width: 1200px; margin-left: auto; margin-right: auto; }
.page_neiye_art { width: 100%; overflow: hidden; margin: 5px auto }
.index_news_title { font-size: 24px; padding: 0; margin: 40px 0 25px 0; color: #000000; text-align: center; }
.index_news_title small { font-size: 14px; color: #999999; display: block; margin-top: 10px; }
.index_news_art_2 { width: 100%; overflow: hidden; margin: 3px auto; text-align: left }
.index_news_box { float: right; width: 100%; overflow: hidden; padding: 10px 0px; text-align: left }
.index_news_box .hd { line-height: 40px; font-size: 14px; width: 1200px; text-align: center; }
.index_news_box .hd ul { text-align: center; overflow: hidden; zoom: 1; list-style: none; margin: 0 auto; display: inline-block; -webkit-padding-start: 0; }
.index_news_box .hd ul li { float: left; border: 1px solid #d4d4d4; margin-left: -1px; }
.index_news_box .hd ul li a { display: block; color: #000; padding: 0 30px; }
.index_news_box .hd ul li a:hover { text-decoration: none; }
.index_news_box .hd ul li.on { border: 1px solid #150301; background: #150301; }
.index_news_box .hd ul li.on a { color: #fff; }
.index_news_box .hd ul li:first-child { border-radius: 6px 0 0 6px; margin-left: 1px; }
.index_news_box .hd ul li:last-child { border-radius: 0 6px 6px 0; }
.index_news_box .bd { padding: 30px 0px 10px; overflow: hidden; }
.index_news_box .bd ul li { width: 33.333%; float: left; margin-bottom: 25px; }
.index_news_box .bd ul li a { display: block; border: 1px solid #d4d4d4; border-radius: 3px; padding: 10px 15px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 85%; margin: 0 auto; }
.index_news_box .bd ul li .time { width: 15%; position: relative; padding-top: 15%; background-color: #969393; color: #fff; text-align: center; border-radius: 3px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; float: left; }
.index_news_box .bd ul li .day { position: absolute; left: 0; top: 3%; width: 100%; font-size: 24px; }
.index_news_box .bd ul li .date { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 12px; }
.index_news_box .bd ul li .info { width: 81%; float: right; line-height: 20px; }
.index_news_box .bd ul li .title { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; text-align: left; }
.index_news_box .bd ul li .desc { color: #888; margin-top: 5px; line-height: 17px; height: 36px; overflow: hidden; font-size: 12px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.index_news_box .bd ul li:hover a { border: 1px solid #150301; }
.index_news_box .bd ul li:hover .time { background-color: #150301; }
.index_news_box .bd ul li:hover .desc { color: #150301; }
.index_news_box .hd ul li a:hover { text-decoration: none; background: #150301; }
/*服务项目*/
.index-zhixian { background-color: #e6e5e2; width: 90%; font-size: 14px; margin: 0 auto; height: auto; word-break: break-all; word-wrap: break-word; margin-top: 30px; }
.index-zhixian-title { font-weight: normal; font-size: 28px; text-align: center; }
.index-zhixian-title-small { color: #999; font-size: 14px; line-height: 1.8em; margin-top: 5px; text-align: center; }
.index-zhixian table { background-color: #fff; }
.len100 { width: 100%; max-width: 100%; min-width: 0; margin-top: 50px; }
.index-zhixian td { background-color: #e6e5e2; padding: 30px; color: #4a4a4a; vertical-align: top; position: relative; overflow: hidden; border: 0px solid #efefef; }
.index-zhixian .name { font-size: 20px; position: relative; z-index: 10; margin: 0; }
.index-zhixian td .desc { position: relative; margin: 15px auto 20px; color: #4a4a4a; z-index: 10; }
.index-zhixian .desc { color: #999; font-size: 13px; line-height: 1.8em; }
.index-zhixian .detail { position: relative; z-index: 10; }
.index-zhixian .detail a { display: block; height: 28px; line-height: 28px; font-size: 14px; color: #888; float: left; width: 33.33%; text-decoration: none; outline: none; }
.index-zhixian .detail a:hover { color: #000; }
.index-zhixian td:hover { color: #000; cursor: pointer; background: #eaeaea; }
.new_link { width: 100%; height: auto; padding-top: 10px; text-align: center; overflow: hidden; margin: 0 auto !important; }
.new_link a { display: inline-block; background: #f4f4f4; line-height: 30px; border-radius: 5px; padding: 0 10px; font-size: 12px; color: #150301; width: 110px; border: 1px solid #e4e4e4; }
.new_link a:hover { background: #150301; color: #FFF; }
/*food*/
.food { background: #b1b1b1; overflow: hidden; }
.food_main { overflow: hidden; width: 960px; margin-left: auto; margin-right: auto; }
.food_main_t { margin-bottom: 10px; overflow: hidden; }
.food .food_main .food_main_t .one { margin-right: 10px; padding-top: 40px; }
.food .food_main .food_main_t .tow { padding-top: 40px; line-height: 37px; line-height: 37px; color: #FFF; margin-right: 30px; }
.food .food_main .food_main_t .three { text-align: center; margin-right: 52px; padding-top: 40px; color: #FFF; }
.food .food_main .food_main_t .three ul li { line-height: 27px; }
.food .food_main .food_main_t .three ul li a { color: #FFF; }
.food .food_main .food_main_t .three h2 { font-size: 21px; height: 40px; font-weight: 100; border-bottom: #FFF 1px solid; width: 60px; text-align: left; }
.food .food_main .food_main_t .four { margin-left: 10px; width: 250px; color: #FFF; padding-top: 40px; line-height: 21px; }
.food .food_main .food_main_t .four a { color: #FFF; }
.food .food_main .food_main_t .four a:hover { color: #FFF; }
.food .food_main .food_main_f { overflow: hidden; width: 960px; color: #FFF; padding-bottom: 40px; }
.food .food_main .food_main_f h2 { font-weight: 100; font-size: 17px; width: 960px; height: 30px; }
.food .food_main .food_main_f ul { margin-right: 42px; overflow: hidden; width: 960px; }
.food .food_main .food_main_f ul a { color: #FFF; line-height: 30px; display: inline; padding-right: 5px; float: left; height: 30px; }
/*about*/
.about_h2 { width: 1200px; height: 120px; font-size: 14px; font-weight: 100; line-height: 120px; margin-left: auto; margin-right: auto; margin-top: 50px; color: #171717; }
.about_h2 a { color: #000; }
.about_main { padding-bottom: 20px; width: 1200px; margin: 0 auto; overflow: hidden; }
.contact_main { padding-bottom: 20px; width: 960px; margin: 0 auto; overflow: hidden; }
.about_l { margin-bottom: 80px; text-align: right; }
.about_l ul li { float: left; margin: 15px; font-size: 14px; padding: 10px; }
.about_l ul { float: right; }
.about_l ul li a { color: #333; font-size: 15px; }
.about_l ul li a:hover { color: #fff; background: #b1b1b1; padding: 4px 8px; }
/*pro*/
.pro_l { margin-bottom: 80px; text-align: right; }
.pro_l ul li { float: left; margin: 15px; font-size: 14px; padding: 10px; }
.pro_l ul { float: right; }
.pro_l ul li a { color: #171717; font-size: 15px; }
.pro_l ul li a:hover { color: #fff; background: #b1b1b1; padding: 4px 8px; }
.current { background: #fff; padding: 4px 8px; }
/*栏目页分页*/
.page { width: 450px; margin: 0 auto; margin-top: 40px; height: 100px; }
.page a { display: block; float: left; text-align: center; line-height: 33px; color: #595054; margin-left: 5px; }
.page a.a_1 { width: 45px; height: 33px; }
.page a.a_2 { width: 57px; height: 33px; }
.page a.a_3 { width: 28px; height: 33px; }
.page a.a_4 { width: 97px; height: 33px; }
.page a:hover { color: #fff; background: #f9be0d }
.page a.this { color: #fff; background: #f9be0d }
/*art_pro*/
.art_pro dl dd { border-bottom: #000 1px solid; width: 180px; font-size: 15px; }
.art_pro dl { line-height: 35px; font-size: 17px; }
.art_pro dl p { width: 100%; line-height: 25px; font-size: 14px; margin: 2px 0px; }
.art_pro { margin-bottom: 20px; color: #171717; }
/*news*/ 
.news_l { overflow: hidden; color: #171717; }
.news_l dl { border-bottom: #CCC 1px solid; margin-bottom: 30px; height: 400px; }
.news_l dl dt { float: left; width: 360px; height: 360px; }
.news_l dl dt img { width: 360px; height: 360px; }
.news_l dl dd { width: 800px; height: 360px; float: left; margin-left: 30px; }
.news_l dl dd ul .time { height: 50px; line-height: 50px; }
.news_l dl dd ul .title { font-size: 21px; height: 60px; line-height: 60px; }
.news_l dl dd ul .main_ { margin-top: 30px; color: #666; line-height: 30px; height: 150px; overflow: hidden; }
.news_l dl dd ul .link { font-size: 17px; }
.news_l dl dd ul .link a { color: #666; text-decoration: underline; }
.news_l dl dd ul .link a:hover { color: #fff; }
/*程序添加*/
/*about 单页*/
.about_neirong { width: 98%; margin: 2px auto; overflow: hidden; color: #171717; }
.about_neirong p { width: 98%; line-height: 2em; font-size: 14px; margin: 4px; text-indent: 2em; font-weight: normal; }
.about_neirong img { text-align: center; display: block; margin: 0 auto; background: url("../images/loading.gif") no-repeat center; }
.about_neirong div { width: 98%; line-height: 2em; font-size: 16px; margin: 4px; font-weight: normal; color: #171717; }
.about_neirong iframe { width: 98%; text-align: center; display: block; margin: 0 auto; }
.about_neirong p iframe { width: 98%; text-align: center; display: block; margin: 0 auto; }
/*案例页面内容*/
.art_case { width: 100%; margin: 0 auto; overflow: hidden; }
.art_case p { width: 100%; margin: 2px 0px; line-height: 1.2em; color: #171717; }
.art_case img { margin-bottom: 20px; padding: 2px 0px; margin: 14px auto; display: block; background: url("../images/loading.gif") no-repeat center }
.art_case div { width: 99%; margin: 2px; line-height: 1.2em; color: #171717; }
/*news内容页*/
.art_news { width: 85%; margin: 0 auto; overflow: hidden; margin-bottom: 20px; padding: 0 0 30px 0; color: #666; }
.news-read-left { width: 99%; margin: 0 auto; overflow: hidden; margin-bottom: 20px; line-height: 2em; }
.news-read-left h3 { font-size: 18px; font-weight: normal; }
.news-read-left h4 { font-size: 16px; font-weight: normal; }
.news-read-right { width: 99%; margin: 0 auto; overflow: hidden; }
.art_title { font-size: 24px; padding-bottom: 36px; line-height: 30px; border-bottom: 1px solid #ccc; color: #0f0b09; margin-bottom: 40px; }
.art_neirong { margin-bottom: 20px; padding-bottom: 26px; border-bottom: 1px solid #ccc; font-weight: normal; }
.art_neirong p { line-height: 2em; font-size: 14px; margin: 2px; text-indent: 2em; }
.art_neirong div { line-height: 2em; font-size: 14px; margin: 2px; text-indent: 2em; }
.art_neirong img { display: block; margin: 0 auto; max-width: 100%; background: url("../images/loading.gif") no-repeat center }
/*news内容页分享及上下页*/
.news-tool { margin-top: 26px; }
.left { float: left; }
.share-box .icon { background-image: url(../images/icon1.png); background-repeat: no-repeat }
#share { width: 28px; height: 26px; float: right; position: relative; z-index: 99 }
.share { width: 28px; height: 26px; display: block }
.ico-share { width: 28px; height: 26px; display: block; background-position: 2px -231px }
.ico-share:hover { background-position: -33px -231px }
.share-list { width: 100px; padding: 10px 20px; background: #363636; position: absolute; right: -125px; top: -80px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; display: none; z-index: -1; opacity: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear }
.share-list.active { display: block; z-index: 24; opacity: 1 }
.share-list li a { height: 24px; line-height: 24px; display: block; padding-left: 34px; color: #FFF; font-size: 14px; position: relative }
.share-list li a:hover { color: #ffe514 }
.share-list li .icon { width: 24px; height: 24px; display: block; position: absolute; left: 0; top: 50%; margin-top: -12px }
.share-list li .ico-weixin { background-position: -60px 0 }
.share-list li .ico-xlwb { background-position: -100px 0 }
.share-list li .ico-txwb { background-position: -140px 0 }
.share-list li .ico-douban { background-position: -180px 0 }
.share-list li .ico-tieba { background-position: -220px 0 }
.share-list li a:hover .ico-weixin { background-position: -60px -40px }
.share-list li a:hover .ico-xlwb { background-position: -100px -40px }
.share-list li a:hover .ico-txwb { background-position: -140px -40px }
.share-list li a:hover .ico-douban { background-position: -180px -40px }
.share-list li a:hover .ico-tieba { background-position: -220px -40px }
.right { float: right; }
.news-tool-right li { position: relative; height: 32px; float: left; margin: 0 7px; }
.news-tool-right #prev a { background-position: 0 -155px; }
.news-tool-right #close a { background-position: 0 -114px; }
.news-tool-right #next a { background-position: 0 -194px; }
.news-tool-right #close a:hover { background-position: -36px -114px }
.news-tool-right #prev a:hover { background-position: -36px -155px }
.news-tool-right #next a:hover { background-position: -36px -194px }
.news-tool-right li .icon { background-image: url(../images/icon1.png); background-repeat: no-repeat; display: block; width: 26px; height: 26px; }
.clear:after, .case-read-img p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*列表页分页*/
.mainPage { margin: 5px 0; text-align: center; width: 100%; margin-bottom: 20px; }
.mainPage ul { width: 90%; display: block; margin: 0 auto; }
.mainPage ul li { display: inline; height: 25px; line-height: 25px; padding: 0 10px; color: #000000; font-size: 16px; margin: 0 5px; }
.mainPage ul li span { float: none; color: #171717; font-size: 14px; }
.mainPage ul li strong { font-weight: normal; }
.mainPage ul li a { color: #450f00; font-size: 18px; }
.mainPage ul li.thisclass { color: #450f00; font-size: 18px; font-weight: bold; }
.mainPage ul li.thisclass a { color: #450f00; }
.mainPage ul li a:hover, a:focus { color: #171717; text-decoration: none; }
/* flexslider */
.flexslider { position: relative; /*height: 550px;*/ min-width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 64px; }
.slides { position: relative; z-index: 1; width: 100% !important; }
.slides li { width: 100% !important; /*height: 550px; */ }
.slides li a img { width: 100%; /*height: 100%;*/ }
.flex-control-nav { position: absolute; bottom: 0; left: 0; z-index: 8; width: 100%; text-align: center; margin: 0 auto; display: block; padding: 12px 20px; height: 14px; }
.flex-control-nav li { width: 14px; height: 14px; margin: 0 10px; display: inline; }
.flex-control-nav a { display: inline-block; width: 10px; height: 10px; line-height: 40px; overflow: hidden; /*background: url(../images/dot-black.png) right 0 no-repeat;*/ cursor: pointer; background: #171717; border-radius: 70px; }
.flex-control-nav .flex-active { background-position: 0 0; background: #fff; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.banner_shadow { width: 1000px; height: 7px; background: url(../images/banner_shadow.png) repeat; margin: 0 auto 3px auto; }
.bannerTxt { position: absolute; bottom: 0; left: 0; z-index: 5; height: 38px; line-height: 38px; color: #6c6969; background: url(../images/menu_bg.png) repeat; width: 100%; display: none; }
.bannerTxt a { padding: 0 20px; color: #6c6969; cursor: pointer; }
.bannerTxt a, .bannerTxt em, .bannerTxt span { float: left; }
.bannerTxt span { background: url(../images/icon.png) -61px -5px; height: 34px; width: 34px; display: block; cursor: pointer; }
.header { height: 65px; width: 100%; background: #171717; position: fixed; top: 0; left: 0; z-index: 200; }
.header .box { height: 65px; width: 1200px; margin: 0 auto; position: relative; }
.header .logo { height: 65px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; }
.header .logo img { height: 65px; width: 262px; }
.navul { height: 65px; position: absolute; right: 128px; }
.header .box .navul li { float: left; font-size: 12px; color: #fff; margin-top: 30px; margin-right: 15px; }
.header .box .navul li ul { z-index: 999; position: absolute; visibility: hidden; margin-left: -70px; width: 470px; }
.header .box .navul li ul li { margin-right: 10px; }
.header .box .navul li ul a { color: #000; }
.header .box .navul li ul li a:hover { color: #fff; }
.header .box .navul li:hover ul { visibility: visible; }
.header .box .navul li a { font-size: 14px; color: #fff; cursor: pointer; margin: 0 10px; letter-spacing: 0.7px; }
.header .search { width: 125px; height: 20px; border: 1px solid #cfcfcf; position: absolute; right: 0; top: 29px; }
.header .search input { height: 20px; float: left; }
.header .search .inpt { width: 79px; color: #fff; font-size: 12px; line-height: 20px; }
.header .search .btn { width: 20px; background: url(../images/xia.png) -20px 0; cursor: pointer; }
.header .search span { height: 14px; width: 14px; background: url(../images/icon.png); margin: 3px; padding-right: 5px; border-right: 1px solid #cfcfcf; float: left; display: block; }
.header .menu { width: 128px; background: url(../images/menu_bg.png) repeat; padding: 10px 0; position: absolute; top: 51px; right: 0; z-index: 161; display: none; }
.header .menu ol li { text-align: center; padding: 10px 0; }
.header .menu ol li a { color: #6c6969; font-size: 13px; }
.header .menu ol .li1 { border-bottom: 1px solid #bbbcbc; width: 12px; padding: 0; margin: 0 auto; }
.header .shadow { width: 100%; height: 7px; background: url(../images/shadow.png) repeat; z-index: 160; position: relative; }
.search { border: 0px; appearance: none; -moz-appearance: none; -webkit-appearance: none; color: #999; background: transparent; width: 125px; height: 20px; line-height: 20px; border: #FFF 1px solid; }
.search span { height: 14px; width: 14px; background: url(../images/icon.png); margin: 3px; padding-right: 5px; border-right: 1px solid #cfcfcf; float: left; display: block; }
.search input { height: 20px; float: left; }
.inpt { width: 79px; font-size: 12px; line-height: 17px; background: #171717; color: #ffffff; }
.btn { width: 20px; cursor: pointer; background: url(../images/xia.png) -20px 0; }
.main-kj { overflow: hidden; }
.main-kj ul li { float: left; margin-bottom: 10px; width: 50%; height: 300px; }
.hovereffect-kj { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; cursor: default; }
.hovereffect-kj .overlay { position: absolute; overflow: hidden; width: 84%; height: 84%; left: 8%; top: 8%; /*border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;*/ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); }
.hovereffect-kj:hover .overlay { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); cursor: pointer; }
.hovereffect-kj img { width: 580px; height: 290px; display: block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; margin: 0 auto; }
.hovereffect-kj:hover img { filter: brightness(0.6); -webkit-filter: brightness(0.6); cursor: pointer; }
.hovereffect-kj h2 { line-height: 170px; text-transform: uppercase; text-align: center; position: relative; font-size: 18px; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hovereffect-kj p { margin-top: 255px; display: block; line-height: 30px; text-transform: uppercase; text-align: left; position: relative; font-size: 14px; background-color: transparent; color: #FFF; opacity: 1; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.hovereffect-kj a { color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.hovereffect-kj:hover a, .hovereffect-kj:hover h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.right-online-main { position: fixed; right: 0; bottom: 1%; z-index: 999999; }
.right-online { position: relative; }
#back { width: 45px; height: 45px; background: url(../images/back.png) no-repeat; position: absolute; right: 1.5em; bottom: 50px; cursor: pointer; background-size: 100%; }
#back:hover { background-position: 0 -45px; }
#weixin { width: 45px; height: 45px; background: url(../images/gongzhonghao.png) no-repeat; position: absolute; right: 1.5em; bottom: 290px; cursor: pointer; background-size: 100%; }
#weixin:hover { background-position: 0 -45px; }
#weixin_qr { position: absolute; right: 90px; bottom: 215px; transform: translate3d(125px, 0, 0); -webkit-transform: translate3d(125px, 0, 0); opacity: 0; transition: 0.64s; -webkit-transition: 0.64s; }
#baiduonline { width: 45px; height: 45px; background: url(../images/kefu.png) no-repeat; position: absolute; right: 1.5em; bottom: 110px; cursor: pointer; background-size: 100%; }
#baiduonline:hover { background-position: 0 -45px; }
#iosapp { width: 45px; height: 45px; background: url(../images/rexian.png) no-repeat; position: absolute; right: 1.5em; bottom: 230px; cursor: pointer; background-size: 100%; }
#iosapp:hover { background-position: 0 -45px; }
#iosapp_qr { position: absolute; right: 90px; bottom: 165px; transform: translate3d(125px, 0, 0); -webkit-transform: translate3d(125px, 0, 0); opacity: 0; transition: 0.64s; -webkit-transition: 0.64s; }
#com-add { width: 45px; height: 45px; background: url(../images/lianxiwomen.png) no-repeat; position: absolute; right: 1.5em; bottom: 170px; cursor: pointer; background-size: 100%; }
#com-add:hover { background-position: 0 -45px; }
.col-lg-12, .col-md-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }
.col-md-4 { width: 30.33333%; float: left; }
.sbox-7 { border-radius: 6px; padding: 30px; margin-bottom: 30px; background-color: #fff; border: 1px solid #f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.sbox-7-txt { overflow: hidden; padding-left: 20px; }
.sbox-7 h5 { line-height: 1; margin-bottom: 10px; }
.h5-sm { font-size: 14px; color: #666; font-weight: normal; }
.p-sm { height: 35px; font-size: 12px; line-height: 20px; color: #5c6873; }
.col-md-12 { width: 100%; float: left; }
.bbs-list { background: #FFF; box-shadow: 0 0 2px #DDD; border-radius: 2px; margin-top: 30px; }
.bbs-list .bbs-list-title { height: 65px; line-height: 65px; position: relative; margin: 0 3px; overflow: hidden; box-sizing: border-box; }
.bbs-list .bbs-list-title:before { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #ededed; left: 0; bottom: 0; }
.bbs-list .bbs-list-title a { padding: 0 20px; font-size: 16px; font-weight: 400; cursor: pointer; color: #555; height: 65px; line-height: 65px; }
.bbs-list .bbs-list-title a.active { border-bottom: 3px solid #40aae3; padding-bottom: 19px; }
.shop-index-jpcj { padding-top: 20px; }
.bbs-list-body { padding: 20px; box-sizing: border-box; }
.trbbs-list li { position: relative; height: 50px; line-height: 22px; padding: 15px 5px 15px 65px; border-bottom: 1px dotted #e2e2e2; }
.trbbs-avatar { position: absolute; left: 5px; top: 15px; }
.trbbs-avatar img { display: block; width: 45px; height: 45px; margin-left: 10px; border-radius: 2px; border: 1px solid #eee; }
.trbbs-list li h2 { height: 26px; font-size: 0; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.trbbs-list li h2 a { display: initial; max-width: 80%; padding-right: 10px; font-size: 14px; font-weight: 400; color: #666; }
.trbbs-list-info { position: relative; font-size: 12px; color: #969494; }
.trbbs-list-info>* { padding-right: 15px; }
.trbbs-list-info a[link], .trbbs-list-info cite { color: #969494; }
.fc-search-null { width: 80%; min-height:500px; text-align: center; }