@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("../font/iconfont.eot"); src: url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#uxiconfont") format("svg"); }
.list-no-style { list-style: none; padding: 0; }

.icon { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

body { font-size: 14px; font-family: "Microsoft YaHei", sans-serif; }

a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a:hover { text-decoration: none; }

/*--- 1.头部（header） ----- */
.inline { display: inline-block; }

.container { min-width: 320px; }

.top { background: url(../images/bg1.png) repeat-x #f0f0f0; padding: 24px 0 22px; }

.space { height: 30px; }

.space15 { height: 15px; }

.space20 { height: 20px; }

.dot-line { border-top: 1px dotted #cccccc; }

#logo { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #8e1010; -moz-box-shadow: 0 2px 3px 1px #888888; -webkit-box-shadow: 0 2px 3px 1px #888888; box-shadow: 0 2px 3px 1px #888888; display: inline-block; vertical-align: top; }
#logo a { display: block; border: 1px solid #ff5e5e; background: #eb0000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 0 7px; }
#logo img { width: 100%; }

.hotline { padding: 20px 20px 10px; font-size: 18px; display: inline-block; vertical-align: top; }
.hotline p { margin: 0; }
.hotline span { font-size: 150%; color: #eb0000; }

.top-link { text-align: right; margin-top: -24px; font-size: 12px; line-height: 200%; margin-bottom: 40px; }
.top-link a { color: #666666; }
.top-link a .icon { color: #d9534f; font-size: 16px; }
.top-link a:hover { color: #d9534f; }

.slide-nav { background: url(../images/bg2.png) repeat-x; border-bottom: 1px solid #8e1010; border-top: 1px solid #8e1010; background-size: contain; }
.slide-nav .line { border-bottom: 1px solid #ff5e5e; }

.slider { margin: 0 -15px; }

.navbar-style { font-size: 18px; margin-top: -2px; }
.navbar-style a { color: white; }
.navbar-style .icon { color: white; font-size: 20px; }
.navbar-style .nav > li > a { padding: 12px 25px 16px; z-index: 2; text-shadow: 0 1px 3px #650502; }
.navbar-style .nav { margin: 0 -15px; padding-bottom: 5px; overflow: hidden; }
.navbar-style .nav li { margin: 0 3px; }
.navbar-style .nav strong { width: 100%; height: 100%; position: absolute; top: -110%; display: block; left: 0; border: 1px solid #8e1010; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border-top: 0; z-index: 1; -moz-box-shadow: 0 1px 3px 0px #650502; -webkit-box-shadow: 0 1px 3px 0px #650502; box-shadow: 0 1px 3px 0px #650502; }
.navbar-style .nav span { width: 100%; height: 100%; display: block; border: 1px solid #ff5e5e; background: #e23631; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.navbar-style .nav li:hover strong, .navbar-style .nav li.active strong { top: 0; }

.notice-scroll { padding: 10px 0; overflow: hidden; }
.notice-scroll table { width: 100%; }
.notice-scroll .tit { font-weight: bold; color: #eb0000; width: 120px; min-width: 120px; }
.notice-scroll .tit .icon { font-size: 22px; color: #444444; }
.notice-scroll .scroll2 { width: 90%; overflow: hidden; }
.notice-scroll .marquee { width: 1020px; overflow: hidden; }

.about-box { padding: 15px; background: #f8f8f8; border: 1px solid #e2e2e2; }
.about-box .icon { color: #e23631; line-height: 100%; text-align: center; font-size: 36px; display: block; width: 90px; height: 90px; padding: 27px 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 2px solid #e23631; }
.about-box h3 { margin: 0 0 5px 10px; font-size: 16px; color: #e23631; font-weight: bold; }
.about-box p { font-size: 14px; margin: 0; margin-left: 10px; }
.about-box a { color: #e23631; }
.about-box a:hover { padding-left: 8px; }

.box-heading { border: 1px solid #e2e2e2; background: #f8f8f8; height: 44px; padding-left: 4px; position: relative; }
.box-heading span { display: inline-block; vertical-align: top; margin-left: 6px; }
.box-heading .head-text { line-height: 44px; font-size: 16px; font-weight: bold; color: #555555; }
.box-heading .more { color: #999999; position: absolute; right: 15px; top: 10px; }
.box-heading .more:hover { color: #e23631; }

.box-content .carousel-controls { position: absolute; top: 0; right: 102px; }
.box-content .carousel-control { width: 44px; height: 44px; display: block; position: absolute; border: 1px solid #e2e2e2; text-align: center; }
.box-content .carousel-control .icon { font-size: 20px; line-height: 44px; color: #777777; }
.box-content .carousel-control:hover { background: #e8e8e8; }
.box-content .right { left: 44px; margin-left: -1px; }

.product-block { margin-bottom: 15px; }
.product-block .img { border: 1px solid #8e1010; }
.product-block img { width: 100%; height: 200px; }
.product-block .tit { text-align: center; border: 1px solid #444444; background: #666666; color: white; line-height: 28px; margin-top: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.product-block .tit:hover { background: #eeeeee; color: #444444; }
.product-block .tit:hover a { color: #444444; }
.product-block .tit a { color: white; }

.title-icon { -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; border: 1px solid #8e1010; width: 48px; height: 48px; position: relative; margin-top: -1px; }
.title-icon a { width: 100%; height: 100%; border: 1px solid #fb4f4a; -webkit-border-radius: 0 0 7px 7px; -moz-border-radius: 0 0 7px 7px; border-radius: 0 0 7px 7px; display: block; text-align: center; background: #e23631; color: white; }
.title-icon .icon { font-size: 28px; line-height: 46px; }

.qr-code, .qr-code-2 { border: 1px solid #e23631; text-align: center; }
.qr-code img, .qr-code-2 img { width: 100%; }
.qr-code p, .qr-code-2 p { color: #e23631; }

.news-box tr { margin: 10px 0; }
.news-box tr:last-child td { border-bottom: 0; }
.news-box td { vertical-align: top; padding: 15px 0; border-bottom: 1px dotted #cccccc; }
.news-box .img { width: 110px; border: 1px solid #999999; height: 80px; overflow: hidden; text-align: center; vertical-align: middle; }
.news-box .img a { display: block; }
.news-box .img a:hover { padding: 0; margin: -10px; }
.news-box .img img { width: 100%; }
.news-box h3 { margin: 0 0 5px 10px; font-size: 16px; color: #e23631; font-weight: bold; }
.news-box p { font-size: 14px; margin: 0; margin-left: 10px; }
.news-box a { color: #e23631; }
.news-box a:hover { padding-left: 8px; }
.news-box.small p { font-size: 12px; line-height: 20px; }
.news-box.small h3 { font-size: 16px; }

.jiameng-box { height: 225px; padding: 15px 0; }
.jiameng-box .marquee-h { height: 195px; overflow: hidden; }

.contact-box { margin: 15px 5px; }
.contact-box td { vertical-align: top; }
.contact-box .icon { font-size: 21px; color: #e23631; }
.contact-box p { font-size: 13px; margin: 2px; color: #666666; }
.contact-box a { color: #e23631; }
.contact-box a:hover { padding-left: 8px; }

.footer { text-align: center; background: #f8f8f8; border: 1px solid #e2e2e2; font-size: 14px; color: #888888; }
.footer .link { border-bottom: 1px solid #e2e2e2; padding: 15px; }
.footer .link a { color: #888888; }
.footer .link a:hover { color: #e23631; }
.footer .copy { padding: 40px 10px 50px; }
.footer .copy a { color: #e23631; display: inline-block; }
.footer .copy a:hover { color: #666666; }

.position { padding-bottom: 6px; border-bottom: 1px dotted #cccccc; color: #444444; font-size: 16px; }
.position .icon { color: #e23631; font-size: 21px; }
.position a { color: #444444; }
.position a:hover { color: #e23631; }

.content img { max-width: 100%; }

#page { text-align: center; }

.jiameng-head { text-align: center; padding: 5px; font-size: 22px; background: #f8f8f8; border: 2px solid #e2e2e2; margin-bottom: 15px; }

.liucheng { padding: 0 5px 250px; background: url(../images/jiameng.jpg) 100px bottom no-repeat; }
.liucheng .head { border: 1px solid #8e1010; color: white; font-size: 24px; text-shadow: 0px 1px 5px #8e1010; margin: 0 -5px; }
.liucheng .head div { border: 1px solid #ff5e5e; line-height: 56px; background: #e23631; }
.liucheng .head b { display: inline-block; width: 58px; background: url(../images/dot.png) no-repeat; text-align: center; font-size: 28px; vertical-align: middle; }
.liucheng .body { padding: 10px 10px 5px; background: #f8f8f8; border: 1px solid #e2e2e2; border-top: 0; margin: 0 -5px; font-size: 13px; }

.panel-heading { border: 1px solid #8e1010; position: relative; }
.panel-heading .icon { position: absolute; top: 10px; right: 10px; font-size: 17px; }

.panel-title { padding: 10px 15px; padding-right: 30px; color: white; background: #e23631; border: 1px solid #ff5e5e; }

.panel-body { background: #f8f8f8; border: 1px solid #e2e2e2; }

.plus:before { content: "\f0154"; }

.minus:before { content: "\f0153"; }

.video { margin: auto; width: 100%; max-width: 600px; height: 450px; }

h1 small { display: inline-block; }

.content .input-group, .content textarea { margin-bottom: 10px; }
.content img { max-width: 100%; }
.content h2.title { text-align: center; }
.content .info { padding: 5px; background: #f8f8f8; border: 1px solid #e5e5e5; color: #888888; text-align: center; }
.content .info span { margin: 0 10px; }

.map { height: 200px; margin-top: 5px; }

@media (max-width: 1200px) { .liucheng .head { font-size: 18px; }
  .navbar-style { font-size: 16px; }
  .navbar-style .nav > li > a { padding: 12px 19px 16px; }
  #logo { width: 50%; max-width: 380px; }
  .hotline { font-size: 16px; padding: 12px 15px 10px; }
  .about-box td { vertical-align: top; }
  .product-block img { width: 100%; height: 150px; }
  .about-box .icon { font-size: 30px; width: 70px; height: 70px; padding: 20px 0; } }
@media (max-width: 992px) { .video { height: 350px; }
  .liucheng { background: none; padding-bottom: 0px; }
  .product-block img { width: 100%; height: 175px; }
  .liucheng .head { font-size: 24px; }
  .navbar-style { font-size: 14px; }
  .navbar-style .nav > li > a { padding: 8px 10px 12px; }
  #logo { width: 52%; }
  .hotline { font-size: 13px; padding: 5px 10px 8px; }
  .top-link { margin-bottom: 23px; }
  .about-box td { vertical-align: top; }
  .about-box .icon { font-size: 24px; width: 58px; height: 58px; padding: 18px 0; } }
@media (max-width: 767px) { #logo { width: auto; display: block; margin: auto; }
  .product-block img { width: 100%; height: auto; }
  .hotline { display: block; text-align: center; padding: 15px 0px; font-size: 16px; }
  .top-link { display: none; }
  .navbar-style .nav strong { display: none; }
  .navbar-style .nav li:hover, .navbar-style .nav li.active { background: #8e1010; } }
@media (max-width: 479px) { .video { height: 240px; } }