/**
 *  Master Slider Sample Skin
 *
 * This file does not load by Masterslider and is just for those who wants 
 * to know how skin file is structured and let them to create their own custom skin
 * If you want to create your own custom skin you need to replace "ms-skin-default" with your unique skin name
 */

/* 1b1b1b */


.index_main2_main.on{ opacity: 1; visibility: visible; z-index: 2; }
.index_main2_main{ overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: -1; top:100px;  width: 100%; height: 793px; opacity: 0; background-color: #fff; visibility: none; transition: 0.3s;z-index: 1; }
.index_main2_main img{ width: 100%; }
.index_main2_main .main_pic img{-webkit-transition: 2s;-o-transition: 2s;transition: 2s;  width: 100%;}
.index_main2_main .main_pic{ width: 100%; height: 100%; position: relative; text-align: center }
.index_main2_main_con{ position: absolute; left: 9%; top: 50%; margin-top: -90px; width: 460px; height: 165px; background:rgba(0,0,0,0.8); padding: 40px; }
.index_main2_main_con h5{ font-size: 32px; color: #fff; padding-left: 15px; border-left: 4px solid #fff; }
.index_main2_main_con a{ display: inline-block; padding-top: 30px; font-size: 16px; color: #fff; }
.index_main2 .wrap{ margin-top: -90px;  }
.index_main2_xxk{ float: right;  z-index: 3;  text-align: center; }
.index_main2_xxk li{ display: inline-block; transition: 0.3s; }
.index_main2_xxk li a{ display: inline-block; color: #787878; font-size: 16px; height: 36px; line-height: 36px; transition: 0s; margin: 0 20px;}
.index_main2_xxk li:hover a{ color: #333; border-bottom: 2px solid #333;}
.index_main2_xxk li.on a{ color: #333; border-bottom: 2px solid #333;}
.index_main2_xxk li span{ font-size: 18px; color: #787878; display:inline-block; padding: 0 5px;padding-left: 9px;  }
.index_main2{ width: 100%; padding-top: 130px; background-color: #f7f7f7; position: relative; }
.index_main2_right{ width: 19%; padding-left: 5%; height: 100%; }
.index_main2_right h3{ font-size: 36px; color: #fff; padding-top: 118px; }
.index_main2_right p{ font-size: 14px; color: #cfcece; margin-top: 160px; width: 97%; line-height: 30px; padding-top: 20px; border-top: 1px solid #cfcece; }





/* 鼠标经过图片放大 */
.main_pic{ overflow: hidden; }
.main_pic img {-webkit-transition: 1s;-o-transition: 1s;transition: 1s;}
.main_pic img:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);}

.main_pic2{ overflow: hidden; }
.main_pic2 img:hover{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.main_pic2 img{
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1, transform 1s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);}



/* 飘入动画 */
.piao {
    opacity: 0;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    transition: transform 1s,opacity 1s;
}
.visible .piao{ transform: none; opacity: 1; }




@media (min-width: 1440px){
    .index_main2 {
        min-height: 793px;
    }
}
@media (max-width: 375px){
    .index_main2 {
        min-height: 365px;
    }
}
@media (max-width: 414px){
  .index_main2 {
      min-height: 380px;
  }
}
@media(max-width: 768px){
	.wrap {width: 100%;}
     .index_main2{ min-height: 365px; }
     .wm_main4{ min-height: 365px; }
	.index_main2_xxk{ z-index: 3;
    width: 100%;
    text-align: center;
    padding-top: 10px;
	float: none}
.index_main2_main {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    top: 130px;
	height: 210px;
	overflow: hidden;
    width: 100%;
    opacity: 0;
    background-color: #fff;
    visibility: none;
    transition: 0.3s;
    z-index: 1;
}
 .index_main2_main .main_pic {
    width: 100%;
    height: 495px;
    position: relative;
}	
.index_main2_main_con {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0.8);
    padding-left: 5%;
    padding-top: 15px;
}
.index_main2_main_con h5 {
    font-size: 14px;
    color: #fff;
    padding-left: 15px;
    border-left: 4px solid #fff;
}
.index_main2_main_con a {
    display: inline-block;
    padding-left: 20px;
    font-size: 14px;
    color: #fff;
    padding-right: 15px;
}	
.index_main2_xxk li{ display: inline-block; transition: 0.3s; }
.index_main2_xxk li a{ display: inline-block; color: #787878; font-size: 12px; height: 36px; line-height: 36px; transition: 0s; margin: 0 10px;}
.index_main2_xxk li:hover a{ color: #333; border-bottom: 2px solid #333;}
.index_main2_xxk li.on a{ color: #333; border-bottom: 2px solid #333; font-size: 12px;}
.index_main2_xxk li span{ font-size: 18px; color: #787878; display:inline-block; padding: 0 5px;padding-left: 9px;  }

}