.banner .swiper-slide {text-align: center;background: #fff;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;}
.banner .swiper-slide img{ width:100%}
.banner .page1 { position: absolute; bottom: 12px;text-align: center;z-index: 10; left:18%}
.banner .page1 .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 8px;background: #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;opacity: 1; filter: alpha(opacity=100);transition:height 0.2s;-moz-transition:height 0.2s;-webkit-transition:height 0.2s;-o-transition:height 0.2s;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 8px; height: 20px;background: #fff;transition:height 0.2s;-moz-transition:height 0.2s;-webkit-transition:height 0.2s;-o-transition:height 0.2s;}
.banner .swiper-button-next_ban, .banner .swiper-button-prev_ban { width: 35px;height: 35px;display: block;position: absolute;cursor: pointer; bottom:30px;z-index: 8;background: url(/static/mshisou/images/index_24.png) center center no-repeat;}
.banner .swiper-button-next_ban { right: 22%; background-position:-35px 0 }
.banner .swiper-button-prev_ban { left: 52%;background-position:0 0}
.banner .line{left: 64.5%; bottom:40px; position:absolute; color:#a3ce5b}
@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2);}to{-webkit-transform:scale(1);transform:scale(1);}}
.banner .swiper-slide-active .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.banner .bot{position:absolute; width:45%; background:#91c53c;height:50px; bottom:0; left:25%; z-index:100}
.carousel-scroll{ position:absolute; width:25%; background:#5e5c5d;height:50px; bottom:0; left:0; z-index:100}
.carousel-scroll-btn {z-index: 56;position: absolute;bottom:6px;left:27%;width: 36px;height: 36px;border: 1px solid #fff;border-radius: 100%;overflow: hidden;cursor: pointer;}
.carousel-scroll-btn .carousel-scroll-btn-icon {position: absolute;display: block;width:35px;height: 35px;margin: 0 auto;background: url(/static/mshisou/images/index_23.png) no-repeat center center;cursor: pointer;animation: downico 1.5s ease-out infinite;}
@keyframes downico {
	0% {top: 0;opacity: 1;}
	35% {top: 50%;opacity: 0;}
	65% {top: -50%;opacity: 0;}
	100% {top: 0;opacity: 1;}
}
.wrap{ padding-left:4%;padding-right:4%;}
.wrap:after{content: ""; display: block;clear: both;}
.hd{ text-align:center; position:relative}
.hd:before{position: absolute; content: '';top: 0px;left: 50%; display: inline-block; width: 3px; background: #91c53b; margin-left:-1px}
.hd h2{ font-size:21px; font-weight:normal}
.hd p{ color:#666; font-size:12px; line-height:14px}
.about{ padding-bottom:40px}
.about .hd{padding-top:50px}
.about .hd:before{ height:45px;border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px;}
.about .desc{ padding:17px 0 0px; margin-bottom:34px; height:114px}
.goodsDetail-picture-cont{width:100%;z-index: 999; position:relative}
.about .swiper-container{width: 100%;}
.about .swiper-slide img{width:100%;position: relative; margin-bottom:10px}
.gdp-info-num{ position: absolute; width:40%; right:0; top:49%; background:url(/static/mshisou/images/index_03.png) right center no-repeat; padding-right:18px; background-size:8px 8px}
.gdp-info-num h1{text-align: right;font-weight: normal;font-size:16px;}
.gdp-info-num h1 i{font-size:14px; color:#666}
.about .tx{ width:100%; position:relative; padding-top:4%}
.about .tx:before{position: absolute; content: '';top: -12%;left: 11%; display: inline-block; width:2px; background: #91c53b; height:27px;border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius:1px}
.about .tx span{ font-size:16px; color:#666; z-index:2}
.about .tx h2{ font-size:20px; padding-top:15px;z-index:2; font-weight:normal}
.about .tx p{ color:#666; padding:10px 0 0;z-index:2; height:66px; overflow:hidden; margin-bottom:20px}
.about .tx a.more,.contact a.more,.messbox .btn{  text-align:center; display:inline-block;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px; position:relative; overflow:hidden;}
.about .tx a.more{width:136px; height:40px;background:#91c53b;}
.contact a.more{width:160px; height:40px; border:1px solid #fff}
.about .tx a.more em,.contact a.more em{position:relative;top: 0; display: block;color:#fff; font-style:normal ;}
.about .tx a.more em{height: 40px; line-height:40px;}
.contact a.more em{height:38px; line-height:38px; font-size:14px}
.about .tx i{ font-size:135px; font-family: Arial; color:#f8f8f8; float:right; font-weight: bold; position:absolute; right:0; top:12%; z-index:-1;}
.about .swiper-pagination{ text-align:right}
.about .swiper-pagination-bullet,.news .swiper-pagination-bullet { border-radius:4px;}
.about .swiper-pagination-bullet.swiper-pagination-bullet-active,.news .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 20px; background:#91c63b}
.product{ background:url(/static/mshisou/images/index_04.jpg) no-repeat; background-size:100%; padding-top:27px}
.product img{ width:100%}
.product .bd{ -moz-box-shadow:3px 3px 30px #ededed; -webkit-box-shadow:3px 3px 30px #ededed; box-shadow:3px 3px 30px #ededed;padding-bottom:8%}
.product .bd ul li{ float:left; cursor:pointer; width:50%; position:relative; background:#fff;}
.product .bd ul li a{ width:100%; display:block; text-align:center; padding:13% 5% 0;}
.product .bd ul li a i{ background:url(/static/mshisou/images/index_05.png) no-repeat; width:50px; height:58px; display:inline-block; margin-bottom:5px}
.product .bd ul li:nth-child(2) a i{background-position:-50px 0}
.product .bd ul li:nth-child(3) a i{background-position:-100px 0}
.product .bd ul li:last-child a i{background-position:-150px 0}
.product .bd ul li:first-child.on a i{background-position:0 -58px}
.product .bd ul li:nth-child(2).on a i{background-position:-50px -58px}
.product .bd ul li:nth-child(3).on a i{background-position:-100px -58px}
.product .bd ul li:last-child.on a i{background-position:-150px -58px}
.product .bd ul li a h4{ font-size:16px;font-weight:normal}
.product .bd ul li a p{ color:#888; padding:10px 5px 0; height:66px; text-overflow: -o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.news{ margin-bottom:30px}
.news .hd{padding-top:50px}
.news .hd:before{ height:45px;border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px;}
.news .tit ul{ text-align:center; margin-bottom:15px; padding-top:10px}
.news .tit ul li{ cursor:pointer;display:inline-block; background:url(/static/mshisou/images/index_11.gif) 0 center no-repeat}
.news .tit ul li a{padding:0 27px; height:30px; line-height:30px; }
.news .tit ul li:first-child{ background:none}
.news .tit ul li.on a{ color:#91c53b}
.news .swiper-container .pic{ width:100%; overflow:hidden; display:block; margin-bottom:14px}
.news .swiper-container .pic img{ width:100%}
.news .swiper-container a h4{ font-size:18px; height:50px; line-height:50px; overflow:hidden; position:relative; font-weight:normal}
.news .swiper-container a h4:after{position: absolute; content: ''; bottom:0px;left:0; display: inline-block; width:14% ; height:1px; border-bottom:1px dashed #bcbcbc}
.news .swiper-container a p{ line-height:26px; color:#666; height:64px; overflow:hidden; padding-top:12px; margin-bottom:16px; font-size:14px}
.news .swiper-container a .bot{ height:24px; margin-bottom:50px}
.news .swiper-container a .bot .time{ background: url(/static/mshisou/images/index_12.png) 0 0px no-repeat; color:#999;padding-left:24px;font-size:14px}
.news .swiper-container a .bot .more{ background:url(/static/mshisou/images/index_13.png) right 0 no-repeat; width:44px; height:7px; display:block; float:right; margin-top:9px}
.message{ background:url(/static/mshisou/images/index_06.jpg) no-repeat; background-size:100%; padding-top:35px; padding-bottom:35px; margin-bottom:50px}
.contact{ width:100%; padding-top:14px; padding-bottom:40px}
.contact .hd2{ margin-bottom:30px}
.contact .hd2 h2{ font-size:36px; font-family: Arial; font-weight:bold;color:#fff}
.contact .hd2 span{ font-size:18px;color:#fff; margin-left:4px}
.contact ul li{ display:block; height:90px}
.contact ul li img{ float:left; margin-right:16px; width:60px; height:60px}
.contact ul li .tx{ float:left; color:#e6e6e6; padding-top:10px; width:73%; font-size:14px}
.contact ul li .tx span{ font-size:14px; color:#fff}
.contact ul li:first-child .tx{padding-top:4px;}
.messbox{ width:100%; background:#fff; padding:30px 4%}
.messbox h2{ font-size:21px; margin-bottom:20px; font-weight:normal; text-align:center}
.messbox ul li{ position:relative; margin-bottom:12px; font-size:14px; }
.messbox .inp{ position: absolute;top: 0px; width: 100%; padding:10px 18px; background-color: transparent; border:1px solid #cbcbcb; font-family:Microsoft YaHei; line-height:22px}
.messbox label { position: absolute;display: inline-block;color: #818181;top: 12px; left:18px}
.messbox label span{ color:#cfcfcf}
.messbox .p-input{width:100%;line-height: 22px;display: block; background:#fff;height: 46px;}
.messbox select{ border:1px solid #cbcbcb; height:48px; width:100%; color:#818181; padding:0 0 0 12px}
.messbox .p-message{width: 100%;line-height: 18px;display: block; background:#fff;height: 77px; border:1px solid #cbcbcb; }
.messbox .form_textarea{position: absolute;top: 0px; width: 99%; height:75px; padding:7px 12px; background-color: transparent; border:0; font-family:Microsoft YaHei; line-height:19px}
.messbox .btn{ width:160px; height:40px; background:#91c53b; font-size:16px;font-family:Microsoft YaHei; color:#fff; border:0; cursor:pointer; }
.messbox .bot{ text-align:center}
.link{position: relative; border:1px solid #e2e2e2; display: block; margin-bottom:40px; padding:15px 10px 10px}
.link .tit3{width:100px; display: block;height:18px; font-size:18px; text-align: center; color: #000; line-height: 18px; background: #fff;position: absolute;top: -9px;left: 15px; z-index: 2; border-right: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7 ; }
.link img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.link .swiper-button-prev, .link .swiper-button-next { position: absolute;top: 50%; width: 22px; height: 47px; z-index: 10;cursor: pointer; background:url(/static/mshisou/images/index_22.png) no-repeat; background-size:46px 96px}
.link .swiper-button-prev{left: -12px; right: auto;}
.link .swiper-button-next {right: -12px; left: auto; background-position:-24px 0}