body{background: #f8f8f8;}
.wrapper{width: 1200px;margin: 0 auto;padding: 40px 0;}

/*左侧栏目 start*/
.S_TypeList1{
    width:200px;
    position:absolute;
    z-index:99;float:left; background:#fff; height:500px;
    box-shadow: 5px 5px 5px rgba(204,17,17,0.5);
}
.S_MenuList1{width:200px;position:absolute;z-index:999;}
.S_MenuList1 ul li{
    position:relative;
    line-height:20px;
    height: calc(500px / 9);
    overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 180px;
    margin: 0 auto;
    box-sizing: border-box;
}
.S_MenuList1 ul li em{
    width: 0px;
    height: 1px;
    background: #e60012;
    transition: width 1s;
    position: absolute;
    left: 0;
    bottom: 0;
}
.S_MenuList1 ul li:hover em{
    width: 180px;
}
.S_MenuList1 ul li:hover a{color:#e60012;}
.S_MenuList1 h3{font-weight:bold; margin-top:8px;font-size: 16px;color: #333;}
.S_MenuList1 li p a{ padding:3px 10px 6px; display:inline-block;font-size: 14px;color: #666;}
.S_MenuList1 li p .ljj{padding-left:0;}
.S_SubList{
    width: 1000px !important;
    position:absolute;
    z-index:98;
    left:200px;
    line-height: 21px;
    overflow: hidden;
    display:none;
    background:#fff;
    height:500px;
    border:1px solid #dedede;
}
.S_SubList_div {padding:20px 30px;}
.S_SubList_div h3 { 
    border-bottom:1px solid #f1f1f1;
    height:31px;line-height:30px;
    margin-bottom:10px;
    font-size:16px;
    font-weight:bold;
}
.S_SubList_div h3 a{border-bottom:2px solid #e60012; padding-bottom:5px;color:#e60012;}
.S_SubList_div .subview{width: 1000px !important;}
.S_SubList_div .subview_title{
    display: inline-block;
    font-size: 15px;
    color: #999;
    margin-right: 15px;
    line-height: 2.3em;
}
.S_SubList_div .firstScreen{height:auto;width: 1000px;overflow: hidden; margin-bottom:12px}
.S_SubList_div .firstScreen li{display: block;float:left;margin-right: 20px;margin-top:10px;}
.S_SubList_div .firstScreen li a{color:#666;}
.S_SubList_div .firstScreen li a:hover{color:#e60012;}
/*左侧栏目 end*/


/*大图*/
.xxrz_banner{margin:0 auto;position: relative;width: 100%;overflow: hidden;}
.xxrz_banner img{display: block;}
.xxrz_banner .ruzhu_dianji{position: absolute;bottom: 80px;left: 832.5px;}
/*大图 end*/

.xxrz_title{text-align: center;margin-bottom: 30px;}
.xxrz_title p{font-size: 16px;color: #666;line-height: 1.5em;margin-top: 10px;}
.xxrz_title h2{font-size: 34px;color: #000;}
.xxrz_title_bai h2{color: #fff;}
.xxrz_title_bai p{color: #fff;}

/*理由*/
.xxrz_part1{height: 430px;}
.xxrz_part1 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.xxrz_part1 li{width: 220px;background: #fff;text-align: center;border-radius: 10px;padding: 30px 0;box-sizing: border-box;}
.xxrz_part1 .xxrz_img2{display: none;}
.xxrz_part1 li img{display: block;margin: 0 auto;}
.xxrz_part1 li h3{font-size: 20px;color: #333;margin: 20px 0 15px;}
.xxrz_part1 li p{font-size: 16px;color: #666;line-height: 1.7em;}
.xxrz_part1 li:hover .xxrz_img1{display: none;}
.xxrz_part1 li:hover .xxrz_img2{display: block;}
.xxrz_part1 li:hover{border: 1px solid #e60012;box-shadow: 3px 3px 10px 5px rgba(209,0,0,0.1);}

/*关于我们*/
.xxrz_part2{background: url(../img_xxrz/gywm_bg.jpg) no-repeat center;}
.xxrz_part2 ul{display: flex;justify-content: space-between;}
.xxrz_part2 li{width: 24%;text-align: center;box-sizing: border-box;border-right: 1px dashed #e1e1e1;padding: 15px 0;color: #fff;}
.xxrz_part2 li:last-child{border-right: none;}
.xxrz_part2 li h3{font-size: 46px;margin-bottom: 5px;}
.xxrz_part2 li p{font-size: 20px;}

.xxrz_part3 img{display: block;margin: 0 auto 30px;}



/*合作伙伴 start*/
.parter-box{position: relative;width: 1220px;height: 720px;margin: 0 auto;}
.parter-box li{position: absolute;transition: all 1s ease-in-out;transform: scale(1);}
.parter-box li:hover{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.parter-box .lip-1{top: 0;left: 416px;}
.parter-box .lip-2{top: 0;left: 603px;}
.parter-box .lip-3{top: 62px;left: 261px;}
.parter-box .lip-4{top: 34px;left: 844px;}
.parter-box .lip-5{top: 128px;left: 128px;}
.parter-box .lip-6{top: 136px;left: 733px;}
.parter-box .lip-7{top: 125px;left: 1028px;}
.parter-box .lip-8{top: 243px;left: 73px;}
.parter-box .lip-9{top: 198px;left: 241px;}
.parter-box .lip-10{top: 166px;left: 403px;}
.parter-box .lip-11{top: 193px;left: 590px;}
.parter-box .lip-12{top: 197px;left: 886px;}
.parter-box .lip-13{top: 389px;left: 141px;}
.parter-box .lip-14{top: 309px;left: 484px;}
.parter-box .lip-15{top: 286px;left: 710px;}
.parter-box .lip-16{top: 326px;left: 968px;}
.parter-box .lip-17{top: 378px;left: 325px;}
.parter-box .lip-18{top: 401px;left: 589px;}
.parter-box .lip-19{top: 360px;left: 826px;}
.parter-box .lip-20{top: 517px;left: 221px;}
.parter-box .lip-21{top: 559px;left: 434px;}
.parter-box .lip-22{top: 555px;left: 654px;}
.parter-box .lip-23{top: 489px;left: 856px;}
/*合作伙伴 end*/


/**合作流程***/
.xxrz_part5 ul{display: flex;justify-content: space-between;}
.xxrz_part5 li{text-align: center;}
.xxrz_part5 li h3{font-size: 24px;color: #333;margin: 10px 0;}
.xxrz_part5 li p{font-size: 18px;color: #666;line-height: 1.5em;}
.xxrz_part5 .hz_line{padding-top: 58px;}
.xxrz_part5 .ruzhu_dianji{display: block;margin: 30px auto 0;}

