@charset "utf-8";
/*
  Author:©wellwap team. 2018
  Email:wellwap@qq.com
*/ 

* {
    font-family: Microsoft Yahei
}
 
a:focus,a:hover {
    text-decoration: none
}

p,ul {
    margin: 0;
    padding: 0
}

ul li {
    list-style: none
} 

.container {
    margin: 0 auto;
    padding: 0;
    width: 75pc!important
}

body,html {
 min-width: 75pc

}
body{
 min-width: 1200px;
}
.relative {
    position: relative
}

.transform {
    -webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99);
    transition: all .4s cubic-bezier(.4,.01,.165,.99)
}

.ellipsis {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pb-header {
    position: fixed;
    z-index: 91;
    overflow: visible;
    width: 100%;
    height: 5pc;
    min-width: 75pc;
    background: #fff;
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6)



}

.pb-header .logo {
    float: left;
    margin-top: 9pt;
    margin-left: 2%;
    position: ;
}
.pb-header .logo img{
    height:56px;
}
.pb-header .header-nav {
    float: right;
    width: 75%;
}

.pb-header .header-nav li {
    float: left;
    width: 11%;
    border-right: 1px solid #e3e3e3;
    text-align: center
}

.pb-header .header-nav li:last-child {
    border: 0
}
.pb-header .header-nav li.search{
    width: 7%;
}

#search{
    text-align: right;
    padding: 15px 0
}
#search input{
    line-height: 30px;
    border: 0;
    margin: 0;
    padding: 0 2px;
    outline: none;
    width: 240px;
}
#search button{
    line-height: 30px;
    border: 0;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    outline: none;
}
.pb-header .header-nav li span {
    display: block;
    color: #999;
    font-family: arial
}

.pb-header .header-nav li a {
    display: block;
    padding: 18px 0;
    color: #494949;
    font-size: 18px
}
.pb-header .header-nav li a span{
    font-size: 14px;
}
.pb-header .header-nav li.active,.pb-header .header-nav li:hover,.pb-header .header-nav li.on {
    background: #f58220
}
.pb-header .header-nav li.first,.pb-header .header-nav li.first:hover {
    background: none;
}
.pb-header .header-nav li.first a,.pb-header .header-nav li.first:hover a{
    padding:1px 0;
    background: none;
}

.pb-header .header-nav li.on a,.pb-header .header-nav li.on a span{
    color:#fff;
}
.pb-header .header-nav li.active a,.pb-header .header-nav li.active a span,.pb-header .header-nav li:hover a,.pb-header .header-nav li:hover a span {
    color: #fff
}

.pb-header .header-nav li dl{
    position:fixed;
    background:#F58220;
    width:100%;
    padding:0px;
    left:0;
    height:auto;
    z-index: 99;
    overflow:hidden;
    display:none;
}
.pb-header .header-nav li dl div{
    width:1200px;
    height:auto;
    max-width:100%;
    margin:0 auto;
    overflow:hidden;
}
.pb-header .header-nav li.on dl{
    background:#F58220;  
}
.pb-header .header-nav li dl dt{
    float:left;
    width:12.5%;
    text-align:left;
    line-height:60px;
}
.pb-header .header-nav li dl dt a,.pb-header .header-nav li.active dl dt a,
.pb-header .header-nav li:hover dl dt a{
    padding:0;
    color:#fff;
    font-size: 14px;
}
.pb-header .header-nav li.on dl dt a{
    color:#fff;  
}


.indexbanner,.inside {
    padding-top: 5pc
}

.indexbanner .imgBox img {
    width: 100%
}

.indexbanner .swiper-hd {
    position: absolute;
    top: 50%;
    right: 4%;
    left: inherit!important;
    z-index: 200;
    margin-top: -170px;
    width: 50px!important
}

.indexbanner .swiper-hd li {
    position: relative;
    display: block;
    margin: 30px 0!important;
    width: 50px;
    height: 50px;
    background: 0 0;
    opacity: 1;
    transition: ease .65s
}

.indexbanner .swiper-hd li:before {
    top: -25px
}

.indexbanner .swiper-hd li:before,.indexbanner .swiper-hd li:last-child:after {
    position: absolute;
    left: 50%;
    display: block;
    width: 1px;
    height: 20px;
    background: #f58220;
    content: ''
}

.indexbanner .swiper-hd li:last-child:after {
    bottom: -25px
}

.indexbanner .swiper-hd li i {
    position: relative;
    z-index: 5;
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #f58220;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    color: #f58220;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    transition: ease .65s
}

.indexbanner .swiper-hd li.swiper-pagination-bullet-active i {
    background-color: #f58220;
    box-shadow: 0 0 8px rgba(12,3,6,.38);
    transform: rotate(360deg)
}

.index .about {
    padding: 62px 0 82px;
    background: url(../images/index_about_bg.gif)
}

.index .about .mt {
    margin-bottom: 40px;
    padding-left: 1pc;
    height: 44px;
    border-left: 5px solid #f58220;
    color: #f58220;
    font-weight: 700;
    font-size: 44px;
    font-family: SimSun;
    line-height: 44px
}

.index .about .mc {
    position: relative;
    padding: 60px;
    width: 1046px
}

.index .about .mc:before {
    top: 0;
    left: 0
}

.index .about .mc:after,.index .about .mc:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 8px;
    background: #f58220;
    content: ''
}

.index .about .mc:after {
    right: 0;
    bottom: 0
}

.index .about .mc .line:before {
    bottom: 0;
    left: 0
}

.index .about .mc .line:after,.index .about .mc .line:before {
    position: absolute;
    display: block;
    width: 8px;
    height: 100%;
    background: #f58220;
    content: ''
}

.index .about .mc .line:after {
    top: 0;
    right: 0
}

.index.active .about .mc:before {
    animation: lineWidth linear 1s
}

.index.active .about .mc .line:after {
    height: 0;
    animation: lineHeight linear 1s;
    animation-delay: 1s;
    animation-fill-mode: both
}

.index.active .about .mc:after {
    width: 0;
    animation: lineWidth linear 1s;
    animation-delay: 2s;
    animation-fill-mode: both
}

.index.active .about .mc .line:before {
    height: 0;
    animation: lineHeight linear 1s;
    animation-delay: 3s;
    animation-fill-mode: both
}

