/*-----------INDEX PAGE START-----------*/
.clearfix::after{content:"";display:block;clear:both;}
.clear{clear:both!important;}

@media (max-width:991px){

.ms-title{position:relative;display:inline-block;padding-top:20px;}
.ms-title::before{content:"";position:absolute;top:0px;right:1px;width:16px;height:16px;border:#6b1810 solid 1px;border-radius:50%;}
.ms-title img{width:40px;}

.ms-products .content{margin:0px -3px;}
.ms-products .list{float:left;width:100%;}
.ms-products .item{float:left;width:calc(50% - 6px);margin:3px;}
.ms-products .item.logo{display:none;}
.ms-products .item a{position:relative;display:block;width:100%;min-height:140px;background-color:#fff;background-repeat:no-repeat;background-size:15%;background-position:center center;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);overflow:hidden;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.ms-products .item a img{width:100%;opacity:0;visibility:hidden;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a span{position:absolute;z-index:1;left:0px;bottom:15px;width:100%;color:#2d2d2d;font-size:13px;text-align:center;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a:hover{-webkit-box-shadow:0 2px 15px rgba(0,0,0,.4);box-shadow:0 2px 15px rgba(0,0,0,.4);}
.ms-products .item a:hover img{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a:hover span{color:#c4ba9e;}

.ms-intro{position:relative;background-color:#f7f7f7;margin-bottom:10px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;}

.ms-intro-01{padding-top:40px;padding-bottom:40px;}
.ms-intro-01 .ms-title{float:left;margin-left:40px;}
.ms-intro-01 .ms-logo{float:right;margin-right:40px;}
.ms-intro-01 .ms-logo img{width:40px;}
.ms-intro-01 .content{background-color:#e9e9e9;padding:40px;margin-top:50px;background-image:url("../images/story-logo-en.png");background-position:calc(100% - 20px) 50%;background-repeat:no-repeat;background-size:10px auto;}
.ms-intro-01 .content .pic{float:right;margin-top:-40%;width:100%;padding:30px;}
.ms-intro-01 .content .pic img{width:100%;}
.ms-intro-01 .content .text{float:left;width:100%;color:#1a1a1a;font-size:13px;line-height:22px;padding-right:30px;text-align:justify;}
.ms-intro-01 .content .text p{margin-bottom:15px;}

.ms-intro-02{padding:40px 40px 20px;}
.ms-intro-02 .ms-title{float:right;margin-top:30px;}
.ms-intro-02 .item{float:left;width:25%;padding:0px 2px;}
.ms-intro-02 .item img{float:left;width:100%;margin-bottom:4px;}

.ms-intro-03{padding:0px 0px 40px;}
.ms-intro-03::before{content:"";position:absolute;z-index:0;right:-20%;top:calc(50% - 550px);width:1100px;height:1100px;background-color:#e8e8e8;border-radius:50%;}
.ms-intro-03 .pic{position:relative;z-index:10;float:left;width:100%;}
.ms-intro-03 .pic img{width:100%;}
.ms-intro-03 .ms-title{margin-top:30px;margin-bottom:20px;}
.ms-intro-03 .content{position:relative;z-index:10;float:left;width:100%;padding-left:40px;padding-right:40px;}
.ms-intro-03 .item{position:relative;padding-left:20px;margin-bottom:20px;}
.ms-intro-03 .item::before{content:"";position:absolute;left:0px;top:8px;width:6px;height:6px;background-color:#6b1810;border-radius:50%;}
.ms-intro-03 .item .num{color:#1a1a1a;font-size:18px;line-height:24px; text-align: left;font-family:Times, "Times New Roman", "serif";font-weight:bold;}
.ms-intro-03 .item .text{color:#1a1a1a;font-size:15px;line-height:24px;margin-top:8px; text-align: left;}

.ms-intro-04{padding-bottom:0px;}
.ms-intro-04 .pic img{float:left;width:100%;}
.ms-intro-04 .ms-title{float:right;margin-top:40px;margin-right:40px;}
.ms-intro-04 .content{float:left;width:60%;background-color:#e8e8e8;padding:60px 30px 30px;}
.ms-intro-04 .item{margin-bottom:20px;}
.ms-intro-04 .item .name{color:#1a1a1a;font-size:16px;line-height:24px;font-weight:bold; text-align: left;}
.ms-intro-04 .item .en{color:#999;font-size:13px;line-height:18px;font-family:Times, "Times New Roman", "serif";}
.ms-intro-04 .item .text{color:#1a1a1a;font-size:14px;line-height:24px;margin-top:8px; text-align: left;}

}

@media (max-width:768px){


}

@media (max-width:480px){


}

@media (max-width:320px){


}

@media (min-width:992px){

.ms-title{position:relative;display:inline-block;padding-top:35px;}
.ms-title::before{content:"";position:absolute;top:0px;right:0px;width:26px;height:26px;border:#6b1810 solid 2px;border-radius:50%;}
.ms-title img{width:60px;}

.ms-products .content{margin:0px -5px;}
.ms-products .list{float:left;width:33.333333%;}
.ms-products .item{float:left;width:calc(100% - 10px);margin:5px;}
.ms-products .item.logo{display:block;height:530px;background-color:#fff;background-repeat:no-repeat;background-size:68%;background-position:center center;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);}
.ms-products .item a{position:relative;display:block;width:100%;height:260px;background-color:#fff;background-repeat:no-repeat;background-size:9%;background-position:center center;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);overflow:hidden;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.ms-products .item a img{width:100%;opacity:0;visibility:hidden;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a span{position:absolute;z-index:1;left:0px;bottom:20px;width:100%;color:#2d2d2d;font-size:14px;text-align:center;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a:hover{-webkit-box-shadow:0 2px 15px rgba(0,0,0,.4);box-shadow:0 2px 15px rgba(0,0,0,.4);}
.ms-products .item a:hover img{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.ms-products .item a:hover span{color:#c4ba9e;}

.ms-intro{position:relative;background-color:#f7f7f7;margin-bottom:60px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);overflow:hidden;}

.ms-intro-01{padding-top:80px;padding-bottom:80px;}
.ms-intro-01 .ms-title{float:left;margin-left:80px;}
.ms-intro-01 .ms-logo{float:right;margin-right:80px;}
.ms-intro-01 .ms-logo img{width:80px;}
.ms-intro-01 .content{background-color:#e9e9e9;padding:60px;margin-top:50px;background-image:url("../images/story-logo-en.png");background-position:calc(100% - 50px) 50%;background-repeat:no-repeat;background-size:12px auto;}
.ms-intro-01 .content .pic{float:right;margin-right:10%;margin-top:-20%;width:50%;}
.ms-intro-01 .content .pic img{width:100%;}
.ms-intro-01 .content .text{float:left;width:40%;color:#1a1a1a;font-size:13px;line-height:22px;text-align:justify;}
.ms-intro-01 .content .text p{margin-bottom:15px;}

.ms-intro-02{padding:80px 80px 50px;}
.ms-intro-02 .ms-title{float:right;margin-top:50px;}
.ms-intro-02 .item{float:left;width:25%;padding:0px 5px;}
.ms-intro-02 .item img{float:left;width:100%;margin-bottom:10px;}

.ms-intro-03{padding:120px 0px;}
.ms-intro-03::before{content:"";position:absolute;z-index:0;right:-20%;top:calc(50% - 550px);width:1100px;height:1100px;background-color:#e8e8e8;border-radius:50%;}
.ms-intro-03 .pic{position:relative;z-index:10;float:left;width:50%;}
.ms-intro-03 .pic img{width:100%;}
.ms-intro-03 .ms-title{margin-top:-50px;}
.ms-intro-03 .content{position:relative;z-index:10;float:left;width:50%;padding-left:40px;padding-right:40px;}
.ms-intro-03 .item{position:relative;padding-left:30px;margin-bottom:20px;}
.ms-intro-03 .item::before{content:"";position:absolute;left:0px;top:10px;width:8px;height:8px;background-color:#6b1810;border-radius:50%;}
.ms-intro-03 .item .num{color:#1a1a1a;font-size:24px;line-height:30px;font-family:Times, "Times New Roman", "serif";font-weight:bold;}
.ms-intro-03 .item .text{color:#1a1a1a;font-size:16px;line-height:24px;margin-top:8px;}

.ms-intro-04{padding-bottom:80px;}
.ms-intro-04 .pic img{width:100%;}
.ms-intro-04 .ms-title{float:right;margin-top:80px;margin-right:80px;}
.ms-intro-04 .content{position:absolute;z-index:1;left:80px;bottom:80px;width:300px;background-color:#e8e8e8;padding:120px 40px 40px;}
.ms-intro-04 .item{margin-bottom:30px;}
.ms-intro-04 .item .name{color:#1a1a1a;font-size:18px;line-height:24px;font-weight:bold;}
.ms-intro-04 .item .en{color:#999;font-size:15px;line-height:18px;font-family:Times, "Times New Roman", "serif";}
.ms-intro-04 .item .text{color:#1a1a1a;font-size:16px;line-height:24px;margin-top:8px;}

}

@media (min-width:1480px){

.ms-intro-01{padding-top:120px;padding-bottom:120px;}
.ms-intro-01 .ms-title{margin-left:120px;}
.ms-intro-01 .ms-logo{margin-right:120px;}
.ms-intro-01 .ms-logo img{width:80px;}
.ms-intro-01 .content{padding:100px;margin-top:100px;}
.ms-intro-01 .content .pic{margin-top:-20%;width:50%;}
.ms-intro-01 .content .text{width:40%;font-size:15px;line-height:28px;}

.ms-intro-02{padding:120px 120px 80px;}

.ms-intro-03{padding:150px 0px;}
.ms-intro-03::before{right:-10%;top:calc(50% - 550px);width:1100px;height:1100px;}
.ms-intro-03 .ms-title{margin-top:-100px;}
.ms-intro-03 .content{padding-left:80px;padding-right:80px;}
.ms-intro-03 .item{padding-left:30px;margin-bottom:20px;}
.ms-intro-03 .item .num{font-size:24px;line-height:30px;}
.ms-intro-03 .item .text{font-size:16px;line-height:24px;margin-top:8px;}

.ms-intro-04{padding-bottom:120px;}
.ms-intro-04 .pic img{width:100%;}
.ms-intro-04 .ms-title{float:right;margin-top:120px;margin-right:120px;}
.ms-intro-04 .content{width:360px;padding:200px 50px 50px;}
.ms-intro-04 .item{margin-bottom:50px;}

}