/* 商务洽谈联系方式 */
.cooper{ margin-top: 65px; }
.cooper li{ width: 25%;color: #333;float: left;text-align: center;position: relative; }
.cooper li a{color: #333;}
.cooper li img{ text-align: center; }
.cooper li h2{ font-size: 20px; line-height: 40px;margin-bottom: 15px; }
.cooper li b{ display:block;font-weight: normal; line-height: 30px; margin-bottom: 30px;}
.cooper li p{line-height: 20px;margin: 2px 0px 2px 70px; text-align: left;}
.cooper li i{ background-image: url(../images/icons.png); width: 20px; height: 20px; display: inline-block;margin: 0px 15px 0px 5px;vertical-align: middle; }
.cp_user i{ background-position: -60px 0px; }
.cp_qq i{ background-position: -40px 0px; }
.cp_tel i{ background-position: -20px 0px; }
.cp_email i{ background-position: -80px 0px; }
.cooper li:hover img{transition-duration: 200ms; transform :rotate(360deg);}
/* 商务洽谈合作伙伴 */
#partner{margin-top:30px;}
.partner_box{width: 100%; background-color: #f6f8f9;}
.partner_mul {overflow: hidden;position: relative;width: 1200px; margin: 0 auto;}
.partner_mul .hd { display: block; height: 20px;margin: 15px auto; width: 100px;overflow: hidden;font-size: 0px}
.partner_mul .hd ul li {  border: 1px solid #0051bb ;border-radius: 100%;overflow: hidden;display: block;float: left; height: 8px;margin: 0 5px;width: 8px;}
.partner_mul .hd ul li.on { background-color: #0051bb ;border: 1px solid #0051bb ;height: 7px;width: 7px;}
.partner_mul .bd { overflow: hidden;  }
.partner_mul .bd ul {margin-top:10px;float: left;overflow: hidden;width: 1200px; }
.partner_mul .bd ul li {float: left;  overflow: hidden;text-align: center;margin: 20px;line-height: 100px;}
.partner_mul .bd ul li a{ display: block; background-color: #fff; width: 200px;height: 100px;  }
.partner_mul .bd ul li img{ vertical-align: middle; text-align: center; }
/* 关于我们 */
.cp_pro{    font-size: 14px;margin: 0 auto;width: 1160px;}
.cp_pro p{    padding: 0 20px; width: 1000px; margin: 0 auto;}
.h1_t { font-size: 60px;color: #e8e8e8;line-height: 75px; }
.cp_pro h3,.cp_pro b{ font-weight: bold; font-size: 18px;}
.cp_pro h3{ line-height: 40px; color: #666; }
.cp_pro b{ line-height: 40px; color:#961d22; }
.cp_pro p{ color: #666;margin-bottom: 15px;text-indent: 2em; }
#con_us{padding-top: 90px;margin-top: -40px;}
.conp_map{float: left; width: 780px; height: 422px; margin:15px 10px 0px  20px;}
.conp_adr{ float: left; width: 371px; height: 462px; margin-top: 15px;}
.conp_adr a{ display: block; width: 100%; height: 133px; margin-bottom: 13px; position: relative; overflow: hidden;}
.conp_adr p{ text-align: center; background-color: #1399f0; font-size: 14px; color: #fff;line-height:20px;padding: 60px 35px; height: 133px;#width: 291px;}
.conp_adr a:hover p{margin-top: -141px; position: relative; transition: margin-top 200ms; }
/* 社会招聘*/
.jion_tit{ margin: 20px 0 40px;text-align: center; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);}
.jion_tit .j_img{height: 30px;}
.jion_tit .j_en{color: #d99d47; font-family: "Times New Roman"; font-size: 12px;line-height: 30px;}
.person_talk{background-color: #f2f2f2;padding: 30px 0px;}
.person_talk img{ display: inline-block; float: left;margin: 0px 20px; width: 120px; height: 140px; border-radius: 5px; }
.person_talk h2{font-size: 18px;color: #e74e42;line-height: 30px;float: left;width: 1000px;margin-top: 20px;}
.person_talk p{ color: #666; font-size: 14px; line-height: 20px;float: left;width: 1000px; }
.person_list{ background-color: #f7f7f7; width: 1200px;margin: 10px auto  0px; }
.person_list .hd,.recruit_con .hd{ float: right;color: #333;height: 30px; vertical-align: middle; clear: both; width: 100%;text-align: right; }
.person_list .hd .next,.recruit_con .hd .next{ width: 20px; height: 20px;background: url(../images/icons.png) -84px -20px;  display: inline-block; margin: 5px 10px; vertical-align: middle;}
.person_list ul{ }
.person_list ul li{ float: left; width: 50%; padding: 60px 0px 30px 0px;}
.person_list ul li a{float: left; width: 116px; margin:0px 20px; text-align: center;}
.person_list ul li h2{ margin-top: 20px; color: #1d3e78; font-size: 16px; line-height: 20px;}
.person_list ul li p{ float: left;width:400px;line-height: 20px;color: #666;  }
#talent{ padding-top: 80px;margin-top:-30px ; }
.recruit_con{ background-color: #f7f7f7;}
.recruit_con .bd{ margin-top: 20px; }
.recruit_con h1{ font-size: 60px;color: #e8e8e8;line-height: 75px; }
.recru_ul li{ float: left; width: 150px; margin: 30px 25px 0px;}
.recru_ul li:last-child{ margin-right: 0px; }
.recru_ul li a{ display: block;width: 100%; text-align: center; }
.zp{ height: 150px; vertical-align: middle;border-radius: 75px;width: 150px; display: block; behavior: url(../images/ie-css3.htc);}
.zp img{ vertical-align: middle;margin: 40px 0px; }
.zp0{ background-color: #42b8ea; }
.zp1{ background-color: #01c1b2; }
.zp2{ background-color: #505976; }
.zp3{ background-color: #01b7ee; }
.zp4{ background-color: #ff63bf; }
.zp5{ background-color: #42b8ea; }
.zp_tit{ font-size: 16px; color: #000;padding: 20px 0px; }
.recru_more{ color: #666;clear: both;margin: 70px 0px 120px 0px; }
.recru_more a{ color: #006bb6;padding: 0px 2px; }
.recru_bot{background:#eeecf0 url(../images/zp_bottom.jpg) center no-repeat; width: 100%;padding: 178px 0px 80px 0px;text-align: center;}

/* 董事长寄语 */
/* .ch_m{width: 100%; height: 340px;   background: #f0f1ec;
background: -moz-linear-gradient(left 30deg, #dcddb7, #f0f1ec);
background: -webkit-gradient(linear, 0 0, 100% 100%, from(#dcddb7),to(#f0f1ec));
background: -o-linear-gradient(30deg, #dcddb7, #f0f1ec);
  background: -webkit-linear-gradient(30deg, #dcddb7, #f0f1ec);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcddb7', endColorstr='#f0f1ec',GradientType=0 );}
:root .ch_m{filter:none;} */
.ch_m{width: 100%; height: 340px;background: url(../images/ch_bg.jpg);}
.ch_mes{ float: left;width: 580px;margin-top: 45px; }
.ch_mes img{ float: left;margin: 34px 30px 0 0;}
.mr{ margin-top: 80px; }
.ch_n{ color: #033d7f; font-size: 24px; line-height: 40px;}
.ch_notice{float: left;width: 580px;*width: 575px;margin: 88px 20px 0px 0px; padding-left: 20px; border-left: 1px solid #4279ba; height: 166px;  }
.ch_notice p{text-indent:2em;color: #4f4e4f; font-size: 16px; line-height: 25px; margin-top: 20px;}
/* 企业文化 */
/* .cul_con{  width: 100%; min-width: 1200px; height: 515px;background: url(../images/cul_bg.jpg) center; }
#cp_cul{ margin:50px 0px;}
.cul_cen{ position: relative; }
.cul_01{float: left; display: block; margin-top:44px; }
.cul_02{ float: left; display: block;margin-top:2px; }
.cul_04{ float: right; display: block;margin:82px 24px 0px 0px; }
.cul_05{  float: right; display: block;margin:16px 21px 0px 0px; }
.cul_03{ float: left; display: block;margin-top:-149px; }
.cul_c{float: left; display: block;position: absolute; top:102px; left: 551px; background: url(../images/cul_c.png);width: 332px; height: 332px;
            overflow: hidden; zoom: 1; -webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%;
              pointer-events: auto; }
.cul_c:after{
            color: transparent; content:".";  display:block; position: absolute;
            z-index:10;   left: 50%;  top:50%; margin-left: -86px;
            margin-top: -86px;  width: 176px;height: 176px;
            -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
           background: url(../images/cul_u.jpg);         
        }
覆盖a标签的内侧靠近圆心的部分, 避免鼠标点击事件
.cul_c li { position: absolute;top: 0px;  left: 0px; overflow: hidden;
            width: 165px; height: 165px; transform-origin: 100% 100%;pointer-events: none;
        }
a标签反倾斜角度为-(90-x),旋转角度为-x,x为我们想要的圆心角,在这个demo里,有3个列表项,半圆,得出圆心角为60
.cul_c li a {position: absolute;  display: block;   width: 420px; height: 560px;
            color: #fff; text-align: center; text-decoration: none; pointer-events: auto;
              background: radial-gradient(transparent 45%, #fff 35%);opacity:0;  
        }

列表项倾斜角度为90-x,每个列表项的旋转角度依次间隔 >60
.cul_c li:first-child {
        -webkit-transform: rotate(10deg) skew(10deg);
        -moz-transform: rotate(10deg) skew(10deg);
        -ms-transform: rotate(10deg) skew(10deg);
        -o-transform: rotate(10deg) skew(10deg);
        transform: rotate(-4deg) skew(10deg);
   }
.cul_c li:nth-child(2) {
        -webkit-transform: rotate(90deg) skew(20deg);
        -moz-transform: rotate(90deg) skew(20deg);
        -ms-transform: rotate(90deg) skew(20deg);
        -o-transform: rotate(90deg) skew(20deg);
        transform: rotate(76deg) skew(20deg);
    }
.cul_c  li:nth-child(3) {
        -webkit-transform: rotate(-60deg) skew(20deg);
        -moz-transform: rotate(-60deg) skew(20deg);
        -ms-transform: rotate(-60deg) skew(20deg);
        -o-transform: rotate(-60deg) skew(20deg);
        transform: rotate(-75deg) skew(19deg);
    }
.cul_c  li:nth-child(4) {
        -webkit-transform: rotate(-200deg) skew(20deg);
        -moz-transform: rotate(-200deg) skew(20deg);
        -ms-transform: rotate(-200deg) skew(20deg);
        -o-transform: rotate(-200deg) skew(20deg);
        transform: rotate(-214deg) skew(20deg);
    }
.cul_c  li:nth-child(5) {
        -webkit-transform: rotate(-130deg) skew(20deg);
        -moz-transform: rotate(-130deg) skew(20deg);
        -ms-transform: rotate(-130deg) skew(20deg);
        -o-transform: rotate(-130deg) skew(20deg);
        transform: rotate(-144deg) skew(21deg); 
    }
    .cul_c span{ font-size: 16px; color: #fff; }
 */
/* 新加入我们 */
.yt_dis_con {margin-bottom: 50px;overflow: hidden; width: 1200px;}
.yt_dis_con ul li{ width: 300px; height: 300px;float: left;position: relative; }
.yt_dis_con ul li img{ width: 300px; height: 300px;position: absolute; }
.yt_dis_con ul li p{  width: 100%;position: absolute; bottom: 10px;  text-align: center;line-height: 26px; font-size: 16px;color: #fff;
 }
 .zp_u_bg{position: absolute;background:#000; opacity: .63; bottom: 0;filter:alpha(opacity=63);width: 100%;height: 70px;padding: 10px 0px;*padding: 0px;}
 .yt_dis_con ul li p span{ display: block; text-align: center; font-size: 18px; }
.yt_mes_bg{display: none;position: absolute;background:#000; opacity: .86; top: 0;filter:alpha(opacity=86);width: 300px; height:300px;}
.yt_mes{padding: 20px;line-height: 25px; display:none;width: 100%; height: 100%;*width: 260px; *height:260px; position: absolute;top: 0; left: 0;  color: #fff; font-size: 14px;z-index: 2}
.yt_dis_con ul li:hover p{ display: none; }
.yt_dis_con ul li:hover .zp_u_bg{ display: none; }
.yt_dis_con ul li:hover .yt_mes{ display: block; }
.yt_dis_con ul li:hover .yt_mes_bg{ display: block; }
.yt_dis .next{ float: right;font-size: 14px; color: #666;margin: 15px 0px; }
.rect_div {width: 100%;}
.zp_d_ul{ margin: 40px 0px;overflow: hidden; }
.zp_d_ul li { position: relative; width: 178px; height: 179px; float: left;margin-right: 26px;margin-right: 22px\9;}
.zp_d_ul li:last-child{ margin-right: 0px; }
.zp_d_ul li img{position: absolute; width: 178px; height: 179px;}
.zp_d_ul li p{ text-align: center; color: #fff; font-size: 18px;position: relative;height: 179px; vertical-align: middle;padding: 70px 0px;}
.zp_l{ float: left;margin-bottom: 60px;}
.zp_l_div{background-color: #eee;color: #555;font-size:14px; width: 300px; padding:15px 30px;*width: 240px;margin-top: 15px;clear: both;overflow: hidden;border:1px solid #c9c9c9; }
.zp_l_div a{ color: #555; line-height: 30px; float: left;*float: none;display: block; margin-right: 30px; }
.zp_l_div h2{  font-size: 18px;margin-bottom: 20px;}
.zp_m{ color: #ff0000 !important;  }
.zp_l_div p{overflow: hidden;}
.zp_l_div i{ width: 20px; height: 20px; display: block; float: left;background-image: url(../images/icons.png);margin-right: 20px; }
.z_tel,.z_qq{margin-bottom: 15px;}
.z_tel i{ background-position: -86px -40px; margin-top:20px; }
.z_email i{ background-position: -86px -60px; margin-top:15px; }
.z_qq i{ background-position: -86px -80px;margin-top:4px; }
.zp_l_div span{ float: left; }
.zp_r { float: left; margin-left: 40px;width: 850px;color: #888; font-size: 12px;margin-top: 20px; }
.zp_r ul li { margin-bottom: 30px; }
.zp_r ul li a{ font-size: 20px;color: #555; padding-right: 10px;} 
.zp_r ul li b{ display: block;margin: 10px 0px;  font-weight: normal;}
.zp_r ul li i{color: #ff1818; font-style: normal;font-size: 14px;padding-right: 10px;}
.zp_r ul li p{ font-size: 14px; color: #555;height: 50px; overflow: hidden; }
/* 阳天大家说列表页 */
.dicuss_con .dics1,.dicuss_con .dics2{ margin: 20px; overflow: hidden; position: relative;}
.dics_l{ float: left; width: 236px; height: 167px;position: relative;}
.dics_l img{ width: 102px; height: 102px;display: inline-block;   }
.dics_l span{font-size: 14px; text-align:center;line-height:35px; width: 97px; height: 37px; display: inline-block; }
.dics_l p{ height: 34px; width: 110px; line-height: 34px; text-align: center; position: absolute; bottom: 0;  font-size: 16px; color: #fff; }
.dics_r{ height:115px;float: left;width: 965px; *height:75px;*width: 885px; position: relative;margin-top:60px; padding: 20px 40px; color: #fff; line-height: 22px; font-size: 14px;}
.dics1 .dics_l{ background: url(../images/dicus_bg1.png); }
.dics1 .dics_l img{margin: 10px 0px 10px 10px; position: relative;}
.dics1 .dics_l span{border: 2px solid #fb963a;position: absolute; top:14px; left: 102px; }
.dics1 .dics_l p{left: 0;}
.dics1 .dics_r {background-color: #fb963a;margin-left: -45px;}
.dics2 .dics_r{ background-color: #27b38b; }
.dics2 .dics_l{ background: url(../images/dicus_bg2.png);margin-left: -45px; }
.dics2 .dics_l span{border: 2px solid #27b38b;margin: 14px 0px 0px 37px;position: relative;z-index: 2 }
.dics2 .dics_l img{ position: absolute; top:10px; right: 10px;}
.dics2 .dics_l p{right: 0;}
.dicu_more{ background-color: #c9c9c9; color: #fff; height: 40px; line-height: 40px; display: block; width: 100%; text-align: center; margin: 50px 0px 120px;}
/* 招聘详情 */
#status{padding-top: 80px;}
.recru_l{ float: left; width: 300px;  color: #555;font-size: 14px; margin:30px 35px  10px 0px; overflow: hidden; } 
.re_div {background-color: #eee; padding:15px 30px;clear: both;overflow: hidden;border:1px solid #dfdfdf; border-bottom: none; }
.zp_line{ width: 100%; height: 1px; background-color: #dfdfdf; }
.re_div a{ color: #555; line-height: 30px; float: left;display: block; margin-right: 30px;*float: none; }
.zp_la{font-size: 18px;margin-bottom: 20px;clear: both;float: none !important;}
.zp_b{border-color:#dfdfdf !important;}
.recru_r{ float: left;width: 860px;*width:820px; margin-top: 30px;padding: 10px 20px 30px ;color: #666; margin-bottom: 60px;line-height: 35px;background-color: #ececec;height: 850px; border: 1px solid #dfdfdf; }
.recru_c b,.recru_c h3{ font-weight: bold;display: block;font-size: 14px; }
.recru_c h3{ margin-top: 30px; }
.recru_r h2{ font-size: 24px; color: #333; }
.re_p{ font-size: 14px; }
.re_p span{ font-size: 18px;color: #ff1818;padding-right: 20px; }
.recru_list{ margin: 30px 0px 0px 0px !important; }

/* 无使命的企业文化 */
.cul_con{  width: 100%; min-width: 1200px; height: 515px;background: url(../images/cul_bg.jpg) center; }
#cp_cul{ margin:50px 0px;}
.cul_cen{ position: relative; }
.cul_1{float: left; display: block; margin:75px 0px 0px 22px; }
.cul_2{ float: left; display: block;margin:-40px 0px 0px 22px;; }



.cul_3{  float: left;display: block; margin:-111px 0px 0px 0px; }
.cul_4{ float: right; display: block;margin:65px 102px 0px 0px; }
.cul_5{float: right; display: block;margin:-10px 80px 0px 0px; }


.cul_c{float: left; display: block;position: absolute; top:102px; left: 551px; background: url(../images/cul_cen.png);width: 332px; height: 332px;
            overflow: hidden; zoom: 1; -webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%;
              pointer-events: auto; }
.cul_c:after{
            color: transparent; content:".";  display:block; position: absolute;
            z-index:10;   left: 50%;  top:50%; margin-left: -86px;
            margin-top: -86px;  width: 176px;height: 176px;
            -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
      /*      background: url(../images/cul_u.jpg);   */       
        }
/* 覆盖a标签的内侧靠近圆心的部分, 避免鼠标点击事件 */
.cul_c li { position: absolute;top: 0px;  left: 0px; overflow: hidden;
            width: 165px; height: 165px; transform-origin: 100% 100%;pointer-events: none;
        }
/* a标签反倾斜角度为-(90-x),旋转角度为-x,x为我们想要的圆心角,在这个demo里,有3个列表项,半圆,得出圆心角为60 */
.cul_c li a {position: absolute;  display: block;   width: 420px; height: 560px;
            color: #fff; text-align: center; text-decoration: none; pointer-events: auto;
              background: radial-gradient(transparent 45%, #fff 35%);opacity:0;  
        }

/* 列表项倾斜角度为90-x,每个列表项的旋转角度依次间隔 >60 */
.cul_c li:first-child {
        -webkit-transform: rotate(10deg) skew(10deg);
        -moz-transform: rotate(10deg) skew(10deg);
        -ms-transform: rotate(10deg) skew(10deg);
        -o-transform: rotate(10deg) skew(10deg);
        transform: rotate(17.5deg) skew(16.5deg);
   }

.cul_c li:nth-child(2) {
        -webkit-transform: rotate(90deg) skew(20deg);
        -moz-transform: rotate(90deg) skew(20deg);
        -ms-transform: rotate(90deg) skew(20deg);
        -o-transform: rotate(90deg) skew(20deg);
        transform: rotate(91deg) skew(18deg);
    }
.cul_c  li:nth-child(3) {
        -webkit-transform: rotate(-60deg) skew(20deg);
        -moz-transform: rotate(-60deg) skew(20deg);
        -ms-transform: rotate(-60deg) skew(20deg);
        -o-transform: rotate(-60deg) skew(20deg);
        transform: rotate(-55deg) skew(18deg);
    }
.cul_c  li:nth-child(4) {
        -webkit-transform: rotate(-200deg) skew(20deg);
        -moz-transform: rotate(-200deg) skew(20deg);
        -ms-transform: rotate(-200deg) skew(20deg);
        -o-transform: rotate(-200deg) skew(20deg);
        transform: rotate(-197deg) skew(19deg);
    }
.cul_c  li:nth-child(5) {
        -webkit-transform: rotate(-130deg) skew(20deg);
        -moz-transform: rotate(-130deg) skew(20deg);
        -ms-transform: rotate(-130deg) skew(20deg);
        -o-transform: rotate(-130deg) skew(20deg);
        transform: rotate(-126deg) skew(19deg); 
    } 
    .cul_c span{ font-size: 16px; color: #fff; }
/* 无使命的企业文化
.cul_con{  width: 100%; min-width: 1200px; height: 515px;background: url(../images/cul_bg.jpg) center; }
#cp_cul{ margin:50px 0px;}
.cul_cen{ position: relative; }
.cul_1{float: left; display: block; margin:79px 0px 0px 22px; }
.cul_2{ float: left; display: block;margin:34px 0px 0px 22px;; }
.cul_4{ float: right; display: block;margin:35px 5px 0px 0px; }
.cul_3{ float: right; display: block;margin-top:40px; }
.cul_c{float: left; display: block;position: absolute; top:102px; left: 491px; background: url(../images/cul_center.png);width: 332px; height: 332px;
            overflow: hidden; zoom: 1; -webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%;
              pointer-events: auto; }
.cul_c:after{
            color: transparent; content:".";  display:block; position: absolute;
            z-index:10;   left: 50%;  top:50%; margin-left: -86px;
            margin-top: -86px;  width: 176px;height: 176px;
            -webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
           background: url(../images/cul_u.jpg);         
        }
覆盖a标签的内侧靠近圆心的部分, 避免鼠标点击事件
.cul_c li { position: absolute;top: 0px;  left: 0px; overflow: hidden;
            width: 165px; height: 165px; transform-origin: 100% 100%;pointer-events: none;
        }
a标签反倾斜角度为-(90-x),旋转角度为-x,x为我们想要的圆心角,在这个demo里,有3个列表项,半圆,得出圆心角为60
.cul_c li a {position: absolute;  display: block;   width: 420px; height: 560px;
            color: #fff; text-align: center; text-decoration: none; pointer-events: auto;
              background: radial-gradient(transparent 45%, #fff 35%);opacity:0;  
        }

列表项倾斜角度为90-x,每个列表项的旋转角度依次间隔 >60
.cul_c li:first-child {
        -webkit-transform: rotate(10deg) skew(10deg);
        -moz-transform: rotate(10deg) skew(10deg);
        -ms-transform: rotate(10deg) skew(10deg);
        -o-transform: rotate(10deg) skew(10deg);
        transform: rotate(-45deg) skew(-3deg);
   }
.cul_c li:nth-child(2) {
        -webkit-transform: rotate(90deg) skew(20deg);
        -moz-transform: rotate(90deg) skew(20deg);
        -ms-transform: rotate(90deg) skew(20deg);
        -o-transform: rotate(90deg) skew(20deg);
        transform: rotate(48deg) skew(3deg);
    }
.cul_c  li:nth-child(3) {
        -webkit-transform: rotate(-60deg) skew(20deg);
        -moz-transform: rotate(-60deg) skew(20deg);
        -ms-transform: rotate(-60deg) skew(20deg);
        -o-transform: rotate(-60deg) skew(20deg);
        transform: rotate(-138deg) skew(-3deg);
    }
.cul_c  li:nth-child(4) {
        -webkit-transform: rotate(-200deg) skew(20deg);
        -moz-transform: rotate(-200deg) skew(20deg);
        -ms-transform: rotate(-200deg) skew(20deg);
        -o-transform: rotate(-200deg) skew(20deg);
        transform: rotate(-225deg) skew(3deg);
    }
    .cul_c span{ font-size: 16px; color: #fff; } */