.index .about .mc .title {
    color: #f58220;
    font-size: 26px;
    animation-delay: .2s
}

.index .about .mc .title span {
    display: block;
    color: #999;
    font-size: 13px
}

.index .about .mc .title i {
    display: block;
    margin-top: 10px;
    width: 2pc;
    height: 3px;
    background: #f58220
}

.index .about .mc .about-content {
    margin: 20px 0;
    width: 38pc;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    animation-delay: .4s
}

.index .about .mc .about-img {
    position: absolute;
    top: 118px;
    right: -156px;
    z-index: 69;
    width: 489px;
    animation-delay: .3s
}

.index .about .mc .about-img img {
    width: 100%
}

.index .about .mc .about-action {
    display: block;
    width: 76px;
    height: 28px;
    background: #f58220;
    color: #fff;
    text-align: center;
    font-size: 9pt;
    line-height: 28px;
    animation-delay: .6s
}

.index .about .mc .about-action:hover {
    box-shadow: 2px 3px 4px #e0e0e0
}

.index .about .about-jour {
    width: 594px;
    animation-delay: .8s
}

.index .about .about-jour .jour-title {
    margin-bottom: 15px;
    padding: 3pc 0 10px;
    border-bottom: 1px solid #ffcda2;
    color: #f58220;
    font-size: 26px
}

.index .about .about-jour .jour-hd li {
    float: left;
    margin-right: 38px;
    color: #ffb270;
    font-size: 20px;
    cursor: pointer
}

.index .about .about-jour .jour-hd li.active {
    color: #f58220
}

.index .about .about-jour .jour-hd li:last-child {
    margin-right: 0
}

.index .about .about-jour .swiper-wrapper {
    overflow: hidden;
    margin-top: 46px
}

.index .about .about-jour .swiper-slide {
    display: none;
    color: #666;
    font-size: 14px
}

.index .about .about-jour .swiper-slide-active {
    display: block
}

.index .about .about-jour .jour-next,.index .about .about-jour .jour-prev {
    display: inline-block;
    margin-top: 30px;
    margin-right: 10px;
    width: 37px;
    height: 37px;
    vertical-align: top;
    cursor: pointer
}

.index .about .about-jour .jour-next {
    background: url(../images/jour-next.png) no-repeat center
}

.index .about .about-jour .jour-prev {
    background: url(../images/jour-prev.png) no-repeat center
}

.index .ad {
    border-top: 54px solid #f58220;
    border-bottom: 35px solid #f58220
}

.index .ad .ad-detail {
    height: 200px;
    border-bottom: 10px solid #f58220;
    background-position: center;
    background-repeat: no-repeat
}

.index .ad .ad-detail p {
    margin-top: 3pc;
    color: #fff;
    font-weight: 700;
    font-size: 31px;
    font-family: SimSun
}

.index .ad .ad-detail:nth-of-type(2n) p {
    float: right
}

.index .ad .ad-detail p span {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    font-family: Microsoft Yahei
}

.index .management {
    background: url(../images/4d-bg.jpg) no-repeat center bottom;
    background-attachment: fixed
}

.index .management .detail {
    float: left;
    width: 300px;
    text-align: center
}

.index .management .detail:nth-child(2) {
    animation-delay: .1s
}

.index .management .detail:nth-child(3) {
    animation-delay: .2s
}

.index .management .detail:nth-child(4) {
    animation-delay: .3s
}

.index .management .detail .top-block {
    padding-top: 210px
}

.index .management .detail .top-block i {
    overflow: hidden;
    margin-bottom: 10px;
    width: 75pt;
    height: 75pt;
    line-height:75pt;
    font-size:72px;
}

.index .management .detail .top-block i img {
    width: 75pt
}

.index .management .detail .top-block p {
    color: #494949;
    font-size: 18px
}

.index .management .detail .top-block em {
    display: block;
    margin: 20px auto 46px;
    width: 34px;
    height: 1px;
    background: #666
}

.index .management .detail .bottom-block {
    padding-bottom: 284px
}

.index .management .detail .bottom-block p {
    margin: 40px 0;
    padding: 0 20px;
    height: 72px;
    color: #666;
    font-size: 13px;
    line-height: 24px
}

.index .management .detail .bottom-block a {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 2pc;
    background: url(../images/right_btn.png) no-repeat center;
    font-size: 0
}

.index .management .detail .imgBox {
    visibility: hidden;
    overflow: hidden;
    margin: 0 auto;
    width: 275px;
    height: 0;
    opacity: 0;
    transform: scale(0)
}

.index .management .detail:hover {
    background: #fff
}

.index .management .detail:hover .top-block {
    padding-top: 119px
}

.index .management .detail:hover .bottom-block {
    padding-bottom: 2in
}

.index .management .detail:hover .imgBox {
    visibility: visible;
    height: 183px;
    opacity: 1;
    transform: scale(1)
}

.index .management .mt {
    position: absolute;
    top: 70px;
    left: -50px;
    animation-delay: .4s
}

.index .project .mt {
    padding: 28px 0
}

.index .project .mt p {
    color: #f58220;
    text-align: center;
    font-size: 30px
}

.index .project .mt p span {
    color: #999
}

.index .project .mt .en {
    color: #999;
    font-size: 1pc;
    font-family: arial
}

.index .project .mc {
    margin-left: -3px
}

.index .project .mc .detail {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    padding-left: 3px;
    width: 25%
}

.index .project .mc .detail img {
    width: 100%
}

.index .project .mc .detail em {
    position: absolute;
    top: 0;
    left: 3px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0
}

.index .project .mc .detail.other em {
    opacity: .5
}

.index .food {
    overflow: hidden;
    height: 50pc
}

.index .food .mt {
    float: left;
    width: 10%;
    height: 100%;
    background: url(../images/foods-mt-bg.gif)
}

.index .food .mt img {
    float: right;
    margin: 70px 54px 0 0;
    padding-top: 18px;
    border-top: 3px solid #fff;
    animation-delay: .4s
}

.index .food .mc {
    float: right;
    overflow: hidden;
    width: 90%;
    height: 100%
}

.index .food .swiper-wrapper {
    text-align: center;
    cursor: pointer
}

