@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{min-width:1200px;overflow-x: hidden; font-family:"微软雅黑","宋体",Arail,Tabhoma; font-size: 12px; text-align: left;}
ul,ol{list-style: none;}
img{border: 0;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
/*a:link,a:visited,a:hover,a:active{text-decoration:none;} */
/*==========================Reset_End===========================*/
a.logoss{
    background: url(../img/logo.png) 0 0 no-repeat;
    background-size: 135px 52px;
    height: 52px;
    width: 135px;
    overflow: hidden;
    background-position: center center;
}
/*焦点图*/
#yx-focusmap{
	width:100%;
	margin:0 auto;
    overflow:hidden;
    position: relative;
}
.swiper-slide{
	width:100%;
	height:100%;
	float:left;
}
.swiper-slide img{
	width:100%;
	height:auto;
}
.about{
    opacity:0.8;
    background:rgba(0, 0, 0, .8);
    width: 100%;
    height:120px;
    padding:20px 15%;
    position: absolute;
    left:0;bottom:0;
    z-index:9;
    display: flex;
    
    justify-content: space-around;

}
.about .list{text-align: center;width:25%;border-right: 1px solid rgb(255,255,255,.3);}
.about .num{
    font-size:36px;
    color:#fff;
    position: relative;
}
.about .num::after{content: "+";
    font-size:25px;
    position: absolute;
    top: 0px;
}
.about .con{
    font-size:16px;
    color:#999999;
}
/* 我们的优势 */
.yx-prudoct>h2 {
    font-size:28px;
    color:#333;
    
}
.yx-advantage>h2,.yx-product>h2,.yx-cooperation>h2,.yx-service>h2{
    margin-bottom:60px;
    font-size:28px;
    color:#333;
    text-align: center;
}
.row{
    display: flex;
    justify-content: space-around;
    
}
.yx-advantage .list{
    background:#ffffff;
    box-shadow:0 0 4px 0 rgba(176,176,176,0.50);
    border-radius:8px;
    width:248px;
    height:336px;
    background-repeat: no-repeat;
    background-position:center 46px;
}
.yx-advantage .list h3{
    font-size:18px;
    color:#333;
    letter-spacing:0;
    padding-top:140px;
    font-weight:bold;
}
.yx-advantage .list p{
    font-size:13px;
    color:#666666;
    letter-spacing:0;
    /* text-align:center; */
    text-align: justify;
    line-height:21px;
    margin-top:16px;
    padding:0 20px;
}
.yx-advantage .list:nth-child(1){
    background-image: url(../img/home/Group-@1x.png);
    background-size:62px 55px;
}
.yx-advantage .list:nth-child(2){
    background-image: url(../img/home/Group-@2x.png);
    background-size:58px 54px;
}
.yx-advantage .list:nth-child(3){
    background-image: url(../img/home/Group-@3x.png);
    background-size:64px 54px;
}
.yx-advantage .list:nth-child(4){
    background-image: url(../img/home/Group-@4x.png);
    background-size:57px 54px;
}



/* 产品及服务 */
.yx-product .row{
    justify-content:center;
    background-color: #262631;
}
.yx-product .list{
    width:373px;
    height:464px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    text-align: center
}
.yx-product .list .mask{
    width:100%;
    height:100%;
    background-color: transparent;
    transition: all .5s ease;
}
.yx-product .list .mask:hover{
    background-color: rgb(185,57,57,.7)
}
.yx-product .list .mask:hover .icon{margin-top:54px;transition: all .5s ease;}
.yx-product .list .mask:hover .icon::after{bottom:-10px;display:none;transition: all 1s ease;}
.yx-product .list .mask:hover p{display:block;transition: all 1s ease;}
.yx-product .list .mask:hover a{display:inline-block;transition: all 1s ease;}
.yx-product .list:nth-child(1){
    background-image:url(../img/home/1x.jpg)
}
.yx-product .list:nth-child(2){
    background-image:url(../img/home/2x.jpg)
}
.yx-product .list:nth-child(3){
    background-image:url(../img/home/3x.jpg)
}

.yx-product .list .mask .icon{
    width:134px;
    height:104px;
    display: inline-block;
    background-position: center;
    background-repeat:no-repeat;    
    margin-top:145px;
    position: relative;
}
.yx-product .list .mask .icon::after{
    content: "";
    background:#ffffff;
    width:24px;
    height:3px;
    position: absolute;
    left:50%;margin-left:-12px;
    bottom:0;
}
.yx-product .list .mask .icon1{
    background-image: url(../img/home/Group@5x.png);
    background-size: 49px 68px;
}
.yx-product .list .mask .icon2{
    background-image: url(../img/home/Group@2x.png);
    background-size: 54px 44px;
}
.yx-product .list .mask .icon3{
    background-image: url(../img/home/Group@3x.png);
    background-size: 50px 53px;
}
.yx-product .list .mask .con{
    font-size:24px;
    color:#ffffff;
    margin-top:10px;
}
.yx-product .list .mask p{
    font-size:13px;
    color:#ffffff;
    letter-spacing:0;
    text-align:center;
    text-align: justify;
    line-height:24px;
    padding:0 23px;
    margin-top:24px;
    display: none;
}
.yx-product .list .mask a{
    border:1px solid #ffffff;
    border-radius:4px;
    display: inline-block;
    width:122px;
    line-height:34px;
    color: #fff;
    margin-top:40px;
    display: none;
    text-decoration: none;
}
.yx-service{margin-top:72px;}
.yx-service .row>.list{
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.yx-service .row>.list1{
    width:432px;
    height:433px;
    background-image:url(../img/home/Group-1@1x.jpg);

}
.yx-service .row>.list2{
    width:432px;
    height:433px;
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.yx-service .row>.list2>div{
    background-repeat: no-repeat;
    background-size: cover;
}
.yx-service .row>.list2 .list-top{
    width:432px;
    height:210px;
    position: relative;
    background-image:url(../img/home/Group-2@1x.jpg);
}
.yx-service .row>.list2 .list-left{
    width:209px;
    height:210px;
    position: relative;
    background-image:url(../img/home/Group-2@2x.jpg);
}
.yx-service .row>.list2 .list-right{
    width:209px;
    height:210px;
    position: relative;
    background-image:url(../img/home/Group-2@3x.jpg);
}
.yx-service .row>.list3{
    width:209px;
    height:433px;
    background-image:url(../img/home/Group-3@1x.jpg);
}
.yx-service .row>.list h3{
    font-size:24px;
    color:#fff;
    padding-left:22px;
    position: absolute;
    left: 0;
    bottom: 15px;
    transition:  all .3s ease 
}
.yx-service .row>.list p{
    font-size:16px;
    color:#fff;
    padding:0 24px;
    letter-spacing:0;
    line-height:24px;
    position: absolute;
    bottom:22px;
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    opacity:0;
    /* background-color: rgb(0,0,0,.3); */
    transition: all .3s ease 
}
.list-move{cursor: pointer;}
.list-move:hover p{
    transform:translateX(0)!important;
    -webkit-transform:translateX(0)!important;
    opacity:1!important;    
}
.list-move:hover h3{
    transform:translateY(-73px)!important;
    -webkit-transform:translateY(-73px)!important;
}