* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box
}

a {
    display: inline-block
}
[hide] {
    display: none !important;
}
img {
    vertical-align: middle
}
a:hover {
    text-decoration: none !important
}

header .wap_nav{display: none;}
header .pc_nav
{
    line-height: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding:0 5%;
    z-index: 99999;
}
@media(max-width:560px){
    header .pc_nav{display: none;}
    header .wap_nav{display: block;} 
}
header .wap_nav
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    line-height: 70px;
    height: 70px;
    padding:0 5%;
    z-index: 99999;
}
header .wap_nav .dj
{
    float: right;
    padding-top: 15px;
    cursor: pointer;
    display: inline-block;
}
header .wap_nav .dj span
{
    height: 3px;
    width: 30px;
    background: #fff;
    display: block;
    margin: 5px 0;
}
header .wap_nav .rg
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    transition: 0.5s;
    background: #fff;
    z-index: 999999;
}
header .wap_nav .rg span
{
    font-size: 40px;
    float: right;
    cursor: pointer;
    margin-right: 15px;
}
header .wap_nav .rg div
{
    text-align: center;
    background: #fff;
    line-height: 50px;
    height: 50px;
}
header .wap_nav .rg div a
{
    display: block;
    width: 100%;
}
header .wap_nav .rg.on
{
    left: 0%;

}

header .pc_nav .le
{
    float: left;
}
header .pc_nav .rg
{
    float: right;
    text-align: right;
    
}
header .pc_nav .rg div
{
    text-align: center;
    margin: 0px 25px;
    display: inline-block;
}
header .pc_nav .rg div a
{
    font-size: 18px;
    color: #fff;
    border-top: 2px solid transparent;
}
header .pc_nav .rg div a:hover
{
    border-color:  #fff;
}

#banner .b_img
{
   /*height: 100%;*/
   width: 100%;
   object-fit: cover; 
}
#banner .swiper-slide
{
    position: relative;
    /*height: 100%;*/

}
#banner .swiper-slide .b_img{
	width: 100%;
}
#banner .swiper-container
{
    /*height: 100%;*/
}
#banner .swiper-slide .fiex
{
    position: absolute;
    margin: auto;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%);
}
#banner .swiper-slide .fiex img
{
    max-width: 60%;
    transform: 0px;
    position: relative;
    top: 100%;
    opacity: 0;
    transition: 1s 1s;
}
@media(max-width:650px){
    #banner .swiper-slide .fiex img
    {
        max-width: initial;
        width: 80%;
    }
}
#banner .swiper-slide.swiper-slide-active img
{
    top: 0%;
    opacity: 1;
}
#banner .qh
{
    position: absolute;
    bottom: 100px;
    width: 100%;
    left: 0px;
    z-index: 2;
    text-align: center;
}
#banner .qh .le
{
    text-align: left;
    float: left;
    cursor: pointer;
}
#banner .qh .rg
{
    text-align: right;
    float: right;
    cursor: pointer;
}

.index_youshi
{
    background: #fff;
    text-align: center;
    margin-top: -80px;
    position: relative;
    z-index: 33;
   
}
.index_youshi .title h3
{
    font-size: 23px;
    color: #c53d2e;
   font-weight: 800;
}
.index_youshi .title  p
{
    font-size: 30px;
     font-weight: 800;
}
.index_youshi .title 
{
    padding:15px 0;
}
.index_youshi .box
{
    height: auto;
    overflow: hidden;
}
.index_youshi .box .item
{
    float: left;
    width: 20%;

}
.index_youshi .box .item .ic
{
    height: 90px;
    line-height: 90px;
}