.index .food .swiper-wrapper a {
    display: block;
    width: 100%;
    height: 100%
}

.index .food .swiper-wrapper .title {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    margin-top: -40px;
    width: 100%;
    color: #fff
}

.index .food .swiper-wrapper .title span {
    display: block;
    color: #fff;
    font-size: 26px
}

.index .food .swiper-wrapper .title em {
    display: block;
    margin: 4px auto;
    width: 52px;
    height: 1px;
    background: #fff
}

.index .food .swiper-wrapper .title .cn {
    font-size: 20px;
    font-family: Microsoft Yahei
}

.index .food .swiper-wrapper .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 150px 35px 75px;
    width: 100%;
    background: rgba(245,130,32,.8);
    color: #fff;
    line-height: 24px;
    transition: ease .65s;
    transform: translateY(100%)
}

.index .food .swiper-wrapper .desc div {
    overflow: hidden;
    height: 6pc
}

.index .food .swiper-wrapper .swiper-slide {
    position: relative;
    width: 25%;
    transition: ease .65s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(2) {
    animation-delay: .1s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(3) {
    animation-delay: .2s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(4) {
    animation-delay: .3s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(5) {
    animation-delay: .4s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(6) {
    animation-delay: .5s
}

.index .food .swiper-wrapper .swiper-slide:nth-child(7) {
    animation-delay: .6s
}

.index .food .swiper-wrapper .swiper-slide:hover {
    z-index: 60;
    width: 25pc!important
}

.index .food .swiper-wrapper .swiper-slide:hover .desc {
    transition-delay: .25s;
    transform: translateY(0)
}

.index .food .swiper-wrapper .swiper-slide:hover .title {
    transition-delay: .65s;
    transform: translateY(150px)
}

.index .food .foods-next,.index .food .foods-prev {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -30px;
    width: 37px;
    height: 37px;
    cursor: pointer;
    z-index: 10;
}

.index .food .foods-next {
    right:40px;
    background: url(../images/jour-next-w.png) no-repeat center
}

.index .food .foods-prev {
    right: auto;
    left: 40px;
    background: url(../images/jour-prev-w.png) no-repeat center
}

.index .parenter {
    padding-bottom: 154px;
    background: url(../images/partner-bg.jpg) no-repeat center bottom;
    background-attachment: fixed
}

.index .parenter .mt {
    margin-bottom: 5pc;
    padding-top: 95px;
    text-align: center
}

.index .parenter .mt p {
    color: #f58220;
    font-weight: 700;
    font-size: 40px;
    font-family: SimSun
}

.index .parenter .mt p span {
    color: #999;
    font-family: SimSun
}

.index .parenter .mt .en {
    color: #999;
    font-weight: 400;
    font-size: 1pc;
    font-family: arial
}

.index .parenter .mc .detail {
    float: left;
    overflow: hidden;
    margin-right: 52px;
    margin-bottom: 3pc;
    width: 261px;
    height: 9pc;
    cursor: pointer
}

.index .parenter .mc .detail:nth-child(2n) {
    animation-delay: .2s
}

.index .parenter .mc .detail:nth-of-type(4n) {
    margin-right: 0
}
.index .parenter .mc .detail.last{
    margin-right:0;
}


.index .parenter .mc .detail .imgBox {
    overflow: hidden;
    width: 260px;
    height: 9pc;
    background: #fff;
    border:1px solid #eee;
}

.index .parenter .mc .detail .imgBox img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.index .parenter .mc .detail .action {
    position: absolute;
    top: -9pc;
    left: 0;
    width: 261px;
    height: 9pc;
    background: rgba(0,0,0,.8)
}

.index .parenter .mc .detail .action a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/parenter-action.png) no-repeat center
}

.index .parenter .mc .detail:hover .action {
    top: 0
}

.index .news {
    height: 856px;
    background: url(../images/news-bg.jpg) no-repeat center
}

.index .news .mt {
    margin-bottom: 38px;
    padding-top: 46px
}

.index .pic-new .imgBox {
    float: left;
    overflow: hidden;
    width: 626px;
    height: 383px;
    background: #fff;
    animation-delay: .2s
}

.index .pic-new .imgBox img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.index .pic-new .textBox {
    float: right;
    margin-top: 42px;
    width: 500px
}

.index .pic-new .textBox .time {
    padding-bottom: 6px;
    width: 5pc;
    border-bottom: 1px solid #666;
    color: #666;
    font-size: 14px;
    animation-delay: .4s
}

.index .pic-new .textBox .title {
    margin: 33px 0;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    animation-delay: .6s
}

.index .pic-new .textBox .desc {
    overflow: hidden;
    margin-bottom: 25px;
    height: 90px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    animation-delay: .8s
}

.index .pic-new .textBox .action {
    position: relative;
    display: block;
    width: 87pt;
    height: 36px;
    background: #5f5f5f;
    text-align: center;
    line-height: 36px;
    animation-delay: 1s
}

.index .pic-new .textBox .action a {
    position: relative;
    z-index: 60;
    display: block;
    color: #fff
}

.index .pic-new .textBox .action em {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 59;
    width: 0;
    height: 100%;
    background: #f58220
}

.index .pic-new .textBox .action:hover em {
    width: 100%
}

.index .text-news {
    margin-top: 74px
}

.index .text-news .textBox {
    position: absolute;
    z-index: 1;
    padding: 22px;
    width: 100%;
    height: 182px;
    background: #fff
}

.index .text-news .detail {
    position: relative;
    float: left;
    margin-right: 6px;
    margin-right: 4px\9;
    width: 396px;
    height: 182px;
    background: #fff
}

.index .text-news .detail:last-child, .index .text-news .detail.last {
    margin-right: 0
}

.index .text-news .detail .time {
    color: #999;
    font-size: 9pt
}

.index .text-news .detail .time:after {
    display: block;
    margin-top: 4px;
    width: 18px;
    height: 1px;
    background: #f58220;
    content: ""
}

.index .text-news .detail .title {
    margin-top: 18px;
    color: #333;
    font-weight: 700;
    font-size: 14px
}

.index .text-news .detail .desc {
    overflow: hidden;
    height: 52px;
    color: #999;
    font-size: 9pt;
    line-height: 26px
}

.index .text-news .imgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url(../images/news-nopic.png) no-repeat center #fff
}

.index .text-news .imgBox img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.index .text-news .detail:hover .textBox {
    z-index: 2;
    background: rgba(245,130,32,.6);
    transform: translate(10px,10px)
}

.index .text-news .detail:hover .title,.index .text-news .detail:hover .desc,.index .text-news .detail:hover .time {
    color: #fff
}

.message{
    width: 90%;
    margin:0 auto;
}
.message .mstip{
    background: #13A4D3;
    color: #fff;
    padding: 10px;
    margin: 10px auto 20px;
}
.message .tb{
    margin-bottom: 20px;
}
.message .tb .tbname{
    display: inline-block;
    width: 30%;
    text-align: right;
    line-height: 30px;
    vertical-align: top;
}
.message .tb .tbcon{
    display: inline-block;
    width: 68%;
    text-align: left;
}
.message .tb .tbcon input{
    width: 50%;
}
.message .tb .tbcon textarea{
    width: 80%;
}
.message .tb .tbcon button{
    width: 120px;
    margin-right: 10px;
}
.message .xinghao{
    color: #f00;
    font-weight: bolder;
}

.footer-index {
    height: 582px
}

.footer-index .left_bg {
    left: 0;
    background: #343434
}

.footer-index .left_bg,.footer-index .right_bg {
    position: absolute;
    top: 0;
    z-index: -1;
    width: 50%;
    height: 100%
}

.footer-index .right_bg {
    right: 0;
    background: #f58220
}

.footer-index .contact {
    position: absolute;
    top: 60px;
    left: -7pc;
    padding: 76px 7pc;
    width: 806px;
    height: 452px;
    border: 0px solid #fff
}

.footer-index .contact p {
    color: #fff;
    font-size: 14px;
    line-height: 40px
}

.footer-index .contact .title {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 30px;
    font-family: SimSun
}

.footer-index .contact .tel {
    margin-top: 5px
}

.footer-index .contact .tel span,.footer-index .contact .tel span em {
    font-weight: 700;
    font-style: italic;
    font-size: 2pc;
    font-family: SimSun
}

.footer-index .contact .tel span em {
    color: #f58220
}

.footer-index .contact p:nth-child(2) {
    animation-delay: .1s
}

.footer-index .contact p:nth-child(3) {
    animation-delay: .2s
}

.footer-index .contact p:nth-child(4) {
    animation-delay: .3s
}

.footer-index .contact p:nth-child(5) {
    animation-delay: .4s
}

.footer-index .information {
    float: right;
    padding-top: 75pt;
    width: 506px;
    text-align: center
}

.footer-index .information .footer-logo {
    margin: 0 0 40px
}

.footer-index .information .qr-code {
    text-align: center;
    margin-top: 30px;
}

.footer-index .information .qr-code img {
    display: block;
    margin: 0 auto;
    width: 8pc;
    height: 8pc
}

.footer-index .information .qr-code p {
    margin-top: 14px;
    color: #fff;
    font-size: 14px
}

.footer-index .information .qr-code .ql,.footer-index .information .qr-code .qr{
    display: inline-block;
    width: auto;
    float: ;
    margin: 0 2%;
    color: #fff;
} 

.footer-index .information .share {
    margin-top: 24px;
    text-align: center
}

.footer-index .information .share a {
    display: inline-block;
    margin: 0 6px;
    width: 46px;
    height: 46px;
    cursor: pointer
}

.footer-index .information .share .jiathis_button_tsina {
    background: url(../images/share-sina.png) no-repeat center
}

.footer-index .information .share .jiathis_button_tqq {
    background: url(../images/share-qq.png) no-repeat center
}

.footer-index .information .share .jiathis_button_weixin {
    background: url(../images/share-wechat.png) no-repeat center
}

.footer-inside {
    height: 220px
}

.footer-inside .contact {
    top: 10px;
    padding: 10px 7pc;
    width: 806px;
    height: 220px;
}

.footer-inside .contact .title {
    margin-bottom: 10px
}

.footer-inside .information {
    padding-top: 10px
}

.footer-inside .information .footer-logo {
    margin-bottom: 0.5pc
}
.footer-inside .information .footer-logo img{
    height: 50px;
}
.footer-inside .information .qr-code p {
    margin-top: 10px
}

.footer-inside .information .share {
    margin-top: 9pt
}

.footer-menu {
    overflow: hidden;
    height: 76px;
    background: #272727;
    text-align: center;
    line-height: 76px
}

.footer-menu li {
    position: relative;
    float: left;
    width: 148px;
    text-align: center
}

.footer-menu li a {
    color: #999;
    font-size: 1pc
}

.footer-menu li a:after {
    position: absolute;
    right: 0;
    color: #999;
    content: "/"
}

.footer-menu li:last-child a:after {
    content: ""
}

.footer-menu li a:hover {
    color: #f58220
}

.legal {
    height: 50px;
    background: #101010;
    line-height: 50px
}

.legal,.legal p {
    color: #636363;
    font-size: 14px
}

.legal p {
    float: right
}

.legal p a {
    color: #636363
}

.legal p a:hover {
    color: #f58220
}

@keyframes lineWidth {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes lineHeight {
    0% {
        height: 0
    }

    to {
        height: 100%
    }
}

.insidebanner img {
    display: block;
    width: 100%;
    border: 0
}

.inside .insidemenu {
    overflow: hidden;
    background: #fff
}

#shop .inside .insidemenu{
    display:none;
}

.inside .insidenav {
    float: left;
    width:100%;
}

.inside .insidenav li {
    float: left;
    margin-right: 0;
    line-height: 60px;
    width:12.5%;
}

.inside .insidenav li a {
    position: relative;
    padding: 5px 10px 5px 25px;
    color: #333
}

.inside .insidenav li a:before {
    top: 50%;
    left: 10px;
    width: 6px
}

.inside .insidenav li a:after,.inside .insidenav li a:before {
    position: absolute;
    display: block;
    height: 1px;
    background: #f58220;
    content: '';
    transition: ease .65s
}

.inside .insidenav li a:after {
    bottom: 0;
    left: 50%;
    width: 0
}

.inside .insidenav li.active a {
    background: #f58220;
    color: #fff
}

.inside .insidenav li.active a:before {
    background: #fff
}

.inside .insidenav li a:hover:after {
    left: 0;
    width: 100%;
    transition-delay: .2s
}

.inside .insidebox {
    position: relative;
    padding: 3% 0 8%;
    background: #efefef;
    background-attachment: fixed
}

.inside .insidebox>.container {
    padding: 60px;
    background: #fff;
    box-shadow: 0 0 18px rgba(12,3,6,.19)
}

.inside .insidebox .mt {
    margin: 0;
    padding-bottom: 10px;
    line-height: 24px
}

.inside .insidebox .mt p {
    position: relative;
    color: #333;
    font-weight: 700;
    font-size: 18px
}

.inside .insidebox .mt p span {
    margin-left: 15px;
    color: #999;
    font-weight: 400;
    font-size: 14px;
    font-family: arial
}

.inside .insidebox .mt p:before {
    position: absolute;
    top: 5px;
    left: -20px;
    display: block;
    width: 4px;
    height: 9pt;
    background: #f58220;
    content: ''
}
.inside .insidebox .mt p em{
    float: right;
    font-style: normal;
    font-weight: normal;
}
.inside .insidebox .mt p em a{
    color: #F58220;
}

.inside .insidebox .submt {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    color: #333;
    font-size: 1pc
}

.inside .insidebox .mc {
    margin: 40px 0 0;
    color: #888;
    line-height: 30px
}

.inside .page .mc img {
    max-width: 100%
}

.inside .pro .lists,.inside .pro_light .lists {
    margin: 40px 0 0;
}

.inside .pro_light .lists li {
    position: relative;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    width: 332px;
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    transition: ease .65s
}

.inside .pro_light .lists li:nth-child(3n) {
    margin-right: 0
}

.inside .pro_light .lists li .imgBox {
    position: relative;
    display: flex;
    width: 332px;
    height: 190px;
    background: #efefef;
    justify-content: center;
    align-items: center
}

.inside .pro_light .lists li .imgBox img {
    display: inline;
    width: auto;
    height: 100%;
    max-width: 100%
}

.inside .pro_light .lists li p {
    margin-top: 10px;
    color: #888;
    text-align: center
}

.inside .pro_light .lists li:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #f58220;
    content: '';
    transition: ease .65s
}

.inside .pro_light .lists li:hover:after {
    width: 100%
}

.inside .pro .lists li {
    float: left;
    margin: 0 40px 40px 0;
    width: 333px;
}




.inside .pro .lists li:nth-child(2n) {
    animation-delay: .1s
}

.inside .pro .lists li:nth-child(3n),.inside .pro .lists li.last {
    margin-right: 0;
    animation-delay: .2s
}
.inside .pro .lists li.last{
    margin-right: 0\9;
}


.inside .pro .lists li a {
    position: relative;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #dadada
}

.inside .pro .lists li .imgBox {
    overflow: hidden;
    width: 333px;
    height: 215px
}

.inside .pro .lists li .imgBox img {
    display: block;
    width: 100%;
    border: 0
}

.inside .pro .lists li .title {
    position: relative;
    margin-top: 15px;
    padding: 0 10px;
    height: 20px;
    color: #333;
    font-size: 1pc;
    line-height: 20px
}

.inside .pro .lists li .out .title{
    color: #999;
}

.inside .pro .lists li .title span {
    position: absolute;
    top: 0;
    right: 5px;
    color: #cdcdcd;
    font-size: 14px
}

.inside .pro .lists li .out .title span{
    display: none;
}

.inside .pro .lists li .title em {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    font-style: normal;
    opacity: 0;
    transition: ease .65s;
    transform: translateX(-20px)
}

.inside .pro .lists li .title i {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/pro-jt.png) no-repeat center;
    font-size: 18px;
    transition: ease .65s
}

