body {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    min-width: 1500px;
    min-height: 1000px;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}
button{
    cursor: pointer;
}

.top-body {
    font-size: 14px;
    line-height: 42px;
    color: #939393;
}

.top-body .top-bar {
    padding: 0 15%;
    border-bottom: 1px solid #ccc;
}

.top-body select,
.top-body option {
    font-size: 14px;
    line-height: 42px;
    color: #939393;
}

.top-body .more-link {
    float: right;
}

.top-body .more-link span {
    padding: 0 10px;
}

.top-body .logo-box {
    height: 100px;
    line-height: 100px;
    float: left;
    width: 15%;
    margin-left: 15%;
}

.top-body .logo-box img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.top-body .china-box {
    float: left;
    width: 20%;
    height: 100px;
    margin-left: 1%;
}

.top-body .china-box span:nth-child(1) {
    display: block;
    line-height: 50px;
    font: 26px "宋体";
    color: #900103;
    margin-top: 20px;
    font-weight: bold;
}

.top-body .china-box span:nth-child(2) {
    line-height: 50px;
    font: 22px "宋体";
    font-weight: bold;
}

.top-body .phone-icno-box {
    float: right;
    height: 100px;
    line-height: 100px;
}

.top-body .phone-icno-box img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.top-body .phone-box {
    float: right;
    width: 20%;
    height: 100px;
    margin-left: 1%;
    margin-right: 10%;
}

.top-body .phone-box span:nth-child(1) {
    display: block;
    color: #1e1210;
    margin-top: 10px;
}

.top-body .phone-box span:nth-child(2) {
    color: #9d0500;
    font: 28px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.top-body .clear-both {
    clear: both;
}

.top-body ul,
.top-body li {
    text-decoration: none;
    list-style-type: none;
    margin: 0;
    border: 0;
    padding: 0;
}

.top-body .menu_bar ul {
    background-color: #261c1a;
    padding: 0 24%;
    z-index: 999;
}

.top-body .menu_bar li {
    display: inline-block;
    width: 10.5%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-left: 1px solid #3e2e2a;
    position: relative;
}

.top-body .menu_bar li:nth-last-child(1) {
    border-right: 1px solid #3e2e2a;
}

.top-body .menu_bar li:hover {
    background-color: #a2131b;
}

.top-body .menu_bar li a {
    color: #fff;
    text-decoration: none;
}

.top-body .menu_bar li ul {
    position: absolute;
    display: none;
}

.top-body .menu_bar li ul li {
    width: 152px;
    border-left: none;
    border-right: none !important;
}

.top-body .menu_bar li:hover ul {
    display: block;
}

.bottom-body {
    clear:both;
    padding-bottom: 30px;
}

.bottom-body .bottom-bar {
    background-color: #261c1a;
    color: #fff;
    padding: 10px 22%;
}

.bottom-body .bottom-bar li a:hover{color:#af0000;cursor: pointer !important;}

.bottom-body .bottom-bar li {
    display: inline-block;
    width: 13%;
    line-height: 40px;
    text-align: center;
}

.bottom-body .bottom-bar li a {
    color: #fff;
    text-decoration: none
}

.bottom-body .logo-box {
    line-height: 150px;
    float: left;
    width: 15%;
    margin-left: 25%;
}

.bottom-body .logo-box img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.bottom-body .contant-us {
    float: left;
    padding-left: 1%;
    font-size: 18px;
    line-height: 14px;
}

.bottom-body .blank {
    display: inline-block;
    width: 20px;
}

.bottom-body .qr-code {
    float: left;
    width: 6%;
    margin: 0 2%;
    text-align: center;
}

.bottom-body .qr-code img {
    width: 100%;
    margin-top: 10px;
}

.bottom-body .qr-code p {
    margin: 0;
}

.bottom-body .clear-both {
    clear: both;
}

#wrapper {
    height: 600px;
}

#wrapper .wrapper-pic {
    background-size: cover;
    background-position: center;
}

#wrapper * {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
}

#wrapper a {
    text-decoration: none;
    color: #666;
}

#wrapper a:hover {
    color: #1bc1a3;
}

#wrapper body,
#wrapper hmtl {
    background: #ecf0f1;
    font-family: "Anton", sans-serif;
}

