/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
 padding:0; margin:0;
}

body {
  font-size: 16px;
 /* color: #666666;*/
  background-color: #ffffff;
}
input,textarea{ outline-style: none;}
a {
 /* color: #666;*/
  text-decoration: none; cursor: pointer;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ font-size: 1em;color: #999;}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
/*首页*/

 .fl{ float: left;}
 .fr{ float: right;}
 .cl{ clear: both;}
 .clear{ clear: both;}
 .df{ display: flex; flex-wrap: wrap;}
 #superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative; overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*head*/
.textlr{writing-mode: vertical-rl; writing-mode: tb-rl;}
.head{ width: 100%; background:url(../images/nav.jpg) no-repeat; background-size: cover;position: fixed;top: 0;left: 0;z-index: 9999999;height: 110px;}
.head .topcentre{ max-width: 1200px; margin: auto;height: 110px; padding-top: 10px;}
.head .logo{ width: 302px; padding-top: 10px;}
.head .logo img{ width: 59%;}
.head .nav{ width: 63%;  writing-mode:vertical-lr; float: right;}
.head .nav span{ display: block; font-size: 14px; line-height: 22px;padding-top: 14px;}
.head .nav li {position: relative;width: 85px;}
.head .nav li a{ display: block; color: #1f1412;padding: 0 16px;}
.head .nav li a:hover{ color: #ac1f24;}
.head .nav li span:first-child{ font-size: 12px;color: #ae7f47;}
.head .nav li img{ display: block; width: 9px; height: 90px}
.iocn1{ opacity: 1;}
.iocn2{ opacity: 0; position: absolute; z-index: 2; left: 16px;}
.head .nav li a:hover .iocn2{ opacity: 1;}
.head .nav li a:hover .iocn1{ opacity: 0;}

.head .lxfs{ width: 18%; display: flex; flex-wrap: wrap; justify-content: flex-end;padding-top: 20px; position: relative;}
.head .iocs{width: 50px; height: 50px; margin-left: 15px;}
.head .iocs a{display: block;width: 50px; height: 50px; }
.head .lxfs .ioc1{ background: url(../images/lx.png) 0 0; background-size: cover; }
.head .lxfs .ioc2{ background: url(../images/lx.png)  113px 0; background-size: cover;}
.head .lxfs .ioc3{ background: url(../images/lx.png)  50px 0; background-size: cover; cursor: pointer;}
.head .lxfs .erwm{ display: none; position: absolute;width: 106px; padding: 3px; z-index: 9;top: 80px; background-color: #fff;margin-left: -22px;}
 .erwm img{ width: 100%;}
.head .lxfs .ioc2:hover .erwm{ display: block;}
.head .lxfs .souch{display: none; position: absolute;width:90%; height: 30px; padding: 3px; z-index: 9;top: 80px; background-color: #fff;right: 0px; border: 1px solid #ae7f47;}
.dfj{ display: flex;flex-wrap: wrap;}
.form-group{ width: 82%;}
.form-control{ border: 0; background: transparent; color: #333; display: block; height: 30px; width: 100%; text-indent: 0.5em;}
.ss{ width: 30px; height: 30px; cursor: pointer;}

.jkk{position: absolute;top: 110px;left: 0;width: 100%;height:50px;background:rgba(169, 89, 24, 0.6);line-height: 50px;display: none;z-index: 999999}
.jkk .jkkcon{width: 1200px;margin: 0 auto;}
.jkk .jkkcon ul{display: block;}


.jkk .jkkcon ul li{float: left;width: 160px;height: 50px;line-height: 50px;text-align: center;}
.jkk .jkkcon ul li a{color: #fff;font-size: 14px;}



.head .lxfs .ioc2:hover .erwm{ display: block;}
.section>img{width: 100%!important;}
/*.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    border-radius: 100%;
    background: #fff !important;
     opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ac1f24 !important;
}*/

.section2{}
.conenter{ width: 100%; font-size:14px; overflow-y:hidden; overflow-x:hidden;}
.gsjs{ width:40%; margin:6% 4% 4% 0;}
.gsjs .btous{ width: 90%; margin:0 auto; display: block;}
.gshow{ padding: 4% 0; line-height: 28px; text-indent: 2em; text-align: justify;overflow:hidden;height:113px;font-size:14px;}
.more{ width: 120px; display: block; margin: auto;padding-top:30px;}
.tedian{width: 66%; margin-left: 4%;margin-top: 4%;}
.tedian .tdshow{ width: 27.33%; margin-right: 6%; line-height: 28px;overflow:hidden;height:129px;}
.tedian .tdshow .xsms{ margin-top: 5%; font-size: 16px; height: 56px;overflow:hidden;}
.section3{}
.ggao{ width:900px; margin:6% auto; }
.biaoqi{width: 12%;  padding-top: 2%;}
.biaoqi img{width: 74%; padding-left: 26%; display: block; }
.swiper-guang{ width: 80%; padding-bottom: 70px; overflow: hidden; position: relative;}
.swiper-button-nexts{
    position: absolute;
    bottom: 0;
    left:68%;
    width: 44px;
    height: 44px;
    z-index: 10;
    cursor: pointer;
}
.swiper-button-prevs {
    position: absolute;
    bottom: 0;right:36%;
    width: 44px;
    height: 44px;
    z-index: 10;
    cursor: pointer;
}

.ludf{ display: flex; flex-wrap: wrap;}
.lunbtu{ width: 70%;}
.lunbnr{ width: 24%;}
.lunbti{ width: 3%;padding-right: 1%; font-weight: bold; font-size: 18px; color: #000;writing-mode: vertical-rl;
    writing-mode: tb-rl;}
.lunbnr .lnr{text-align: justify; writing-mode: vertical-rl; writing-mode: tb-rl; line-height: 28px;height: 374px;}
.lunbnr a{ display: block; color: #ac1f24; width: 100%; text-align: center; padding-top: 20px;}

.section4{background: url(../images/fh4.jpg) no-repeat; background-size:100%;}
.leftsi{ width: 68%; margin-left: 9%; margin-top: 5%;}
.anlshow{ background: url(../images/alzs3.jpg) no-repeat; background-size: 100% 100%; width: 31%; margin-right: 3.5%;
 padding: 1px; box-sizing: border-box;}
.anlshow:nth-child(3n){ margin-right: 0;}
.anlwz{ padding: 10px 32px; text-align: justify; line-height: 26px; font-size: 14px;overflow:hidden;height:220px;}
.anlwz h3{ font-size: 16px; text-align: center; color: #241815; }
.hrxd{ border-top:1px dashed #2F3238 ; margin: 10px 0 8px; }
.dianm{ position: relative; width: 40px; height: 40px; margin:0 auto; margin-bottom: 10px;}
.atu1{ position: absolute; left: 0; top:0; opacity: 1;}
.atu2{ position: absolute; left: 0; top:0; z-index: 2; opacity: 0;}
.anlshow img{ width: 100%;}
.anlshow a:hover .atu1{ opacity: 0;}
.anlshow a:hover .atu2{ opacity: 1;}
.anlmore{ width: 160px; margin: 3% auto;}

.section5{background:#fffcf1; background-size:100%;}
.botomfive{ width: 94%; margin:0 auto;}
.bfshow{ width: 25.33%; margin:2.5% 4%;text-align: justify; line-height: 22px; font-size: 14px;}
.bfshow h3{ font-size: 1.2em; text-align: left; color: #241815; font-weight: bold; position: relative; padding-left: 24px;}
.dfhr{ border-top:1px solid #2F3238 ; margin: 18px 0 12px; }
.bfxq{ margin-top: 10px;}
.bfshow a:hover h3{color: #ac1f24;}
.linx1{position: absolute; left: 0; top:2px; opacity: 1; width: 20px; height: 20px;}
.linx2{ position: absolute; left: 0; top:2px; z-index: 2; opacity: 0;width: 20px; height: 20px;}
.bfshow a:hover .linx1{ opacity: 0;}
.bfshow a:hover .linx2{ opacity: 1;}
.bfmore{ width: 160px; margin: 0 auto;}

.section6{background: #fff url(../images/fh888.jpg) no-repeat center;  background-size:100%;}
.section6 .title{text-align: center;padding-top: 3%;}
.section6 .english{font-size: 15px;color: #a95918;margin-top: 12px}
.section6 .chinese{color: #a95918;font-size: 26px;margin-bottom: 7px;}
/*第四屏*/
.section6 .news-pic{width: 371px;height: 368px;margin:0 auto;margin-top: 50px!important;position: relative;}
.section6 .ri{padding-top: 25px;line-height:1.5;}
.section6 .news-list li{width: 488px;}
.section6 .news-t{color: #fff;font-size: 15px;line-height: 30px;padding-top: 5px}
.section6 .news-jian{color: #f7d1a7;font-size: 14px; line-height: 24px}

.section6 .news-pic img{
    opacity: 0; 
    transition: all 2s;
}
.active.section6 .news-pic img{
    transition-delay: 1s;
    opacity: 1; 
   transform:rotate(720deg);
-ms-transform:rotate(720deg);  /* IE 9 */
-moz-transform:rotate(720deg);     /* Firefox */
-webkit-transform:rotate(720deg); /* Safari 和 Chrome */
-o-transform:rotate(720deg);   /* Opera */
}
.section6 .news-list{font-size: 16px;}
.section6 .news-list li{
    transition: all 1s;}
.section6 .news-list li{opacity: 1;}

.section6  .news-list li .date,.section6 .news-list li .date2{ transition: all 0.5s;}
 .section6 .news-list li:hover .date,.section6 .news-list li:hover .date2{

    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}
.section6 .news-con{display: block;background: url('../images/news1.png') no-repeat;width: 367px;height: 89px}
.section6 .date{background: url('../images/date1.png') no-repeat;width: 109px;height: 109px;color: #fff;text-align: center;margin-top: -5px}
.section6 .date-con{width: 99px;padding-right: 10px;margin: 0 auto}
.section6 .news-content{width: 300px;margin-left:15px;}

.section6 .news-con2{display: block;background: url('../images/news.png') no-repeat;width: 367px;height: 89px}
.section6 .date2{background: url('../images/date.png') no-repeat;width: 109px;height: 109px;color: #fff;text-align: center;margin-top: -5px}
.section6 .date-con2{width: 99px;padding-right: 10px;margin: 0 auto}
.section6 .news-content2{width: 300px;margin-left: 60px;}

.section6 .li1{position: absolute;top:-5px;left:-473px;}
.section6 .li2{position: absolute;top:128px;left:-508px;}
.section6 .li3{position: absolute;top:255px;left:-473px;}
.section6 .li4{position: absolute;top:-5px;left:360px;}
.section6 .li5{position: absolute;top:128px;left:385px;}
.section6 .li6{position: absolute;top:255px;left:360px;}




.section7{background: #fff url(../images/fh6.jpg) no-repeat center; background-size:100%;position: relative;}
.jm{ width: 180px; display: block; margin: auto; margin-top: 20px;}
.jiamen{width: 52%; margin:0 auto; margin-top: 2%; justify-content: space-between;}
.jme{width:208px; height: 52px; text-align: center; line-height: 22px;text-transform:uppercase; font-size: 14px;}
.jme p{padding-top: 8px; font-size: 16px;}
.jme1{background: url(../images/xyun.png) no-repeat; background-size:100%;}
.jme1 a{ display: block;}
.jme1:hover{background: url(../images/xyun2.png) no-repeat; background-size:100%;}
.jme1:hover p{ color: #ac1f24; }

.sixbdan{ width: 60%; margin:3% auto;}
.sixinput { width: 32%; margin-left: 2%;}
.sixinput:first-child{ margin-left: 0;}
.sixinput{ position: relative;}
.sixinput img{ width: 26px; position: absolute; right: 5px; top:8px;}
.sixinput input{ width: 100%; height: 40px; border: 1px solid #999999; border-radius: 3px; padding-left: 2%; padding-right: 36px; box-sizing: border-box;}
.sixbdan textarea{ width: 98%; border: 1px solid #999999; margin-top: 20px; height: 96px;border-radius: 3px;  line-height: 24px; padding:1%;}
.butt { width: 300px; margin: 3% auto;}
.tijiao{ position: relative;}
.tijiao img{ width: 120px;}
.tijiao input{ width: 120px; height: 45px; position: absolute;top:0; left: 0; cursor: pointer; opacity: 0;}
.ttj{ justify-content: space-between; }
.foot{ width: 100%; position: absolute; bottom:2%; text-align: center; color: #fff; line-height: 22px; font-size: 14px;} 

/*产品展示*/
.banner img{ width: 100%; display: block; }
.pouctlist{max-width: 1200px; margin:0 auto; }
.tiao{ width: 100%; height: 1px; background-color: #dddddd;}
.top{width: 230px; padding: 20px 0;}
.top img{width: 100%;}
.kuangst{ width:10px; height: 35px;}
.listtext{ width: 940px; margin-top: 58px;}
.wz{ padding:10px 10px;line-height:1;}
.klt{ background: url(../images/flleft_06.png) no-repeat; background-size: contain;}
.krt{ background: url(../images/flright_06.png) no-repeat; background-size: contain;}
.listtext li a:hover .klt{ background: url(../images/flleft2_06.png) no-repeat; background-size: contain;}
.listtext li a:hover .krt{ background: url(../images/flright2_06.png) no-repeat; background-size: contain;}
.actved .klt{ background: url(../images/flleft2_06.png) no-repeat; background-size: contain;}
.actved .krt{ background: url(../images/flright2_06.png) no-repeat; background-size: contain;}
.actved a{ background-color: #AC1F24; color: #fff; border: 1px solid #AC1F24 !important;}
.listtext li{ margin-left: 20px; margin-bottom: 20px;}
.listtext ul{ display: flex;flex-wrap: wrap;justify-content: flex-end;}
.listtext li a{ display: flex; line-height: 35px; padding: 6px 6px 7px; border-radius: 5px; border: 1px solid #b7b7b7;}
.listtext li a:hover{ background-color: #AC1F24; color: #fff; border: 1px solid #AC1F24;}
.cplist{ padding-top: 20px;}
.tulist{ display: flex; flex-wrap: wrap;}
.ptpicture{ width: 30%; display: flex; text-align: center; padding-right: 4%; margin-top: 20px;}
.ptpicture:nth-child(3n){ padding-right: 0;}
.pctu{ font-size: 16px; line-height: 40px;}
.jind{ padding-top: 2%; padding-left: 5%;}

.pctu img{ display: block; padding: 5px; border: 1px solid #b7b7b7;background: #fff;width:100%;}
.fyun{width:65px; height: 52px; }
.frlt{ background: url(../images/xyun.png) no-repeat 4px -14px; background-size: cover;}
.frrt{ background: url(../images/xyun.png) no-repeat -155px -14px; background-size: cover;}
.pctu a:hover .frlt{ background: url(../images/xyun2.png) no-repeat 4px -14px; background-size: cover;}
.pctu a:hover .frrt{ background: url(../images/xyun2.png) no-repeat -145px -14px; background-size: cover;}
.fywen{display: flex;justify-content: center;}
.prte{ position: relative;}
.lehehua{ position: fixed; z-index: -1; left: 0; top:35%; width: 500px; height: 500px;}
.leheye{position: fixed; z-index: -1;right: -40px; bottom:0px; }

.page { display: flex; margin: 50px auto; justify-content: center;}
.page a{ display: block; padding: 0 15px; line-height: 42px;}
.page .ye{ display: block; width: 42px; height: 42px; text-align: center; line-height: 42px;}
.page a  .on{ background: url(../images/dmo_20.png) no-repeat; width: 42px; height: 42px; color:#FFFFFF; }

.page a:hover .ye{ background: url(../images/dmo_20.png) no-repeat; width: 42px; height: 42px; color:#FFFFFF; }

/*foot*/
.footer{background-color: #000000;padding: 30px 0; text-align: center;}
.footer img{ display: inline !important;}
.dibu { line-height: 20px;color: #999999; font-size: 14px;  }
.dibu h3{color: #ae7f47;font-size: 16px; line-height: 24px; }
.dibu a{ color: #ae7f47; padding: 0 5px; font-weight: normal;}
.hxian{border-bottom: 1px solid #b7b7b7; width: 50%; margin:15px auto; }

/*案例展示*/
.prte .anlshow{ margin-top: 30px;}
/*单页*/
.danye{ min-height: 500px;line-height: 26px;  padding: 50px; text-align: justify;}

/*招商加盟*/
.anlcg{ padding: 50px; }
.anljs{ overflow: hidden; margin-bottom: 50px;}
.anljs a{ display: flex;}
.anlitu{ width:25%;margin-right: 3%; }
.anlitu img{width: 255px; height: 188px;}
.anlitext{ width: 72%;position: relative; }
.anlitext h3{ padding: 15px 0; font-size: 18px; color: #010101; border-bottom: 1px solid #999;}
.anlitext h3 img{vertical-align: bottom; padding-left: 5px;display: initial;} 
.anlitext .anlxq{ margin: 15px 0; line-height: 24px; font-size: 14px; text-align: justify; height: 72px; overflow: hidden;}
.ckgd{ position: absolute; bottom: 5px; left: 0; color:#000000; border: 1px solid #000; padding: 10px 0px; font-size: 14px; width: 120px;
background: url(../images/dd1.png) no-repeat 15px 9px ; background-size: 15px 15px; text-align: center;
}
.anljs a:hover .ckgd{color:#fff; border: 1px solid #ac1f24; background-color: #ac1f24; background-repeat:  no-repeat; background-size: 15px 15px; background-image:url(../images/dd2.png) ;}



/*新闻列表*/
.news{ margin: 50px;}
.newslist{ border-bottom: 1px dashed #999; }
.newslist a{ display: flex;flex-wrap: wrap;padding: 10px 0; height: 60px; line-height: 60px;}
.newstext{width: 84%; font-size: 16px;background:url(../images/fyun_03.png) no-repeat 0px 23px; background-size: 40px 16px; padding-left: 60px; box-sizing: border-box; height: 60px; overflow: hidden; }
.newsdate{width: 16%; background:url(../images/bishua_03.png) no-repeat 115px 0px;background-size: 40px 40px; text-align: right; color: #000;padding-right: 50px; box-sizing: border-box;}

/*新闻列表*/
.about{ min-height: 300px; margin: 50px; line-height: 26px; font-size: 14px; text-align: justify;}
.about .htree{ width: 100%; text-align: center; line-height: 40px;  color: #000; font-size: 18px;}
.fbdate{ color: #999; text-align: center;}
.neron{ border-top: 1px solid #999; padding-top: 80px; margin-top: 15px;}
.next{ line-height: 30px; padding: 50px; font-size: 14px;}
.next a{ display: block; width: 100%; }
.next a span{color: #ac1f24;}

/*留言*/
.msage{ width: 600px; margin:50px auto;}
.lysm{background:url(../images/lyan_03.jpg) no-repeat 0px 5px;background-size: 21px 19px; color: #000; line-height: 30px; padding-left: 25px;}
.message{ margin-top: 30px;}
.message span{ line-height: 40px;}
.message .hpai{ margin-bottom: 40px; overflow: hidden;}
.message .biedn{ width: 500px; height: 40px; line-height: 40px; border: 1px solid #898989; border-radius: 5px; padding-left: 5px;}
.message .lykuang{width: 500px; height: 140px;border: 1px solid #898989; border-radius: 5px; line-height: 30px; padding-left: 5px; }
.message .butt{ padding-top: 50px;}

/*课堂展示*/
.ketza{ display: flex; flex-wrap: wrap;}
.ketza .ktshow{ width: 342px; padding-right: 86px; font-size: 14px; text-align: justify; margin-top: 10px;}
.ketza .ktshow:nth-child(3n){ padding-right: 0;}
.ktbt{ padding: 10px 0; font-size: 18px; color: #000;line-height: 28px;}
.ktdate{ color: #000000;}
.ktnr{ color: #666666; padding: 10px 6px; line-height: 22px;height: 80px;overflow: hidden; text-align: justify;}
.ktshow:hover .ktdate,.ktshow:hover .ktbt{color: #ac1f24;}
.ktshow img{ width: 342px;}


.rightnav{ position: fixed; top:28%; right: 1%; z-index: 99;}
.rnshow a{ display: block;width: 50px; height: 50px;}
.navhome{ margin-bottom: 15px;}

.ermr{ position: relative;}
.ermr .rierm{ display: none; position: absolute; width: 120px; right: 50px; top:0;}
.ermr:hover .rierm{ display: block;}
.ermr .rierm img{ width: 100%;}
.detll{ position: relative;}
.detll .dhtell{ display: none; position: absolute; width: 140px; height: 40px; right: 50px; top:5px; background-color: #ae7f47; text-align: center; color: #fff; line-height: 40px;border-radius: 5px;}
.detll:hover .dhtell{ display: block;}


.column_list_met_m1156_8_9 {
    background:#ffffff;
    background:#fafafa;
    position:relative;
    background-position:center;
    background-size:cover;
    padding:0px 0
}
@media(max-width:1199px) {
    .column_list_met_m1156_8_9 {
    padding:0px 0
}
}@media(max-width:767px) {
    .column_list_met_m1156_8_9 {
    padding:0px 0
}
}.column_list_met_m1156_8_9 .skew-box {
    width:100%;
    overflow:hidden;
    position:relative
}
.column_list_met_m1156_8_9 .skew-box.skew1:before {
    content:'';
    position:absolute;
    background:#e6e7e8;
    background:;
    background:;
    height:100%;
    width:500px;
    right:100%;
    top:0;
    z-index:8;
    transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
    -ms-transform:skewX(-15deg);
    -o-transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg)
}
.column_list_met_m1156_8_9 .skew-box.skew1:after {
    content:'';
    position:absolute;
    background:#e6e7e8;
    background:;
    background:;
    height:100%;
    width:500px;
    left:100%;
    bottom:0;
    z-index:9;
    transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
    -ms-transform:skewX(-15deg);
    -o-transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg)
}
.column_list_met_m1156_8_9 .skew-box ul {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    overflow:hidden;
    position:relative;
    z-index:7
}
@media (min-width:992px) {
    .column_list_met_m1156_8_9 .skew-box ul li {
    list-style:none;
    padding:0;
    margin:0;
    width:50%;
    position:relative;
    z-index:1;
    transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s
}
.column_list_met_m1156_8_9 .skew-box ul li>img.pageset {
    position:absolute;
    z-index:99;
    width:100%;
    height:50%;
    left:0;
    top:0;
    opacity:0
}
.column_list_met_m1156_8_9 .skew-box ul li:nth-child(2) {
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    transform:translateX(50%);
    -moz-transform:translateX(50%);
    -ms-transform:translateX(50%);
    -o-transform:translateX(50%);
    -webkit-transform:translateX(50%)
}
.column_list_met_m1156_8_9 .skew-box ul li:nth-child(3) {
    position:absolute;
    z-index:3;
    left:0;
    top:0;
    transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    -webkit-transform:translateX(100%)
}
.column_list_met_m1156_8_9 .skew-box ul li:nth-child(4) {
    position:absolute;
    z-index:4;
    left:0;
    top:0;
    transform:translateX(150%);
    -moz-transform:translateX(150%);
    -ms-transform:translateX(150%);
    -o-transform:translateX(150%);
    -webkit-transform:translateX(150%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(2) {
    transform:translateX(44%);
    -moz-transform:translateX(44%);
    -ms-transform:translateX(44%);
    -o-transform:translateX(44%);
    -webkit-transform:translateX(44%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(3) {
    transform:translateX(88%);
    -moz-transform:translateX(88%);
    -ms-transform:translateX(88%);
    -o-transform:translateX(88%);
    -webkit-transform:translateX(88%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(4) {
    transform:translateX(132%);
    -moz-transform:translateX(132%);
    -ms-transform:translateX(132%);
    -o-transform:translateX(132%);
    -webkit-transform:translateX(132%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(3):hover+li {
    transform:translateX(156%);
    -moz-transform:translateX(156%);
    -ms-transform:translateX(156%);
    -o-transform:translateX(156%);
    -webkit-transform:translateX(156%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(2):hover+li {
    transform:translateX(112%);
    -moz-transform:translateX(112%);
    -ms-transform:translateX(112%);
    -o-transform:translateX(112%);
    -webkit-transform:translateX(112%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(2):hover+li+li {
    transform:translateX(156%);
    -moz-transform:translateX(156%);
    -o-transform:translateX(156%);
    -ms-transform:translateX(156%);
    -webkit-transform:translateX(156%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(1):hover+li {
    transform:translateX(68%);
    -moz-transform:translateX(68%);
    -ms-transform:translateX(68%);
    -o-transform:translateX(68%);
    -webkit-transform:translateX(68%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(1):hover+li+li {
    transform:translateX(112%);
    -moz-transform:translateX(112%);
    -ms-transform:translateX(112%);
    -o-transform:translateX(112%);
    -webkit-transform:translateX(112%)
}
.column_list_met_m1156_8_9 .skew-box ul:hover li:nth-child(1):hover+li+li+li {
    transform:translateX(156%);
    -moz-transform:translateX(156%);
    -ms-transform:translateX(156%);
    -o-transform:translateX(156%);
    -webkit-transform:translateX(156%)
}
.column_list_met_m1156_8_9 .skew-box ul li strong {
    position:absolute;
    left:4.5%;
    top:35%;
    width:50%;
    text-align:center;
    z-index:999;
    visibility:visible;
    opacity:1;
    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:.25s;
    -moz-transition:.25s;
    -ms-transition:.25s;
    -o-transition:.25s;
    -webkit-transition:.25s
}
.column_list_met_m1156_8_9 .skew-box ul li:hover strong {
    visibility:hidden;
    opacity:0;
    transform:scale(.6,.6);
    -moz-transform:scale(.6,.6);
    -ms-transform:scale(.6,.6);
    -o-transform:scale(.6,.6);
    -webkit-transform:scale(.6,.6);
    transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s
}
.column_list_met_m1156_8_9 .skew-box ul li strong img {
    max-width:100px;
    max-height:100px;
    margin:0 auto;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li strong i {
    font-size:55px;
    color:#333333;
    color:#ffffff;
    color:#ffffff;
    line-height:1.2
}
.column_list_met_m1156_8_9 .skew-box ul li strong h2 {
    color:#000000;
    color:#ffffff;
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    font-size: 40px;
}
.column_list_met_m1156_8_9 .skew-box ul li strong b {
    color:#333333;
    color:#ffffff;
    font-weight:normal;
    white-space:nowrap;
    overflow:hidden;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li font {
    position:absolute; line-height: 24px;
    z-index:999;
    width:50%;
    left:10%;
    top:40%;
    font-weight:normal;
    visibility:hidden;
    opacity:0;
    transform:scale(.6,.6);
    -moz-transform:scale(.6,.6);
    -ms-transform:scale(.6,.6);
    -o-transform:scale(.6,.6);
    -webkit-transform:scale(.6,.6);
    transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    -webkit-transition:.5s
}
.column_list_met_m1156_8_9 .skew-box ul li:hover font {
    visibility:visible;
    opacity:1;
    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    transition:.25s .4s;
    -moz-transition:.25s .4s;
    -ms-transition:.25s .4s;
    -o-transition:.25s .4s;
    -webkit-transition:.25s .4s
}
.column_list_met_m1156_8_9 .skew-box ul li font h1 {
    color:#000000;
    color:#ffffff;
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    display:block; font-size: 24px;
}
.column_list_met_m1156_8_9 .skew-box ul li font b {
    color:#333333;
    color:#ffffff;
    font-weight:normal;
    white-space:nowrap;
    overflow:hidden;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li font p {
    color:#333333;
    color:#ffffff;
    margin-top:10px;
    overflow:hidden;
    max-height:140px
}
.column_list_met_m1156_8_9 .skew-box ul li font a {
    color:#000000;
    float:right;
    width:130px;
    height:35px;
    margin:15px 15px 0 0;
    line-height:35px;
    text-align:center;
    position:relative
}
.column_list_met_m1156_8_9 .skew-box ul li font a:before {
    background:#ffffff;
    left:0;
    top:0;
    right:0;
    bottom:0;
    content:'';
    position:absolute;
    z-index:-1;
    transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
    -ms-transform:skewX(-15deg);
    -o-transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
    transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    -webkit-transition:.3s
}
.column_list_met_m1156_8_9 .skew-box ul li font a:hover:before {
    background:#e6e7e8;
    background:
}
.column_list_met_m1156_8_9 .skew-box ul li span {
    width:100%;
    transform:skewX(-15deg);
    -moz-transform:skewX(-15deg);
    -ms-transform:skewX(-15deg);
    -o-transform:skewX(-15deg);
    -webkit-transform:skewX(-15deg);
    overflow:hidden;
    display:block;
    position:relative
}
.column_list_met_m1156_8_9 .skew-box ul li span:before {
    width:100%;
    height:100%;
    background:#414c86;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    content:'';
    z-index:999;
    transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    -webkit-transition:.3s
}
.column_list_met_m1156_8_9 .skew-box ul li:hover span:before {
    opacity:.6
}
.column_list_met_m1156_8_9 .skew-box ul li span img {
    transform:skewX(15deg);
    -moz-transform:skewX(15deg);
    -ms-transform:skewX(15deg);
    -o-transform:skewX(15deg);
    -webkit-transform:skewX(15deg);
    width:100%;
    margin-left:-15%;
    display:block
}

@media (max-width:1599px) {
    .column_list_met_m1156_8_9 .skew-box ul li strong i {
    font-size:50px
}
.column_list_met_m1156_8_9 .skew-box ul li font {
    padding:0 15%;
    left:-4%;
    bottom:17%
}
.column_list_met_m1156_8_9 .skew-box ul li font p {
    max-height:130px
}
.column_list_met_m1156_8_9 .skew-box ul li font a {
    width:160px;
    height:45px;
    line-height:45px;
    margin:10px 10px 0 0
}
}@media (max-width:1199px) {
    .column_list_met_m1156_8_9 .skew-box ul li strong i {
    font-size:45px
}
.column_list_met_m1156_8_9 .skew-box ul li font {
    padding:0 13%;
    left:-3%;
    bottom:13%
}
.column_list_met_m1156_8_9 .skew-box ul li font p {
    max-height:120px
}
.column_list_met_m1156_8_9 .skew-box ul li font a {
    width:140px;
    height:40px;
    line-height:40px;
    margin:10px 10px 0 0
}
}@media (max-width:991px) {
    .column_list_met_m1156_8_9 .skew-box ul:before {
    height:50%
}
.column_list_met_m1156_8_9 .skew-box ul:after {
    height:50%
}
.column_list_met_m1156_8_9 .skew-box ul:after {
    display:block;
    clear:both;
    content:''
}
.column_list_met_m1156_8_9 .skew-box ul li {
    list-style:none;
    padding:0;
    margin:0;
    width:50%;
    float:left;
    position:relative
}
.column_list_met_m1156_8_9 .skew-box ul li>img.pageset {
    display:none
}
.column_list_met_m1156_8_9 .skew-box ul li span {
    width:100%;
    display:block;
    position:relative
}
.column_list_met_m1156_8_9 .skew-box ul li span:before {
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    content:'';
    z-index:995;
    transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    -webkit-transition:.3s
}
.column_list_met_m1156_8_9 .skew-box ul li:hover span:before {
    opacity:.6
}
.column_list_met_m1156_8_9 .skew-box ul li span img {
    width:100%;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li a {
    display:block;
    width:100%;
    height:100%
}
.column_list_met_m1156_8_9 .skew-box ul li strong {
    position:absolute;
    left:0;
    bottom:30%;
    width:100%;
    text-align:center;
    z-index:999
}
.column_list_met_m1156_8_9 .skew-box ul li strong i {
    font-size:45px;
    line-height:1.2;
    color:#333333;
    color:#ffffff;
    color:#ffffff
}
.column_list_met_m1156_8_9 .skew-box ul li strong img {
    max-width:100px;
    max-height:100px;
    margin:0 auto;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li strong h2 {
    margin:0;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    color:#000000;
    color:#ffffff
}
.column_list_met_m1156_8_9 .skew-box ul li strong b {
    font-weight:normal;
    white-space:nowrap;
    overflow:hidden;
    display:block
}
.column_list_met_m1156_8_9 .skew-box ul li font {
    display:none
}
}@media (max-width:767px) {
    .column_list_met_m1156_8_9 .skew-box ul li strong {
    bottom:25%;
    line-height:1.2
}
.column_list_met_m1156_8_9 .skew-box ul li strong img {
    max-width:50px;
    max-height:50px
}
.column_list_met_m1156_8_9 .skew-box ul li strong i {
    font-size:30px;
    line-height:1
}
.column_list_met_m1156_8_9 .skew-box ul li strong h2 {
    font-size:20px
}
.column_list_met_m1156_8_9 .skew-box ul li strong b {
    font-size:12px
}
}
.index3s{width: 100%;display: block;}
.index3s .index3img{width: 32.5%;float: left;margin-right:1.25%;position: relative;}
.index3s .index3img:nth-child(3){margin-right: 0;}
.index3s .index3img div{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;background: none rgba(32,21,83,0.4);}
.index3s .index3img a{display: block;width: 296px;height: 70px;background:url(../images/fh3.png)no-repeat bottom center;position: absolute;top: 50%;width: 100%;text-align: center;margin-top: -35px;color: #fff;font-size: 24px;font-weight: bold;}
.index3s .index3img:hover div{background:none;}
.index3ss{width: 1200px;margin: 0 auto;padding-top: 30px;}
.index3ss a{/*margin-top: 25px;*/display: block;text-align: center;width: 1063px;height: 620px;overflow: hidden;}
.index3ss a img{transition: all 1s ease;}
.index3ss a:hover img{-webkit-transform:scale(1.07, 1.07)}
.kjkjk img{width: 100%}
.index4sss_l{width: 24%;float: left;margin-left: 1%;margin-top: .8rem;}
.index4sss_l a{display: block;margin-bottom: .8rem;}

.index4sss_c{width: 48%;float: left;margin-left: 1%;margin-top: .8rem;}
.index4sss_c a{display: block;margin-bottom: .8rem;width: 49%;float: left;}
.index4sss_c a:nth-child(1){margin-right: 2%;}
.index4sss_c a:nth-child(3){width: 100%;}

.index4sss_r{width: 24%;float: left;margin-left: 1%;margin-top: .8rem;}
.index4sss_r a{display: block;margin-bottom: .8rem;}

.kjkjk a{overflow: hidden;}
.kjkjk a img{transition: all 1s ease;}
.kjkjk a:hover img{-webkit-transform:scale(1.07, 1.07)}


.inhghh{margin-top: 90px;}
.inhghh p{text-align: center;}
.inhghh p img{display: inline}
.inhghh p:nth-child(2){margin-top:77px;}
.inhghh p:nth-child(3){margin-top: 35px;}
.inhghh p:nth-child(4){margin-top: 35px;}

.demo {width: 1063px;height: 620px;font-size: 14px;position:relative;margin-top: 20px; margin:0 auto;}
.demo a.control {position:absolute;display: block;top:60%;margin-top: -78px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(../images/buttons.png) no-repeat}
.demo a.prev1 {left: 0;background-position: 0 0}
.demo a.next1 {right: 0;background-position: -76px 0}
.demo a.prev1:hover {background-position: 0 -112px}
.demo a.next1:hover {background-position: -76px -112px}
/*----------------------------为保证最佳效果，建议设置如下样式------------------------*/
.slider {display: none}

.asdasd111{padding: 10px 0;text-align: center;background: #a95918;position: absolute;bottom: 110px;left: 0;width: 100%;}
.asdasd111 p{line-height: 30px;color: #fff;}
.asdasd111 p a{color: #fff;}

.left{float: left;}
.right{ float: right;}
.new-list{width: 1200px}
.new-list li{background: #f2f2f2;width: 100%;height: 119px;margin-bottom: 15px}
.new-right{width: 964px;margin-left: 20px;}
.r1{background: url('../images/bor.png') no-repeat center bottom;height: 50px;line-height: 50px;}
.r1 .span1{color: #006699;float: left;display: block;}
.r1 .span2{float: right;color: #666}
.r2{padding-top: 10px;color: #717171;font-size: 14px;line-height: 24px;}
.r1 .span1:hover{color: #ff9c00;}

.lei{text-align: center;padding: 70px 0 50px 0}
.lei a{display: inline-block;width: 151px;height: 34px;text-align: center;line-height: 34px;background: url('../images/lei.png') no-repeat;color: #fff;font-size: 14px;margin-right: 20px}
.lei a:hover{background: url('../images/lei1.png') no-repeat;}
.about-con{background: url('../images/a.jpg') no-repeat center bottom;padding-bottom: 200px}