.inside .pro .lists li .title i:after {
    position: absolute;
    top: 0;
    left: -5px;
    display: block;
    width: 1px;
    height: 20px;
    background: #cdcdcd;
    content: '';
    transition: ease .65s
}

.inside .pro .lists li .desc {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
    padding: 0 10px;
    height: 3pc;
    color: #888;
    line-height: 24px
}

.inside .pro .lists li a:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    background: #f58220;
    content: '';
    transition: ease .65s
}

.inside .pro .lists li a:hover {
    box-shadow: 0 0 1pc rgba(12,3,6,.26)
}

.inside .pro .lists li a:hover:after {
    width: 100%
}

.inside .pro .lists li a:hover em {
    opacity: 1;
    transform: translateX(0)
}

.inside .pro .lists li a:hover .title i {
    background: url(../images/pro-jt-y.png) no-repeat center
}

.inside .pro .lists li a:hover .title i:after {
    top: 50%;
    height: 0;
    transition-delay: .25s
}

.inside .pro .lists li a:hover .title span {
    color: #f58220
}

.inside .news .lists li {
    position: relative;
    padding: 30px 0;
    border-top: 1px dashed #b1b1b1
}

.inside .news .lists li:first-child {
    border: none
}

.inside .news .lists a {
    color: #212121;
    text-decoration: none;
    font-size: 14px;
    transition: ease .65s
}