#wrapper #wrapper {
    /* TODO:  width=轮播宽度 */
    width: 100%;
    /* TODO:  height=轮播高度 */
    height: 600px;
    position: relative;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 0px;
}

#wrapper #slider-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#wrapper #slider-wrap ul#slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper #slider-wrap ul#slider li {
    float: left;
    position: relative;
    /* TODO:  width=100%/图片总数 */
    width: 33.333333333%;
    height: 100%;
}

#wrapper #slider-wrap ul#slider li>div {
    position: absolute;
    top: 20px;
    left: 35px;
}

#wrapper #slider-wrap ul#slider li>div h3 {
    font-size: 36px;
    text-transform: uppercase;
}

#wrapper #slider-wrap ul#slider li>div span {
    font-family: Neucha, Arial, sans serif;
    font-size: 21px;
}

#wrapper #slider-wrap ul#slider li i {
    text-align: center;
    /* TODO:  height=轮播高度 */
    line-height: 600px;
    display: block;
    width: 100%;
    font-size: 90px;
}

/*btns*/

#wrapper .btns {
    position: absolute;
    width: 50px;
    height: 60px;
    top: 50%;
    margin-top: -25px;
    line-height: 57px;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1);
    z-index: 100;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#wrapper .btns:hover {
    background: rgba(0, 0, 0, 0.3);
}

#wrapper #next {
    right: -50px;
    border-radius: 7px 0px 0px 7px;
}

#wrapper #previous {
    left: -50px;
    border-radius: 0px 7px 7px 7px;
}

#wrapper #counter {
    top: 30px;
    right: 35px;
    width: auto;
    position: absolute;
}

#wrapper #slider-wrap.active #next {
    right: 0px;
}

#wrapper #slider-wrap.active #previous {
    left: 0px;
}

/*bar*/

#wrapper #pagination-wrap {
    min-width: 20px;
    margin-top: 500px;
    margin-left: auto;
    margin-right: auto;
    height: 15px;
    position: relative;
    text-align: center;
}

#wrapper #pagination-wrap ul {
    width: 100%;
}

#wrapper #pagination-wrap ul li {
    margin: 0 4px;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    opacity: 0.5;
    position: relative;
    top: 0;
}

#wrapper #pagination-wrap ul li.active {
    width: 12px;
    height: 12px;
    top: 3px;
    opacity: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 0px;
}

/*Header*/

#wrapper h1,
#wrapper h2 {
    text-shadow: none;
    text-align: center;
}

#wrapper h1 {
    color: #666;
    text-transform: uppercase;
    font-size: 36px;
}

#wrapper h2 {
    color: #7f8c8d;
    font-family: Neucha, Arial, sans serif;
    font-size: 18px;
    margin-bottom: 30px;
}

/*ANIMATION*/

#wrapper #slider-wrap ul,
#wrapper #pagination-wrap ul li {
    -webkit-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
    -o-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
    -ms-transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
    transition: all 0.3s cubic-bezier(1, 0.01, 0.32, 1);
}

#app .search-bar {
    padding: 20px 20%;
    font-size: 14px;
    color: #646464;
    border-bottom: 1px solid #ddd;
}

#app .search-input {
    float: right;
    background: url(../images/search-back.gif);
    width: 300px;
    height: 33px;
    font: 12px "宋体";
    line-height: 33px;
    border: 0;
    color: #646464;
    padding-left: 48px;
    margin-top: -10px;
}

#app .search-button {
    background: url(../images/go-search.gif);
    height: 33px;
    width: 33px;
    float: right;
    border: 0;
    margin-top: -10px;
}

#app .title {
    text-align: center;
    font-size: 36px;
    padding: 20px 0;
}

#app .title .row-one {
    font-weight: 800;
    color: #af0000;
}

#app .title .row-two {
    font-weight: 400;
    font-size: 22px;
    padding-top: 20px;
    color: #030303;
    background: url(../images/lines.png) no-repeat top;
}

#app .bg-white {
    background: #fff;
}

#app .panel-1 .text-area {
    font-weight: 600;
    color: #000;
    font-size: 18px;
    width: 20%;
    padding: 20px 5% 20px 25%;
    float: left;
}

#app .font-red {
    color: #900;
}

#app .font-bg {
    font-size: 24px;
}