.index_youshi .box .item p
{
    margin-bottom: 25px;
}
.index_product 
{
   
   
   
    overflow: hidden;
}
.index_product .box
{
    margin-top: 30px;
    height: 288px;
    border-radius: 0px 0px 0px 40px;
    overflow: hidden;
    background: #fff;
    width: calc(50% - 10px);
    float: left;


}
.index_product .box:nth-of-type(2n-1){
    margin-right: 10px;
}
.index_product .box:nth-of-type(2n){
    margin-left: 10px;
}
.index_product .le
{
    position: relative;
    height: 100%;
   
}
.index_product .le .bj_ic
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.index_product .le  .title
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;
    padding:15px;
    color: #fff;

} 
.index_product .le  .title h3
{
    font-size: 20px;
} 
.index_product .le  .title p
{
    font-size: 14px;
}
.index_product .le  .title div
{
    position: relative;
    height: 100%;
}
.index_product .le  .title a
{
    position: absolute;
   bottom: 10px;
   border: 1px solid #fff;
   color: #fff;
   text-align: center;
   display: block;
   width: 80%;
   left: 10%;
   line-height:30px;
    
}
.index_product .rg .item
{
height: 96px;
overflow: hidden;

width: 50%;
float: left;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.index_product .rg .item .img
{
    width:40% ;
    text-align: center;
    padding:0 10px;
    line-height: 45px;
    text-align: center;
    padding: 15px;
    float: left;
    height: 80px;
}
.index_product .rg .item .img img
{
    max-width: 100%;
    max-height: 100%;
}
.index_product .rg .text
{
    float: left;
    width: 50%;
    padding: 15px 0;
}
.index_product .rg .text h3
{
    font-size: 16px;
    line-height: 25px;
    font-weight: 800;
}
.index_product .rg .text p
{
    font-size: 14px;
    color: #f26c6a;
}
.index_product{padding: 0px !important;}
@media(max-width:650px)


{
    .index_youshi .box .item
    {
      width: 50%;  
    }

.index_product{padding: 15px !important;}
.index_product .le
{
    height: 150px;
    text-align: center;
}
.index_product .le .title a{
    display: none;
}
.index_product  .box
{
    width: 100%;
    height: auto;
    border-radius: 0px 0px 0px 0px;
    margin: 0px !important;
    margin-top: 30px;
}
}

.index_news .title  h3{
    font-size: 30px;
	color:#c53d2e;
	font-family: 宋体;
	padding-top: 30px;
}
.index_news .title  p
{
    font-size: 24px;
}

@media(max-width:650px)


{
    .index_news .title{text-align: center;} 
}
.index_news
{
    background: #fff;
    margin-top: 30px;
}
.index_news .box
{
  height: auto;
  overflow: hidden;
  
}
.index_news .item
{
    height: 130px;
    overflow: hidden;
    margin: 10px 0;
    padding: 0px !important;
} 
.index_news .item a
{
    display: inline-block;
    width: 100%;
}
.index_news .box .img
{
 width: 100%;
 height: 100%;
 overflow: hidden;
 width: 180px;
 float: left;
}
.index_news .box .img img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
    
   
}
.index_news .item:hover img
{
 transform: scale(1.2);
}
.index_news .box .text
{
    float: left;
    width: calc(100% - 180px);
    padding:0 10px ;
}
.index_news .box .text span
{
    font-size: 14px;
    color: #888;
} 
.index_news .box .text h3
{
    margin: 0px;
    font-size: 18px;
    

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

width: 100%;
margin: 13px 0;
}
.index_news .box .text p
{
    margin: 0px;
    font-size: 16px;
    

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;
height: 30px;
width: 100%;
color: #666
}
.index_news .box .text font
{
    font-size: 25px;
    color: #eee;
    margin-top: -10px;
    display: inline-block;
}

.index_about .le
{
    float: left;
    width: 50%;
}
.index_about
{
    background: #fff;
    margin: 20px 0;
}
.index_about .rg
{
    float:right;
    width: 50%;
    padding: 30px 15px;
    padding-left: 80px;
}
.index_about .rg .top p
{
    font-size: 16px;
    line-height: 25px;
    margin: 30px 0;
}
.index_about .rg .top a
{
    display: inline-block;
    background: #c53d2e;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding: 0px 25px;
}
.index_about .rg .bottom
{
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.index_about .rg .bottom>div
{
    float: left;
    width: 25%;
    border-left: 1px solid #eee;
    padding-left: 20px;
}
.index_about .rg .bottom>div span
{
    display: block;
    font-size: 14px;
}
.index_about .rg .bottom>div img
{
    margin: 10px 0;
}
.index_about .rg .bottom>div p
{
    font-size: 16px;
}
@media(max-width:650px)


{

    .index_about .le
    {
        display: none;
    }
    .index_about .rg
    {
        width: 100%;
        padding: 15px 0;
        text-align: center;

    }
    .index_about .rg .bottom>div
{
    float: left;
    width: 50%;
    height: 150px;
    padding-left: 0px;
    border: none;
}
}

footer
{
    background: url(../img/footer.png) center/cover;

}

footer .nav .le span
{
    font-size: 14px;
    color: #b9b9b9;
    display: block;
    margin-top: 20px;
}
footer .nav .le p
{
    font-size: 14px;
    color: #b9b9b9;
}
footer .nav .le h3
{
    font-size: 40px;
    color: #fff;
}
footer .nav .rg
{
    text-align: right;
}
footer .nav .rg div
{
    text-align: left;
    display: inline-grid;
    margin: 0px 0 0 60px;
}
footer .nav .rg div h3
{
    font-size: 18px;
    color: #fff;
}
footer .nav .rg div a
{
    font-size: 14px;
    color:#b9b9b9 ;
    display: block;
    line-height:30px;
}
footer .nav .rg div a:hover
{
    color: #c53d2e;
}
footer .nav
{
    padding: 30px 15px;
}
footer  .icp
{
    border-top: 1px solid #b9b9b9;
    line-height: 35px;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    color: #b9b9b9;
}
footer  .icp a .le
{
    text-align: left;
}
footer  .icp a:hover
{
    color: #c53d2e;
}
footer  .icp .rg
{
    text-align: right;
}
footer  .icp a 
{ color: #b9b9b9;
    margin:0 15px;
}
@media(max-width:650px)


{
    footer  .le
    {
        text-align: center;
    }
    footer  .nav .rg
    {
        display: none;
    }
    footer  .icp .rg
    {
        text-align: center;
    }
    footer  .icp a .le
    {
        text-align: center;
    }
}

.list_baner 
{
 height: 600PX;
}
.list_baner img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width:650px)


