@charset "UTF-8";
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: #333; }

.main { min-height: calc(100% - 263px); }

.pages { padding: 30px 0; text-align: center; }
.pages ul { display: inline-block; }
.pages li { display: inline-block; border: 1px #ddd solid; line-height: 36px; margin-left: -1px; }
.pages li a { padding: 0 13px; color: #999; display: block; -webkit-transition: 0.2s; transition: 0.2s; }
.pages li a:hover { background: #f5f5f5; }
.pages li span { padding: 0 13px; }
.pages li.active { color: #fff; background: #000; border: 1px #000 solid; }
.pages li:first-child { border-radius: 3px 0 0 3px; }
.pages li:last-child { border-radius: 0 3px 3px 0; }
.pages li.disabled { color: #ddd; }

.arrow { position: absolute; top: 50%; width: 60px; height: 60px; text-align: center; line-height: 60px; background: rgba(0, 0, 0, 0.35); margin-top: -30px; }
.arrow i { color: #fff; font-size: 30px; line-height: 60px; }
.arrow.prev { left: 0; }
.arrow.next { right: 0; }

/* ===== header ===== */
.headerBox { width: 100%; height: 80px; position: relative; top: 0; left: 0; background: #fff; z-index: 9; }

.header { height: 80px; overflow: hidden; }
.header .logo { float: left; padding-left: 10px; }
.header .logo img { height: 40px; margin: 20px 0; }
.header .nav { float: left; padding-left: 60px; }
.header .nav li { float: left; }
.header .nav li a { display: block; font-size: 14px; line-height: 80px; padding: 0 20px; color: #666; overflow: hidden; -webkit-transition: all 200ms ease; transition: all 200ms ease; }
.header .nav li a:hover { color: #000; }
.header .nav li.on a, .header .nav li.active a { color: #000; }
.header .search_bar { float: right; height: 38px; line-height: 36px; margin-top: 21px; border: 1px #ddd solid; background: #fff; border-radius: 80px; overflow: hidden; }
.header .search_bar select { height: 36px; border: none; float: left; padding-left: 10px; outline: none; color: #666; }
.header .search_bar input { width: 150px; height: 36px; border: none; padding-left: 10px; float: left; line-height: 36px; }
.header .search_bar button { border: none; background: none; display: inline-block; width: 36px; text-align: center; cursor: pointer; }
.header .search_bar button i { font-size: 24px; line-height: 36px; }
.header .wechat_tips { float: right; margin-right: 10px; height: 80px; line-height: 80px; margin-left: 30px; cursor: pointer; }
.header .wechat_tips i { color: #666; font-size: 28px; line-height: 28px; margin-top: 26px; }

.headerBox.fixedHeader { position: fixed; }
.headerBox.fixedHeader .header { height: 70px; }
.headerBox.fixedHeader .header .logo { margin-top: 10px; }
.headerBox.fixedHeader .header .logo img { height: 50px; }
.headerBox.fixedHeader .header .contact p { line-height: 70px; }
.headerBox.fixedHeader .header .contact .icons a { height: 70px; line-height: 80px; position: relative; }
.headerBox.fixedHeader .header .nav li a { line-height: 70px; }
.headerBox.index_head { position: fixed; background: rgba(0, 0, 0, 0.5); }
.headerBox.index_head .header .nav li a { color: #fff; }
.headerBox.index_head .header .nav li a:hover { color: #ddd; }
.headerBox.index_head .header .wechat_tips i { color: #fff; }

.index_footer { background: rgba(0, 0, 0, 0.5); height: 40px; line-height: 40px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; text-align: right; padding-right: 20px; }
.index_footer .copyright { color: #999; font-size: 12px; }
.index_footer a { color: #ddd; padding-left: 10px; font-size: 12px; }

.footer { background: #f1f1f1; padding: 10px 10px; margin-top: 40px; }
.footer .copyright { text-align: center; font-size: 12px; color: #aaa; margin-top: 10px; }
.footer .copyright span { padding: 0 10px; }
.footer .copyright a { color: #aaa; }
.footer .row { width: 30%; float: left; padding-right: 60px; }
.footer .row:last-child { width: 10%; padding-right: 0; }
.footer .row h5 { font-size: 16px; font-weight: normal; }
.footer .row hr { height: 1px; line-height: 1px; border-bottom: 1px #ddd solid; margin: 10px 0; }
.footer .row .info { line-height: 24px; font-size: 13px; }
.footer .row .info a { color: #000; display: inline-block; }
.footer .row .info a:hover { color: #666; }
.footer .row .info .weixin { width: 70px; }
.footer .row .info .weixin img { width: 100%; }

.menu_link { padding: 70px 10px 0; }
.menu_link li { display: inline-block; margin-right: 40px; }
.menu_link li a { -webkit-transition: 0.2s; transition: 0.2s; color: #666; }
.menu_link li a.on { font-size: 24px; color: #000; }
.menu_link li a:hover { color: #000; }

.breadcrumb { margin-top: 70px; padding: 0 10px; }
.breadcrumb li { display: inline-block; }
.breadcrumb li span { padding: 0 8px; color: #ddd; }
.breadcrumb li a { color: #666; -webkit-transition: 0.2s; transition: 0.2s; }
.breadcrumb li a:hover { color: #000; }

.brand .about_us { padding: 0 10px; margin-top: 30px; position: relative; overflow: hidden; height: 100%; }
.brand .about_us .map { width: 60%; float: left; }
.brand .about_us .map h3 { text-align: center; font-weight: normal; font-size: 16px; margin-top: 30px; }
.brand .about_us .map .gxmap { position: relative; }
.brand .about_us .map .gxmap a { position: absolute; top: 37.3%; color: #333; text-align: left; left: 63%; }
.brand .about_us .map .gxmap a#nanning { top: 69%; left: 49%; }
.brand .about_us .map .gxmap a#nanning img { max-width: 30px; }
.brand .about_us .map .gxmap a#guilin { top: 24.5%; left: 78%; }
.brand .about_us .map .gxmap a#hechi { top: 30%; left: 43%; }
.brand .about_us .map .gxmap a#beihai { top: 94%; left: 59%; }
.brand .about_us .map .gxmap a#guigang { top: 63%; left: 67%; }
.brand .about_us .map .gxmap a#yulin { top: 78%; left: 72%; }
.brand .about_us .map .gxmap a#qingdao { top: 10%; left: 10%; }
.brand .about_us .map .gxmap a img { max-width: 25px; -webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/ -webkit-animation-iteration-count: infinite; /*动画播放的次数*/ -webkit-animation-duration: 2s; /*动画所花费的时间*/ margin-right: 5px; }
@-webkit-keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% { -webkit-transform: scale(1); transform: scale(1);
    /*开始为原始大小*/ }
  25% { -webkit-transform: scale(1.1); transform: scale(1.1);
    /*放大1.1倍*/ }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.1); transform: scale(1.1); } }
@keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% { -webkit-transform: scale(1); transform: scale(1);
    /*开始为原始大小*/ }
  25% { -webkit-transform: scale(1.1); transform: scale(1.1);
    /*放大1.1倍*/ }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  75% { -webkit-transform: scale(1.1); transform: scale(1.1); } }
.brand .about_us .text { padding-left: 80px; float: left; width: 40%; color: #333; font-size: 14px; line-height: 24px; }
.brand .about_us .text p { padding: 10px 0; }
.brand .about_us .text hr { border-bottom: 1px #eee solid; }
.brand .rongyu_list { margin-top: 30px; position: relative; overflow: hidden; height: 100%; }
.brand .rongyu_list .item { float: left; width: 20%; padding: 10px; }
.brand .rongyu_list .item a { width: 100%; display: block; text-align: center; -webkit-transition: 0.2s; transition: 0.2s; }
.brand .rongyu_list .item a .img { text-align: center; width: 100%; height: 300px; padding: 10px; border-radius: 4px; overflow: hidden; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(60%, #fff)); background: linear-gradient(#eee, #fff 60%); line-height: 280px; -webkit-transition: 0.2s; transition: 0.2s; }
.brand .rongyu_list .item a .img img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.brand .rongyu_list .item a .text { margin: 10px 0; color: #000; height: 40px; line-height: 20px; }
.brand .rongyu_list .item a:hover .img { background: #eee; }

#map_tips { display: none; }

.maptips { width: 300px; }
.maptips .item { width: 100px; float: left; padding: 5px 3px; }
.maptips .item a { display: block; border: 1px #eee solid; color: #666; border-radius: 4px; display: block; padding: 7px 0; -webkit-transition: .2s; transition: .2s; text-align: center; }
.maptips .item a:hover { border: 1px #000 solid; color: #000; }

.team .big_title { font-size: 20px; display: inline-block; font-weight: normal; padding: 30px 10px; }
.team .intro_con { margin: 0 10px; background: #f5f5f5; border-radius: 5px; padding: 20px 20px 0; }
.team .intro_con p { color: #333; line-height: 24px; padding-bottom: 20px; }
.team .column_name { padding: 30px 10px 0; font-size: 20px; }
.team .team_list .item { width: 25%; float: left; padding: 0 10px; margin-bottom: 30px; position: relative; }
.team .team_list .item .box { width: 100%; position: relative; overflow: hidden; }
.team .team_list .item .box img { width: 100%; }
.team .team_list .item .box .info { position: absolute; width: 100%; height: 90px; background: rgba(0, 0, 0, 0.5); color: #fff; bottom: -100px; left: 0; z-index: 3; text-align: center; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden; }
.team .team_list .item .box .info h1 { font-size: 18px; font-weight: normal; line-height: 20px; padding: 10px 0; }
.team .team_list .item .box .info pre { font-size: 12px; padding-bottom: 10px; line-height: 20px; height: 40px; overflow: hidden; }
.team .team_list .item .box:hover .info { bottom: 0px; }
.team .team_read { margin-top: 20px; }
.team .team_read .img { width: 40%; float: left; padding-right: 150px; padding-left: 10px; }
.team .team_read .desc { line-height: 24px; float: left; width: 60%; }
.team .team_read .desc hr { border-bottom: 1px #eee solid; height: 1px; line-height: 1px; overflow: hidden; margin: 18px 0; }
.team .team_read .desc h1 { font-weight: normal; }
.team .team_read .desc h5 { padding-top: 10px; }
.team .team_read .desc pre { margin-bottom: 20px; display: block; text-align: left; word-wrap: break-word; white-space: pre-wrap; }
.team .team_read .desc ul li { height: 36px; line-height: 36px; }
.team .team_read .desc ul li a { -webkit-transition: .2s; transition: .2s; color: #666; }
.team .team_read .desc ul li a:hover { color: #000; }

.contact .contact_list { margin-top: 40px; }
.contact .contact_list .item { width: 25%; float: left; padding: 0 10px; margin-bottom: 30px; }
.contact .contact_list .item div { border: 1px #e1e1e1 solid; border-radius: 4px; padding: 20px; background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(60%, #fff)); background: linear-gradient(#eee, #fff 60%); }
.contact .contact_list .item div h3 { font-size: 18px; font-weight: normal; margin-bottom: 25px; }
.contact .contact_list .item div p { padding-bottom: 25px; }
.contact .contact_list .item div p:last-child { padding-bottom: 0; }

.case .case_cate { margin-top: 30px; padding: 0 10px; }
.case .case_cate hr { border-bottom: 1px #eee solid; height: 1px; line-height: 1px; overflow: hidden; margin: 10px 0; }
.case .case_cate dl { line-height: 30px; }
.case .case_cate dl dt { width: 60px; font-weight: bold; float: left; }
.case .case_cate dl dd { float: left; width: calc(100% - 60px); }
.case .case_cate dl dd a { margin: 0 5px; border-radius: 3px; display: inline-block; color: #666; padding: 0 10px; -webkit-transition: 0.2s; transition: 0.2s; border: 1px transparent solid; text-align: center; }
.case .case_cate dl dd a.on { background: #000; color: #fff; }
.case .case_cate dl dd a.on:hover { background: #000; color: #fff; border: 1px #000 solid; }
.case .case_cate dl dd a:hover { border: 1px #ddd solid; color: #000; }
.case .case_read { margin-top: 30px; padding: 0 10px; }
.case .case_read .photos { width: 800px; float: left; margin-right: 100px; }
.case .case_read .photos img { margin-bottom: 10px; max-width: 100%; }
.case .case_read .info { line-height: 24px; float: left; width: 380px; }
.case .case_read .info hr { border-bottom: 1px #eee solid; height: 1px; line-height: 1px; overflow: hidden; margin: 13px 0; }
.case .case_read .info h1 { font-weight: normal; margin-bottom: 30px; }
.case .case_read .info h5 { padding-top: 10px; }
.case .case_read .info p, .case .case_read .info pre { margin-bottom: 20px; display: block; text-align: left; word-wrap: break-word; white-space: pre-wrap; }

.case_list { margin-top: 30px; }
.case_list .item { float: left; width: 20%; padding: 0 10px; margin-bottom: 30px; }
.case_list .item .info { position: relative; }
.case_list .item .info a { position: relative; display: block; color: #fff; -webkit-transition: 0.2s; transition: 0.2s; }
.case_list .item .info a img { width: 100%; display: block; }
.case_list .item .info a .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); padding-left: 10px; }
.case_list .item .info a:hover { -webkit-box-shadow: 0 0 15px #999; box-shadow: 0 0 15px #999; }

.service_page .service_con { padding: 0 10px; margin-top: 30px; }
.service_page .service_con .img { width: 70%; padding-right: 80px; float: left; }
.service_page .service_con .img img { width: 100%; }
.service_page .service_con .info { width: 30%; float: left; }
.service_page .service_con .info h1 { font-weight: normal; margin-top: 30px; font-size: 24px; }
.service_page .service_con .info .text { line-height: 24px; margin-top: 50px; }

.news .news_list { margin-top: 30px; }
.news .news_list .item { width: 25%; padding: 0 10px; margin-bottom: 20px; float: left; }
.news .news_list .item a { display: block; -webkit-transition: 0.2s; transition: 0.2s; -webkit-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; }
.news .news_list .item a .img { width: 100%; background: #f5f5f5; overflow: hidden; }
.news .news_list .item a .img img { width: 100%; text-align: center; overflow: hidden; vertical-align: middle; }
.news .news_list .item a .text { padding: 10px; }
.news .news_list .item a .text h1 { font-size: 16px; font-weight: normal; color: #333; line-height: 22px; height: 44px; }
.news .news_list .item a .text hr { border-bottom: 1px #eee solid; margin: 10px 0; height: 1px; line-height: 1px; overflow: hidden; }
.news .news_list .item a .text p { line-height: 28px; color: #666; }
.news .news_list .item a .text p span:first-child { text-align: left; }
.news .news_list .item a .text p span:first-child i { padding-right: 5px; }
.news .news_list .item a .text p span:last-child { float: right; }
.news .news_list .item a:hover { -webkit-box-shadow: 0 0 15px #aaa; box-shadow: 0 0 15px #aaa; }
.news .news_read { margin-top: 30px; }
.news .news_read h1 { font-size: 24px; font-weight: normal; text-align: center; }
.news .news_read .short_info { text-align: center; padding: 20px 0; }
.news .news_read .short_info span { padding: 0 20px; font-size: 12px; color: #666; }
.news .news_read .content { width: 800px; margin: 0 auto; }
.news .news_read .content img { max-width: 100%; }
.news .news_read .content p { margin-bottom: 30px; line-height: 28px; color: #666; }

.join_us_page .join_us { padding: 0 10px; margin-top: 30px; }
.join_us_page .join_us .img { width: 50%; float: left; padding-right: 80px; }
.join_us_page .join_us .info { float: left; width: 50%; }
.join_us_page .join_us .info .join_us_company_list dl { margin-bottom: 20px; }
.join_us_page .join_us .info .join_us_company_list dl dt { font-weight: bold; border-bottom: 2px #000 solid; padding-bottom: 15px; margin-bottom: 15px; display: inline-block; }
.join_us_page .join_us .info .join_us_company_list dl dd a { display: inline-block; width: 19%; text-align: center; padding: 10px 0; border: 1px #ddd solid; color: #666; border-radius: 3px; margin-bottom: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
.join_us_page .join_us .info .join_us_company_list dl dd a:hover { border-color: #000; color: #000; }
.join_us_page .join_us .info .join_slide { width: 100%; overflow: hidden; }
.join_us_page .join_us .info .join_slide .titcell { font-weight: normal; font-size: 18px; height: 36px; line-height: 36px; background: #f5f5f5; padding-left: 10px; margin-bottom: 20px; cursor: pointer; }
.join_us_page .join_us .info .join_slide .titcell em { float: right; padding-right: 10px; color: #999; -webkit-transition: 0.3s; transition: 0.3s; font-family: "宋体"; }
.join_us_page .join_us .info .join_slide .content { display: none; }
.join_us_page .join_us .info .join_slide .content hr { border-bottom: 1px #eee solid; height: 1px; line-height: 1px; margin: 15px 0; }
.join_us_page .join_us .info .join_slide .content .text { line-height: 24px; color: #666; font-size: 12px; margin-bottom: 20px; }

.s_rs_keyword { padding: 0 10px; font-weight: normal; margin-top: 60px; font-size: 24px; }
.s_rs_keyword span { padding: 0 10px; font-size: 24px; color: #FF1060; }

.empty_tips { text-align: center; margin-top: 60px; }
.empty_tips i { font-size: 80px; color: #ddd; }
.empty_tips p { margin: 20px 0; font-size: 16px; }