#app .font-thin {
    font-weight: 400;
}

#app .panel-1 .ask-now {
    padding: 0;
    border: 0;
}

#app .panel-1 .img-box {
    float: right;
    width: 25%;
    margin-right: 25%;
    line-height: 422px;
}

#app .panel-1 .img-box img {
    box-shadow: #a9a9a9 10px 10px 30px 5px;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

#app .clear-both {
    clear: both;
}

#app ul {
    list-style: none;
}

#app a,
#app li {
    text-decoration: none;
    cursor: default;
}

#app .panel-3 .clear-both {
    height: 80px;
}

#app .door-bar {
    padding: 0 20%;
    margin-bottom: 30px;
}

#app .door-bar li {
    text-align: center;
    float: left;
    width: 23%;
    margin: 10px 1%;
    height: 300px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
}

#app .door-bar li img {
    width: 100%;
    height: 100%;
}

#app .door-bar li .door-text {
    position: absolute;
    top: 320px;
    left: 29%;
}

#app .door-bar li em {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
}

#app .door-box {
    width: 50%;
    margin-left: 25%;
}

#app .door-box-left {
    float: left;
    width: 69%;
    height: 500px;
}

#app .door-box-right {
    float: right;
    width: 29%;
    height: 500px;
}

#app .door-right-1 {
    height: 240px;
}

#app .door-right-2 {
    margin-top: 20px;
    height: 240px;
}

#app .shadow {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    line-height: 240px;
    color: transparent;
    background: transparent;
}

#app .door-box-left .shadow {
    line-height: 500px;
}

#app .shadow:hover {
    color: #fff;
    background: #00000086;
}

#app .back-img {
    background: no-repeat center;
    background-size: cover;
}

#app .panel-4 {
    background: url(../images/supp_bg.jpg) no-repeat fixed center;
    background-size: cover;
}

#app .panel-4 .title .row-one,
#app .panel-4 .title .row-two {
    color: #fff;
}

#app .sup-panel {
    margin: 0 auto 25px auto;
    height: 650px;
    width: 1150px;
}

#app .one-sup {
    width: 20%;
    height: 300px;
    float: left;
    margin-top: 10px;
    background: url(../images/supp_bg1.gif) no-repeat center bottom;
}

#app .panel-7 {
    height: 500px;
}

#app .one-sup-img {
    width: 63px;
    height: 63px;
    margin: 0 auto 10px;
    background: url(../images/supp_bg2.png) no-repeat top;
}

#app .support-title {
    font-size: 24px;
    text-align: center;
    color: #990401;
    margin: 10px 0;
}

#app .support-en {
    font-size: 12px;
    text-align: center;
    color: #999;
    margin-bottom: 10px;
}

#app .support-content {
    font-size: 14px;
    text-align: center;
    color: #030303;
    margin: 0 35px;
}

#app .step-list {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

#app .one-step {
    width: 73px;
    margin-right: 59px;
    float: left;
    position: relative;
    background: url(../images/lc1_bg.gif) no-repeat left top;
}

#app .one-step a em {
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    overflow: hidden;
}

#app .one-step a img {
    width: 73px;
    height: 73px;
}

#app .one-step a i {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/lc_jt1.png) no-repeat;
    position: absolute;
    top: 26px;
    left: 93px;
}

#app .panel-5 h2 {
    clear: both;
    line-height: 60px;
    text-align: center;
    margin-bottom: 0;
}

#app .panel-5 h2 button {
    width: 165px;
    height: 42px;
    font-size: 20px;
    background: #990401;
    color: #fff;
}

#app .franchisee {
    display: table;
    margin: 10px auto;
    padding: 0 15%;
}

#app .one-franchisee {
    display: inline-block;
    width: 33%;
}

#app .one-franchisee div {
    width: 273px;
    height: 273px;
    background: no-repeat center;
    background-size: cover;
    border: 5px solid #b0b0b0;
    border-radius: 100%;
    margin: 0 auto;
    cursor: pointer;
}

#app .one-franchisee div:hover {
    border-color: #990000;
}

#app .one-franchisee h3 {
    font-size: 18px;
    white-space: nowrap;
    text-align: center;
}

#app .one-franchisee p {
    font-size: 13px;
    text-align: center;
    padding: 0 20%;
}