.inside .news .lists li .imgBox {
    float: left;
    margin-right: 40px;
    width: 280px;
    transition: ease .65s
}

.inside .news .lists .imgBox img {
    display: block;
    width: 100%;
    border: 0
}

.inside .news .lists li .text {
    float: left;
    width: 570px;
    transition: ease .65s
}

.inside .news .lists li .time {
    position: relative;
    top: 10px;
    margin-bottom: 45px;
    color: #999
}

.inside .news .lists li .time:after {
    position: absolute;
    bottom: -15px;
    left: 0;
    display: block;
    width: 15px;
    height: 1px;
    background: #f58220;
    content: '';
    transition: ease .65s
}

.inside .news .lists li .title {
    overflow: hidden;
    height: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1pc;
    line-height: 18px;
    transition: ease .65s
}

.inside .news .lists li .desc {
    overflow: hidden;
    margin-top: 20px;
    height: 3pc;
    color: #888;
    line-height: 24px
}

.inside .news .lists li span {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    height: 18px;
    color: #999;
    line-height: 18px;
    opacity: 0;
    transition: ease .65s;
    transform: translateX(-60px)
}

.inside .news .lists li span:before {
    position: absolute;
    top: 50%;
    left: -20px;
    display: block;
    margin-top: -20px;
    width: 1px;
    height: 40px;
    background: #e5e5e5;
    content: '';
    transition: ease .65s
}

