@charset "UTF-8";


*{padding:0;margin:0;}
li{list-style-type: none;}
img{margin:0;padding:0;border:none;}
a{text-decoration:none;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cl { zoom: 1; }
/*html5*/

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.logo{width:1160px!important;}
.wp{width:1160px!important;}
.bt{background: #121212 !important;}
.container{width:1160px;margin:0 auto;}
.head_nav{width:60%;margin:0 auto;}
.head_nav li{width:20%;float:left;text-align: center;}
.head_nav li a{cursor:pointer;display: block;padding:20px 0;}
.head_nav li:hover{background:#3D4350;}
.banner-gallery{width:100%;overflow: hidden;position:relative;height:600px;}
.banner{position:absolute;top:0;left:0;}
.banner ul{}
.banner li{float:left;width:1160px;overflow:hidden;height:600px;}
.banner li a{display: block;width:100%;}
.banner  li  img{width:100%;height:auto;display: block;}
.swiper-button-prev{height:147px;width:5%;background: red;position:absolute;top:50%;margin-top:-73px;left:50px;background: url('../../images/shijue/arrow.png') no-repeat 0 0;}
.swiper-button-next{height:147px;width:5%;background: red;position:absolute;top:50%;right:50px;margin-top:-73px;background: url('../../images/shijue/arrow.png') no-repeat 0 -147px;}
.pagination{position: absolute;bottom:30px;right:30px;}
.switch{display:inline-block;height:15px;width:15px;margin-left:10px;background:black;}
.active{background: red;}
.section{margin-bottom:50px;width:100%;}
.service{padding-bottom: 50px;border-bottom:1px #CCC solid;}
.service h3{font-size: 30px;font-weight:normal;text-align:center;}
.service h3 p{padding: 15px 0 50px 0}
.service li{width:24.9%;border-right:1px #CCC solid;text-align: center;float:left;}
.service li:nth-last-child(1){border:none!important;}
.service li img{width:40%;height:auto;
    transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition:all 0.4s ease;
}
.service li img:hover{
    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.pic ul{position:relative;}
.pic .spec{position: absolute;top:0;right:0;}
.service li p{padding:15px 0;font-size: 20px;}
.service li p a{text-decoration:none!important;}
.service li a{text-decoration:underline;cursor:pointer;}
.pic h3{font-size: 30px;font-weight:normal;text-align:center;}
.pic h3 p{margin: 15px 0 50px 0;line-height:30px;position:relative;}
.pic h3 p a{position:absolute;top:0;right:0;font-size:20px;text-decoration:underline;color: black;}
.pic li{float:left;width:20%;height:auto;text-align: center;position: relative;overflow:hidden;display: inline-block;}
.pic li a{display:block;cursor:pointer;}
.pic li img{display:block;width:100%;height:auto;}
.pic .more{display: block;width:100%;height:50px;line-height:50px;color:white;background: url("../../images/mshishang/bg_1.png") repeat;position:absolute;left:0;bottom:-50px;font-size: 16px;  }


.fashion h3{font-size: 30px;font-weight:normal;text-align:center;}
.fashion h3 p{padding: 15px 0 50px 0}
.fashion ul{position: relative;background:#eeeeee;height:608px;width: 100%;}
.fashion li{width:22%;text-align: center;position: relative;overflow: hidden;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition:all 0.3s ease;}
.fashion li a{display: block;cursor:pointer;}
.fashion li img{display:block;width:100%;height:auto;}
.fashion .more{display: block;width:100%;height:80px;line-height:80px;
    background:rgb(7,7,7);
    position:absolute;
    left:0;bottom:-80px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.fashion .img_1{position:absolute;top:0;left:0;padding:10px 10px 20px 10px;background:white;
    transform:rotate(-10deg) scale(0.6);
    -moz-transform: rotate(-10deg) scale(0.6);
    -ms-transform: rotate(-10deg) scale(0.6);
    -webkit-transform: rotate(-10deg) scale(0.6);
    -o-transform: rotate(-10deg) scale(0.6);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_2{position:absolute;top:50px;left:20%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(15deg) scale(0.8);
    -ms-transform:rotate(15deg) scale(0.8);
    -o-transform: rotate(15deg) scale(0.8);
    -moz-transform: rotate(15deg) scale(0.8);
    -webkit-transform: rotate(15deg) scale(0.8);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_3{position:absolute;top:0;right:19%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(-10deg) scale(0.4);
    -ms-transform:rotate(-10deg) scale(0.4);
    -moz-transform: rotate(-10deg) scale(0.4);
    -o-transform: rotate(-10deg) scale(0.4);
    -webkit-transform: rotate(-10deg) scale(0.4);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_4{position:absolute;top:0;right:30px;padding:10px 10px 30px 10px;background:white;
    transform:rotate(15deg) scale(0.7);
    -ms-transform: rotate(15deg) scale(0.7);
    -o-transform: rotate(15deg) scale(0.7);
    -webkit-transform: rotate(15deg) scale(0.7);
    -moz-transform: rotate(15deg) scale(0.7);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_5{position:absolute;top:300px;left:5%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(-5deg) scale(0.6);
    -ms-transform:rotate(-5deg) scale(0.6);
    -o-transform: rotate(-5deg) scale(0.6);
    -moz-transform: rotate(-5deg) scale(0.6);
    -webkit-transform: rotate(-5deg) scale(0.6);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_6{position:absolute;bottom:0;left:23%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(10deg) scale(0.5);
    -ms-transform:rotate(10deg) scale(0.5);
    -o-transform: rotate(10deg) scale(0.5);
    -webkit-transform: rotate(10deg) scale(0.5);
    -moz-transform: rotate(10deg) scale(0.5);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_7{position:absolute;bottom:0;right:30px;padding:10px 10px 20px 10px;background:white;
    transform:rotate(-10deg) scale(0.7);
    -ms-transform: rotate(-10deg) scale(0.7);
    -o-transform: rotate(-10deg) scale(0.7);
    -moz-transform: rotate(-10deg) scale(0.7);
    -webkit-transform: rotate(-10deg) scale(0.7);
    box-shadow: 0 0 10px grey;z-index: 1;}
.fashion .img_8{position:absolute;bottom:150px;right:16%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(0deg) scale(0.5);
    -moz-transform: rotate(0deg) scale(0.5);
    -o-transform: rotate(0deg) scale(0.5);
    -webkit-transform: rotate(0deg) scale(0.5);
    -ms-transform: rotate(0deg) scale(0.5);
    box-shadow: 0 0 15px #252323;z-index: 1;}
.fashion .img_9{position:absolute;bottom:50px;left:42%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(0deg) scale(0.9);
    -ms-transform:rotate(0deg) scale(0.9);
    -webkit-transform: rotate(0deg) scale(0.9);
    -o-transform: rotate(0deg) scale(0.9);
    -moz-transform: rotate(0deg) scale(0.9);
    box-shadow: 10px 10px 15px #252323;z-index:1;}
.fashion .img_10{position:absolute;bottom:300px;left:42%;padding:10px 10px 20px 10px;background:white;
    transform:rotate(10deg) scale(0.5);
    -ms-transform:rotate(10deg) scale(0.5);
    -webkit-transform: rotate(10deg) scale(0.5);
    -o-transform: rotate(10deg) scale(0.5);
    -moz-transform: rotate(10deg) scale(0.5);
    z-index: 1;}
.fashion li:hover{transform: rotate(0deg) scale(1.2);
                  -ms-transform:rotate(0deg) scale(1.2);
    -webkit-transform: rotate(0deg) scale(1.2);
    -moz-transform: rotate(0deg) scale(1.2);
    -o-transform: rotate(0deg) scale(1.2);
    z-index: 3;box-shadow: 10px 10px 15px #252323;}
.wrapper{width:100%;height:100%;background: rgba(7,7,7,0.5);position: absolute;top:0;left:0;z-index: 2;display: none;}

.scroll{position:fixed;right:0;bottom:80px;width: 52px;z-index: 10;}
.scroll a{display:block;width:52px;height:48px;background: grey;margin-top: 3px;
    transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition:all 0.5s ease;
}
.scroll .m_weChat{background: url('../../images/shijue/bg.png') no-repeat 0 0;}
.scroll .m_weChat:hover{background: url('../../images/shijue/bg.png') no-repeat 0 -48px;}
.scroll .contact{background: url('../../images/shijue/bg.png') no-repeat 0 -202px;}
.scroll .contact:hover{background: url('../../images/shijue/bg.png') no-repeat 0 -252px;}
.scroll .go_top{background: url('../../images/shijue/bg.png') no-repeat 0 -101px;display: none;}
.scroll .go_top:hover{background: url('../../images/shijue/bg.png') no-repeat 0 -152px;}
.scroll .m_code{width:150px;height:150px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform-origin: right bottom;
    -moz-transform-origin:right bottom;
    -o-transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin:right bottom ;
}
.scroll .m_shishang{	position: absolute;top:-102px;left:-150px;background:url('../../images/shijue/mshishang.png') no-repeat 0 0;background-size:100%,100%;}
.scroll .m_1848{	position: absolute;top:-51px;left:-150px;background:url('../../images/shijue/1848.jpg') no-repeat 0 0;background-size:100%,100%;}
/*视觉幻灯图*/
.black_wrapper{width:100%;background: #000;padding-bottom:20px;}
.view{width:1160px;margin:0 auto;}
.slide_wrapper {
    position: relative;
    overflow: hidden;
}
.slide_wrapper .slide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.view .home_title{
    height: 43px;
    line-height: 43px;
    padding: 20px 0 30px;
    margin: 0 auto;
    width: 350px;
    font-size: 24px;}
.view .home_title span{display: inline-block;
    width: 152px;
    padding-right: 23px;
    text-align: right;
    color:black;
    height: 43px;
    background: white;
    font-weight:normal;
}
.view .home_title em{
    font-weight: normal;
    display: inline-block;
    padding-left: 15px;
    height: 43px;
    color: white;}
.view .foot_wrapper{width:100%;height:600px;}
.view .foot_wrapper .foot_slider{height:100%;position: relative;}
.foot_slider .m_1{width:100%;height:100%;}
.foot_slider .m_2{width:50%;height:100%;overflow: hidden;position: absolute;top:0;left:0;}
.foot_slider .m_3{width:25%;height:50%;overflow: hidden;position: absolute;top:0;left:50%;}
.foot_slider .m_4{width:25%;height:50%;overflow: hidden;position: absolute;bottom:0;left:50%;}
.foot_slider .m_5{width:25%;height:50%;overflow: hidden;position: absolute;top:0;right:0;}
.foot_slider .m_6{width:25%;height:50%;overflow: hidden;position: absolute;bottom:0;right:0;}
.foot_slider .m_7{width:25%;height:50%;overflow: hidden;float:left;}


.foot_slider .m_wrapper{width:100%;height:100%;position: relative;overflow: hidden;}
.foot_slider  .m_wrapper .foot_img{width:100%；height:100%;}
.foot_slider  .m_wrapper img{width:100%;height:auto;display: block;}
.foot_slider  .m_wrapper span{display: block;position:absolute;bottom:0;left:0;width:80%;font-size: 24px;padding:10px;
    color:white;  text-shadow: 1px 1px 3px #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
.color_span{border-left:8px deepskyblue solid;}
.foot_slider  .m_wrapper .cover{width:100%;height:100%;position: absolute;left:0;top:0;background: url('../../images/mshishang/bg_2.png');}
.f_prev{width:81px;height:80px;position:absolute;background: url('../../images/mshishang/arrow.png') no-repeat 0 0;top:50%;margin-top:-40px;left:60px;opacity:0;filter:alpha(opacity=0)}
.f_next{width:81px;height:80px;position:absolute;background: url('../../images/mshishang/arrow.png') no-repeat 0 -88px;top:50%;margin-top:-40px;right:60px;opacity:0;filter:alpha(opacity=0)}
#ft{margin-top:0!important;}