#app .aboutus-text {
    width: 30%;
    height: 300px;
    display: inline-block;
    margin-left: 2%;
}

#app .aboutus-pic {
    width: 30%;
    height: 300px;
    display: inline-block;
    margin-left: 20%;
}

#app .aboutus-pic img {
    width: 100%;
    height: 100%;
}

#app .aboutus-text {
    vertical-align: top;
}

#app .tellus {
    background: url(../images/online_bg.jpg) no-repeat fixed center;
    background-size: cover;
    height: 495px;
}

#app .tellus-gray {
    height: 495px;
    background: #000000b9;
}

#app .addons {
    width: 530px;
    margin-left: 20%;
    margin-right: 5%;
    padding-top: 70px;
    text-align: center;
    display: inline-block;
    color: #fff;
}

#app .addons p:nth-child(1) {
    font-size: 18px;
}

#app .addons p:nth-child(2) {
    font-size: 36px;
}

#app .addons p:nth-child(3) {
    font-size: 27px;
    display: inline-block;
    padding: 10px;
    background: #af0000;
}

#app .addons p:nth-child(4) {
    font-size: 22px;
    display: inline-block;
    padding: 10px;
    border: 2px solid #af0000;
}

#app .tellus-form {
    height: 495px;
    width: 20%;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    background: #af000091;
}

#app .tellus-form-box {
    padding: 10%;
}

#app .tellus-form-box div {
    margin: 30px 0;
    border: 1px solid #fff;
}

#app .tellus-form-box div p {
    margin: 0 0 0 3%;
    width: 30%;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

#app .tellus-form-box div input {
    width: 60%;
    display: inline-block;
    background: transparent;
    border: 0;
    padding: 0;
    height: 25px;
    line-height: 25px;
    color: #fff;
}

#app .tellus-form-box button {
    border: 0;
    height: 25px;
    line-height: 25px;
    background: #000;
    color: #fff;
    width: 20%;
    margin: 3%;
}

#app .photo {
    height: 350px;
}

#banner .left-panel {
    float: left;
    height: 440px;
    width: 10%;
    margin-left: 20%;
}

#banner .left-panel div {
    background-color: #261c1a;
    border-bottom: 1px solid #3c3331;
    color: white;
    padding: 25px 15px;
    text-align: center;
    height: 59px;
}

#banner p,
#banner h3 {
    margin: 0;
    cursor: default;
}

#banner .left-panel h3 {
    border-bottom: 1px solid #695f50;
}

#banner .right-panel {
    float: left;
    height: 440px;
    width: 50%;
}

#banner .img-box {
    height: 440px;
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#banner .img-box img {
    height: 100%;
    width: 100%;
}

#banner .text-area {
    margin-top: 330px;
    background-color: #0000006e;
    padding: 20px 150px 0 40px;
    height: 110px;
    color: #fff;
    position: relative;
}

#banner .join-us {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 110px;
    text-align: center;
    height: 110px;
    width: 110px;
    color: #fff;
    background-color: #af0000;
}

#banner .clear-both {
    clear: both;
    height: 40px;
}

#banner .select-color:hover {
    background-color: #af0000;
}

#photoZturn .poster-item {
    text-decoration: none;
    list-style: none;
    height: 200px;
    width: 336px;
    border-radius: 10px;
    padding: 45px 23px 20px 23px;
    transition: all 0.5s;
}

#photoZturn .img-box {
    height: 200px;
    width: 336px;
    overflow: hidden;
}

#photoZturn .img-box img {
    max-width: 100%;
    max-height: 100%;
}


