body, div, p, span, ul, li, ol, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
}
body {
    margin: 0 auto;
    font-size: 14px;
    font-family: 'Microsoft Yahei',arial,sans-serif;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    background: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, legend,button, input, textarea,th, td {
  margin: 0;
  padding: 0;
}
body {
  font-size: 18px;
  font-family: 'Microsoft Yahei',arial,sans-serif;
  color: #333333;
  letter-spacing: 0px;
  -webkit-font-smoothing: antialiased;
  background: #fff;
}

address, cite, dfn, em, var ,i{ font-style: normal; } 
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }

small { font-size: 12px; } 

ul, ol, li { list-style: none; }

a { text-decoration: none; color: inherit;}

fieldset, img { border: none; } 

button, input, select, textarea {
  font-size: 100%;
}

input{
  border: 0;
  outline: none;
}

textarea{ resize: none; border: 0; outline: none;}

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

b, strong{
  font-weight: bold;
}

hr {
  border: none;
  height: 1px;
}

html { overflow-y: scroll; }

a{
  text-decoration: none;
  color: inherit;
}


article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;margin: 0;padding: 0;} 

.clearfix:after{
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix{
  zoom: 1;
}
a{
    text-decoration: none;
    display: block;
}
i,em{
    font-style: normal;
}
em{
    display: block;
}
b,strong{
    font-weight: normal;
}
img {
    border: none;
}
h1, h2, h3, h4, h5, h6 ,b{
    font-weight: normal;
}
body table {
    border-collapse:collapse;
    border-spacing: 0;
}


/*公用标签*/
.consult{
    width: 1100px;
    margin: 0 auto;
}

.consult1{
    width: 1000px;
    margin: 0 auto;
}

.clear{
    clear: both;
}
.header .nav p{
    font-size: 16px;
    color: #333333;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.list:after{
    content: '';
    display: inline-block;
    width: 100%;
}
.subject{
    width: 1000px;
    position: relative;
    margin: 0 auto;
    text-align: center
}
.title{
    text-align: center;
    position: relative;
}
.title h2{
    font-size:52px;
    color: #e32242;
    display: inline-block;
    font-weight: bold;
}
.title img{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-right: 10px;
}
.imgxx{
    margin-top: 110px;
}
.imgxxs{
    margin-top: 90px;
}
.imgxxc{

}
.title h3{
    color: #fc607a;
    font-size: 32px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.bgc{
    background:url("../images/bgc_img_a.jpg") no-repeat center;
    height: 98px;
    position: relative;
    margin-top: 40px;
}
.main_a_b_title_a{
    width: 390px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}
.main_a_b_title_a img{
    float: left;
}
.main_a_b_title_a p{
    line-height: 60px;
    margin-left: 15px;
    font-size:32px ;
    color: #ffffff;
    float: left;
}
.main_a_b_title_a p b{
    font-weight: bold;
}
.btn{
    text-align: center;
    margin-top: -25px;
}
.btn a{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    line-height: 50px;
    border-radius: 25px;
    display: inline-block;
    background: #fe5839;
    box-sizing: border-box;
    padding: 0 30px;
    margin-top: 30px;
    /*transition: all 0.3s;*/
    /*-webkit-transition: all 0.3s;*/
}
.btn_change{
    display: inline-block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: #fb9b16;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 52px;
    width: 220px;
    border-radius: 26px;
    margin-top: 26px;
    margin-left: 40px;
}
.btn_change:hover{
    border-radius: 10px;
}
/*.btn em{*/
    /*font-size: 16px;*/
    /*color: #555555;*/
    /*text-decoration: line-through;*/
    /*display: inline-block;*/
    /*}*/
    .li_btn{
        margin-top: 30px;
        width: 960px;
        height: 52px;
        display: block;
        text-align: center;
    }
    .li_btn a{
        background: linear-gradient(to left, #fc1f43, #fb6d51);    font-size: 20px;
        color: #ffffff;
        font-weight: bold;
        line-height: 52px;
        border-radius: 26px;
        width: 740px;
        text-align: center;
        margin: 0 auto;
    }
    .li_float{
        float: left;
    }

    .justify{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
    .justify>*{display: inline-block;vertical-align: top}
    .justify:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}


    /*************************************************************************************************/

    /*头部*/

    .headff{
        background: #f6f6f6;
        padding: 5px 0;
    }
    .headff .ffleft{
        float: left;
    }
    .headff .ffleft p{
        font-size: 14px;
        padding-top: 6px;
    }
    .headff .ffright{
        float: right;
        margin-left: 100px;
    }
    .headff .ffright .ljwt{
        border:1px solid #c0c0c0;
        padding: 5px 5px 5px 15px;
    }
    .headff .ffright .soso{
        display: inline-block;
        vertical-align: middle;
        background:url(../images/fdjff.jpg)no-repeat center center;
		width:48px;
		height:26px;
    }
    header{
        background-size: cover;
    }
    .logotop{
        margin: 20px auto;
    }
    .logoleft{
        float: left;
    }
    .logoright{
        float: right;
        margin-top: 15px;
    }
    .logoright img{
        float: left;
        vertical-align: middle;
        margin-right: 15px;
    }
    .logoright p{
        float: left;
        color: #18c9d5;
        font-size: 36px;
    }
    .headtop{
        padding-top: 30px;
    }
    .nav{
        margin-top: 10px;
        background: #18c9d5;
    }
    .nav .zc{
        height: 59px;
        padding-left: 25px;
    }
    .nav .zc li{
        float: left;
        padding: 12px 0;
        position: relative;
        background: #18c9d5;
    }
    .nav .zc li:hover{
        background: #ecf5f6;
    }
    .nav .zc li:hover a{
        color: #18c9d5;
    }
    .nav .zc li a{
        color: #fff;
        padding: 0 20px;
        text-align: center;
        font-size: 16px;
    }
    .nav .zc li a p{
        font-size: 10px;
    }
    .nav .zc li .navzy{
        padding-top: 20px;
        position: relative;
        width: 135px;
        z-index: 9999999;
    }
    .nav .zc >li:hover .navzy li{
        display: block;
    }
    .nav .zc li .navzy li{
        float: none;
        background: #18c9d5;
        display: none;
        position: relative;
        width: 200px;
    }
    .nav .zc li .navzy li:hover{
        background: #ecf5f6;
    }
    .nav .zc li .navzy li a{
        color: #fff;
    }
    .nav .zc li .navzy li:hover a{
        color: #18c9d5;
    }
    /*.nav .zc li .navzy li .navsb{
        width: 240px;
        position: absolute;
        top: 0;
        left: 132px;
        display: none;
    }
    .nav .zc li .navzy .sbsb:hover .navsb{
        display: block;
    }
    .nav .zc li .navzy li .navsb li a{
        color: #fff;
    }
    .nav .zc >li:hover .navzy .navsb li:hover a{
        color: #18c9d5;
    }*/
    .csb{
        width: 134px;
    }
   /* .sjx{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-left: 0.48rem solid #fff667;
        position: absolute;
        left: 140px;
        top: 17px;
        display: block;
    }*/
    /****************模块一**************/
    .banner{
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .slideBoxA img{
        width: 100%;
    }
    .slideBoxA .hd ul{
        position: relative;
		display: inline-block;
    }
    .slideBoxA .hd ul li{
        width: 62px;
        height: 15px;
        float: left;
        margin: 0 auto;
        background: #fff;
        margin-top: -70px;
    }
    .slideBoxA .hd ul li:nth-child(1){
        position: absolute;
        top: 0;
        left: -70px;
    }
    .slideBoxA .hd ul li:nth-child(2){
        position: absolute;
        top: 0;
        left: 10px;
    }
    /*.slideBoxA .hd ul li:nth-child(3){*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 10px;*/
    /*}*/
    /*.slideBoxA .hd ul li:nth-child(4){*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    left: 90px;*/
    /*}*/
   
    .slideBoxA .hd ul li.on{
        background: #18c9d5;
    }

    .modeA .ckA ul li{
        background: #43b9f6;
        float: left;
        padding: 10px;
        text-align: center;
        width: 255px;
        height: 170px;
    }
    .modeA .ckA ul li:nth-child(2){
        background: #6686ff;
    }
    .modeA .ckA ul li:nth-child(2) .top{
        background: #6382f7;
    }
    .modeA .ckA ul li:nth-child(3){
        background: #9878ff;
    }
    .modeA .ckA ul li:nth-child(3) .top{
        background: #8c6eea;
        padding: 25px;
    }
    .modeA .ckA ul li:nth-child(4){
        background: #35d0da;
    }
    .modeA .ckA ul li:nth-child(4) .top{
        background: #2cc8d2;
    }
    .modeA .ckA ul li .top{
        background: #41b3ee;
        padding: 25px;
        margin-bottom: 7px;
    }
    .modeA .ckA ul li .bottom p{
        border-bottom: 1px solid #7bc7f2;
        width: 125px;
        margin: 0 auto;
        font-size: 22px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .modeA .ckA ul li:nth-child(2) .bottom p{
        border-bottom: 1px solid #93a3f9; 
    }
    .modeA .ckA ul li:nth-child(4) .bottom p{
        border-bottom: 1px solid #71d7df; 
    }
    .modeA .ckA ul li:nth-child(3) .bottom p{
        border-bottom: 1px solid #b699f9; 
    }
    
    .modeA .ckA ul li .bottom{  
        color: #fff;
    }




    /*模块二*/
    .modeB{
        margin-top: 40px;
    }
    .modeB ul li{
        float: left;
        width: 320px;
        margin-left: 70px;
    }
    .modeB ul li:nth-child(1){
        margin-left: 0;
    }
    .modeB ul li .bottom{
        margin: 5px 0;
    }
    .modeB ul li .bottom h2{
        float: left;
        margin-left: 95px;
    }
    .modeB ul li .bottom .aBI{
        float: left;
        background: #fce6ea;
        border-radius: 30px;
        padding: 3px 5px;
        color: #f72048;
        margin-left: 20px;
        margin-top: 5px;
    }
    .modeB ul li .footB h4{
        font-size: 18px;
        text-align: center;
        font-weight: 400;
        color: #444;
        margin-bottom: 5px;
    }
    .modeB ul li .footB {
        text-align: center;
        margin-top: 20px;
        color: #747474;
        font-size: 15px;
    }
    .modeB ul li .footB a{
        color: #ff7e46;
        display: inline-block;
    }
    .modeB ul li .bottom{
        margin-top: 15px;
    }
    .modeB ul li .bottom a{
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 5px;
        text-align: center;
        color: #444;    
        margin-top: 10px;
        font-size: 14px;
    }
    .modeB ul li .bottom a img{
        display: none;
        margin-top: 3px;
    }
    .modeB ul li .bottom a:hover{
        color: #ff7e46;
    }
    .modeB ul li .bottom a:hover img{
        display: block;
        float: right;
    }
    /*模块三*/
    .modeC{
        margin-top: 60px;
        background: #f1f6f8;   
        padding: 40px 0 60px;
    }
    .modeC .title h1{
        text-align: center;
    }
    .modeC .title span{
        text-align: center;
        width: 100%;
        display: inline-block;
        font-size: 12px;
    }
    .modeC .cnr{
        text-align: center;
        margin: 40px 0 0;
        position: relative;
    }
    .modeC .cnr a{
        position: absolute;
        top: 0;
        left: 48px;
        width: 190px;
        height: 123px;
    }
    .modeC .cnr a:nth-child(3){
        left: 251px;
    }
    .modeC .cnr a:nth-child(4){
        left: 455px;
    }
    .modeC .cnr a:nth-child(5){
        left: 658px;
    }
    .modeC .cnr a:nth-child(6){
        top: 0;
        left: 861px;
    }
    .modeC .cnr a:nth-child(7){
        left: 861px;
        top: 158px;
    }
    .modeC .cnr a:nth-child(8){
        left: 658px;
        top: 158px;
    }
    .modeC .cnr a:nth-child(9){
        left: 455px;
        top: 158px;
    }
    .modeC .cnr a:nth-child(10){
        left: 251px;
        top: 158px;
    }
    .modeC .cnr a:nth-child(11){
        left: 48px;
        top: 158px;
    }
    
     .cnr2{
        text-align: center;
        position: relative;
        margin: 0 auto; 
        
    }
     .cnr2 a{
        position: absolute;
        width: 233px;
        height: 145px;
    }
     .cnr2 a:nth-child(2){
        top: 10px;
        left: 77px;
    }
     .cnr2 a:nth-child(3){
        top:10px;
        left: 310px;
    }
     .cnr2 a:nth-child(4){
        top: 10px;
        left: 543px;
    }
     .cnr2 a:nth-child(5){
        top: 10px;
        left: 776px;
    }
     .cnr2 a:nth-child(6){
        bottom: 4px;
        left: 77px;
    }
     .cnr2 a:nth-child(7){
        bottom: 4px;
        left: 310px;
    }
     .cnr2 a:nth-child(8){
        bottom: 4px;
        left: 543px;
    }
     .cnr2 a:nth-child(9){
        bottom: 4px;
        left: 776px;
    }
    .other ul li{
        float: left;
        margin-left: 30px;
    }
    .other ul li:nth-child(1){
            margin-left: 55px;
    }
	.other ul li span{
		text-align:center;
		    display: block;
	}
    .otherX{
        margin: 40px 0;

    }
    .otherX .titleX{
        position: relative;
        text-align: center;
        margin-bottom: 25px;
    }
    .otherX .titleX h1{
        font-size: 22px;
        color: #444;
    }
    .otherX .titleX span{
        font-size: 10px;
        color: #858585;
    }
    .otherX .titleX img{
        position: absolute;
        top: 28%;
        left: 35%;
    }
    .otherX .titleX .line2{
        position: absolute;
        top: 28%;
        left: 55%;
    }

    .otherX ul li{
        float: left;
        margin-left: 50px;
        text-align: center;
        font-size: 20px;
    }
    .otherX ul li:nth-child(5) img{
        margin-bottom: 7px;
    }
    /*.modeC .hd{
        margin: 30px 0;
    }
    .modeC .hd ul li{
        border-radius: 10px;
        border: 1px solid #ff4567;
        text-align: center;
        padding: 3px 20px;
        float: left;
        margin-left: 35px;
        position: relative;
    }
    .modeC .hd ul li:nth-child(2){
        border: 1px solid #f58c1c;
    }
    .modeC .hd ul li:nth-child(2).on{
        background: #f58c1c;
    }
    .modeC .hd ul li:nth-child(2) p{
        color: #f58c1c;
    }
    .modeC .hd ul li:nth-child(2).on p{
        color: #fff;
    }   
    .modeC .hd ul li:nth-child(3){
        border: 1px solid #a92dbc;
    }
    .modeC .hd ul li:nth-child(3).on{
        background: #a92dbc;
    }
    .modeC .hd ul li:nth-child(3) p{
        color: #a92dbc;
    }
    .modeC .hd ul li:nth-child(3).on p{
        color: #fff;
    }
    .modeC .hd ul li:nth-child(4){
        border: 1px solid #18c9d5;
    }
    .modeC .hd ul li:nth-child(4).on{
        background: #18c9d5;
    }
    .modeC .hd ul li:nth-child(4) p{
        color: #18c9d5;
    }
    .modeC .hd ul li:nth-child(4).on p{
        color: #fff;
    }
    .modeC .hd ul li:nth-child(5){
        border: 1px solid #8f7ef6;
    }
    .modeC .hd ul li:nth-child(5).on{
        background: #8f7ef6;
    }
    .modeC .hd ul li:nth-child(5) p{
        color: #8f7ef6;
    }
    .modeC .hd ul li:nth-child(5).on p{
        color: #fff;
    }
    .modeC .hd ul li:nth-child(6){
        border: 1px solid #139aa3;
    }
    .modeC .hd ul li:nth-child(6).on{
        background: #139aa3;
    }
    .modeC .hd ul li:nth-child(6) p{
        color: #139aa3;
    }
    .modeC .hd ul li:nth-child(6).on p{
        color: #fff;
    }
    .modeC .hd ul li:nth-child(7){
        border: 1px solid #1186cf;
    }
    .modeC .hd ul li:nth-child(7).on{
        background: #1186cf;
    }
    .modeC .hd ul li:nth-child(7) p{
        color: #1186cf;
    }
    .modeC .hd ul li:nth-child(7).on p{
        color: #fff;
    }
    .modeC .hd ul li .onfk{
        display: none;
    }
    .modeC .hd ul li.on{
        background: #ff4567;
    }
    .modeC .hd ul li.on .onfk{
        display: block;
    }
    .modeC .hd ul li .fk{
        display: block;
    }
    .modeC .hd ul li.on .fk{
        display: none;
    }
    .modeC .hd ul li img{
        float: left;
    }
    .modeC .hd ul li p{
        float: left;
        margin-top: 3px;
        margin-left: 5px;
        color: #ff4567;
    }
    .modeC .hd ul li.on p{
        color: #fff;
    }
    .modeC .hd ul li.on .sjxFK{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #ff4567;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li .sjxFK{
        display: none;
    }
    .modeC .hd ul li.on .sjxFK2{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #f58c1c;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li.on .sjxFK3{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #a92dbc;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li.on .sjxFK4{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #18c9d5;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li.on .sjxFK5{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #8f7ef6;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li.on .sjxFK6{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #139aa3;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .hd ul li.on .sjxFK7{
        width: 0;
        height: 0;
        border: 0.48rem solid transparent;
        border-top: 10px solid #1186cf;
        position: absolute;
        left: 27px;
        top: 35px;
        display: block;
    }
    .modeC .bd ul li{
        width: 1100px;
    }
    .modeC .bd ul li img{
        float: left;
        margin:0 35px;
    }
    .modeC .bd ul li a {
        float: left;
        background: #fff;
        width: 128px;
        height: 35px;
        margin-left: 20px;
        margin-top: 20px;
        border-radius: 8px;
        text-align: center;
        box-sizing: border-box;
        padding: 7px 32px;
    }
    .modeC .bd ul li a:nth-child(4){
        padding:7px 40px; 
    }
    .modeC .bd ul li .hot{
        padding: 7px 10px;
    }
    .modeC .bd ul li a:hover{
        background: #ff7e46;
    }
    .modeC .bd ul li a:hover p{
        color: #fff;
    }
    .modeC .bd ul li a p{
        float: left;
        font-size: 16px;
        color: #666;
    }
    .modeC .bd ul li a span{
        float: left;
        font-size: 12px;
        background: #ff4567;
        color: #fff;
        border-radius: 8px;
        padding: 1px 7px;
        margin-left: 4px;
    }
    .modeC .bd ul .Dks2 a:nth-child(4){
        padding: 7px 29px;
    }
    .modeC .bd ul .Dks2 a:nth-child(8){
        padding: 7px 48px;
    }
    .modeC .bd ul .Dks2 a:nth-child(10){
        padding: 7px 14px;
    }
    .modeC .bd ul .Dks2 a:nth-child(12){
        padding: 7px 40px;
    }
    .modeC .bd ul .Dks3 a:nth-child(2){
        width: 128px;
        padding: 7px 24px;
    }
    .modeC .bd ul .Dks3 a:nth-child(3){
        width: 240px;
        padding: 7px 16px;
        margin-right: 70px;
    }
    .modeC .bd ul .Dks3 a:nth-child(4){
        width: 150px;
        padding: 7px 23px;
    }
    .modeC .bd ul .Dks4 a:nth-child(2){
        padding: 7px 40px;
    }
    .modeC .bd ul .Dks4 a:nth-child(4){
        padding: 7px 32px;
    }
    .modeC .bd ul li .eb1{
        border: 1px dashed #bfcfd5;
        border-radius: 5px;
        width: 580px;
        float: left;
        position: relative;
        box-sizing: border-box;
        padding:0 0 10px;
    }
    .modeC .bd ul li .eb1 a{
        width: 100px;
        padding: 7px 0;
        font-size: 16px;
        margin-top: 15px;
        margin-left: 13px;
    }
    .modeC .bd ul li .eb1 a:hover{
        color: #fff;
    }
    .modeC .bd ul li .eb1 .rk{
        position: absolute;
        bottom: 0;
        right: 0;
        background: #18c9d5;
        color: #fff;
        border-radius: 5px;
        font-weight: bold;
    }
    .modeC .bd ul li .eb2{
        margin: 18px 0;
    }
    .modeC .bd ul li .eb1 .bk{
        background: #8f7ef6;
    }
    .modeC .bd ul li .eb1 .bk{
        background: #5bc56d;
    }*/

    /*模块四*/
     .title{
        margin: 40px 0;
    }
     .title span{
        font-size: 12px;
    }
    /* .jyzd{
        position: relative;
        float: left;
        height: 575px;
    }
     .jyzd a{
        width: 155px;
        height: 95px;
    }
     .jyzd a:nth-child(2){
        position: absolute;
        right: 0;
        top: 0;
    }
     .jyzd a:nth-child(3){
        position: absolute;
        left: 0;
        top: 95px;
    }
     .jyzd a:nth-child(4){
        position: absolute;
        right: 0;
        top: 95px;
    }
     .jyzd a:nth-child(5){
        position: absolute;
        left: 0;
        top: 190px;
    }
     .jyzd a:nth-child(6){
        position: absolute;
        right: 0;
        top: 190px;
    }
     .jyzd a:nth-child(7){
        position: absolute;
        left: 0;
        top: 288px;
    }
     .jyzd a:nth-child(8){
        position: absolute;
        right: 0;
        top: 288px;
    }
     .jyzd a:nth-child(9){
        position: absolute;
        right: 0;
        top: 384px;
    }
     .jyzd a:nth-child(10){
        position: absolute;
        left: 0;
        bottom: 0;
    }
     .jyzd a:nth-child(11){
        position: absolute;
        right: 0;
        bottom: 0;
    }
     .kol{
        float: left;
        width: 700px;
        margin-left: 40px;
    }
     .kol ul li{
        float: left;
        margin: 6px 10px;
        position: relative;
        height: 178px;
    }
     .kol ul li .pio{
        position: absolute;
        top: 0;
        right: 0;
        display: none; 
    }
     .kol ul li:hover .pio{
        display: inline-block;
    }
     .kol ul li p{
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8px 0;
        background: #222;
        opacity:0.8;
    }
     .kol ul li:hover p{
        background: #f07947;
        opacity:0.9;
    }*/
    /***************底部********************/
    .foot{
        background: #18c9d5;
        padding: 50px 0 0;
        margin-top: 50px;
        position: relative;
    }
    .foot .left{
        float: left;
    }
    .foot .center{
        float: left;
        margin:0 25px;
        padding: 0 25px;
        border-left: 1px #fff solid;
        border-right: 1px #fff solid;
    }
    .foot .center ul li{
        color: #fff;
        margin-top: 10px;
        font-size: 16px;
    }
    .foot .center ul li img{
        vertical-align: middle;
        margin-right: 10px;
    }
    .foot .right{
        float: left;
        margin-top: 10px;
    }
    .foot .fttop{
        position: absolute;
        top: -30px;
        left: 48%;
    }
    .foot .last-foot{
        background: #0099ab;
    }
    .foot .last-foot p{
        color: #fff;
        text-align: center;
        padding: 10px 0;
        font-size: 14px;
        margin-top: 40px;
    }
    /*按钮动画*/
    .animated {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: tada;
        animation-name: tada;
    }
    .animated_btn{
        -webkit-animation-duration: 3s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: tada;
        animation-name: tada;
    }
    .animated_banner{
        -webkit-animation-duration: 4s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: tada;
        animation-name: tada;
    }
    #button {
        -webkit-animation: pulse 1.2s infinite alternate;
        animation: pulse 1.2s infinite alternate;
    }
    .hvr-float-shadow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform; }

        .hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;
            content: '';
            top: 100%;
            left: 5%;
            height: 10px;
            width: 90%;
            opacity: 0;
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
            /* W3C */
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: "transform, opacity";
            transition-property: "transform, opacity";
        }

        .hvr-float-shadow:hover,
        .hvr-float-shadow:focus,
        .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);
        /* move the element up by 5px */ }

        .hvr-float-shadow:hover:before,
        .hvr-float-shadow:focus:before,
        .hvr-float-shadow:active:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
        }