.inside .news .lists li span i {
    position: relative;
    top: 1px;
    float: right;
    margin-left: 10px;
    width: 18px;
    height: 18px;
    background: url(../images/pro-jt-y.png) no-repeat center;
    font-size: 18px
}

.inside .news .lists li:hover .imgBox {
    transform: scale(1.2) translateX(23px)
}

.inside .news .lists li:hover .text {
    transition-delay: .25s;
    transform: translateX(50px)
}

.inside .news .lists li:hover .title {
    color: #f58220;
    transition-delay: .25s
}

.inside .news .lists li:hover span {
    color: #f58220;
    opacity: 1;
    transition-delay: .55s;
    transform: translateX(0)
}

.inside .news .lists li:hover span:before {
    background: #f58220
}

.inside .article .article-mt {
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 2pc
}

.inside .article .article-submt {
    margin-top: 10px;
    text-align: center
}

.inside .article .article-submt span {
    margin: 0 20px;
    color: #999
}

.article-submt p a{
    display:inline-block;
    margin:0 5px;
}
.article-submt p a.this{
    color:#f00
}


#shop .inside .insidebox{
    margin-top:50px;
}
#shop .inside .article .article-mc{
    padding:0;
}
#shop {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#shop img {
    pointer-event:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
}


#shop .article-imgbg{
    display:none;
    width:100%;
    height:400px;
    background-position: center top;
    background-repeat:no-repeat;
    background-size:auto 100%;
}


#fixtit{
    width:100%;
    height:auto;
    line-height:30px;
    padding: 15px 0;
    position:fixed;
    left:0;
    top:81px;
    z-index:90;
    background:#fff;
    box-shadow:0px 3px 5px rgba(0,0,0,.1);
    overflow:hidden;
}
#fixtit .article-submt {
    width:1200px;
    max-width:100%;
    margin: 0 auto;
}
#fixtit .article-submt h1{
    display:inline-block;
    float:left;
    line-height:30px;
    font-size:22px;
    font-weight:bold;
    margin:0;
    position:0;
    max-width:70%;
}
#fixtit .article-submt p{
    display:inline-block;
    float:right;
}
#fixtit .article-submt p a{
    display:inline-block;
    margin:0 5px;
}
#fixtit .article-submt p em{
    font-style:normal;
}

.inside .article .article-submt .article-share {
    display: inline-block
}

.inside .article .article-submt .article-share em {
    color: #999;
    font-style: normal
}

.inside .article .article-submt .article-share a {
    display: inline-block;
    margin-right: 3px;
    width: 1pc;
    height: 1pc;
    color: #333;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer
}

.inside .article .article-submt .share {
    display: inline-block
}

.inside .article .article-submt .jiathis_button_weixin {
    background: url(../images/article-wechat.png) no-repeat center
}

.inside .article .article-submt .jiathis_button_tqq {
    background: url(../images/article-qq.png) no-repeat center
}

.inside .article .article-submt .jiathis_button_tsina {
    background: url(../images/article-sina.png) no-repeat center
}

.inside .article .article-submt .jiathis_button_weixin:hover {
    background: url(../images/article-wechat-y.png) no-repeat center
}

.inside .article .article-submt .jiathis_button_tqq:hover {
    background: url(../images/article-qq-y.png) no-repeat center
}

.inside .article .article-submt .jiathis_button_tsina:hover {
    background: url(../images/article-sina-y.png) no-repeat center
}

.inside .article .article-img {
    margin-top: 20px;
    text-align: center;
    border-top: 1px dashed #e9e9e9;
    padding-top: 30px;
}

.inside .article .article-img img {
    max-width: 100%;
}

.inside .article .article-mc {
    margin-top: 20px;
    padding: 30px 0;
    border-top: 1px dashed #e9e9e9;
    border-bottom: 1px dashed #e9e9e9;
    color: #666;
    font-size: 14px;
    line-height: 30px
}

.inside .article .article-mc img {
    margin-bottom: 10px;
    max-width: 100%
}

.shopbody{
    padding-top: 30px;
    position:relative;
}

.shopbody > i.i{
    display:inline-block;
    position:absolute;
    top: -120px;
}

.shopbody .shoptit{
    margin:0 0 10px;
}


.contactbox{
border:2px solid #ddd;
width:400px;
max-width:100%;
padding:20px 0;
margin:0 auto;
}

#allmap{
    width:100%;
    height:480px;
}
.inside .page #allmap img {
    max-width: 400%
}


#allmap .BMapLib_SearchInfoWindow .BMapLib_bubble_content {
    padding:0;
    overflow-x: auto;
    overflow-y: hidden;
}

#allmap .BMapLib_nav_tab_content #BMapLib_transBox0 table td:first-child{
    width:40px;
}
#allmap .BMapLib_nav_tab_content #BMapLib_transBox0 table td:last-child{
    width:115px;
}




.pagelist {
    width: 100%;
    height: auto;
    margin: 20px auto 0px;
    text-align: center;
    float: right;
    overflow: hidden;
}
.pagelist li {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: auto;
    padding: 0 2px;
    text-align: center

}
.pagelist li.thisclass {

}
.pagelist li .pageinfo {
    color: #999;
}
.pagelist li a {
    display: inline-block;
    width: 100%;
    height: inherit;
    color: #fff;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
    background: #F58220;
}
.pagelist li a:hover {
    color: #fff;
    text-decoration: none;
    background: #DB3209;
}
.pagelist li.thisclass a,.pagelist li.thisclass a:visited {
    background: #57585A;
    color: #fff;
}
.pagelist li a.nopage,.pagelist li a.nopage:hover{
    background:#ddd;
    color:#fff;
}
.pagelist li.prev {
    background:;
    text-indent: -9999px;
    margin-right: 10px;
}
.pagelist li.next {
    background:;
    text-indent: -9999px;
}



.btnav{
    display:none;
}

#index .topback{
    display: none;
}