/* 主体 */
section{min-height:500px;margin-bottom: 30px;}
ul,a,li{list-style: none;text-decoration: none;padding: 0;}
/* 产品列表 */
.pro_lb0 .clearfix{float: left;width: 100%;margin-bottom: 20px;border-bottom: 1px dashed #ccc;padding-bottom: 20px;position: relative;}
.plist .fl img{height: 279px;width:279px;float: left;}
.plist .fl .pinfo{float: right;}
.plist .clearfix strong a{margin: 10px 0;line-height: 25px; font-size: 20px;color: #222;font-weight: 600;display: block}
.plist .clearfix p{padding-left:300px }
.plist .clearfix .inquire{position: absolute;bottom: 50px;padding: 8px 20px;background: #261c1a;color: #fff;border-radius: 5px;}
.plist .clearfix .inquire a{color: #fff;}

.sidebar{float:left;width:240px;padding-top:24px;}
.main{padding: 23px 0 0 270px;}
.ctit h3{font-size: 18px;color: #fff;line-height: 50px;border-bottom:1px solid #ccc;text-align: center;margin-bottom:12px;background: #261c1a;}
.bPosition{line-height: 45px;padding:0 16px;color: #333;margin: 10px 0px 0px 0px;background: #Eee;}
.bPosition a{color:#261c1a}
.bPosition a:hover{color:#fa0000}
.sf-menu li a,.sf-menu li:hover a{display:block;color: #111;line-height:20px;font-size: 16px;background: #ccc url(../images/pico.png) 5px 15px no-repeat;padding: 9px 0 9px 18px;}
.sf-menu li a:hover{background-color:#261c1a;color:#fff;}
.sf-menu li li.LiProDetail a{background:url(../images/ico_sort.png) no-repeat 8px 11px;}
.sf-menu li li a,.sf-menu li:hover li a{display:block;line-height:20px;color: #333;padding:6px 0 4px 0px;text-decoration:none;font-size: 14px;padding-left:18px;font-weight:normal;}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;}
.pages a:link,.pages a:visited{color:#666;background:#FFF;}
.pages a:hover,.pages a:active,.pages span.ctxt{color:#FFF;background:#333;color:#FFF;text-decoration:none}
.pinfo{font-size: 14px;}
@media screen and (min-width:1004px){.top .fl{min-width:690px;overflow:hidden;}
.es-carousel ul li a img{max-height:96px;max-width:100%;}}
.container{max-width:1200px;_width:1200px;margin:0 auto}
/* 左菜单栏 */
.leftMenu ul li{background-color: #ccc;padding: 9px 18px;margin:2px 0;}
.leftMenu ul li a{color:#000;line-height: 24px;}
.leftMenu ul li:hover{background-color: #261c1a}
.leftMenu ul li:hover>a{color:#fff}
/* 联系我们 */
.submita{padding: 8px 20px;background: #261c1a;color: #fff;border: 0; font-size:16px;}
.LiProDetail a:hover{color:#9d0500 !important;}
.label,.text{line-height: 20px;margin:5px}
/* 新闻 */
.newcon .tit{text-align:center;color:#000;font-size: 22px;}
.newcon .time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin: 0px auto 20px;text-align:center;}
.newslist ul{padding-right:16px}
.newslist li{text-align:right;border-bottom:1px dashed #ddd;line-height: 40px;overflow:hidden;}
.newslist li a{float:left;font-size: 15px;text-indent: 15px;color:#444}
.newslist li a:hover{color:#9d0500;text-decoration:underline}
.prevNext a{color:#261c1a}
.prevNext a:hover{color:#9d0500}
/* 新闻下的其他新闻 */
.rnews h3,.rollPro h3{font-size: 25px;line-height:24px;font-weight:normal;height:30px;color: #261c1a;}
.rnews li{float:left;width:50%;height: 35px;line-height: 35px;}
.rnews li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size: 14px;border-bottom: 1px dashed #ccc;color: #333;}
.rnews li a:hover{color:#9d0500;}
.rnews br{clear:both}
.footlinks{
    text-align: center;
    margin-top: -20px;
}
.footlinks a{
    color: #000;
}

.contant-us p a{
    color: #2c3e50;
}
.pcon_r .pd-title{
    text-align: center;
}
.pcon_l .singglepic{
    text-align: center;
}
.feedbackForm table tr td:nth-child(1){
    width: 80px!important;
    text-align: right;
    padding-right: 16px;
}
.feedbackForm table tr td:nth-child(2)  input{
    width: 400px!important;
}.feedbackForm table tr td:nth-child(2)  textarea{
     width: 400px!important;
     margin-left: 0px;
 }
 .acon .pinfo p a{
     color: #2c3e50;
 }
.b-keyword{
    text-align: center;
}

.e_mobile {display: inline-block;height:25px;line-height:25px;background:url(../images/emobile.png) 0px -50px no-repeat;text-indent:25px;}