body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:"微软雅黑","Arial Narrow",HELVETICA; }
a{text-decoration:none} 
li{list-style:none}
img{border:0;vertical-align:top} 
p{word-wrap:break-word}
.Pad_Top{padding-top: 0.1px;}
.Ver_top{vertical-align: top;}
.fl{float: left;}
.fr{float: right;}
.cls{clear: both;}
i{ font-style: normal; font-size: 18px; font-weight:bold;color: #555555;}
/* li加点 list-style-type:disc */
/* header */
.wrap{
    width: 100%;
    height: auto;
}
.header{
    width: 100%;
    height: 185px;
    background: #71236f;
}
.header-top{
    width: 1200px;
    height: 125px;
    margin: 0 auto;

}
.header-logo{
    width: 600px;
    height: 100%;
    background: url(logo.png);
}
.header-ss{
    width: 600px;
    height: 100%;
}
.header-ss-one{
    width: 310px;
    height: 42px;
    margin-right: 26px;
    background: #ffffff;
    margin-top: 40px;
    
}
.ss1{
    width: 236px;
    height: 42px;
    outline: 0;
    border: 0;
    margin-left: 20px;
}
.ss2{
    width: 54px;
    height: 42px;
    outline: 0;
    border: 0;
    background: url(ss.png) #ab33ad;
    cursor: pointer;
}
.haeder-nav{
    width: 100%;
    height: 60px;
    background: #5f075f;
}
.nav{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.nav ul {
    display: flex;
}
.nav ul li{
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.nav ul li a{
    display: block;
    height: 60px;
    color: #ffffff;
    font-size: 18px;
    padding: 0 14px;
}
.nav ul li a:hover{
    background: #480048;
}
/* 轮播宽高 */
.swiper{
    width: 100%;
    height: 507px;
}
/*main */
.main{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.main-xwdt-tzgg{
    width:100%;
    height: 610px;
}
.main-xwdt{
    width: 660px;
    height: 610px;
}
.main-tzgg{
    width: 490px;
    height: 610px;
    margin-left: 50px;
}
.main-xwdt-gd{
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #dddddd;
    line-height: 48px;
}

.main-xwdt-gd p{
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    height: 48px;
    width: 90px;
    border-bottom: 3px solid #5f075f;
}
.main-xwdt-gd a{
    color: #666666;
    font-size: 16px;
}
.main-xwdt-gd a:hover{
    color:#ab33ad;
}
.main-xwdt-gd a:hover i{
    color:#ab33ad;
}
.main-xwdt-xw{
    width: 100%;
    height: 210px;
    margin-top: 30px;
}
.mian-xwdt-img{
    width:363px ;
    height: 210px;
}
.mian-wxdw-zy{
    width: 246px;
    height: 210px;
}
.mian-wxdw-zy h3{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}
.mian-wxdw-zy p{
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-top: 5px;
}
.mian-wxdw-zy a{
    font-size: 14px;
    color: #5f075f;
}
.mian-xwdt-li{
    width: 100%;
    height: 305px;
}
.mian-xwdt-li ul li{
     width: 100%;
     height: 48px;
     border-bottom: 1px dashed #dddddd;
     line-height: 48px;
    
}
.mian-xwdt-li ul li a{
   font-size: 14px;
   color: #333333;
   margin-left: 4px;
}
.mian-xwdt-li ul li a:hover{
    font-weight: bold;
    color: #ab33ad;
 }
 .mian-xwdt-li ul li p{
    font-size: 14px;
    color: #999999;
 }
 .main-tzgg-gd{
     width:100%;
     height: 70px;
     background: #5f075f;
     line-height: 70px;
 }
 .main-tzgg-gd p{
     font-size: 22px;
     color: #ffffff;
     font-weight: bold;
     margin-left: 20px;
 }
 .main-tzgg-gd a{
    font-size: 16px;
    color: #ffffff;
    margin-right: 15px;
 }
 .main-tzgg-gd a i{
    font-size: 18px;
    color: #ffffff;
 }
 .main-tzgg-gd a:hover{
    color: #ab33ad;
 }
 .main-tzgg-gd a:hover i{
    color: #ab33ad;
 }
 .main-tzgg-li{
     width: 443px;
     height:537px;
     margin: 0 auto;
 }
 .main-tzgg-ul{
     width: 100%;
     height: 537px;
     border-bottom: 1px solid #e3e3e3;
     border-left: 1px solid #e3e3e3;
     border-right: 1px solid #e3e3e3;
 }
 .main-tzgg-li ul li{
    width: 100%;
    height:133px;
    border-bottom: 1px dashed #dddddd;
}
.main-tzgg-li ul li:last-of-type{
   
    border-bottom:0;
}
.ytd-div{
    width: 88px;
    height: 89px;
    line-height: 40px;
    text-align: center;
    background: url(ytd.png) no-repeat;
    margin-top: 25px;
}
.main-tzgg-li ul li a{
    display: inline-block;
    width: 340px;
    height: 30px;
    margin-left: 10px;
    margin-top: 38px;
    font-size: 18px;
    color: #000000;
}
.main-tzgg-li ul li a:hover{
    color: #ab33ad;
    font-weight: bold;
}
.mian-xsbg{
    width: 100%;
    height: 543px;
    margin-top: 20px;
}
.main-xsbg-gd{
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #dddddd;
    line-height: 48px;
}
.main-xsbg-gd p{
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    height: 47px;
    width: 114px;
    border-bottom: 3px solid #5f075f;
}
.main-xsbg-gd a{
    color: #666666;
    font-size: 16px;
}
.main-xsbg-gd a:hover{
    color: #ab33ad;
}
.main-xsbg-gd a:hover i{
    color: #ab33ad;
}
.main-xsbg-ul{
    width:100% ;
    height: 360px;
}
.main-xsbg-li{
    width: 220px;
    height: 360px;
    border-radius: 10px;
    margin-left: 106px;
    margin-top: 35px;
    position: relative;
}
.main-xsbg-lia{
    width: 220px;
    height: 150px;
    border-radius: 10px 10px 0 0;
 
}
.pos{
    width: 68px;
    height: 64px;
    position: absolute;
    top: 120px;
    left: 32px;
    background: #5f075f;
    z-index: 10;
    text-align: center;
    line-height: 15px;
}
.pos h3{
    margin-top: 14px;
    font-size: 24px;
    color: #ffffff;
}
.pos p{
    margin-top: 10px;
    font-size: 12px;
    color: #ffffff;
}
.main-xsbg-lib{
    width: 219px;
    height: 140px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
.main-xsbg-lib h3{
    padding: 20px 20px;
    font-size: 18px;
    color: #333333;
}
.main-xsbg-lib p{
    padding: 0 20px;
    font-size: 12px;
    color: #999999;
}
.main-xsbg-lib a img{
    margin-right: 10px;
}
.mian-yqlj{
    width: 80%;
    height: 144px;
    margin: 0px auto;
    border-radius: 5px;
    border: 1px solid #dddddd;
}
.mian-yqlj ul li{
    width: 24.8%;
    height: 144px;
    border-right: 1px solid #dddddd;
    text-align: center;
}
.mian-yqlj ul li img{
   margin-top: 30px;
}
.mian-yqlj ul li p{
    margin-top: 20px;
    font-size: 18px;
    color: #333333;

 }
.mian-yqlj ul li:last-of-type{
    border-right: 0;
}
/* footer */
.footer{
    width:100%;
    height: 196px;
    background: #5f075f;
    margin-top: 50px;
}
.footer-dz{
    width: 1200px;
    height: 196px;
    margin: 0 auto;
}
.footer-dz-a{
    width: 600px;
    height: 196px;
    line-height: 35px;
   
}
.footer-dz-a p{
    font-size: 16px;
   color: #f1f5ff;
}
.footer-ewm{
    width: 600px;
    height: 196px;
    position: relative;
   
}
.footer-ewm img{
    margin-top: 40px;
}
.psp1{
    position: absolute;
    top: 168px;
    font-size: 16px;
    color: #ffffff;
    right: 155px;
}
.psp2{
    position: absolute;
    top: 168px;
    font-size: 16px;
    color: #ffffff;
    right: 10px;
}
@media screen and (max-width: 1024px) {
    body{
        width:1200px;
    }
}