.c_key{padding: 30px 0;background: #fff;} 
.main{width: 1200px; margin: 0 auto;}
.pub_title h1 {
    font-size: 33px;
    color: #a67e3d;
    line-height: 1;
    padding-bottom: 10px;
    border-bottom: 2px solid #dcdcdc;
    letter-spacing: 4px;
}
.c_key .pub_title h1 span{
    display: inline-block;
    font-size: 20px;
    color: #888888;
}
.ck_state_tab{overflow: hidden; margin-top: 20px;}
.ck_state_tab li{float: left; width: 140px; height: 54px; line-height: 54px; background-color: #c5c5c5; font-size: 23px; color: #868686; text-align: center;}
.ck_state_tab li.on{background-color: #a67e3d; color: #fff;}
.cst_state{display: none;}
.cst_state.on{display: block;}
.cst_tab{overflow: auto; width: 1150px; margin: 34px auto;}
.cst_tab li{font-size: 20px; color: #555; padding: 0 6px; border-bottom: 2px solid transparent; display: table-cell; white-space: nowrap; vertical-align: middle; transition: .6s;}
.cst_tab li:hover,.cst_tab li.selected{color: #a67e3d; border-bottom: 2px solid #a67e3d;}
.csta_box .swiper-wrapper li{margin-right: 0;}
.csta_box .swiper-slide{ box-shadow: none;}
.country_slide{width: 970px; height: 292px;margin:0 auto;overflow:hidden;z-index:21;}
.csta_box{position: relative; height: 292px; display: none;}
.csta_box .ctrl_btn{position: absolute; left: 0; right: 0; top: 50%; height: 36px; margin-top: -18px; z-index: 20;}
.csta_box .prev_btn{position: absolute; width: 24px; height: 36px; left: 80px; top: 0; background-image: url(../image/cc_prev.png);}
.csta_box .next_btn{position: absolute; width: 24px; height: 36px; right: 80px; top: 0; background-image: url(../image/cc_next.png);}
.csta_list li{float: left; width: 20%;}
.csta_list dl{position: relative; height: 290px; padding: 2px 14px; box-sizing: border-box; box-shadow: 0 0 2px rgba(0,0,0,.2);  margin: 1px 5px; cursor: pointer;}
.csta_list dt h3{width: 76px; height: 76px; margin: 12px auto;}
.csta_list dt h3 img{width: 76px; height: 76px; border-radius: 50%;}
.csta_list dt h5{font-size: 15px; color: #a67e3d;text-align:center;}
.csta_list dt p{font-size: 12px; color: #555; text-align: justify; padding: 4px 0; max-height: 105px; overflow: hidden;}
.csta_list dt a{position: absolute; bottom: 16px; left: 50%; margin-left: -60px; width: 120px; height: 30px; line-height: 30px; background-color: #a67e3d; text-align: center; font-size: 15px; color: #fff;}
.csta_list dd{position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 20px; box-sizing: border-box; background-color: #e6e6e6; display: none;}
.csta_list dd h3{position: relative; width: 92px; height: 92px; margin: 24px auto 10px;}
.csta_list dd h3:before{content: ""; position: absolute; left: -6px; top: -6px; width: 14px; height: 14px; background-image: url(../image/code_top.png);}
.csta_list dd h3:after{content: ""; position: absolute; right: -6px; bottom: -6px; width: 14px; height: 14px; background-image: url(../image/code_bottom.png);}
.csta_list dd h3 img{width: 92px; height: 92px;}
.csta_list dd h4{margin: 5px auto; width: 126px;}
.csta_list dd h4 *{vertical-align: middle; display: inline-block;}
.csta_list dd h4 em{font-size: 12px; color: #555; width: 100px; text-align: center;}
.csta_list dd h4 em.email{word-wrap: break-word; padding-left: 6px;}
.csta_list dd h4 i{width: 20px; height: 20px;}
.cl_1{background-image: url(../image/relate_1.png)}
.cl_2{background-image: url(../image/relate_2.png)}
.cl_3{background-image: url(../image/relate_3.png)}
.csta_list dd h5{font-size: 12px; color: #555;text-align:center;}
.csta_list dd p{position: absolute; bottom: 18px; left: 50%; width: 82px; padding: 0 4px; margin-left: -41px; font-size: 12px; color: #a67e3d;}
.csta_list dd p:before{content: ""; position: absolute; left: -4px; top: 50%; width: 6px; height: 12px; margin-top: -6px; background-image: url(../image/more_left.png);}
.csta_list dd p:after{content: ""; position: absolute; right: -4px; top: 50%; width: 6px; height: 12px; margin-top: -6px; background-image: url(../image/more_right.png);}
.csta_out .show{
	display:block;
}