/* ----------------------------width:100%; 头部*/
#head_box {width: 100%; height: 100%; overflow: hidden;}
.head_mask {left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;z-index:0;}
#logo_box{ width:100%; height:65px; position:relative; background-color:#000; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; z-index:1;}
#logo{ position:absolute; left:20px; top:0px; z-index:10;}
#iconbox{ position:absolute; right:20px; top:0px; height:65px; line-height:65px; z-index:10;color:#FFF; font-size:20px;}
#iconbox span{ font-size:32px; position:relative; top:5px;}
#iconbox:hover{}

/* 导航 */
#navigation{ position:absolute; left:50%; top:0; z-index:10; width:1050px; margin-left:-525px;}
#navigation dl{ float:left; width:105px; height:65px; line-height:65px; text-align:center;}
#navigation dl dt{}
#navigation dl dt a{ display:block; color:#FFF; font-size:16px;}
#navigation dl:hover dt a{ color:#fcef0d;}

/* -----------------------大图*/
#head_pic{ width:100%; height:100%; position:relative;}
.swiper-container {}
#head_pic .swiper-slide {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
#head_pic .swiper-pagination-bullet-active{ background-color:#ff6600;}


/* -----------------------服务*/
#service_box{ width:100%; background-color:#f8f8f8;}
#service ul li{ float:left; width:370px; height:160px; padding:5px; background-color:#FFF; margin-left:30px; position:relative; text-align:center;
-moz-box-shadow:1px 1px 5px #e2e2e2; -webkit-box-shadow:1px 1px 5px #e2e2e2; box-shadow:1px 1px 5px #e2e2e2;
}
#service ul li:nth-child(1){ margin-left:0;}
#service ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:100;}
#service ul li p{ position:absolute; left:5px; bottom:5px; width:370px; height:40px; line-height:40px; font-size:16px;
 background-color:#000; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; color:#FFF;}
/* -----------------------广告*/
#advlist{}
#advlist ul li{ float:left; width:470px; height:265px; margin-left:10px;}
#advlist ul li:nth-child(1){ width:720px; height:440px; margin-left:0;}
#advlist ul li:nth-child(3){ margin-top:10px;}

/* -----------------------图片列表--产品*/
#pic_list{ margin-top:15px;}
#pic_list ul li{ float:left; margin-top:15px; width:285px; height:250px; margin-left:20px; text-align:center; position:relative;}
#pic_list ul li:nth-child(4n+1){ margin-left:0;}
#pic_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:100;}
#pic_list ul li .in_pic{ width:285px; height:215px; position:relative; overflow:hidden;}
#pic_list ul li .in_pic img{
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}

#pic_list ul li .in_title{ height:35px; line-height:35px; overflow:hidden;}
#pic_list ul li .in_dark{ position:absolute; left:0; top:0; width:100%; height:100%;background-color:#000; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:50;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
}
#pic_list ul li p{ position:absolute; left:90px; top:90px; z-index:80; width:104px; height:31px; line-height:31px; text-align:center; background-color:#ff6600; color:#FFF;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}

#pic_list ul li:hover .in_pic img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
#pic_list ul li:hover .in_dark{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#pic_list ul li:hover p{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
/* -----------------------案例*/
#anli_box{ background-color:#f8f8f8;}
#anli_list{ margin-top:30px; height:480px; position:relative;}
#anli_list ul li{position:relative; overflow:hidden;}

#anli_list ul li:nth-child(1){ position:absolute; left:0; top:0; width:480px; height:480px;}
#anli_list ul li:nth-child(2){ position:absolute; left:490px; top:0; width:320px; height:235px;}
#anli_list ul li:nth-child(3){ position:absolute; left:490px; top:245px; width:320px; height:235px;}
#anli_list ul li:nth-child(4){ position:absolute; right:0; top:0; width:380px; height:480px;}

#anli_list ul li:nth-child(1) img{ width:480px; height:480px;}
#anli_list ul li:nth-child(2) img{ width:350px; height:235px;}
#anli_list ul li:nth-child(3) img{ width:350px; height:235px;}
#anli_list ul li:nth-child(4) img{ width:380px; height:480px;}

#anli_list ul li .in_tt{ position:absolute; left:0; bottom:0; text-align:center; color:#FFF; width:100%; height:40px; line-height:40px; background:url(../images/bg1.png);}
#anli_list ul li a{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url(../images/blank.gif) no-repeat center center; z-index:100;}

#anli_list ul li .in_note{position:absolute; left:0;  text-align:center; color:#FFF; width:100%; height:100%; background:url(../images/bg1.png);
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
}
#anli_list ul li .in_note h2{ height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:normal;}
#anli_list ul li .in_note p{ padding:5px 10px; height:150px; line-height:25px;}

#anli_list ul li:nth-child(1) .in_note{top:440px;}
#anli_list ul li:nth-child(2) .in_note{top:195px;}
#anli_list ul li:nth-child(3) .in_note{top:195px;}
#anli_list ul li:nth-child(4) .in_note{top:440px;}

#anli_list ul li:hover .in_note{ top:0;}


/* -----------------------简介*/
#about_box{ background-color:#f8f8f8;}
#about{ margin-top:20px;}
.about_pic{ float:left; width:400px; height:350px;}
.about_pic img{width:400px; height:350px;}
.about_cont{ height:350px; float:right; width:780px; line-height:32px; font-size:16px; overflow:hidden; text-indent:2em;}
.about_cont span{ font-weight:bold;}

#adv{ width:100%;}
#adv img{ width:100%; height:auto;}
/* -----------------------门店*/
#shop_list{ position:relative;}
#shop_box .swiper-container{height:190px;}
#shop_container{margin-top:25px;}
#shop_container .swiper-slide { width:285px; 
text-align: center;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cs_list{ text-align:center; width:285px; height:180px; background-color:#FFF;  position:relative;}
.cs_list .item_pic{width:285px;height:180px; position:relative;}
.cs_list .item_pic img{width:285px;height:150px;}
.cs_list .item_pic p{height:30px; line-height:30px; font-size:16px;  overflow:hidden;}
.cs_list a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;  background:url(../images/blank.gif) no-repeat; z-index:50;}
#shop_container .swiper-pagination-bullet-active{ background-color:#25bda4;}

#s_left{ position:absolute; top:60px; margin-left:-640px; left:50%; width:27px; cursor:pointer; z-index:1; }
#s_right{ position:absolute; top:60px; margin-right:-640px; right:50%; width:27px; cursor:pointer; z-index:1; }
#shop_container .swiper-pagination-bullet-active{ background-color:#ff6600;}


/* -----------------------新闻*/
#news_box{}
#news_list{}
#news_list ul li{ margin-top:30px; width:570px; height:126px; float:left; margin-left:60px; position:relative;}
#news_list ul li:nth-child(2n+1){ margin-left:0;}
#news_list ul li a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;  background:url(../images/blank.gif) no-repeat; z-index:50;}

#news_list ul li img{ float:left; width:160px; height:120px; padding:2px; border:1px solid #e2e2e2;}
#news_list ul li .in_cont{ width:390px; float:right; height:126px; position:relative;}
#news_list ul li .in_cont h2{ height:20px; line-height:20px; font-size:14px; font-weight:normal; overflow:hidden;}
#news_list ul li .in_cont .in_des{ margin-top:5px; height:69px; line-height:23px; overflow:hidden; color:#999999; overflow:hidden;}
#news_list ul li .in_cont .in_time{ position:absolute; left:0; bottom:0; color:#999; font-size:12px;}