@import url(counter.css);

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}
body, html,input{font-family:"微软雅黑,兰亭黑,黑体";}
a {
    text-decoration: none;
}
a:hover {
    opacity: 0.8;
}
.justify {
    text-align: justify;
}
.justify:after {
    display: inline-block;
    width: 100%;
    content: '';
}
/*******************icons*********************/
i.phone_box {
    display: inline-block;
/*    width: 25px;
    height: 24px;
    background-image: url(icons/phone.png);*/
    width: 20px;
    height: 20px;
    background-image: url(icons/phone2.png);
    background-size: 100%;
}
i.top_phone {
    display: inline-block;
    width: 274px;
    height: 49px;
    background-image: url(top/phone.png);
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    overflow: hidden;
}
i.phone_number {
    display: inline-block;
    width: 175px;
    height: 24px;
    background-image: url(icons/phone_number.png);
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    overflow: hidden;
}

i.info_link {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(icons/info_link.png);
}
i.info_phone {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(icons/info_phone.png);
    
}
i.info_addr {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(icons/info_addr.png);
}
i.info_copyright {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(icons/info_copyright.png);
}
i.position {
    display: inline-block;
    width: 16px;
    height: 22px;
    background-image: url(icons/position.png);
}

i.c4 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(icons/c4.png);
}

i.r_arrows {
    display: inline-block;
    width: 9px;
    height: 16px;
    background-image: url(icons/r_arrows.png);
}
i.weixin {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(icons/weixin.png);
}
i.close {
    display: inline-block;
    width: 51px;
    height: 51px;
    background-image: url(icons/close.png);
}

/*********************header*********************/
body > header {
    display: block;
    width: 100%;
    border-top: 8px solid #ff6b5a;
    height: 177px;
    min-width: 1200px;
}

body > header .top {
    width: 1200px;
    margin: 0 auto;
    padding-top: 29px;
}
body > header .top .logo {
    width: 571px;
    overflow: hidden;
}
body > header .top > div {
    float: left;
}
body > header .top .phone {
    font-size: 21px;
    margin-top: 25px;
    margin-left: 290px;
}

body > header .top2 {
    margin-top: 20px;
    height: 46px;
    width: 100%;
    background-color: #ff6b5a;
}
body > header .top2 .menu {
    width: 1200px;
    margin: 0 auto;
    line-height: 46px;
}
body > header .top2 .menu ul {
    margin-left: 0;
    padding-left: 0;
}
body > header .top2 .menu ul > li {
    display: inline-block;
    height: 41px;
    width: 195px;
    line-height: 41px;
    text-align: center;
    vertical-align: sub;
}
body > header .top2 .menu ul > li.line {
    display: inline-block;
    position: relative;
}
body > header .top2 .menu ul > li.line div {
    position: absolute;
    top: -16px;
    width: 2px;
    height: 19px;
    background-color: #eaeaea;
}
body > header .top2 .menu ul > li.active {
    background-color: #fff;
}
body > header .top2 .menu ul > li a {
/*    color: #000;*/
    color: #fff;
    font-size: 24px;
}
body > header .top2 .menu ul > li.active a {
    color: #727272;
}
/*****************footer****************/
body > footer {
    margin-top: 50px;
    width: 100%;
    height: 293px;
    position: relative;
}
body > footer .content {
    width: 100%;
    min-width: 1200px;
    height: 245px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #383838;
}
body > footer .content .bottom_bar {
    height: 55px;
    width: 100%;
    min-width: 1200px;
    background-color: #0e0e0e;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 55px;
    text-align: center;
    position: relative;
    top: 45px;
    padding-bottom: 100px;
}

body > footer .content .bottom_bar a {
    color: #cfcfcf;
}