{
    .list_baner 
    {
     height: 250PX;
    } 
}
.about_List .item_1
{
    height: auto;
    overflow: hidden;
}

.about_List .item_1 .le
{
    float: left;
    width: 460px;
   
}
.about_List .item_1 .le .swiper-slide 
{
    height: 560px;
}
.about_List .item_1 .le .swiper-slide img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_List .item_1 .le .qh
{
    position: absolute;
    bottom: 0px;
    z-index: 2;
    background:rgba(0,0,0,0.5);
    padding: 15px;
    width: 100%;
    text-align: center;
}
.about_List .item_1 .le .qh .le_c
{
    float: left;
    text-align: left;
    line-height: 67px;
    cursor: pointer;
}
.about_List .item_1 .le .qh .rg_c
{
    float: right;
    text-align: right;
    line-height: 67px;
    cursor: pointer;
}
.about_List .item_1 .le .center
{
    display: inline-block;
    width: calc(100% - 100px);
}
.about_List .item_1 .le .center span
{
    border-top: 1px solid #fff;
    display: block;
    width: 100%;
    opacity: 0.8;
}
.about_List .item_1 .le .center p
{
    font-size: 16px;
    color: #fff;margin: 5px 0;
}
.about_List .item_1 .le .center h3
{
    font-size: 16px;
    color: #fff;
    margin: 10px 0;
}
.about_List .item_1 .le .center font
{
    height: 3px;
    background: #fff;
    margin-top: -2px;
    width: 10%;
    display: block;
    position: relative;
    left: 0%;
    transition: 0.3s;
}

.about_List .item_1 .rg
{
    padding: 50px 40px;
    width: calc(100% - 460px);
    float: right;
}
.about_List .item_1 .rg .title
{
    border-left: 3px solid #c53d2e;
    padding-left: 15px;
}
.about_List .item_1 .rg .title h3
{
    font-weight: 800;
    margin-bottom: 5px;
}
.about_List .item_1 .rg .content
{
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin-top: 30px;
}
.about_List .item_1 .rg .bottom
{
    height: auto;
    overflow: hidden;
    margin-top: 50px;
}
.about_List .item_1 .rg .bottom div
{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 14px;
}
.about_List .item_1 .rg .bottom div p

{
    margin-top: 15px;
}

@media(max-width:650px)


{
    .about_List .item_1  .le
    {
    width: 100%;
    margin: 30px 0;
    } 
    .about_List .item_1 .le .swiper-slide
    {
        height: 300px;
    }
    .about_List .item_1 .rg
    {
        width: 100%;
        padding: 0px;
    }
}
.about_List .item_2
{
    background: url(../img/a_7.png);
    height: 600px;
    width: 100%;
    padding: 100px 0px;
}
.about_List .item_2 .title
{
    color: #fff;
    position: relative;
}
.about_List .item_2 .title::after
{
    content: "";
    position: absolute;
    z-index: 1;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 3px solid #c53d2e;
    left: 86px;
        top: 13px;
}
.about_List .item_2 .title h3
{
    font-size: 50px;
    position: relative;
    z-index: 2;
}
.about_List .item_2 .title p
{
    font-size: 25px;
    text-transform: uppercase;
}
.about_List .item_2 .box
{
   text-align: right;
} 
.about_List .item_2 .box div
{
    display: inline-block;
    background: #fff;
    padding: 15px;
    color: #666;
    line-height: 25px;
    border-radius: 10px;
    text-align: left;
    font-size: 14px;
    width: 19%;
    height: 240px;
    float: left;
    margin-left: 1%;
}
.about_List .item_2 .box div img
{
    margin:20px 0
}

@media(max-width:650px)