.topback{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 24px;
    position: fixed;
    right: 10px;
    top: 26px;
    opacity: .3;
    text-indent: -9999px;
    z-index: 999;
    background:#fff url(../images/back.png) 50% 50% no-repeat;
}
.topback:hover{
    opacity: .5;
}


.fixedcp{
    display: none;
    margin: 0;
    padding: 0;
    width: 64px;
    height: 64px;
    padding: 4px;
    border-radius: 4px;
    position: fixed;
    right: 10px;
    top: 25%;
    opacity: .9;
    z-index: 999;
    background:#fff;    
    box-shadow: 2px 2px 5px rgba(0,0,0,.1),-2px -2px 5px rgba(0,0,0,.1);
    overflow: hidden;
}
.fixedcp:hover{
    opacity: 1;
}
.fixedcp img{
    width: 100%;
}


@media only screen and (max-width: 1480px) {
.pb-header .logo {
    margin-top: 9pt;
    margin-left: 1%;
}
.pb-header .header-nav {
    float: right;
    width: 72%;
}
.pb-header .header-nav li.first{
    width: 11%;
}

}

@media only screen and (max-width: 1280px) {
.pb-header .header-nav {
    float: right;
    width: 70%;
}
.pb-header .header-nav li.first{
    width: 8%;
}

}

@media only screen and (max-width: 1100px) {
.pb-header .header-nav {
    float: right;
    width: 70%;
}
.pb-header .header-nav li.first{
    width: 1%;
}

}



@media only screen and (max-width: 1024px) {
    
    /*wellwap format*/
    *, *:after, *:before {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    *:focus {
        outline: none;
    }
    img,* img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
    html {
        font-size: 62.5%;
        width: 100%;
        min-height: 100%;
        padding: 0;
        margin: 0 auto;
    }
    body {
        padding: 0;
        margin: 0 auto;
        max-width: 100%;
        min-height: 100%;
        word-wrap: break-word;
        word-break: break-word;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-family: 'Microsoft Yahei',Helvetica,Arial;
        font-size: 16px;
        font-size: 1.6rem;
    }
    .fl,.FL {
        float: left
    }
    .fr,.FR {
        float: right
    }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden;
    }
    .clearfix {
        /* display: inline-block; */
    }
    .clr,.clear {
        clear: both
    }
    .hidden,.hide,.none {
        display: none!important
    }
    dl, dt, dd, ul, ol, li {
        list-style: none;
    }
    *:hover,*:focus,*:active {
        -webkit-tap-highlight-color: transparent;
    }
    * table {
        width: 100%;
        height: auto;
        overflow: scroll;
    }
    textarea {
        outline: none;
        resize: none;
    }
    textarea, select, button, input[type="button"], input[type="text"], input[type="password"], input[type="submit"], input[type="reset"] {
        -webkit-appearance: none;
        border-radius: 0;
    }
    input:-moz-placeholder, textarea:-moz-placeholder, input:-ms-placeholder, textarea:-ms-placeholder, input:-webkit-placeholder, textarea:-webkit-placeholder, input:placeholder, textarea:placeholder {
        color: #ddd;
        font-family: 'Microsoft Yahei',Helvetica,Arial;
        font-size: inherit;
    }



body, html {
    min-width: 100%;
}


#hzjmj{
    width:100%;
    height:auto;
    overflow:hidden;
}


.pb-header {
    position: relative;
    z-index: 70;
    overflow: visible;
    height: auto;
    min-width: 100%;
    width: 100%;
    background: #fff;
    text-align:center;
    box-shadow: none;
}
.pb-header h1.hide{
    display:block !important;
    margin:0;
    padding:0;
    width:32px;
    height:24px;
    text-indent:-9999px;
    position:absolute;
    left:10px;
    top:18px;
    border-top:2px solid #f90;
    border-bottom:2px solid #f90;
}
.pb-header h1.hide:after{
    content:'';
    display:block;
    height:2px;
    width:100%;
    background:#f90;
    position:absolute;
    top:9px;
}
.pb-header .logo {
    float: none;
    margin: 5px auto;
    display:inline-block;
}
.pb-header .logo img {
    height: 36px;
    margin:7px 0;
}

.pb-header .header-nav {
    display:none;
    float: left;
    width: 100%;
    position:absolute;
    left:0;
    top:60px;
    z-index:990;
    background:#fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.pb-header .header-nav li {
    float: left;
    width: 100%;
    border-right: 0;
    text-align: center;
}
.pb-header .header-nav li a {
    display: block;
    padding: 10px 0;
    color: #494949;
    font-size: 14px;
}

.pb-header .header-nav li dl,.pb-header .header-nav li dt{
    height:0;
    width:0;
    overflow:hidden;
}

.pb-header .header-nav li.search {
    width: 100%;
    height: 60px;
    overflow: hidden;
}
.pb-header .header-nav li.search a{
    display: none;
}
.pb-header .header-nav li.search dl, .pb-header .header-nav li dt.search{
    height: 60px;
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#search {
    text-align: center;
    padding: 15px 0;
}

.indexbanner, .inside {
    padding-top: 0;
}


.index .about {
    padding: 40px 0 40px;
}
.index .about .mt {
    margin-bottom: 40px;
    padding-left: 1pc;
    height: 44px;
    border-left: 5px solid #f58220;
    color: #f58220;
    font-weight: 700;
    font-size: 44px;
    font-family: SimSun;
    line-height: 44px;
}
.index .about .mc {
    position: relative;
    padding: 30px;
    width: 100%;
}
.index .about .mc .about-content {
    margin: 20px 0;
    width: 100%;
    color: #666;
    font-size: 14px;
    line-height: 26px;
    animation-delay: .4s;
}
.index .about .mc .about-img {
    position: relative;
    top: 20px;
    right: auto;
    z-index: 69;
    width: 100%;
    animation-delay: .3s;
}
.index .about .about-jour {
    width: 100%;
    animation-delay: .8s;
}
.index .about .about-jour .swiper-wrapper {
    overflow: hidden;
    margin-top: 20px;
}

.index .ad .ad-detail {
    height: 200px;
    border-bottom: 10px solid #f58220;
    background-position: center;
    background-repeat: no-repeat;
    padding:0 20px;
}

.index .management .detail {
    float: none;
    width: 300px;
    text-align: center;
    margin:0 auto;
}