body > footer .content .box {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
body > footer .content .box .qrcode {
    width: 218px;
    height: 240px;
    background-color: #2a2a2a;
    background-image: url(qrcode_bottombar.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -40px;
}
body > footer .content .box .links {
    width: 950px;
    margin-top: 48px;
    font-size: 15px;
    color: #cfcfcf;
}
body > footer .content .box .links a {
    color: #cfcfcf;
    display: inline-block;
    margin-right: 1.5em;
}

body > footer .content .box .info {
    margin-top: 40px;
}
body > footer .content .box .info > div {
    display: inline-block;
    vertical-align: top;
}
body > footer .content .box .info > div > i {
    vertical-align: top;
}
body > footer .content .box .info > div > div {
    display: inline-block;
    color: #cfcfcf;
    font-size: 14px;
    margin-right: 40px;
}
body > footer .content .box .info > div > div b {
    display: block;
    color: #efefef;
    font-size: 15px;
    font-weight: bold;
}

/*********面包屑***********/

section.breadbar {
    display: none;
    width: 100%;
    min-width: 1200px;
    height: 41px;
    background-color: #f4f4f4;
}
section.breadbar .breadpath {
    line-height: 41px;
    width: 992px;
}
section.breadbar .breadpath i.position {
    float: left;
    margin-top: 8px;
}
section.breadbar .breadpath .path {
    float: left;
    display: inline-block;
    font-size: 14px;
    color: #000;
    margin-left: 20px;
}
section.breadbar .breadpath .path a {
    color: #000;
}
section.breadbar .breadpath .path b, section.container .info .desc ul > li b {
    color: #ff6b5a;
    font-weight: normal;
}

/*********分页栏**********/
.paging {
    text-align: center;
    font-size: 19px;
    color: #000;
    margin-bottom: 50px;
    display: block;
}
.paging > a, .paging > input, .paging > button {
    display: inline-block;
    min-width: 39px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #bfbfbf;
    text-align: center;
    padding: 0 5px;
    font-size: 19px;
    color: #000;
}
.paging > input {
    width: 40px;
}
.paging > button {
    width: 80px;
}
.paging > a.curpage {
    color: #fff;
    background-color: #ff6b5a;
}

/****************底部计算器条*********************/

/*
.bottom_counter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: rgba(0,0,0,0.3);
}
.bottom_counter .title, .bottom_counter .content {
    display: block;
    margin: -33px auto;
    width: 800px;
    cursor: pointer;
}

.bottom_counter .content {
    margin-top: 0px;
}

.bottom_counter .title .girl {
    display: inline-block;
    background-image: url(./counter/girls.png);
    width: 100px;
    height: 113px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bottom_counter .title .text {
    display: inline-block;
    background-image: url(./counter/text1.png);
    width: 540px;
    height: 35px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.bottom_counter .title .arrows {
    display: inline-block;
    background-image: url(./counter/arrows.png);
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-bottom: 14.4px;
    transform: rotate(180deg);
    cursor: pointer;
}

.bottom_counter.show .title .arrows {
    transform: rotate(0deg);
}

.bottom_counter.show {
    height: 550px;
}

.bottom_counter .content {
    display: none;
    width: 800px;
    margin: 5px auto 0;
}

.bottom_counter.show .content {
    display: block;
}
*/

.bottom_bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    /* background-color: #ed7462; */
}

.bottom_bar .content_center {
    width: 1350px;
    display: block;
    margin: 0 auto;
}

.bottom_bar .content {
    position: relative;
    bottom: -50px;
}

.bottom_bar .content .right {
    display: inline-block;
    background-image: url(./bottom_bar/qrcode.png);
    position:absolute;
    bottom: 0;
    width: 245px;
    height: 185px;
    /*right: 20px;*/
    left: 190px;
    z-index: 2;
}

.bottom_bar .content .buttom_line {
    background-color: #ed7462;
    position: absolute;
    bottom: 0;
    /*right: 0;*/
    left: 170px;
    width: 285px;
    height: 38px;
    z-index: 1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}