{
    .about_List .item_2
    {
    height: auto;
    padding: 15px;
    } 
    .about_List .item_2 .title
    {
        text-align: center;
    }
    .about_List .item_2 .title h3
    {
        font-size: 20px;
    }
    .about_List .item_2 .title p
    {
        font-size: 16px;
    }
    .about_List .item_2 .box .item
    {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
   
}

.about_List .item_3
{
   background: #eeeeee;
   border-radius: 10px;
   margin-top: -150px;
   text-align: center;
   
}
.about_List .item_3 .title
{
    margin: 30px 0;
}
.about_List .item_3 .title  h3
{
    font-size: 30px;
    color: #4c4c4c;
    margin: 10px 0;
}
.about_List .item_3 .title  p
{
    font-size: 18px;
    color: #999999;
}
.about_List .item_3 .box 
{
    height:auto;
    overflow: hidden;
}
.about_List .item_3 .box .item
{
    float: left;
    width: 20%;
    padding: 15px;
}
.about_List .item_3 .box .item h3
{
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 15px;
}
.about_List .item_3 .box .item  p
{
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.about_List .item_3 .box .item:hover
{
    background: #fff;
}
@media(max-width:650px)


{
    .about_List .item_3{
        margin-top:15px;
    }
    .about_List .item_3 .box .item
    {
        width: 100%;
    }
}
.about_List .item_4 .title
{
    margin: 30px 0;
    text-align: center;
}
.about_List .item_4 .title  h3
{
    font-size: 30px;
    color: #4c4c4c;
    margin: 10px 0;
}
.about_List .item_4 .title  p
{
    font-size: 18px;
    color: #999999;
}
.about_List .item_4 .box .swiper-slide
{
    height: 400px;
}
.about_List .item_4 .box .swiper-slide a
{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.about_List .item_4 .box .swiper-slide img
{
    width: 100%;
    height: 380px;
    object-fit: cover;
}
.about_List .item_4 .box p
{
    font-size: 16px;
    line-height: 35px;
    color: #666;
    margin: 0px;
    padding-left: 50%;
}
.about_List .item_4 .qh
{
    text-align: center;
    margin-top: 30px;
}
.about_List .item_4 .qh div
{
 display: inline-block;
 font-size: 40px;
 color: #333;
 cursor: pointer;
 font-weight: 800;
}
.about_List .item_4 .qh div:hover
{
    color: #c53d2e;
}

.about_List .item_5
{
    background: url(../img/a_18.png);
    padding: 30px 0;
}
.about_List .item_5 .title
{
    margin: 30px 0;
    text-align: center;
}
.about_List .item_5 .title  h3
{
    font-size: 30px;
    color: #fff;
    margin: 10px 0;
}
.about_List .item_5 .title  p
{
    font-size: 18px;
    color: #fff;
}
.about_List .item_5 .box
{
    height: auto;
    overflow: hidden;
}
.about_List .item_5 .box .item
{
    float: left;
   
    text-align: center;
    height: 250px;
    padding: 15px;
}
.about_List .item_5 .box a
{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    line-height: 219px;
}
.about_List .item_5 .box .item:nth-of-type(1)
{
    height: 500px;
    line-height: 470px !important;
}
.about_List .item_5 .box .item:nth-of-type(1) a
{
    line-height: 470px !important;
}
.about_List .item_5 .box .item img
{
    max-width: 100%;
    max-height: 100%;
}

.about_List .item_6 .title
{
    margin: 30px 0;
    text-align: center;
}
.about_List .item_6 .title  h3
{
    font-size: 30px;
    color: #4c4c4c;
    margin: 10px 0;
}
.about_List .item_6 .title  p
{
    font-size: 18px;
    color: #999999;
}
.about_List .item_6
{
    margin: 40px auto;
}
.about_List .item_6 a
{
    display: inline-block;
    height: 278px;
    padding: 0px;
    border: 1px solid #fff;
}
.about_List .item_6 .box
{
    text-align: center;
}
.about_List .item_6 a img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_List .item_6 .title.on
{
    float: left;
    width: 50%;
   padding-top: 50px;
   
}

.contact_List 
{
    position: relative;
    margin-top: 80px;
    margin-bottom: 30px;
}
.contact_List  .box
{
    position: absolute;
    top:-30px;
    right: 10%;
    width: 500px;
    height: 400px;
    background: #c43726;
    padding: 30px 0;
    z-index: 2
}
.contact_List  .box h3
{
    background: #b81d0b;
    text-align: center;
    color: #fff;
    padding: 15px;
    background: url(../img/l_7.png) left no-repeat;
    width: calc(100% + 30px);
    margin-left: -30px;
}
.contact_List  .box div
{
    color: #fff;
    padding: 0px 30px;
    font-size: 16px;
    line-height: 30px;
    margin-top: 10px;
}
.contact_List  .map img
{
    width: 100%
}
.contact_List  .box div img
{
    margin-right: 10px;
}
.contact_List  .box div p
{
    display: inline-block;
}
.contact_List  .box div  span
{
    display: inline-block;
    width: calc(100% - 100px);
    vertical-align: top;
}
@media(max-width:650px){
    .contact_List  .map img
    {
        height: 300px;
        width: auto;
    }
    .contact_List
    {
        margin: 0px;
        padding: 0px;
    }
    .contact_List  .box{
        position: relative;
        top: 0px;
        width: 100%;
        margin: 0px;
        right: 0px;
    }
    .contact_List  .box H3
    {
        width: 100%;
        background: #b81d0b;
        margin: 0px;
    }
}


.Threeclass_List .item_1
{
    background: url(../img/s_1.png);
}
.Threeclass_List .item_1 .title
{
text-align: center;
margin: 30px 0;
}
.Threeclass_List .item_1 .title h3
{
    font-size: 24px;
    color: #4c4c4c;
}
.Threeclass_List .item_1 .title p
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}
.Threeclass_List .item_1 .box
{
    background: url(../img/s_3.png) center bottom no-repeat;
    text-align: center;
}
.Threeclass_List .item_1 .box div
{
    display: inline-block;
    width: 260px;
    height: 300px;
    padding: 15px 30px;
    color: #fff;
    margin: 0px 20px;
    background: url(../img/s_2.png) center/100% 100% no-repeat;
}
.Threeclass_List .item_1 .box div h3
{
    font-size: 18px;
    font-weight: 880;
    margin-top: 60px;
}
.Threeclass_List .item_1 .box div  p
{
    font-size: 14px;
}
.Threeclass_List .item_1 .box div:nth-of-type(2)
{
    margin-top: 200px;
    position: relative;
    top: 200px;
}
.Threeclass_List .item_1  .txt
{
    width: 100%;
    border: 4px solid #b81d0b;
    padding: 20px;
    position: relative;
    margin-top: 200px;
    margin-bottom: 50px;
} 
.Threeclass_List .item_1  .txt .bj
{
    position: absolute;
    bottom: 0px;
    right: 5%;
}
.Threeclass_List .item_1  .txt  h3
{
    font-size: 25px;
    color: #c53d2f;
    font-weight: 800;
    line-height: 50px;
}
.Threeclass_List .item_1  .txt h3 img
{
    margin-left: 50px;
}
.Threeclass_List .item_1  .txt p
{
    margin: 10px 0px;
    line-height: 25px;
    font-size: 16px;
    position: relative;
    z-index: 2;
    width: 70%;
}

@media(max-width:650px){
    .Threeclass_List .item_1 .box div:nth-of-type(2)
        {
            margin-top: 0px;
            position: relative;
            top: 0px;
        }
        .Threeclass_List .item_1 .box
        {
            background: transparent;
        }
        .Threeclass_List .item_1  .txt  h3 img
        {
            display: none;
        }
        .Threeclass_List .item_1  .txt .bj
        {
            display: none;
        }
        .Threeclass_List .item_1  .txt  h3
        {
            text-align: center;
        }
        .Threeclass_List .item_1  .txt p
        {
            width: 100%;
        }
        .Threeclass_List .item_1  .txt
        {
            margin-top: 40px;
        }
}

.Threeclass_List .item_2
{
    background: url(../img/s_6.png);
}
.Threeclass_List .item_2 .title
{
text-align: center;
margin: 30px 0;
}
.Threeclass_List .item_2 .title h3
{
    font-size: 24px;
    color: #fff;
}
.Threeclass_List .item_2 .title p
{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.Threeclass_List .item_2 .box
{

   
    margin: 80px 0;
    position: relative;
    z-index: 2;
}
.Threeclass_List .item_2 .box div
{
    background: #fff;
    border: 4px solid #c43726;
    border-radius: 10px;
    padding:30px 50px;
    height: auto;
    overflow: hidden;
}
.Threeclass_List .item_2 .box::after
{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 1px rgb(0, 0, 0,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    transform: rotate(-3deg);
    z-index: -1;
}
.Threeclass_List .item_2 .box div h3
{
    font-size: 18px;
    font-weight: 800;
    margin: 25px 0;
}
.Threeclass_List .item_2 .box div p
{
    width: 50%;
    float: left;
    line-height: 35px;
    font-size: 16px;
    color: #666;
}
.Threeclass_List .item_2 .box div span
{
    display: inline-block;
    height: 1px;
    background: #c43726;
    width: 100%;
}
.Threeclass_List .item_2 .box div a
{
    display: inline-block;
    line-height: 50px;
    padding: 0px 30px;
    font-size: 18px;
    border-radius: 5px;
    background: #df6e09;
    clear: both;
    color: #fff;
    position: relative;
}

.Threeclass_List .item_2 .box div a  input
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.Threeclass_List .item_2 .box div a:nth-of-type(2)
{
    background: #c43726;
}
.Threeclass_List .item_2 .box div a:hover
{
    background: #b81d0b;
}
@media(max-width:650px){
    .Threeclass_List .item_2 .box div p
    {
        width: 100%;
    }
    .Threeclass_List .item_2 .box div
    {
        padding: 15px;
    }
    .Threeclass_List .item_2 .box div a
    {
        width: 100%;
        float: left;
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
    }
}


.Threeclass_List .item_3 .title
{
text-align: center;
margin: 30px 0;
}
.Threeclass_List .item_3 .title h3
{
    font-size: 24px;
    color: #4c4c4c;
}
.Threeclass_List .item_3 .title p
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}

.Threeclass_List .item_3  .swiper-container .swiper-slide
{
 height: 400px;
 margin-bottom: 30px;

}
.Threeclass_List .item_3  .swiper-container .swiper-slide a
{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    line-height: 400px;
    border:1px solid #eee;
    text-align: center;
}
.Threeclass_List .item_3  .swiper-container .swiper-slide a img
{
    max-width: 100%;
    max-height: 100%;
}
.Threeclass_List .item_3 
{
    position: relative;
}
.Threeclass_List .item_3 .le,.Threeclass_List .item_3 .rg{
    position: absolute;
    bottom: 230px;
}
.Threeclass_List .item_3 .le
{
    left: -50px;
}
.Threeclass_List .item_3 .rg
{
    right: -50px;
}

@media(max-width:650px){
    .Threeclass_List .item_3 .le
    {
        left: 0px;
        z-index: 22;
    }
    .Threeclass_List .item_3 .rg
    {
        right: 0px;
        z-index: 22;
    }
}





.Ten_List  .title
{
text-align: center;
margin: 30px 0;
}
.Ten_List  .title h3
{
    font-size: 24px;
    color: #4c4c4c;
}
.Ten_List  .title p
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}

.Ten_List .item_1  .box .item
{
    width: calc(20% - 10px);
    overflow: hidden;
    float: left;
    position: relative;
    height: 200px;
    margin: 5px;
    padding: 20px;

}
.Ten_List .item_1  .box .item img
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ten_List .item_1  .box .item h3
{
    position: relative;
    font-size: 18px;
    font-weight: 800;
}
.Ten_List .item_1  .box .item p
{
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

@media(max-width:650px){
    .Ten_List .item_1  .box .item
    {
        width: 100%;
        margin: 5px 0px;
    }
}

.Ten_List .item_2 .title h3,.Ten_List .item_2 .title p
{
    color: #fff;
}
.Ten_List .item_2 
{
    background: url(../img/d_11.png);
    margin: 30px 0;
}
.Ten_List .item_2 .top>div
{
    width: 33.33%;
    float: left;
    text-align: center;
}
.Ten_List .item_2 .top>div div
{
    width: 230px;
    height: 270px;
    background: url(../img/d_12.png) center/100% 100% no-repeat;
    color: #fff;
    display:inline-block;
}
.Ten_List .item_2 .top>div div i
{
    font-size: 30px;
    font-weight: 800;
    margin-top: 50px;
    display: inline-block;
}
.Ten_List .item_2 .top>div div p
{
    font-size: 16px;
    line-height: 25px;
    padding: 0px 25px;
    margin-top: 25px;
}
.Ten_List .item_2 .top>div div
{
    position: relative;
    margin-top: 70px;
}
.Ten_List .item_2 .top>div div::after
{
    content: "";
    position: absolute;
    width: 1px;
    height: 60px;
    background: #c43726;
    top: -60px;
    left: 50%;
}
.Ten_List .item_2 .top
{
    position: relative;
    height: auto;
    overflow: hidden;
}
.Ten_List .item_2 .top::after
{
    content: "";
    width: calc(100% / 3 * 2 );
   
    height: 1px ;
    background: #c43726;
    position: absolute;
    top: 10px;
    left: calc(100% / 6);
}

.Ten_List .item_2 .bottom
{
    border: 5px solid #c43726;
    padding: 40px;
    margin: 50px;
}
.Ten_List .item_2 .bottom h3
{
    font-size: 18px;
    color: #c43726;
    font-weight: 800;
    margin: 25px 0;
}
.Ten_List .item_2 .bottom p
{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.Ten_List .item_2 .bottom 
{
    background: #fff url(../img/d_13.png) center right no-repeat;
}


@media(max-width:650px){
    .Ten_List .item_2 .top>div
    {
        width: 100%;
       
    }
    .Ten_List .item_2 .top::after
    {
        display: none;
    }
    .Ten_List .item_2 .top>div div::after
    {
        display: none;
    }
    .Ten_List .item_2 .top > div div
    {
        margin-top: 15px;
    }
    .Ten_List .item_2 .bottom
    {
        margin: 15px 0;
        padding: 15px;
    }
}


.Ten_List .item_3  .swiper-container .swiper-slide
{
 height: 300px;
 margin-bottom: 30px;

}
.Ten_List .item_3  .swiper-container .swiper-slide a
{
    display: inline-block;
    width: 100%;
    height: 100%;
  
   
}
.Ten_List .item_3  .swiper-container .swiper-slide a img
{
    max-width: 100%;
    max-height: 100%;
}
.Ten_List .item_3 
{
    position: relative;
}
.Ten_List .item_3 .le,.Ten_List .item_3 .rg{
    position: absolute;
    bottom: 180px;
    cursor: pointer;
}
.Ten_List .item_3 .le
{
    left: -50px;
}
.Ten_List .item_3 .rg
{
    right: -50px;
}
.Ten_List .item_3 .img
{
    border: 1px solid #fff;
    height: 250px;
    text-align: center;
    padding: 0px 15px;
    line-height: 250px;
}
.Ten_List .item_3 p
{
    line-height: 50px;
    font-size: 16px;
    color: #666;
    text-align: center;
}
@media(max-width:650px){
    .Ten_List .item_3 .le
    {
        left: 0px;
        z-index: 22;
    }
    .Ten_List .item_3 .rg
    {
        right: 0px;
        z-index: 22;
    }
}



.special_List  .title
{
text-align: center;
margin: 30px 0;
}
.special_List  .title h3
{
    font-size: 24px;
    color: #4c4c4c;
}
.special_List  .title p
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}

.special_List .item_1  .box .item
{
    width: calc(25% - 10px);
    overflow: hidden;
    float: right;
    position: relative;
    height: 200px;
    margin: 5px;
    padding: 20px;
    border-radius: 15px;

}
.special_List .item_1  .box .item:nth-of-type(1)
{
    height: 410px;
}
.special_List .item_1  .box .item img
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.special_List .item_1  .box .item h3
{
    position: relative;
    font-size: 18px;
    font-weight: 800;
}
.special_List .item_1  .box .item p
{
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

@media(max-width:650px){
    .special_List .item_1  .box .item
    {
        width: 100%;
        margin: 5px 0px;
    }
}
.special_List .item_2
{
    padding: 20PX 0;
    margin-top: 40px;
    background: url(../img/t_8.png) center/cover no-repeat;
}
.special_List .item_2 .title h3,.special_List .item_2 .title p
{
    color: #fff;
}

.special_List .item_2 .swiper-wrapper a
{
    background: #fff;
    display: inline-block;
    width: 100%;
    height: 350px;
    text-align: center;
}
.special_List .item_2 .box
{
    width: calc(100% - 80px);
    margin: auto;
    margin-bottom: 40px;
}
.special_List .item_2 .swiper-wrapper a h3
{
    line-height: 60px;
    color: #fff;
    margin: 0px;
    font-size: 16px;
    background: #c43726;
    margin-bottom: 30px;
}
.special_List .item_2 .swiper-wrapper a p
{
    line-height: 35px;
    color: #666;
    padding: 0px 20px;
}
.special_List .item_2 .le,.special_List .item_2 .rg
{
    position: absolute;
    bottom: 200px;
    width: 40px;
    cursor: pointer;
    opacity: 0.8;
}
.special_List .item_2 .rg
{
    right: 0px;
}
.special_List .item_2 .le
{
    left: 0px;
}
.special_List .item_2 .le:hover,.special_List .item_2 .rg:hover
{
    opacity: 1;
}
.special_List .item_2  .container
{
    position: relative;
}


.special_List .item_4
{
    height: auto;
    overflow: hidden;
    margin: 40px auto;
}
.special_List .item_4 .le
{
    background: #c53d2f;
    color: #fff;
    padding: 20px;
    float: left;
    width: 30%;
    height: 500px;
}
.special_List .item_4 .le h3
{
    font-size: 24px;
    font-weight: 800;
}
.special_List .item_4 .le p 
{
    font-size: 14px;
    text-transform: uppercase;
}
.special_List .item_4 .le span
{
    display: inline-block;
    border-top: 1px solid #fff;
    width: 30%;
}
.special_List .item_4 .le h4
{
    font-size: 14px;
    margin-top: 200px;
    line-height: 25px;
}
.special_List .item_4 .rg
{
    padding: 20px;
    float: left;
    width: 70%;
    padding: 30px;
    background: #f5f5f5;
    height: 500px;
}
.special_List .item_4 .rg p
{
    font-size: 16px;
    color: #666;
    line-height: 35px;
}
.special_List .item_4 .rg a:nth-of-type(1)
{
    background: #df6e09;
}
.special_List .item_4 .rg a
{
    line-height: 50px;
    border-radius: 10px;
    padding: 0px 25px;
    font-size: 16px;
    color: #fff;
    background: #c43726;
    margin-top: 25px;
    margin-right: 15px;
    position: relative;
}
.special_List .item_4 .rg a  input
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.special_List .item_4 .rg a:hover

{
    background: #b81d0b;
}

@media(max-width:650px){
    .special_List .item_4 .rg
    {
        width: 100%;
        padding: 15px;
        height: auto;
       
    }
    .special_List .item_4 .le h4

    {
        margin-top: 50px;
    }
    .special_List .item_4 .le
    {
        width: 100%;
        padding: 15px;
        height: auto;
       
    }
}





.special_List .item_3  .swiper-container .swiper-slide
{
 height: 300px;
 margin-bottom: 30px;

}
.special_List .item_3  .swiper-container .swiper-slide a
{
    display: inline-block;
    width: 100%;
    height: 100%;
  
   
}
.special_List .item_3  .swiper-container .swiper-slide a img
{
    max-width: 100%;
    max-height: 100%;
}
.special_List .item_3 
{
    position: relative;
}
.special_List .item_3 .le,.special_List .item_3 .rg{
    position: absolute;
    bottom: 180px;
    cursor: pointer;
}
.special_List .item_3 .le
{
    left: -50px;
}
.special_List .item_3 .rg
{
    right: -50px;
}
.special_List .item_3 .img
{
    border: 1px solid #fff;
    height: 250px;
    text-align: center;
    padding: 0px 15px;
    line-height: 250px;
}
.special_List .item_3 p
{
    line-height: 50px;
    font-size: 16px;
    color: #666;
    text-align: center;
}
@media(max-width:650px){
    .special_List .item_3 .le
    {
        left: 0px;
        z-index: 22;
    }
    .special_List .item_3 .rg
    {
        right: 0px;
        z-index: 22;
    }
}



.Qualifications_List  .title
{
text-align: center;
margin: 30px 0;
}
.Qualifications_List  .title h3
{
    font-size: 24px;
    color: #4c4c4c;
}
.Qualifications_List  .title p
{
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}
.Qualifications_List .item_1 .box  .item .le

{
    float: right;
    width: 30%;
}
.Qualifications_List .item_1 .box  .item
{
    height: auto;
    overflow: hidden;
}
.Qualifications_List .item_1 .box  .item .rg
{
    float: left;
    width: 70%;
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .le
{
    float: left;
}

.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .rg
{
    float: right;
}


.Qualifications_List .item_1 .box  .item .le img
{
    max-width: 100%;
    text-align: right;
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .le img
{
    text-align: left;
}

.Qualifications_List .item_1 .box  .item .rg .ico
{
    font-size: 30px;
    color: #fff;
    padding:5px 15px;
    font-weight: 800;
    background: #fff;
    text-align: center;
    background: #c43726;
    border-radius: 5px;
    display: inline-block;
    float: left;
    position: relative;
    top: 80px;
   
}
.Qualifications_List .item_1 .box  .item .rg .ico::after
{
    content: "";
    position: absolute;
    width:20px;
    height:20px;
    background: #c43726;
    transform: rotate(45deg);
    right:-10px;
    top:calc((100% - 20px)/2);
}

.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .rg .ico::after
{
    left:-10px;
   
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .rg .ico
{
    float: right;
}

.Qualifications_List .item_1 .box  .item .rg .txt
{
    float: right;
    width: calc(100% - 100px);
    text-align: left;
    padding:0 20px;
}
.Qualifications_List .item_1 .box  .item .rg .txt p
{
    font-size: 14px;
    color: #666;
    line-height:30px;
}
.Qualifications_List .item_1 .box  .item .rg .txt h3
{
    font-size: 20px;
    color: #c43726;
    font-weight: 800;
    line-height: 60px;
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n)  .rg .txt
{
    float: left;
    text-align: right;
}

.Qualifications_List .item_1 .box  .item 
{
    padding: 20px;
  
  
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n)
{
    background: url(../img/z_11.png) center/100% 100% no-repeat;
}
.Qualifications_List .item_1 .box  .item:nth-of-type(2n-1)
{
    background: url(../img/z_22.png) center/100% 100% no-repeat;
}


@media(max-width:650px){
    .Qualifications_List .item_1 .box  .item
    {
       background: transparent !important;
       border: 1px solid  #eee;
       margin:5PX 0;
    }
    .Qualifications_List .item_1 .box .item .le
    {
        width: 100%;
        float: right !important;
    }
    .Qualifications_List .item_1 .box .item .rg
    {
        width: 100%;
        float: right !important;
    }
    .Qualifications_List .item_1 .box .item .rg .txt
    {
        width: 100%;
       text-align: left !important;
    }
    .Qualifications_List .item_1 .box .item .rg .ico
    {
        width: 100%;
        top: 0px;
    }
    .Qualifications_List .item_1 .box .item .rg .ico::after
    {
        display: none;
    }
}

.Qualifications_List .item_2
{
    background: url(../img/z_8.png) center/cover;
    padding: 40px 0;
    margin-top: 40px;
}
.Qualifications_List .item_2 .title h3,.Qualifications_List .item_2 .title p
{
    color: #fff;
}

.Qualifications_List  .item_2 .swiper-slide
{
    color: #fff;
}
.Qualifications_List .item_2  .swiper-slide h3
{
    font-size: 18px;
    color: #fff;
}
.Qualifications_List  .item_2 .swiper-slide p
{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}
.Qualifications_List  .item_2 .container
{
    position: relative;
}
.Qualifications_List  .item_2 .container .le,.Qualifications_List  .item_2 .container .rg
{
    position: absolute;
    top: 250px;
    z-index: 2;
    cursor: pointer;
}
.Qualifications_List  .item_2 .container .le
{
    left: -30px;
}
.Qualifications_List  .item_2 .container .rg
{
    right: -30px;
}

.Qualifications_List  .item_2  .swiper-pagination
{
    position: relative;
    bottom: 0px;
}
.Qualifications_List  .item_2  .swiper-pagination span
{
    width: 10px;
    height: 10px;
    background: rgba(255,2585,255,0.6);
}
.Qualifications_List  .item_2  .swiper-pagination .swiper-pagination-bullet-active
{
    background: rgba(255,2585,255,1);
}

@media(max-width:650px){
    .Qualifications_List  .item_2 .container .le
{
    left: 0px;
}
.Qualifications_List  .item_2 .container .rg
{
    right: 0px;
}
.Qualifications_List  .item_2 .container .le ,.Qualifications_List  .item_2 .container .rg
{
 top: 70%
}
.Qualifications_List  .item_2 .container .le img,.Qualifications_List  .item_2 .container .rg img
{
 width: 15px;

}

}