.index .management .detail .top-block {
    padding-top: 100px;
}
.index .management .detail .bottom-block {
    padding-bottom: 50px;
}

.index .management .detail:hover .top-block {
    padding-top: 50px;
}
.index .management .detail:hover .bottom-block {
    padding-bottom: 50px;
}

.index .project .mc .detail {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 3px;
    padding-left: 3px;
    width: 100%;
}

.index .food .mt {
    display:none;
}
.index .food .mc {
    float: right;
    overflow: hidden;
    width:100%;
    height: 100%;
}

.index .parenter .mc .detail {
    float: left;
    overflow: hidden;
    margin-right:0;
    margin-bottom: 10px;
    width: 50%;
    height: auto;
    cursor: pointer;
    padding:0 5px;
}
.index .parenter .mc .detail .imgBox {
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #fff;
}
.index .parenter .mc .detail .action {
    display:none;
}

.index .parenter {
    padding:0 5px 10px;
}

.index .pic-new .imgBox {
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #fff;
    animation-delay: .2s;
}
.index .pic-new .textBox {
    float: right;
    margin-top: 42px;
    width: 100%;
    padding:0 20px;
}
.index .text-news .detail {
    position: relative;
    float: left;
    margin-right: 0;
    width: 100%;
    height: auto;
    background: #fff;
}
.index .text-news .textBox {
    position: relative;
    z-index: 1;
    padding: 22px;
    width: 100%;
    height: auto;
    background: #fff;
}



.container {
    margin: 0 auto;
    padding: 0;
    width: 100%!important;
}


.inside .insidenav {
    float: left;
    width:100%;
    border-top:1px solid #eee;
}
.inside .insidenav li {
    width:33.33%;
    float: left;
    margin-right: auto;
    line-height:40px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.inside .insidenav li a {
    position: relative;
    padding: 5px 5px;
    color: #333;
}

.inside .insidenav li a:after, .inside .insidenav li a:before {
    content: none;
}

#shop .inside .insidemenu{
    display:none;
}



.inside .insidebox>.container {
    padding: 20px 10px;
    background: #fff;
    box-shadow: 0 0 18px rgba(12,3,6,.19);
}


.inside .insidebox .mc {
    margin: 20px 0 0;
    color: #888;
    line-height: 30px;
}





.inside .news .lists li .imgBox {
    float: left;
    margin-right: auto;
    width: 100%;
    transition: ease .65s;
}
.inside .news .lists li .text {
    float: left;
    width: 100%;
    transition: ease .65s;
}




#fixtit{
    width:100%;
    height:auto;
    padding: 15px 20px;
    position:absolute;
    left:0;
    top:61px;
    z-index:90;
    background:#fff;
    box-shadow:0px 3px 5px rgba(0,0,0,.1);
    border-top:1px solid #ddd;
    overflow:hidden;
}
#fixtit .article-submt {
    width:1200px;
    max-width:100%;
    margin: 0 auto;
}
#fixtit .article-submt h1{
    display:block;
    float:left;
    line-height:30px;
    font-size:22px;
    font-weight:bold;
    margin:0;
    position:0;
    width:100%;
    max-width:100%;
    text-align:center;
}
#fixtit .article-submt p{
    width:100%;
    display:inline-block;
    float:right;
    text-align:center;
}
#fixtit .article-submt p a{
    display:inline-block;
    margin:0 5px;
}
#fixtit .article-submt p em{
    display:none;
}
.shopbody > i.i{
    display:inline-block;
    position:absolute;
    top: -5px;
}
.inside .article .article-mt{
    display:none;
}
.inside .article .article-submt{
    display:none;
}
.shopbody {
    padding-top: 10px;
    position: relative;
}


.footer-inside {
    height: auto;
    width:100%;
    overflow:hidden;
}


.footer-inside .contact {
    top: 36px;
    padding: 14px 0;
    width: 100%;
    height: 312px;
}
.footer-index .contact {
    position: relative;
    top: 60px;
    left: 0;
    padding: 30px 10px;
    width: 100%;
    height: auto;
    border: 0px solid #fff;
}
.footer-index .information {
    float: right;
    padding: 75pt 0 90px;
    width: 100%;
    text-align: center;
}
.footer-menu {
    display:none;
}

.legal {
    display:none;
    height: auto;
    background: #101010;
    line-height: 25px;
    text-align:center;
    padding:20px 10px;
}
.legal .container> a{
    display:block;
}
.legal p {
    width:100%;
    float: right;
}

   
    .btnav {
        display: block;
        width: 100%;
        background: #fff;
        height: auto;
        position:fixed;
        left:0;
        bottom:0;
        z-index:990;
        overflow: hidden;
    }
    .btnav ul li {
        width: 25%;
        float: left;
        text-align: center;
        border-right: 1px dotted #DDD
    }
    .btnav ul li:last-child {
        border-right: 0;
    }
    .btnav ul li a {
        color: #000;
        display: inline-block;
        width: 100%;
        padding: 30px 0 5px;
        position: relative;
    }
    .btnav ul li a i {
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24x;
        position: absolute;
        left: 50%;
        margin-left: -12px;
        top: 10px;
        font-size: 20px;
    }


.index .about .mc .title {
    font-size: 22px;
}

.topback{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 18px;
    opacity: .5;
    text-indent: -9999px;
    background: url(../images/back.png) 50% 50% no-repeat;
}



 .message{
    width: 100%;
    padding:0 10px;
}

.message .tb{
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.message .tb .tbname{
    display: block;
    width: 100%;
    text-align: left;
    line-height: 30px;
    vertical-align: middle;
}
.message .tb .tbcon{
    display: block;
    width: 100%;
    text-align: left;
}
.message .tb .tbcon input{
    width: 90%;
    float: left;
}
.message .tb .tbcon textarea{
    width: 95%;
    float: left;
}
.message .tb .tbcon button{
    width: 120px;
    margin-right: 10px;
}
.message .xinghao{
    color: #f00;
    font-weight: bolder;
    float: left;
}
   
#shop .article-img{
    display:none;
}
#shop .article-imgbg{
    display:block;
    width:100%;
    height:400px;
}
#shop .inside .insidebox {
    margin-top: 100px;
}


}