﻿html { font-size: 32.5% }
 @media screen and (min-width:376px) {
 html { font-size: 32.5%}
}
 @media screen and (min-width:415px) {
 html { font-size: 41.5%}
}
 @media screen and (min-width:481px) {
 html { font-size: 49.5%}
}
 @media screen and (min-width:641px) {
 html { font-size: 62.5%}
}
body { font: normal 100% '微软雅黑', Helvetica, Arial, sans-serif; color: #717071; margin: 0; padding: 0; font-size: 1.2rem; line-height: 1.5; }
a { text-decoration: none;  transition: all .4s ease-in-out;
}
img { padding: 0; margin: 0; border: none; line-height: 0; font-size: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
input, button, select, textarea { outline: none }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
em, i { font-style: normal; }
.line-height { line-height: 2.5; }
.line-height2 { line-height: 2; }
/**banner**/

.banner img, .clients-ad { max-width: 100%; overflow: hidden; }
.carousel-indicators li { width: 6rem;  height: .4rem;background: #fff; border-radius: 0; border: none;  margin-left: .5rem;margin-right: .5rem;}
.carousel-indicators .active { width: 6rem;  height: .4rem;
background: #d70c18; border-radius: 0; border: none; }
.carousel-control { display: none; }
/**导航**/

.menubar { padding: 10px; font-size: 18px; background: #fff; border: none; }
.navbar { margin-bottom: 0; }
.navbar .caret{margin-left: 15px;}
.navbar-nav a { line-height: 39px; font-size: 18px; }
.nav>li>a { padding-left: 30px; padding-right: 30px; }
.navbar-default .navbar-nav>li>a:hover { color: #d70c18; }
.menubar .active a { background: none!important; }
.navbar-brand { padding-top: 0; padding-bottom: 0; }
.topbar-phone { margin-top: 10px; }
.topbar-phone img { margin-right: 10px; }
/**主内容**/

.title { text-align: center; }
.title em { font-size: 5.7rem; color: #d70c18; }
.title hr { width: 3.6rem; height: 0.4rem; margin-top: 1.5rem; margin-bottom: 1.5rem; background: #d70c18; }
.title .hr2 { width: 10.0rem; height: 0.2rem; margin-left: auto; margin-right: auto; background: #b8b8b8; }
.title small { font-size: 2.4rem; color: #717071; text-transform: uppercase; padding-bottom: 0.5rem;  border-bottom: solid .2rem #717071;display: inline-block; margin-bottom: 2rem; }
.title .small2 { font-size: 2.4rem; color: #717071; text-transform: none; padding-bottom: 0.5rem; border-bottom: none; display: inline-block; margin-bottom: 0; }
.blue { color: #e50012; }
.size44 { font-size: 4.4rem; }
.size40 { font-size: 4rem; }
.size37 { font-size: 3.5rem; }
.size35 { font-size: 3.5rem; }
.size33 { font-size: 3.3rem; }
.size26 { font-size: 2.6rem; }
.size25 { font-size: 2.5rem; }
.size24 { font-size: 2.4rem; }
.size20 { font-size: 2.0rem; }
.size18 { font-size: 1.8rem; }
.size17 { font-size: 1.7rem; }
.size15 { font-size: 1.5rem; }
.size14 { font-size: 1.4rem; }
.size12 { font-size: 1.2rem; }
.mt10 { margin-top: 1.0rem; }
.mt20 { margin-top: 2.0rem; }
.mt30 { margin-top: 3.0rem; }
.mt50 { margin-top: 5.0rem; }
.mt60 { margin-top: 6.0rem; }
.mt80 { margin-top: 8.0rem; }
.mt150 { margin-top: 15.0rem; }
.mt60 { margin-top: 6.0rem; }
.ml15 { margin-left: 1.5rem; }
.pb20 { padding-bottom: 2.0rem; }
.white { color: #fff; }
.align-center { text-align: center; }
.main { padding-top: 7.0rem; padding-bottom: 7.0rem; }
.main img { max-width: 100%; }
.procon { width: 70%; height: 50rem; padding-top: 6rem; padding-bottom: 6rem; margin-left: auto; margin-right: auto; line-height: 2em; }
.procon em { line-height: 1.5em; }
.about-icon-box { width: 80%; margin-left: auto; margin-right: auto; margin-top: 3rem; }
.index-about { text-align: center; }
.index-about-list { margin: 2.5rem; }
.index-about-list img { max-width: 100%; }
.dashed-line { border-bottom: dashed 1px #dcdcdc; }
.solid-line { border-bottom: solid 2px #dcdcdc; }
.white-dashed-line { border-bottom: dashed 1px #fff; }
.white-solid-line { border-bottom: solid 6px #fff; }
.banner-txt { background: #231815; text-align: center; color: #fff; padding-top: 12rem; padding-bottom: 12rem; }
.banner-txt p span { display: inline-block; padding-bottom: 10px; }
.news-list { padding-top: 7.0rem; padding-bottom: 7.0rem; border-bottom: dashed 2px #dcdcdc; line-height: 3.5rem; }
.news-list:last-child { border-bottom: none; padding-bottom: 5.0rem; }
.news-list-txt { padding-left: 4rem; padding-right: 4rem; }
.news-list img { max-width: 100%; }
/**分类标签**/

.class-tabs { text-align: center; }
.class-tabs a { display: inline-block; border: solid 2px #e50012; color: #e50012; font-size: 2.4rem; padding: 1.2rem 8.0rem; margin-left: 2.5rem; margin-right: 2.5rem; margin-top: 1rem; }
.class-tabs a:hover { background: #e50012; border-color: #e50012; color: #fff; text-decoration: none; }
/**分页**/

.page1 { text-align: center; margin-bottom: 16.0rem; }
.page1 a { width: 6.0rem; height: 0.4rem; background: #b4b4b5; margin-left: 0.5rem; margin-right: 0.5rem; display: inline-block; }
.page1 a.page1-curr { background: #d70c18; }
.page2 { text-align: center; }
.page2 a { display: inline-block; border: solid 2px #e50012; color: #e50012; font-size: 2.4rem; padding: 1.2rem 8.0rem; margin-left: 2.5rem; margin-right: 2.5rem; }
.case-main img { max-width: 100%; }
/**底部**/

.footer { padding-top: 8.0rem; padding-bottom: 5.0rem; background: #d70c18; }
.footer li { width: 100%; float: left; margin-top: 3.0rem; line-height: 1.8em; }
.footer-left { color: #fff; }
.footer-form { width: 75%; }
.footer-form input, .footer-form textarea, .footer-form button { height: 5.2rem; border-radius: 0; border: none; padding: 0.8rem 2.0rem; font-size: 1.6rem; }
.footer-form textarea { height: 20.0rem; }
.footer-form button { font-size: 2.0rem; border: solid 4px #fff; background: none; color: #fff; margin-top: 3.0rem; }
.footer-form button:hover { background: #fff; border: solid 4px #fff; color: #333; }
.footer-form .form-group { margin-bottom: 0.8rem; }
.copyright { margin-top: 6.0rem; }
 @media screen and (max-width:641px) {
 .footer-form { width: 100%;}
 .carousel-indicators li { width: 2rem; height: .2rem; margin-left: .2rem; margin-right: .2rem;}
 .carousel-indicators .active { width: 2rem; height: .2rem;}
}
/**浮动窗口**/
.wuyou-waiter { position: fixed; right: 0px; top:50%; margin-top: -90px; width: 42px; z-index: 999; }
.waiter-ul {background: url(../images/toparrow.png) no-repeat; padding-top: 4px;}
.waiter-ul li { position: relative; height: 43px; }
.waiter-ul li a { position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 42px; height: 42px; line-height: 42px;text-align: center; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; text-decoration: none; }
.waiter-title { position: absolute; left: 0px; top: 0; color: #fff; width: 186px; padding: 12px; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, .3); z-index: 1; opacity: 0; border-radius: 4px; font-size: 16px; }
.waiter-title:before { content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg); }
.waiter-ul li:hover .waiter-title { left: -200px; opacity: 1; }
.waiter-ul li.wuyou-top a { width: 42px; height: 42px;}
.waiter-ul li.wuyou-top .waiter-title { background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before { background-color:#333; }
.waiter-ul li.wuyou-phone a { width: 42px; height: 42px;}
.waiter-ul li.wuyou-phone .waiter-title { background-color:#333; }
.waiter-ul li.wuyou-phone .waiter-title:before { background-color:#333; }
.waiter-ul li.wuyou-qq a { width: 42px; height: 42px;}
.waiter-ul li.wuyou-qq .waiter-title { background-color:#333; }
.waiter-ul li.wuyou-qq .waiter-title:before { background-color:#333; }
.waiter-ul li.wuyou-qrcode a { width: 42px; height: 42px;}
.waiter-ul li.wuyou-qrcode .waiter-title img { width: 76px; height: 76px; }
.waiter-ul li.wuyou-qrcode .waiter-title { background-color:#333; }
.waiter-ul li.wuyou-qrcode .waiter-title:before { background-color:#333; }
