@charset "UTF-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot"); src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#uxiconfont") format("svg"); }
.list-no-style { list-style: none; padding: 0; }

.icon { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; }

body { font-size: 14px; font-family: "Microsoft YaHei", sans-serif; color: #555555; }

.space { height: 20px; }

a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

/*--- 1.头部（header） ----- */
.inline { display: inline-block; }

.tb { display: table; }

.tc { display: table-cell; vertical-align: top; }

.impact { font-family: Impact, Charcoal, sans-serif; }

.logo { margin-top: 0px; margin-bottom: 0px; padding: 2px; }

.slogan { text-align: right; color: #575555; font-size: 28px; margin-top: 20px; }

/* navbar-style */
.navbar-style { font-size: 16px; background-color: #0080d1; border: none; min-height: 40px; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.navbar-style .navbar-toggle { color: white; }
.navbar-style .navbar-toggle .icon-bar { background-color: white; }
.navbar-style .navbar-toggle:hover, .navbar-style .navbar-toggle:focus { color: white; background-color: #005c96; outline: none; }
.navbar-style .navbar-brand { color: white; line-height: 31px; }
.navbar-style .navbar-brand:hover, .navbar-style .navbar-brand:focus { color: white; }
.navbar-style .navbar-collapse { padding: 0; }
.navbar-style .navbar-nav > li > a { color: white; padding-left: 33px; padding-right: 33px; }
.navbar-style .navbar-nav > li > a .icon { float: left; height: 16px; line-height: 22px; margin-right: 3px; }
.navbar-style .navbar-nav > li > a:hover, .navbar-style .navbar-nav > li > a:focus { color: white; background-color: #005c96; }
.navbar-style .navbar-nav > .active > a, .navbar-style .navbar-nav > .active > a:hover, .navbar-style .navbar-nav > .active > a:focus { color: white; background-color: #005c96; }

.about-news { padding: 25px 0; background: #f1f1f1; }

.box2 { padding: 0 20px 20px; color: #555555; background: white; min-height: 713px;}
aside .box2 { background: url(../images/xien.png) top left no-repeat white; }
aside .box2.no { background: white; padding-top: 20px; }
.box2 h2 { margin: 18px 0; }
.box2 .text { margin: 0 15px; font-size: 16px; }

.ar { text-align: right; }

.heading { border-bottom: 1px solid #bebebe; }
.heading span { display: inline-block; padding: 20px 0 5px; border-bottom: 3px solid #5f5f5f; margin-bottom: -1px; font-size: 28px; font-weight: bold; }
.heading .more2 { float: right; color: #a7a7a7; margin-top: 30px; }

a.more { display: inline-block; padding: 8px 12px; background: #747474; color: white; text-decoration: none; }
a.more:hover { background: #0080d1; }

.news { margin-top: 18px; }
.news h3 { margin-top: 0; }
.news .date { background: url(../images/date.png) no-repeat; height: 70px; width: 73px; text-align: center; margin-right: 20px; }
.news .date .dd { font-size: 32px; line-height: 32px; font-weight: bold; color: #575757; padding: 3px 0; }
.news .date .yymm { padding: 4px 0; color: #999999; }

.body { margin-top: 20px; }

.qq-ads, .hotline { position: relative; margin-top: 16px; border: 1px solid #e5e5e5; text-align: center; }

.qq-ads table { width: 100%; text-align: center; }
.qq-ads table td { padding: 0; }
.qq-ads table span { padding: 0 8px; color: #0080d1; font-weight: bold; font-size: 14px; }

a.ads-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

footer { background: #0080d1; color:#fff }
footer .bot-link { padding: 20px 0; border-bottom: 1px solid #2e2e2e; }
footer .bot-link a { color: #747474; display: inline-block; }
footer .bot-info { padding: 60px 0; }
footer .bot-info span { margin-right: 10px; display: inline-block; }
footer .bot-info a { color: #747474; }
footer .bot-info a:hover { color: #0080d1; }
footer .power { text-align: right; }
footer .power span { margin-right: 0px; margin-left: 10px; }
footer .power a { color: #fff; }

.home-content { padding-bottom: 30px; background: #f9fafa; }

.home-heading { padding: 12px 18px; line-height: 22px; font-size: 18px; margin-left: -15px; margin-right: -15px; color: white; }
.home-heading small { font-size: 14px; }
.home-heading.blue { background: #0080d1; }
.home-heading.dgray { background: #444b52; }
.home-heading.gray { background: #e3e7eb; }

.tab01 { padding: 0 20px; margin-left: -15px; margin-right: -15px; background: #e3e7eb; height: 47px; }
.tab01 li { float: left; }
.tab01 li a { line-height: 45px; font-size: 18px; width: 100px; text-align: center; display: block; color: #6e6e6e; text-decoration: none; border-bottom: 2px solid transparent; }
.tab01 li.active a { color: #6e6e6e; border-bottom: 2px solid #6e6e6e; font-weight: bold; }

.tab02 { margin-top: 20px; }
.tab02 li { float: left; width: 50%; }
.tab02 li.active a { background: #0080d1; }
.tab02 li.active a .icon { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.tab02 li a { width: 100%; padding: 5px 0; display: block; text-align: center; position: relative; background: #444b52; text-decoration: none; color: white; font-size: 18px; font-weight: bold; }
.tab02 li a span { display: block; font-size: 13px; }
.tab02 li a .icon { position: absolute; width: 100%; color: #0080d1; text-align: center; left: 0; bottom: -13px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.yewu { background: white; }
.yewu .more { position: relative; height: 40px; }
.yewu .more a { display: block; width: 25px; height: 25px; border: 1px solid #b1b1b1; position: absolute; top: 5px; right: 0px; }
.yewu .more a:hover { background: #b1b1b1; }
.yewu .more a:hover i { background: white; }
.yewu .more a i { background: #b1b1b1; position: absolute; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.yewu .more a i.h { width: 1px; height: 13px; top: 5px; left: 11px; }
.yewu .more a i.v { width: 13px; height: 1px; top: 11px; left: 5px; }

.yewu-list { margin-left: -15px; margin-right: -15px; }
.yewu-list li > a { position: relative; display: block; padding-left: 62px; padding-right: 20px; height: 56px; line-height: 56px; overflow: hidden; color: #6e6e6e; border-bottom: 1px dotted #bbbbbb; text-decoration: none; }
.yewu-list li > a:hover { background: #444b52; color: white; }
.yewu-list li > a > span { display: block; position: absolute; top: 0; left: 0; line-height: 56px; font-size: 30px; padding-left: 20px; }

.about, .tabnews { height: 420px; }

.about .body { padding: 0 15px; line-height: 25px;}
.about p { margin-bottom: 0; line-height: 30px; height: 120px; overflow: hidden; }

.tabnews { background: white; }

.heading2 { padding-top: 20px; }
.heading2 strong { float: left; font-size: 42px; display: block; line-height: 36px; margin-right: 5px; padding: 0 0 6px; border-bottom: 2px solid #bbbbbb; background: white; }
.heading2 span, .heading2 b { display: block; }
.heading2 span { font-size: 18px; font-weight: bold; line-height: 22px; }
.heading2 b { font-size: 12px; color: #b0b0b0; }

.img img { width: 100%; }

ul.news { padding: 0 15px; }
ul.news li > a { line-height: 30px; text-decoration: none; height: 30px; overflow: hidden; color: #6e6e6e; display: block; }
ul.news li > a:hover { color: #0080d1; }
ul.news li > a:before { content: "\f0022"; font-family: "iconfont"; font-size: 16px; }

.slide-pic { margin-left: -15px; margin-right: -15px; padding: 0 70px; background: #e3e7eb; }
.slide-pic .img { border: 3px solid white; margin: 25px 5px; }
.slide-pic.product-slide { margin-top: 10px; padding: 10px 40px; }
.slide-pic .carousel-control { position: absolute; top: 0; background: #777777; color: white; height: 100%; vertical-align: middle; text-decoration: none; text-align: center; width: 35px; }
.slide-pic .carousel-control:hover { background: #0080d1; }
.slide-pic .carousel-control i { vertical-align: middle; display: block; position: absolute; top: 50%; margin-top: -10px; }
.slide-pic .carousel-control.left { left: -70px; }
.slide-pic .carousel-control.left i { left: 9px; }
.slide-pic .carousel-control.right { right: -70px; }
.slide-pic .carousel-control.right i { right: 9px; }

.friendlink { padding: 0px 15px 20px; background: white; border-left: 1px dotted #dddddd; }
.friendlink.f2 { padding: 10px 20px 56px; }
.friendlink .img { padding-top: 25px; }

.main-container { background: #f1f1f1; padding: 25px 0; }

.banner-content { position: relative; overflow: hidden; }
.banner-content .banner { position: relative; left: 50%; margin-left: -960px; }

.box-right { overflow: hidden; }

.list { margin-top: 20px; border-top: 1px dotted #eeeeee; }
.list.l1 li { padding: 0; padding-left: 45px; position: relative; color: #d6d6d6; }
.list.l1 li:hover a, .list.l1 li.active a { border-color: #0080d1; }
.list.l1 li:hover:before, .list.l1 li.active:before { font-size: 24px; left: 33px; }
.list.l1 li:before { content: "\f014a"; font-family: "iconfont"; font-size: 16px; position: absolute; line-height: 42px; left: 37px; }
.list.l1 li a { padding: 10px 35px; display: block; border-left: 1px solid #d6d6d6; }
.list.side-news { margin-top: 5px; padding-bottom: 4px; border: none; border-bottom: 1px dotted #eeeeee; }
.list.side-news li { padding-left: 0px; border: none; display: table; width: 100%; }
.list.side-news li:hover { border: none; background: none; color: #0080d1; }
.list.side-news li:hover a { color: #0080d1; }
.list.side-news li:before { float: left; width: 16px; }
.list.side-news li a { display: block; height: 20px; overflow: hidden; }
.list.side-news li span { width: 90%; }
.list.side-news li span.d { color: #b7b7b7; font-size: 12px; width: 50px; padding: 0 3px; text-align: right; vertical-align: middle; min-width: 50px; }
.list li { padding: 6px 0; padding-left: 40px; border-bottom: 1px dotted #eeeeee; color: gray; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.list li:hover, .list li.active { color: white; background: #0080d1; border-bottom: 1px solid #0080d1; }
.list li:hover a, .list li.active a { color: white; }
.list li a { color: gray; text-decoration: none; }
.list li:before { content: "\f0022"; font-family: "iconfont"; font-size: 16px; }
.list.newslist { padding: 15px 0; }
.list.newslist li { padding: 14px 0; padding-left: 5px; padding-right: 8px; line-height: 18px; }
.list.newslist li:hover { border-bottom: 1px dotted #eeeeee; background: none; color: #0080d1; }
.list.newslist li:hover a { color: #0080d1; }
.list.newslist li .d { float: right; color: #bfbfbf; font-size: 12px; }

.ads { height: 61px; padding-left: 15px; margin-top: 16px; position: relative; }
.ads.a1 { background: url(../images/c1.jpg) right no-repeat #f2f5f8; }
.ads.a2 { background: url(../images/c2.jpg) right no-repeat #f2f5f8; }
.ads h4 { color: #0080d1; padding-top: 15px; margin: 0; }
.ads p { font-size: 12px; }

.spec-content .title { position: relative; text-align: center; }
.spec-content .title .line { height: 1px; width: 100%; background-color: #c6c6c6; position: absolute; top: 55px; }
.spec-content .title h1 { display: inline-block; background: white; padding: 0 20px; position: relative; font-size: 36px; }
.spec-content .title h1 small, .spec-content .title h1 strong { display: block; color: #6e6e6e; }
.spec-content .title h1 small { font-size: 13px; text-transform: uppercase; margin-top: 1px; }
.spec-content .content { margin-top: 10px; }
.spec-content .content p { line-height: 180%; }
.spec-content .pull-left img { margin-right: 15px; }
.spec-content .pull-right img { margin-left: 15px; }

.heading3 { margin-top: 35px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #aaa9a4; border-bottom: 1px solid #aaa9a4; }
.heading3 h1 { font-size: 24px; color: #5e5e5e; text-align: center; }
.heading3 span { display: block; font-size: 50px; color: #0080d1; margin: auto; text-transform: uppercase; }

.business-content .img { padding: 30px 0; text-align: center; }
.business-content .img img { max-width: 609px; }

.position { color: #bcbcbc; margin-top: 35px; float: right !important; }
.position a { color: #bcbcbc; text-decoration: none; }
.position a:hover, .position a.active { color: gray; }

.news-pic-list .news-pic { border-bottom: 1px dotted #cccccc; padding-bottom: 10px; font-size: 14px; }
.news-pic-list .news-pic p.info { font-size: 12px; color: #999999; }
.news-pic-list .news-pic p.info span { display: inline-block; margin-right: 15px; }
.news-pic-list .news-pic p { line-height: 150%; margin-bottom: 8px; }
.news-pic p { line-height: 180%; }
.news-pic .pic { margin-right: 20px; }
.news-pic h3 { margin-top: 0; }
.news-pic h3 small { font-size: 50%; display: inline-block; }
.news-pic h3 a { color: #555555; }
.news-pic h3 a:hover { color: #0080d1; }
.news-pic .pub-date { text-align: right; font-size: 24px; color: #888888; margin-bottom: 0; }
.news-pic .readmore { text-align: right; }
.news-pic .readmore a { text-decoration: none; color: #0080d1; }

#page { text-align: right; }
#page .pagination > li.active a { background: #0080d1; border-color: #0080d1; color: white; }
#page .pagination > li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 3px; color: #555555; }

.space20 { height: 20px; }

.article-content { padding-bottom: 20px; }
.article-content p { line-height: 180%; color: #777777; }
.article-content h1.title { font-size: 24px; color: #444444; text-align: center; }
.article-content p.info { border-top: 1px dotted #dddddd; border-bottom: 1px dotted #dddddd; margin-bottom: 15px; text-align: center; padding: 5px 0; }
.article-content p.info span { margin: 0 5px; display: inline-block; }
.article-content p.info p { text-align: center; background: #eeeeee; margin-top: 2px; }

.next-article { border-top: 1px dotted #dddddd; margin-top: 15px; padding: 15px 0; }
.next-article .prev { float: left; }
.next-article .next { float: right; }
.next-article a { color: gray; text-decoration: none; }
.next-article a:hover { color: #0080d1; }

.media-box { margin-bottom: 20px; }
.media-box .media { position: relative; margin-top: 30px; overflow: hidden; }
.media-box .media:hover a { top: 0; }
.media-box .media:hover .tit { bottom: -40%; }
.media-box .media img { width: 100%; }
.media-box .media .tit { position: absolute; padding: 10px; text-align: center; font-size: 12px; width: 100%; bottom: 0; left: 0; background: black; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; color: white; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }
.media-box .media a { display: block; position: absolute; height: 100%; width: 100%; top: -100%; left: 0; text-align: center; text-decoration: none; color: white; background: black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.media-box .media a span { position: absolute; width: 100%; display: block; top: 50%; margin-top: -30px; padding-left: 10px; }
.media-box .media a i.icon { line-height: 60px; font-size: 60px; }

.heading4 { position: relative; text-align: center; }
.heading4 .line { height: 1px; width: 100%; background-color: #c6c6c6; position: absolute; top: 46px; }
.heading4 h1 { display: inline-block; background: white; padding: 0 10px; position: relative; color: #0080d1; font-size: 48px; }

.zp-box .hiding { display: none; }
.zp-box .line { border-bottom: 1px dotted #dddddd; height: 20px; margin-bottom: 30px; }
.zp-box .zp-main { width: 990px; padding-bottom: 20px; margin-top: 30px; line-height: 180%; }
.zp-box .zp-ct { max-height: 150px; overflow: hidden; -webkit-transition: 0.6s max-height ease-in-out; -moz-transition: 0.6s max-height ease-in-out; -ms-transition: 0.6s max-height ease-in-out; -o-transition: 0.6s max-height ease-in-out; transition: 0.6s max-height ease-in-out; }
.zp-box .zp-ct.trans { max-height: 900px; }
.zp-box .zp-banner { position: relative; }
.zp-box .zp-banner .zp-banheight { position: absolute; top: 0; left: -110px; }
.zp-box .zp { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.zp-box .zp:nth-child(3), .zp-box .zp:nth-child(7), .zp-box .zp:nth-child(11) { margin-left: -1px; }
.zp-box .zp .body { margin: 12px 5px; }
.zp-box .zp .body .more, .zp-box .zp .body .hiding { text-align: right; }
.zp-box .heading5 { height: 24px; margin: 0 5px; background: url(../images/bgh.png); }
.zp-box .heading5 h2 { font-size: 24px; line-height: 24px; margin-top: 0; }
.zp-box .heading5 h2 span { background: white; padding-right: 12px; }

.fb-bg1 { background: url(../images/topleft.jpg) top left no-repeat; }

.fb-bg2 { background: url(../images/botright.jpg) bottom right no-repeat; padding: 80px 200px 90px; }

.contact-hd { font-size: 26px; padding: 8px 10px; background: #0080d1; color: white; }
.contact-hd strong { line-height: 28px; }
.contact-hd small { line-height: 32px; font-size: 30px; text-transform: uppercase; display: block; }

.contact-content { max-width: 500px; margin: 20px auto 40px; background: url(../images/contact-bg.jpg) bottom right no-repeat; }
.contact-content h2, .contact-content h3 { font-weight: bold; }
.contact-content h2 { font-size: 26px; }
.contact-content h3 { font-size: 18px; }
.contact-content p { padding: 0 5px; font-size: 16px; }
.contact-content p .impact { font-size: 24px; }

.business-ct { position: relative; width: 610px; height: 610px; margin: 30px auto; }
.business-ct .txt { color: white; position: absolute; padding: 10px; padding-top: 18px; border: 10px solid transparent; width: 120%; top: -50px; right: -10%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: -1; }
.business-ct .txt.trans { z-index: 99; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;  }
.business-ct .txt a.close { position: absolute; top: 0px; right: 0px; font-size: 14px; }
.business-ct .txt.c2 { background: #d5868b; }
.business-ct .txt.c3 { background: #d7a88b; }
.business-ct .txt.c4 { background: #a39bd5; }
.business-ct .txt.c5 { background: #f5ab4c; }
.business-ct .txt.c6 { background: #45abd4; }
.business-ct .txt.c7 { background: #bbce83; }
.business-ct .txt.c8 { background: #70b9b5; }
.business-ct .circle { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 180px; height: 180px; position: absolute; border: 1px solid #dddddd; padding: 10px; }
.business-ct .circle .ins { width: 100%; height: 100%; top: 0; left: 0; color: white; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding-top: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.business-ct .circle .ins:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.business-ct .circle .ins a { text-decoration: none; color: white; }
.business-ct .circle.c1 { width: 240px; height: 240px; top: 190px; left: 50%; margin-left: -120px; padding: 15px; font-size: 32px; font-weight: bold; }
.business-ct .circle.c1 .ins { background: #3399da; padding-top: 50px; }
.business-ct .circle.c2 { top: 0; left: 50%; margin-left: -90px; }
.business-ct .circle.c2 .ins { background: #d5868b; }
.business-ct .circle.c3, .business-ct .circle.c4 { top: 78px; }
.business-ct .circle.c3 { left: 35px; }
.business-ct .circle.c3 .ins { background: #d7a88b; }
.business-ct .circle.c4 { right: 35px; }
.business-ct .circle.c4 .ins { background: #a39bd5; }
.business-ct .circle.c5, .business-ct .circle.c6 { top: 268px; }
.business-ct .circle.c5 { left: -5px; }
.business-ct .circle.c5 .ins { background: #f5ab4c; }
.business-ct .circle.c6 { right: -5px; }
.business-ct .circle.c6 .ins { background: #45abd4; }
.business-ct .circle.c7, .business-ct .circle.c8 { bottom: 10px; }
.business-ct .circle.c7 { left: 116px; }
.business-ct .circle.c7 .ins { background: #bbce83; }
.business-ct .circle.c8 { right: 116px; }
.business-ct .circle.c8 .ins { background: #70b9b5; }

@media (max-width: 1200px) { .zp-box .zp-main { width: 790px; }
  .navbar-style .navbar-nav > li > a { padding-left: 22px; padding-right: 22px; } }
@media (max-width: 992px) { .zp-box .zp-main { width: 100%; }
  .zp-box .zpbanner { display: none; }
  .slogan { font-size: 22px; }
  .navbar-style { font-size: 14px; }
  .navbar-style .navbar-nav > li > a { padding-left: 13px; padding-right: 13px; }
  .newslist .d { display: none; }
  .banner-content .banner { margin-left: -640px; }
  .banner-content .banner img { width: 1280px; }
  .about { background: #f2f2f2; } }
@media (max-width: 768px) { .business-ct { width: 100%; height: auto; }
  .business-ct .circle { position: relative; }
  .business-ct .circle.c1, .business-ct .circle.c2, .business-ct .circle.c3, .business-ct .circle.c4, .business-ct .circle.c5, .business-ct .circle.c6, .business-ct .circle.c7, .business-ct .circle.c8 { margin: 10px auto; top: 0; left: 0; }
  .heading4 h1 { font-size: 36px; }
  .contact-content { background: none; }
  .fb-bg1, .fb-bg2 { background-size: 30%; }
  .fb-bg2 { padding: 40px 100px 45px; }
  .zp-box { margin-left: -15px; margin-right: -15px; }
  .zp-box .zp-main { width: 100%; border: none; }
  .zp-box .zp, .zp-box .zp:last-child { border: none; }
  .next-article .prev, .next-article .next { float: none; }
  .position { float: none !important; margin-top: 25px; }
  footer .power span { margin-right: 10px; margin-left: 0px; }
  .container { min-width: 320px; }
  .banner-content .banner { margin-left: -450px; }
  .banner-content .banner img { width: 900px; }
  .logo { margin-top: 30px; margin-bottom: 15px; }
  .logo img { width: 100%; max-width: 295px; }
  .slogan { margin-top: 0px; margin-bottom: 30px; }
  .navbar-style .navbar-brand { padding: 9px 15px; }
  footer .bot-info { padding: 30px 0; }
  footer .power { text-align: left; }
  .logo, .slogan { float: none; text-align: center; }
  .navbar-style { font-size: 14px; }
  .navbar-style .navbar-nav > li > a { padding-left: 28px; padding-right: 28px; } }
@media (max-width: 560px) { .fb-bg1, .fb-bg2 { background: none; }
  .fb-bg2 { padding: 30px 0 0; }
  .news-pic .tc { display: block; margin-bottom: 10px; }
  .news-pic .pic { margin-right: 0; }
  .news-pic .pic img { width: 100%; }
  .spec-content .pull-left, .spec-content .pull-right { width: 100%; }
  .spec-content .pull-left img, .spec-content .pull-right img { width: 100%; margin: 0; }
  .spec-content .title h1 { font-size: 33px; padding: 0 12px; }
  .spec-content .title h1 small { font-size: 12px; } }

/*# sourceMappingURL=style.css.map */


@media (min-width: 992px) {
	.business-ct .txt.c2,.txt.c3,.txt.c4,.txt.c5,.txt.c6,.txt.c7,.txt.c8{width:790px; position:relative}
	.txt.c2{top:-170px; margin-left:-330px;}
	.txt.c3{top:-248px; margin-left:-150px;}
	.txt.c4{top:-248px; margin-left:-510px;}
	.txt.c5{top:-438px; margin-left:-110px;}
	.txt.c6{top:-438px; margin-left:-550px;}
	.txt.c7{top:-590px; margin-left:-231px;}
	.txt.c8{top:-590px; margin-left:-429px;}
}
