@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}

table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

textarea{resize:none;}

fieldset, img { border:0; }

img{ vertical-align:top;display: block;border:0px;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

abbr, acronym { border:0; }

em,i{font-style: normal;}

.clear{zoom:1;}

.clear:after{ content:""; display:block; clear:both;}

a{ text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none; cursor:pointer; }

a:focus { outline-style:none;}
body{
    min-width: 1080px;
}
.base{
    width:1080px;
    margin:0 auto;
}
.contain{
    background:#701bcc;
    width:100%;
}

/*contain1*/
.contain1{
    height:715px;
    padding: 85px 0 66px;
    background:#701bcc url(../img/liepin/banner.png) no-repeat  center 220px;

}
.contain1 h2 img{
    margin:0 auto;

}
.contain1 h2 span{
    float: right;
    width:270px;
    margin-right: 225px;
    font-size: 20px;
    color:#ffd303;
}
/*contain2*/
.contain2 .base{
    background: #6212b8;
    /*height:900px;*/
    width:1050px;
    padding:20px 15px 5px;
    position: relative;
}
.contain2 .base:before{
    content: "";
    display: block;
    width:1080px;
    height:66px;
    position: absolute;
    background: url(../img/liepin/con2_before.png) no-repeat center top;
    top:-66px;
    left:0px;
}
.biaoti{
    text-align: center;
    font-size: 45px;
    font-weight: 900;
    color:#03f0ff;
    width:1080px;
}
.biaoti span{
    display: block;
    font-size: 24px;
    font-weight: 100;
}

.contain2 .biaoti{
    position: absolute;
    top:-125px;
}
.con2_list{
    overflow: hidden;
}
.con2_list li{
    float: left;
    width:341px;
    height:290px;
    margin:0px 12px 12px 0px;
    background: #fff;
}
.con2_list li:nth-child(3n){
    margin-right: 0px;
}
.con2_list li img{
    width:341px;
    height:145px;
    margin-bottom:35px;

}
.con2_list li span{
    display: block;
    text-align: center;
    font-size: 20px;
    color:#000;
    margin-bottom: 20px;
}
.con2_list li a{
    display: block;
    width:142px;
    height:44px;
    background: url(../img/liepin/con2_btn.png) no-repeat center;
    color: #fff;
    font-size: 18px;
    padding-left: 54px;
    margin:0 auto;
    line-height: 44px;
}
.con2_list li a:hover{
    background: url(../img/liepin/con2_btn_hover.png) no-repeat center;
}
/*contain3*/
.contain3{
    padding: 55px 0 70px;
}
.contain3 .biaoti{
    margin-bottom: 35px;
}
.con3_list{
    overflow: hidden;
    margin-bottom: 40px;
}
.con3_list li{
    float: left;
    width:206px;
    height:89px;
    background:#853dd4 url(../img/liepin/con3_img01.png) no-repeat center;
    margin:0 12px 12px 0;
}
.con3_list li:nth-child(5n){
    margin-right: 0px;
}
.con3_list li:nth-child(2){
    background:#853dd4 url(../img/liepin/con3_img02.png) no-repeat center;
}
.con3_list li:nth-child(3){
    background:#853dd4 url(../img/liepin/con3_img03.png) no-repeat center;
}
.con3_list li:nth-child(4){
    background:#853dd4 url(../img/liepin/con3_img04.png) no-repeat center;
}
.con3_list li:nth-child(5){
    background:#853dd4 url(../img/liepin/con3_img05.png) no-repeat center;
}
.con3_list li:nth-child(6){
    background:#853dd4 url(../img/liepin/con3_img06.png) no-repeat center;
}
.con3_list li:nth-child(7){
    background:#853dd4 url(../img/liepin/con3_img07.png) no-repeat center;
}
.con3_list li:nth-child(8){
    background:#853dd4 url(../img/liepin/con3_img08.png) no-repeat center;
}
.con3_list li:nth-child(9){
    background:#853dd4 url(../img/liepin/con3_img09.png) no-repeat center;
}
.con3_list li:nth-child(10){
    background:#853dd4 url(../img/liepin/con3_img10.png) no-repeat center;
}
.con3_list li:nth-child(11){
    background:#853dd4 url(../img/liepin/con3_img11.png) no-repeat center;
}
.con3_list li:nth-child(12){
    background:#853dd4 url(../img/liepin/con3_img12.png) no-repeat center;
}
.con3_list li:nth-child(13){
    background:#853dd4 url(../img/liepin/con3_img13.png) no-repeat center;
}
.con3_list li:nth-child(14){
    background:#853dd4 url(../img/liepin/con3_img14.png) no-repeat center;
}
.con3_list li:nth-child(15){
    background:#853dd4 url(../img/liepin/con3_img15.png) no-repeat center;
}
.big{
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 10px;
    text-align: center;
    color:#fff;
}
.small{
    font-size: 16px;
    color:#e1cafa;
    text-align: center;
    margin-bottom: 40px;
}

/*contain4*/
.contain4{
    background: #6712c3 url(../img/liepin/contain4.png) repeat-x left bottom;
    padding:65px 0 120px;
}
.contain4 .biaoti{
    margin-bottom:45px;
}
.con4_wrap1{
    height:345px;
    border-top: 1px solid #8f3fe7;
    position: relative;
    padding-top: 40px;
    margin-bottom: 50px;
}
.con4_wrap1 h3{
    font-size: 24px;
    color:#eddcff;
    width:150px;
    height:35px;
    text-align: center;
    line-height: 35px;
    background: #6712c3;
    position: absolute;
    top:-17px;
    left:50%;
    margin-left: -75px;
}
.contain4 img{
    display: block;
    border:4px solid #853dd4;
}

.con4_left{
    width:535px;
    float: left;
}
.con4_right{
    width: 537px;
    overflow: hidden;
    float: right;
}
.con4_right img{
    margin:0 9px 10px 0;
    float: left;
}
.con4_right img:nth-child(2n){
    margin-right: 0px;
}

.con4_list{
    overflow: hidden;
}
.con4_list li{
    float: left;
    margin-right:10px;
}
.con4_list li:last-child{
    margin-right: 0px;
}
.con4_wrap2{
    height:165px;
}