﻿
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,figure,p,blockquote,th,td{margin:0;padding:0;font: 13px/1.42857143 "微软雅黑"}
address,caption,cite,code,dfn,b,i,th,var,dt{font-style:normal;font-weight:normal;}
body {
    font: 13px/1.42857143 "微软雅黑", Helvetica, Arial, sans-serif;
    color: #000;
    background-color:#fff;
}
}



a {color: #000;text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
area{outline:none;}
hr {margin: 20px 0;border: 0;border-top: 1px solid #eee;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-family: inherit;font-weight: normal;line-height: 1.1;color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-weight: normal;line-height: 1;color: #777;font-size: 65%;}
img,input,button{vertical-align:middle;}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
/*@article-content 正文样式，用于后台编辑器内容*/
.article-content p{line-height:1.8em;}
.article-content b{font-weight: bold;}
.article-content i{font-style:italic;}
.article-content ul{list-style-type:disc;}
.article-content ol{list-style-type:decimal;}

/*@common style*/
.img-responsive{display: block;max-width: 100%;height: auto;margin: 0 auto;}
.hidden{display:none !important;}
.clear:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.clear{*zoom:1;}

.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}

/*正文样式*/

/**文章内边距***/
.article-padding{padding: 30px 50px 20px;}
@media screen and (max-width: 1200px){
    .article-padding{padding: 20px 50px;}
}
@media screen and (max-width: 800px){
    .article-padding{padding: 10px 20px;}
}

/********顶部*********/
.phone-reserve-box{ background-color: #D71B1A; padding: 15px 10%; display: none;}
.phone-reserve-box input{ width: 60%; height: 27px; border:none; background-color: #fff; line-height: 27px; text-indent: 10px; float: left; outline: 0;}
.phone-reserve-box button{ width: 36%; height: 27px; border: none; background: url(back-phone-btn.png) no-repeat center center; background-size: auto 100%; background-color: #0D59A4; float: right;}

.header{position: relative;background:#fff;padding:30px 0 4px;z-index: 100;}
.top{ width:100%; max-width:1200px; margin: 0 auto;}
.top_logo{ width:160px; height:48px; float:left; padding: 0 10px;}
.top_logo img{max-width: 160px;}
.top_right{ float:right;}
.phone_number_400{ width:auto; line-height:48px; color:#FF0000; font-weight:bold;float:left;}
.top_nav{ width:auto; height:auto; margin-left:30px; margin-top:16px; margin-right:10px; padding:0 15px; border-left: solid 1px #999; border-right:solid 1px #999; float:left;}
.top_nav li{position:relative;width: auto; line-height:16px; float:left; margin:0 15px; color:#9F9F9F;}
.top_nav li a{ color:#9f9f9f; line-height:16px;}
.top_nav li .active{ color:#0C5CAB;}
.share_icon{ width:auto; float:left; height:20px; margin-top:12px;}
.share_icon img{ margin-left:20px;}
.weixin_code{ width:220px; height:220px; position:absolute; z-index:99; top:75px; left:50%; margin-left:400px; display:none;}

@media screen and (max-width: 1000px){
    .mobile-invisible{display:none;}
    .header{padding: 10px 0 4px;}
    .top_logo{width:100%;float:none;text-align: center;margin-bottom:10px;padding:0;}
    .top_right{float:none;}
    .top_nav{float:none;border:0;margin:0;padding:0;font-size:16px;}
    .top_nav li{width:14.28%;margin:0;text-align: center;line-height: 30px;}
    .top_nav a{display:block;}
#qiao-wrap{display:none !important;}
}
@media screen and (max-width: 500px){
    .top_nav{font-size: 12px;}
}
.sub-nav{background: #fff;position: absolute;left:-30px;width: 80px;text-align: center;padding: 4px 0 0;}
.sub-nav li{border-bottom:1px solid #F4F4F4;float:none;width:100%;margin:0;padding:4px 0;line-height:30px;font-size:12px;}
@media screen and (max-width: 1000px){
    .sub-nav{left: 0;width: 100%;}
}
@media screen and (max-width: 500px){
    .sub-nav{left: 0;width: 70px;}
}

/*********外部容器*********/
.container{}
.container-wrap{width:1200px;margin:0 auto;}
@media screen and (max-width: 1200px){
    .container-wrap{width: 100%;}
}

/*********偏移样式*********/
.move-up{position:relative;top:-102px;margin-bottom: -102px !important;z-index:100;}
@media screen and (max-width: 500px){
    .move-up{top:auto;margin-bottom:0 !important;}
}

/********首页*******/
.home-list{ width: 100%;max-width:1200px;margin:0 auto;padding: 40px 0 60px;}
.home-list li{ width:33%; float:left;margin-bottom: 40px;}
.home-list .wrap{background:#fff;margin: 0 10px;border-bottom:solid 2px #000;height:400px;}

.home-list .title-wrap{position:relative;}
.home-list h2{ width:92%; padding:10px 4% 30px 4%; line-height:27px; font-size:18px;}
.home-list .biaoqian{ position:absolute; top:15px; right:15px; height:30px; width:30px; text-align:center; line-height:30px; font-size:20px; border:solid 3px #000; border-radius:28px; font-weight:bold;}

.home-list .img{width:100%;}
.home-list .info-wrap{padding: 20px;}
.home-list .title{color:#646464;margin-bottom:20px;}
.home-list .more{margin-bottom:20px; border-bottom:dashed 1px #000;}

@media screen and (max-width: 800px){
    .home-list li{ width:100%; float:none;}
    .home-list .wrap{height:auto;}
}
@media screen and (max-width: 500px){
    .home-list{padding-bottom:0;}
}

/**********简介***********/
.about-container{width: 100%;max-width: 1200px;margin: 0 auto;}
.about-article{background: #fff;padding: 40px 0;width: 100%;max-width: 1200px;margin:0 auto;}
.about-article header{width: 280px;margin: 0 auto;}
.about-article h2{color: #0c5cab;text-align: center;}
.about-article h1{text-align: center;font-size: 20px;height: 60px;line-height: 60px;color: #0c5cab;border-top: 1px solid #0c5cab;border-bottom: 1px solid #0c5cab;margin: 10px 0;}
.about-header{font-size:24px; text-align:center; color:#286FB5; background:url(bg_2.png) no-repeat center bottom; margin: 40px 0;padding: 0 0 20px;}

.brand-story-list{background:#fff;}
.brand-story-list .title-wrap{float:left;color:#0c5cab;padding:20px 60px;}
.brand-story-list .title{font-size:16px;}
.brand-story-list .num{background:url("arrow1.png") no-repeat 0 center;font-size: 30px;font-weight: bold;font-style: italic;padding-left:30px;}
.brand-story-list .info-wrap{padding: 20px;}
.brand-story-list .brief{line-height: 1.8em;color:#585858;}
.brand-story-list .more{float:right;margin-right:30px;padding: 5px 15px;border:1px solid #0c5cab;color:#0c5cab;}

.brand-honor-content{background: url("bg_honor.jpg") no-repeat center center;background-size: cover;min-height: 322px;padding: 30px 0;}
.brand-honor-photo{float:left;}
.brand-honor-info{float:right;width:40%;}

@media screen and (max-width: 800px){
    .brand-honor-photo{display:none;}
    .brand-honor-info{float:none;padding:0 10px;width:95%;}
}
@media screen and (max-width: 500px){
    .about-header{display:none;}
    .brand-story-list .title-wrap{float:none;padding: 20px 0 10px;}
    .brand-story-list .title{text-align: center;}
    .brand-story-list .num{display:none;}
    .brand-story-list .info-wrap{padding:0 20px 20px;}
    .brand-story-list .more{float:none;margin:10px auto;display:block;text-align:center;}
}

/****店铺***/
.shop-photo-list{text-align: center;padding: 20px 20px;}
.shop-photo-list li{margin:0 0 10px;}
/*.shop-photo-list img{transition:.3s all linear 0s;}*/
/*.shop-photo-list a:hover img{transform: scale(1.1);}*/

/********产品**********/
.pro-content{text-align: center;line-height:2em;padding: 0 20px 30px;color:#767676;}
.pro-photo-list li{float:left;width:32%;padding:0 .6%;margin:0 0 20px;overflow: hidden;}
.pro-photo-list img{transition:.3s all linear 0s;}
.pro-photo-list a:hover img{transform: scale(1.1);}
@media screen and (max-width: 500px){
    .pro-photo-list li{width:48%;padding:0 1%;}
}

/*******活动********/
.activity-container{position:relative;z-index: 100;top: -87px;margin-bottom:-40px;}
.activity-list{padding: 40px 0;}
.activity-list li{float:left;width:33%;margin:0 0 40px;padding:0 .15%;}
.activity-list .wrap{background:#fff;width: 100%;max-width: 320px;margin: 0 auto;height:400px;overflow:hidden;}
.activity-list .img{max-height:220px;width:100%;overflow: hidden;}
.activity-list .title{font-size:14px;text-align: center;line-height: 1.5em; padding:20px 0; background:url(bg_3.png) no-repeat center bottom;}
.activity-list .brief{color:#9f9f9f;font-size: 12px;padding: 20px 10px;height: 34px;overflow: hidden;}
.activity-list .img img{transition:.3s all linear 0s;}
.activity-list a:hover img{transform: scale(1.1);}
@media screen and (max-width: 800px){
    .activity-list li{width:48%;padding:0 1%;}
    .activity-list .wrap{}
}
@media screen and (max-width: 500px){
    .activity-list li{width:48%;padding:0 1%;}
    .activity-list .wrap{height: 300px;}
}

/*******新闻********/
.news-container{position:relative;z-index: 100;top: -100px;}
.news-list{margin:20px 0;}
.news-list li{position:relative;padding: 20px 0;border-bottom: 1px solid #999;}
.news-list .img{ width: 40%;max-width:300px; float:left;}
.news-list .wrap{float:left;width: 55%;max-width:700px;padding:0 0 0 5%;}
.news-list .date{ font-size:16px; background:url(bg_4.png) no-repeat left bottom;padding:0 0 30px;}
.news-list .date span{font-size:48px;}
.news-list .title{ padding:20px 0 50px; font-size:20px;line-height:1.5em;}
.news-list .brief{ line-height:24px; color:#A2A3A2;}
/*.news-list .more{width:160px; height:36px; position:absolute; bottom:30px; right:0; border:solid 1px #999; line-height:36px; text-align:center; cursor:pointer;}*/
.news-list .more{width:160px; height:36px; float:right; border:solid 1px #999; line-height:36px; text-align:center; cursor:pointer;}

@media screen and (max-width: 1200px){
    .news-container{top: -84px;margin-bottom:-50px;}
    .news-list{padding: 0 5%;}
}
@media screen and (max-width: 1000px){
    .news-list .date{padding:0 0 10px;}
    .news-list .title{ padding:10px 0 15px;}
}
@media screen and (max-width: 500px){
    .news-container{top:0;margin-bottom:0;}
    .news-list .date{font-size:12px;}
    .news-list .date span{font-size:20px;}
    .news-list .title{ font-size:14px;}
    .news-list .brief{display:none;}
    .news-list .more{float:left;width:100px;margin-left:5%;}
}

/***********BANNER*************/
.banner-slider{width: 100%;height: 650px;overflow: hidden;}
.banner-slider .swiper-slide{
    height: 650px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.banner-slider .swiper-slide a{
    display: block;
    height: 100%;
}
.banner-inner-wrap{height: 610px;background-position: center center;background-size: cover;background-repeat: no-repeat;}
@media screen and (max-width: 1200px){
    .banner-slider, .banner-slider .swiper-slide{height: 400px;}
    .banner-inner-wrap{height: 400px;}
}
@media screen and (max-width: 800px){
    .banner-slider, .banner-slider .swiper-slide{height: 300px;}
    .banner-inner-wrap{height: 300px;}
}
@media screen and (max-width: 600px){
    .banner-slider, .banner-slider .swiper-slide{height: 250px;}
    .banner-inner-wrap{height: 250px;}
}
@media screen and (max-width: 400px){
    .banner-slider, .banner-slider .swiper-slide{height: 150px;}
    .banner-inner-wrap{height: 150px;}
}

/**************内部导航****************/
.nav-wrap{background: #fff;width: 1200px;margin: 0 auto;padding: 50px 0;overflow:hidden;}
.nav-title{ text-align:center; font-size:20px; color:#0C5CAB; background:url(bg_2.png) no-repeat center bottom;padding: 0 0 20px;display:none;}
.nav-inner-list{text-align: center;font-size: 14px;}
.nav-inner-list li{display: inline-block;width: 20%;max-width: 220px;margin: 0 2%;border: 1px solid #0c5cab;*display:inline;*width:auto;*zoom:1;}
.nav-inner-list a{display: block;height: 40px;line-height: 40px;*display:inline;*padding:5px 20px;*margin:0 auto;*zoom:1;*width:100px;}
.nav-inner-list .active{background: #0c5cab;color: #fff;}
@media screen and (max-width: 1200px){
    .nav-wrap{width:90%;}
}
@media screen and (max-width: 800px){
    .nav-inner-list{font-size:12px;}
}
@media screen and (max-width: 500px){
    .nav-wrap{margin:15px auto 0;padding: 15px 0;}
    .nav-title{font-size:14px;padding: 0 0 10px;}
    .nav-inner-list{}
    .nav-inner-list a{height: 25px;line-height: 25px;}
}

/*详情页面*/
.article{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 20px;
}
.article header{
    border-bottom: 1px solid #ddd;
}
.article-title{
    font-size: 22px;
    color: #474747;
    text-align: center;
    padding: 0 0 20px;
}
.article-info{
    font-size: 12px;
    color: #7a7a7a;
    text-align: center;
    padding: 0 0 30px;
}
@media screen and (max-width: 500px){
    .article{padding-top: 0;}
    .article-title{margin-top: 20px;font-size: 18px;line-height:1.5em;padding: 0 0 10px;}
}

.back2list{font-size: 16px;text-align: center;}

/**********分页**********/
.page-nav{text-align: center;margin: 0 0 60px;}
.page-nav a, .page-nav span{background: #c3cad6;color:#fff;display:inline-block;width: 50px;height: 50px;line-height: 50px;margin:0 2px;}
.page-nav .current{background: #0c5cab;}
.page-nav .prev, .page-nav .next{width: auto;padding: 0 5px;}
@media screen and (max-width: 500px){
    .page-nav a, .page-nav span{width: 30px;height: 30px;line-height: 30px;margin: 0 2px 4px;}
}

/********联系我们********/
.contact-container{
    background: url("bg_5.jpg") repeat-x 0 40px #fff;
    padding: 30px 0 0;
}
.contact-boxs{
    color: #000;
    padding: 50px 50px 0 ;
}
.contact-boxs h2{
    font-size: 30px;
    padding: 0 0 30px;
}
.contact-boxs a{
    color: #0c5cab;
}
.contact-box{
    float: left;
    width: 50%;
    padding: 0 0 20px;
}
.contact-addr-wrap{
    padding: 50px 50px ;
}
.contact-addr{
    float: left;
    width: 50%;
    color: #5e5f5f;
}
.contact-addr h2{
    font-size: 16px;
    font-weight: bold;
    color: #171717;
    padding: 0 0 20px;
}
.contact-addr .addr{
    color: #1462ae;
    padding: 20px 0;
}
.contact-addr .phone{
    font-size: 16px;
}
.contact-addr .phone b{
    color: #ff1111;
}
.contact-map{
    float: left;
    width: 50%;
}
.contact-feedback-wrap{
    color: #0b0b0b;
    margin: 0 50px;
    border-bottom: 4px solid #0c5cab;
    padding: 50px 0 0;
}
.contact-feedback-wrap h3{
    font-size: 30px;
    padding: 0 0 10px;
}

.fm-join{
    margin: 20px 0;
    border-top: 4px solid #0c5cab;
    border-bottom: 4px solid #0c5cab;
    padding: 20px 0;
}
.fm-join input{
    float: left;
    background: #eeede9;
    border: 0;
    margin: 5px 0;
    padding: 5px 0;
}
.fm-join .p3{
    width: 38%;
    margin-right: 2%;
}
.fm-join .p4{
    width: 40%;
    margin-right: 2%;
}
.fm-join .p5{
    width: 58%;
}
.fm-join button{
    float: left;
    width: 18%;
    height: 45px;
    background: #408fdc;
    color: #fff;
    font-size: 16px;
    border: 0;
    margin: 5px 0;
    cursor: pointer;
    padding: 5px 0;
}

.contact-info-wrap{
    margin: 30px 0;
    border-top: 2px solid #e9c37c;
    border-bottom: 2px solid #e9c37c;
}
.contact-info-wrap .box{
    float: left;
    width: 33%;
    height: 110px;
    padding: 10px 0;
}
.contact-info-wrap .box2{
    border-left: 2px solid #e9c37c;
    border-right: 2px solid #e9c37c;
}
.contact-info-wrap .inner{
    padding: 30px 0 30px 40px;
}
.contact-info-wrap .box3{
    text-align: center;
}
.contact-info-wrap h4{
    font-weight: bold;
    padding: 0 0 10px;
}
@media screen and (max-width: 800px){
    .contact-info-wrap .box{width: 50%;}
    .contact-info-wrap .box2{border: 0;}
    .contact-info-wrap .box3{width: 100%;border-top: 2px solid #e9c37c;}
}
@media screen and (max-width: 500px){
    .contact-boxs{display: none;}
    .contact-box{float: none;width: auto;}
    .contact-addr-wrap{padding: 50px 20px ;}
    .contact-addr{float: none;width: auto;}
    .contact-map{display: none;}
    
    .contact-feedback-wrap{margin: 0 20px;}
    .fm-join input{float:none;width: 100% !important;}
    .fm-join button{float:none;width: 100%;}
    
    .contact-info-wrap .box{width: 100%;height: auto;}
    .contact-info-wrap .box2{width: 100%;border-top: 2px solid #e9c37c;}
    .contact-info-wrap .inner{padding: 10px 0 10px 20px;}
}

/**********加盟*************/

.join-kv-1 img{width:100%;}
.mo-join-kv-1{display:none;}
.mo-join-kv-1 img{width: 100%;}
.join-kv-3{display:none;}
.join-kv-3 img{width:100%;display:none;}
.join-kv-2 img{width:100%;}
/*@media screen and (max-width:1200px){
    .join-kv-3{display:none;}
.join-kv-3 img{display:none;}
}
@media screen and (max-width:1000px){
    .join-kv-3{display:none;}
.join-kv-3 img{display:none;}
}
@media screen and (max-width:800px){
    .join-kv-3{display:none;}
.join-kv-3 img{display:none;}
}
@media screen and (max-width:500px){
.join-kv-3{display:block;}
.join-kv-3 img{width:100%; display:block;}
.join-kv-2 img{width:100%; display:none;}
.join-kv-1 img{width:100%; display:none;}
.mo-join-kv-1{display:block;}
}*/
@media screen and (min-width:1100px){
    .join-kv-3{display:none;}
.join-kv-3 img{display:none;}
}
@media screen and (max-width:1099px){
.join-kv-3{display:block;}
.join-kv-3 img{width:100%; display:block;}
.join-kv-2 img{width:100%; display:none;}
.join-kv-1 img{width:100%; display:none;}
.mo-join-kv-1{display:block;}
}

/*eater修改*/
.li-container{ width:1000px; margin: 0 auto; background: #fff; }
.li-tel{ display:none;}
#gotomessage{ width:205px; height: 35px; position: absolute; left:50%; margin:-48px 0 0 -102px;}
#gotomessage a{display: block;width: 100%; height: 100%;}
@media screen and (max-width:1000px){
    .li-container{width: 95%;}
    .li-tel{ display:block;}
    .li-pc{ display:none;}
    #gotomessage{margin:-35px 0 0 -102px;}
}
.mt-30{margin-top:30px;}
.img100 img{ width:100%;}
.brandinfo-wrap{
    background: url("001_r1_c2.png") no-repeat center bottom;
    background-size: 80% auto;
    /*padding: 0 0 240px;*/
    text-align: center;
    line-height: 1.8em;
    color: #fff;
    font-size: 14px;
}
.brandinfo-wrap .wrap{
    background: url("children.png") no-repeat left 0;
    min-height: 700px;
}
.brandinfo-wrap h1{
    line-height:50px; font-size:40px; padding:70px 0 30px;
}
.brandinfo-wrap p{
    margin: 0 0 20px;
}
.brandinfo-wrap .highlight{
    background-color:#fff;
    color:#ef224d;
    height:30px;
    padding:0 20px;
    font-size:16px;
}
.brandinfo-wrap .phone{
    display: inline-block;
    border:solid 1px #fff;
    background:url(phone_bg.png) no-repeat 5px center;
    padding:0 15px 0 70px;
    font-size:27px;
    color:#fff;
    line-height:60px;
}
.brandinfo-wrap .phone b{
    font-weight: bold;
    font-size: 42px;
}
@media screen and (max-width: 1000px){
    .brandinfo-wrap .wrap{background: none;padding: 0 20px 62px;}
    .brandinfo-wrap h1{line-height:40px; font-size:24px; padding:30px 0 20px;}
}
@media screen and (max-width: 500px){
    .brandinfo-wrap .phone{font-size:14px;background-size: auto 30px;padding:0 15px 0 40px;}
    .brandinfo-wrap .phone b{font-size: 18px;}
    .brandinfo-wrap h1{font-size: 22px;}
    .brandinfo-wrap p{font-size: 12px;}
}

.li-w{ width:1000px; font-size: 12px;}
@media screen and (max-width: 1000px){
    .li-w{ width:100%;}
}
.choose{ margin-top:40px;background:url(title_4.png) no-repeat center 0 #fff;}
.choose .wrap{background:url(child2.png) no-repeat right 0; background-position: 710px 45px;}
.choose .title{ height:150px; color:#fff; text-align:center;}
.choose .title h2{ line-height:80px; font-size:40px; padding:20px 0 0;}

.choose_list{ padding:20px 287px 30px 20px;}
.choose_list li{ margin: 0 0 10px;}
.choose_list .list_number{ float:left; border-left: solid 9px #ef224d; border-right:solid 1px #ef224d;padding: 15px;margin: 0 10px 0 0;}
.choose_list .list_number span{ display: inline-block; width:110px; height:110px; text-align:center; line-height:110px; background:#ef224d; color:#fff; border-radius:55px; font-size:70px;margin:15px 0;}
.choose_list h2{ height:30px;  margin:22px 0 0 15px; padding-left: 12px; line-height:30px; font-size:22px; color:#ef224d; font-style:oblique; background:url(hx.png) no-repeat right center;}
.choose_list h2 span{ background:#fff; padding:0 20px 0 10px;border-left: solid 5px #ef224d; }
.choose_list p{margin:13px 0 0 0; font-size:12px;}

@media screen and (max-width: 1000px){
    .choose .wrap{background-image: none;}
    .choose_list{ padding:20px 20px 30px;}
    .choose_list .list_number{display: none;}
    .choose_list h2{margin:22px 0 0 0;padding-left: 0;}
}
@media screen and (max-width: 500px){
    .choose{background-color: #ef224d;background-size: contain;background-position: center 25px;margin-top: 30px;border-top:2px solid #fff;}
    .choose .title{ padding: 0 20px 15px; height:100px;}
    .choose .title h2{font-size: 20px;line-height:30px;padding: 20px 0 10px;}
    .choose .title p{font-size: 12px;}
    .choose_list{padding: 10px 10px;background: #fff;}
    .choose_list h2{height: auto;background: none;font-size: 14px;margin: 15px 0 0;}
    .choose_list p{font-size: 12px;margin:5px 0 0 0;}
}

.pic_list{margin: 30px 0 0;}
.pic_list li{ width:25%; float:left;margin: 0 0 2px;}
.pic_list li img{ max-width:100%; display:block;margin: 0 auto;}

@media screen and (max-width: 800px){
.pic_list{margin-top:0px;}
    .pic_list li{ width:50%;}
}
@media screen and (max-width: 500px){
    .pic_list{padding: 0 10px;}
}

/*.export{ background:url(4_r15_c2.png); text-align:center; color:#fff;margin:20px 0 0;padding: 20px 0;}
.export .wrap{
    background: url("bg_20.png") no-repeat center 40px;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 430px;
}
.export h2{ font-size:40px; font-weight:bold; padding: 70px 0 30px;}
.export p{ line-height:27px; color:#eee;margin:0 0 15px;}
.export .highlight{font-size:22px;}
.export .link{ display:inline-block; border: solid 1px #fff; margin-top:20px; color:#fff; line-height:30px; font-size:14px;padding: 5px 20px;}

@media screen and (max-width: 800px){
    .export{padding: 20px 20px;}
    .export .wrap{background-size: contain;background-position: center 20px; }
    .export h2{font-size: 30px;}
    .export .highlight{font-size:18px;}
    .export .link{font-size: 12px;}
}
@media screen and (max-width: 500px){
    .export h2{font-size: 24px;font-weight: bold; padding : 35px 0 30px}
}*/

.zhanshi{ padding-top:40px;overflow: hidden; margin:0 auto; width:1000px;}
.zhanshi .title-wrap{ border-bottom: solid 5px #DFDFDF; margin: 0 0 10px;line-height:50px;padding:0 0 10px;}
.zhanshi .title-wrap h2{float:left;font-size:40px;text-transform: uppercase;}

.zhanshi .title-wrap h2 small{ font-size:27px;padding: 0 0 0 10px; color:#000;}
.zhanshi .title-wrap h2 span{color:#54a0f8;}
.zhanshi .title-wrap .phone{float:right;font-size:27px; padding-left:35px; background:url(phone_bg_1.png) no-repeat left center;}
.zhanshi .title-wrap .phone small{font-size:14px;}

@media screen and (max-width: 800px){
    .zhanshi .title-wrap{line-height: 40px;}
    .zhanshi .title-wrap h2{font-size:30px;}
    .zhanshi .title-wrap h2 small{ font-size:20px;}
}
@media screen and (max-width: 500px){
    .zhanshi{padding: 30px 10px 0;}
    .zhanshi .title-wrap h2{font-size:20px;}
    .zhanshi .title-wrap h2 small{font-size:14px;}
    .zhanshi .title-wrap .phone{display:none;}
}

.join-product-slider, .join-shop-slider{
    height: 600px;
}
.join-product-slider .swiper-slide, .join-shop-slider .swiper-slide{
    background-size: cover;
    background-position: center center;
}
@media screen and (max-width: 800px){
    .join-product-slider, .join-shop-slider{
        height: 250px;
    }
}
@media screen and (max-width: 500px){
    .join-product-slider, .join-shop-slider{
        height: 200px;
    }
}

.workshop-list{}
.workshop-list li{float:left;width: 33.33%;}
.workshop-list img{width: 100%;}

.zhanshi .zhanshi_cont{margin-top:20px;}
.zhanshi .zhanshi_pic_cont_1{ width:100%; float:left; margin-top:20px;}
.zhanshi .zhanshi_pic_cont_1 li{ width:33%; height:300px; float:left; margin-right:0.16%; margin-left:0.16%; overflow:hidden; margin-bottom:0.3%}
.zhanshi .zhanshi_pic_cont_1 li img{ min-width:100%; min-height:100%;}
.zhanshi .zhanshi .zhanshi_pic_cont_2{ margin-top:20px;}
.zhanshi .zhanshi_pic_cont_2 li{ width:290px; float:left; margin-right:13px; background-color:#fff;}
.zhanshi .zhanshi_pic_cont_2 li:nth-child(4n+0){ margin-right:0px;}
.zhanshi .zhanshi_pic_cont_2 li img{ width:290px; float:left; height:180px;}
.zhanshi .zhanshi_pic_cont_2 li h2{ width:270px; margin-left:10px; line-height:40px; color:#999;}
.zhanshi .zhanshi_pic_cont_2 li h2 span:nth-child(1){ color:#E91426; font-size:16px;}
.zhanshi .zhanshi_pic_cont_2 li p{ width:270px; float:left; margin-left:10px; font-size:12px; color:#999; line-height:20px; height:80px; overflow:hidden; padding-bottom:20px;}
.zhanshi .zhanshi_pic_cont_3{ height:610px; margin-top:20px; position:relative;}
.zhanshi .zhanshi_pic_cont_3 li:nth-child(1){ width:650px; height:360px; left:0; top:0; overflow:hidden; position:absolute;}
.zhanshi .zhanshi_pic_cont_3 li:nth-child(2){ width:345px; height:245px; left:0; top:365px; overflow:hidden; position:absolute;}
.zhanshi .zhanshi_pic_cont_3 li:nth-child(3){ width:300px; height:245px; left:350px; top:365px; overflow:hidden; position:absolute;}
.zhanshi .zhanshi_pic_cont_3 li:nth-child(4){ width:545px; height:610px; left:655px; top:0; overflow:hidden; position:absolute;}
.zhanshi .zhanshi_pic_cont_4 { margin-top:20px;}
.zhanshi .zhanshi_pic_cont_4 li{ width:196px; margin:2px; float:left;}

.join-project-slider{height:290px;overflow:hidden;}
.join-project-list{}
.join-project-list li{float:left;width: 25%;margin:0 0 10px;}
.join-project-list .wrap{margin:0 5px;background:#fff;height: 320px;overflow:hidden;}
.join-project-list h2{padding: 10px 10px;font-size: 12px;color: #ccc;}
.join-project-list .fl{font-size: 16px;color:#E91426;}
.join-project-list p{font-size: 12px;padding: 0 10px;color: #666;}
.join-project-list img{width: 100%;}

@media screen and (max-width: 800px){
    .join-project-list li{width: 50%;}
}
@media screen and (max-width: 400px){
    .join-project-list li{width: 100%;}
    .join-project-list .wrap{margin: 0 10px;}
}



.join-activity-list .p6{float:left;width:54%;margin:2px 0 0;}
.join-activity-list .p4{float:left;width:45.6%;margin:2px 0 0 2px;}
.join-activity-list .p53{float:left;width:53.2%;margin:2px 0 0;}
.join-activity-list .p47{float:left;width:46.4%;margin:2px 0 0 2px;}
.join-activity-list img{width: 100%;}

@media screen and (max-width: 1000px){
    .join-activity-list .p53{width:53%;}
}
@media screen and (max-width: 600px){
    .join-activity-list .p6{width:100%;}
    .join-activity-list .p4{width: 100%;}
    .join-activity-list .p53{width:52.9%;}
}
@media screen and (max-width: 350px){
    .join-activity-list .p53{width: 52.8%;}
}

.join-media-list li{float:left;width:16.64%;}
.join-media-list img{width: 100%;max-width: 100%;}

@media screen and (max-width: 600px){
    .join-media-list li{width: 33.33%;}
}

.message{margin:20px auto 0; width:1000px}
.message .title{height: 67px;background: url("liuyan.png") no-repeat center 0;}
.message .brief{line-height:30px; text-align:center; font-size:15px; color:#999;}
.fm-comment{padding: 20px;font-size: 16px;}
.fm-comment .field-name{float:left;width:48%;}
.fm-comment .field-phone{float:right;width:48%;}
.fm-comment input{width: 100%;background: #f4f4f4;border: 1px solid #b3b3b3;margin:5px 0;}
.fm-comment textarea{width: 99.6%;height: 120px;background: #f4f4f4;border: 1px solid #b3b3b3;margin:5px 0;}
.fm-comment .ctrl-box{text-align: center;padding: 10px 0;}
.fm-comment button{background: #000;color: #fff;border: 0;width: 170px;height: 38px;}

@media screen and (max-width: 500px){
    .message .brief{line-height:20px; text-align:center; font-size:12px; color:#999;}
    .fm-comment .field-name{width:100%;}
    .fm-comment .field-phone{width:100%;}
}

/************底部信息*********/
.footer{ background:#fff; padding:30px 0 20px;}
.footer-wrap{ width:100%;max-width:1200px; margin: 0 auto;}
.footer-logo-wrap{ float:left;width: 250px;}
.footer-logo{ max-width: 160px;margin:0 0 20px;}
.footer-qcode img{height: 100px;}

.footer_middle{ width:auto; height:auto; float:left; margin-left:15%;*margin-left:100px;}
.footer_middle .fuwu_list{ width:auto; height:auto; float:left; margin-right:80px;}
.fuwu_list li{ line-height:27px; color:#999;}
.fuwu_list li a{ color:#999;}
.fuwu_list li:nth-child(1){ color:#000; line-height:40px; margin-bottom:10px; font-weight:bold; background:url(bg_1.png) no-repeat left bottom;}

.footer-contact{float:right;}
.footer-contact h2{ font-size:14px; line-height:40px; font-weight:bold;}

.fm-feedback{margin:0 0 10px;}
.fm-feedback input{border: solid 1px #999;width:120px; height:24px; line-height:24px; font-size:12px;}
.fm-feedback button{border: 0;width: 30px; height: 26px; background: #0C5CAB; color:#fff;font-size:12px;text-align: center;padding: 0;}

.footer-contact .phone{background:url("phone_icon.png") no-repeat 0 center;color:#0C5CAB;padding:2px 0 2px 25px;font-weight:bold;margin:4px 0;}
.footer-contact .addr{background:url("address_icon.png") no-repeat 0 center;color:#999;padding:2px 0 2px 25px;font-weight:bold;margin:4px 0;}

.copyright{ font-size:12px; color:#999;margin: 15px 0 0;}

@media screen and (max-width: 1200px){
    .footer-wrap .wrap{padding: 0 5%;}
}
@media screen and (max-width: 1000px){
    .footer_middle{display:none;}
}
@media screen and (max-width: 600px){
    .fm-feedback input{width:110px;}
    .footer-logo-wrap{ float:none;margin:0 0 10px;}
    .footer-qcode{display:none;}
    .footer-contact{float:none;}
    .footer-contact h2{font-size:12px;font-weight:normal;}
}

/***********右侧浮窗**********/
.float-box{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
}
.float-ctrl-wrap{
    float:left;
    margin-top: 140px;
    width: 64px;
    overflow: hidden;
}
.float-ctrl-wrap .wrap{
    background: #c1165a;
    color: #fff;
    font-size: 18px;
    width: 34px;
    text-align: center;
    letter-spacing: 2px;
    padding: 20px 15px;
}
.float-ctrl-wrap i{
    display: inline-block;
    background: url("icon_10.png") no-repeat;
    width: 34px;
    height: 30px;
    margin: 20px 0 0;
}
.float-main-wrap{
    float:left;
    width: 364px;
    overflow: hidden;
}
.float-main-wrap .wrap{
    background: #fff;
    width: 360px;
    border-left: 4px solid #0c5cab;
    text-align: center;
}
.float-main-wrap h3{
    font-size: 24px;
    padding: 30px 0 10px;
}
.float-main-wrap h4{
    font-size: 16px;
    padding: 0 0 15px;
}
.fm-float-comment{
    padding: 15px 20px 0;
}
.fm-float-comment input, .fm-float-comment textarea{
    border: 1px solid #ccc;
    width: 310px;
    margin: 0 0 10px;
	height:35px;line-height:35px;
}
.fm-float-comment input{
    
}
.fm-float-comment textarea{
    height: 100px;
}
.fm-float-comment button{
    width: 200px;
    border: 0;
    background: #0c5cab;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
}
.float-main-wrap .contact{
    padding: 40px 20px 30px;
    text-align: left;
    font-size: 12px;
}
.float-main-wrap .contact h5{
    font-size: 16px;
    margin: 0 0 5px;
}
.float-main-wrap .contact h5 span{
    float:left;
    border-bottom: 2px solid #0c5cab;
    padding: 0 0 5px;
}
.float-map-link{
    background: url("float_map.jpg") no-repeat center 0;
    display: block;
    width: 100%;
    height: 118px;
}
@media screen and (max-width: 800px){
    .float-box{display: none;}
}

/**************底部浮窗**************/
.mobile-bottom-box{display: none;}
@media screen and (max-width: 500px){
    body{padding: 0 0 50px;}
    .mobile-bottom-box{position: fixed; bottom:0;left:0;width: 100%;display: block;background: #0c5cab;text-align: center;font-size: 12px;z-index: 100;}
    .mobile-bottom-box li{float: left;width: 33.33%;}
    .mobile-bottom-box a{display: block;color: #fff;width: 100%;padding: 35px 0 5px;}
    .mobile-bottom-box .msg{background: url("icon_12.png") no-repeat center 10px;background-size: auto 20px;}
    .mobile-bottom-box .phone{background: url("icon_13.png") no-repeat center 10px;background-size: auto 20px;}
    .mobile-bottom-box .contact{background: url("icon_14.png") no-repeat center 10px;background-size: auto 20px;}
}


/***弹框提示***/
.pop-msg{font-size: 14px;padding:30px 40px;text-align: center;color:#0C5CAB;}
.error-404{background:url("404.jpg") no-repeat 400px center #fff;height:340px;padding:138px 100px 0;}
.error-404 h1{background:url("icon_warning.jpg") no-repeat 0 center;color: #ff871f;font-size: 18px;padding:20px 0 20px 50px;}
.error-404 h3{color: #939393;padding: 20px 0 20px 50px;}
.error-404 a{text-decoration: underline;}

.system-message{height:340px;padding:138px 100px 0;}
.system-message h1{color: #ff871f;font-size: 18px;padding:20px 0 20px 50px;}
.system-message .error{background:url("icon_warning.jpg") no-repeat 0 center;}

/*Swiper 3.0.4*/

.swiper-slide,.swiper-wrapper{height:100%;position:relative;transform-style:preserve-3d;width:100%}.swiper-pagination,.swiper-wrapper{-webkit-transform:translate3d(0,0,0)}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide,.swiper-wrapper{-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s step-end infinite;-moz-animation:swiper-preloader-spin 1s step-end infinite;animation:swiper-preloader-spin 1s step-end infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0)}8.33333333%{-webkit-transform:rotate(30deg)}16.66666667%{-webkit-transform:rotate(60deg)}25%{-webkit-transform:rotate(90deg)}33.33333333%{-webkit-transform:rotate(120deg)}41.66666667%{-webkit-transform:rotate(150deg)}50%{-webkit-transform:rotate(180deg)}58.33333333%{-webkit-transform:rotate(210deg)}66.66666667%{-webkit-transform:rotate(240deg)}75%{-webkit-transform:rotate(270deg)}83.33333333%{-webkit-transform:rotate(300deg)}91.66666667%{-webkit-transform:rotate(330deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}8.33333333%{transform:rotate(30deg)}16.66666667%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.33333333%{transform:rotate(120deg)}41.66666667%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.33333333%{transform:rotate(210deg)}66.66666667%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.33333333%{transform:rotate(300deg)}91.66666667%{transform:rotate(330deg)}100%{transform:rotate(360deg)}}
.swiper-button-prev, .swiper-button-next{opacity: 0;}


/*ester*/
.pro-list{ margin:40px 0 40px;}
.pro-list img{ margin-bottom:10px;}
.store-wrap img{ width: 100%;}
.store{max-width:1000px;margin: 0 auto; margin-top:42px;}  
.store-head{ text-align: center; background: #0e5dab;  padding:25px 0; background: url(blue-head-bg.jpg); line-height: 30px; margin-bottom: 15px;}
.store-head h2{font-size: 40px; color: #fff;}
.store-head p{ font-size: 14px; color: #fff !important;} 
.store-show{max-width:1000px; margin:0 auto; margin-top:80px;}
.store-deail{ margin-top:25px;}
.store-text{ width: 490px; float: left;}
.store-text h2{ width:470px; font-size: 30px; color:#0e5dab; height: 55px; border-bottom: 2px solid #0e5dab;}
.store-text-list{ margin-top:15px;}
.store-text-left{ padding-left:20px; width:470px;}
.store-text-list h3{ font-size: 20px;color:#0e5dab; line-height: 22px;}
.store-text-list p{ font-size: 12px;color:#727171; line-height: 18px; width:95%;}
.store-img{ width: 490px; float:left;}
.store-hidden{ display: none;}

@media screen and (max-width:1000px){
.pro-list{ margin:20px 0 20px;}
    .store{ width:95%; margin: 10px auto 0 auto;}
    .store-img{ width: 100%; margin-top:15px;}
    .store-show img{ width:100%;}
    .store-show{margin-top:10px; width:95%; margin:0 auto;}
    .store-text{ width: 100%;}
    .store-text-list{ margin-top:10px;}
    .store-text-left{ padding-left:0; width:100%;}
    .store-text h2{ width:100%;font-size: 16px; color:#68aaf8; height: 25px; border-bottom: 1px solid #68aaf8;}
    .store-text-list h3{ font-size: 13px;color:#68aaf8; line-height: 15px;}
    .store-head{ padding:10px 0;}
    .store-head h2{font-size: 16px; color: #fff;}
    .store-head p{ font-size: 12px; color: #fff; line-height: 18px;}
    .store-img img{ width: 100%; margin:0 auto;}
    .store-block{ display: none;}
    .store-hidden{ display:block;}
} 
@media screen and (min-width:1001px){.liu_tel{display:none;}}
@media screen and (max-width:1000px){
.liu_tel{position:fixed; top:30%; right:1px; z-index:999; width:30px;}
.liu_tel img{width:30px;}
}

.dwei{ display:none;}
@media screen and (max-width:1000px){
.message{ width:100%;}
.md_pc{display:none;}
.dwei{
	position:relative;
	z-index:1;
	min-height:300px;
	/*background-image: url(dwbg.jpg);*/
	background-repeat: no-repeat;
	background-position: right 150px;
	background-size:100%;
	width: 95%;
	margin:20px auto 0;
	display:block;
}
.jiam_title {
	background-color: #d71b1b;
	text-align: center;
	padding:15px 0;
}
.jiam_title_t{ font-size:15px; color:#ffffff; padding-bottom:5px;}
.jiam_title_p{ font-size:9px; color:#ffffff;}
/*.mot1 {
	background-image: url(mot1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 400px;
	width: 50%;
	position: absolute;
	top:0;
	right:0;
	background-size:auto 90%;
}*/
.mot1 {
	width: 40%;
	position: absolute;
	top:0px;
	right:0;
	z-index:1;
}
.mot1 img{ width:100%;}
.dwei_about{ font-size:11px; color:#616161; line-height:15px; padding:20px 0 0 3px; width:70%;}
.dw123{ width:50%;}
.dw123 img{width:100%; padding-top:20px;}
.jiam_dp{ width:100%; margin-top:20px; position:relative; z-index:2;}
.jiam_dp img{ width:100%;}
}
@media screen and (max-width:520px){
.mot1 { width:43%;top:40px;}
.dw123{ width:60%;}
}

@media screen and ( max-width: 420px){
    .phone-reserve-box{ display: block;}
}
@media screen and (min-width:1100px){
    .join-kv-3{display:none;}
.join-kv-3 img{display:none;}
}
@media screen and (max-width:1099px){
.join-kv-3{display:block;}
.join-kv-3 img{width:100%; display:block;}
.join-kv-2 img{width:100%; display:none;}
.mo-join-kv-1{display:block;}
}
.join-kv-1 img{width:100%; display:none;}