/* CSS Reset*/
html {font-family:"微软雅黑","SimSun",sans-serif;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100px;}
body {font-family:"Georgia","SimSun",sans-serif; margin: 0; color: #333;background: #fff; height: 100%;overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000;transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
a:active { outline: 0; }
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }
* {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent; /* For some Androids */
        outline: none;
}
input,textarea,button { border: 0; margin: 0; padding: 0;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #fff; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #fff; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff; }
.box-content{-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
.center {text-align: center;}
.txt_bold {font-weight: bold;}
a:focus, a:hover { text-decoration:none; outline: none;}
input { outline:none; }
#bg{width: 100%}
.fr { float: right; } .fl { float: left; }
.t-l{text-align: left;}.t-c{text-align: center;}.t-r{text-align: right;}
.clear{clear:both; height: 0; line-height: 0; font-size: 0}
.an { transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.img-width { max-width: 100%; height: auto!important; }
.clearfix:before, .clearfix:after {content:""; display:table;}   
.clearfix:after {clear:both;}   
.clearfix { zoom:1;}
/*public*/

.logo{padding: 34px 0;transition: all 0.4s;}
.logo_table {display: table;width: 100%;height: 70px;text-align: center;;transition: all 0.4s;}
.logo_cell {display: table-cell;vertical-align: middle;text-align: left;transition: all 0.4s;}
.logo_cell img {max-width: 4.19rem;width: 100%;height: auto;transition: all 0.4s;}
.t_topCon {float: right;padding-top: 0px;position: relative;z-index: 99;width: 100%;transition: all 0.4s;}
.top_nav {margin-top: 0px;width: 100%;}
.pc_menuCon{justify-content: flex-end;display: flex;padding-top: 54px;}
.pc_menuCon li {float: left;position: relative;}
.pc_menuCon li a {display:block;padding:0.16rem 0.12rem;color: #84754d;font-size: 18px;text-align: center;transition: all 0.4s;}
.pc_menuCon li.a1 a{border-bottom:1px solid #84754d ;}
.pc_menuCon > li:hover > a { color: #fff;background: #84754d;} 

/* flexslider */
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{width: 100%;height: auto;}
.slides li img{width: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:0.9rem;height:0.08rem;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:0.9rem;height:0.08rem;line-height:40px;overflow:hidden;background:rgba(255, 255, 255, 0.6);cursor:pointer;font-size: 0;}
.flex-control-nav .flex-active{background:#ff7b05;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.banner {position: relative;width: 100%;overflow: hidden;transition: all 0.4s;margin-top:0rem;}
.fixed .banner {position: relative;width: 100%;overflow: hidden;margin-top:60px}

.container-fluid{width: 100%;}

.bottom{padding: 1rem 0;}
.copyright{text-align: right;font-size: 0.3rem;color: #333333;transition: all 0.4s}
.copyright:hover{padding-right: 0.08rem;color: #dba902;}

.part1{padding: 0.8rem 0;}
.part1 .title{font-size: 0.48rem;text-align: center;color: #333;}
.part1 .anniu{padding:0.75rem  0;}
.part1 .anniu ul li{float: left;width: 25%;padding: 0;transition: transform 0.4s ease;}
.part1 .anniu .img{width: 100%;text-align: center;}
.part1 .anniu .img img{width: 0.8rem;transition: all 0.4s;}
.part1 .anniu ul li span{width: 100%;font-size: 12px;color: #333;text-align: center;display: block;line-height: 17px;padding-top: 0.2rem;transition: all 0.4s;}
.part1 .anniu ul li:hover .img img{transform: scale(1.1);    filter: brightness(2);}
.part1 .anniu ul li:hover span{color: #dba902;padding-top: 0.35rem;}

.part2{}
.cp{width: 100%;min-height:3rem;display: flex; background: #f8f5f0;}
.cp .left{float: left;}
.cp .right{float: right;}
.cp .info{width: 50%;padding: 0 0.5rem 0 0.6rem;display: flex; }
.cp .img{width: 50%;overflow: hidden;}
.cp .img img{width: 100%;transition: transform 0.4s ease;}
.cp:hover .img img{transform: scale(1.05);}
.cp .info .neir{display: grid;align-content: center;height: 100%;transition: all 0.4s}
.cp .info .neir h1{font-size: 0.3rem;}
.cp .info .neir h2{font-size: 0.3rem;}
.cp .info .neir .con{padding-top: 0.2rem;}
.cp .info .neir .con ul li{float: left;width: 100%;font-size: 0.14rem;line-height: 0.2rem;}
.cp .info .neir .con ul li i{padding-right: 0.22rem;}
.cp .info .neir .con2{padding-top: 0.2rem;width: 100%;font-size: 0.14rem;line-height: 0.2rem;}
.cp:hover .info .neir{color: #bd7c1b;padding-left:8px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}



.part3{padding-top: 0.5rem;}
.stu{}
.stu ul li{width: 20%;float: left;}
.stu ul li img{width: 100%;}
 @layer utilities {
      .content-auto {
        content-visibility: auto;
      }
      .spacing-0-24rem {
        gap: 0.24rem;
      }
      .image-container {
        display: flex;
        justify-content: space-between;
        gap: 0.24rem;
      }
      .image-item {
        flex: 1;
        overflow: hidden;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        transition: transform 0.4s ease;
      }
      .image-item:hover {
        transform: scale(1.05);
      }
      .image-item img {
        width: 100%;
        height: auto;
        object-fit: cover;
      }
    }

.contact{width: 100%;}
.contact .title{padding: 30px 0;}
.contact ul{float: left;display: block;width: 100%;padding: 20px 0;border-bottom: 1px solid #ddd;}
.contact ul li{}
.contact ul li.b0{float: left;width: 100%;}
.contact ul li.b1{float: left;width: 48%;padding-right: 2%;padding-bottom: 20px;padding-top: 0px;}
.contact ul li.b2{float: left;width: 94%;padding-bottom: 20px;padding-top: 0px;}

.layui-input, .layui-select, .layui-textarea{height: 48px !important;border: 1px solid #b7b7b7 !important;background: #f7f7f7 !important;border-radius: 6px;}
.layui-input::placeholder {color: #969696; opacity: 1;}
label{padding: 5px;}
label.s{font-size: 12px;color: #8f8f8f;}
label span{color: #ff0000;padding-left: 4px;}

/* 超小屏幕（手机，小于 768px） */
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) {
.container {padding-left: 0;padding-right: 0;position: relative;}
.cp .info .neir h1{font-size: 0.58rem;}
.cp .info .neir h2{font-size: 0.58rem;}
.cp .info .neir .con{padding-top: 0.6rem;}
.cp .info .neir .con ul li{float: left;width: 100%;font-size: 0.3rem;line-height: 0.5rem;}
.cp .info .neir .con ul li i{padding-right: 0.22rem;}
.cp .info .neir .con2{padding-top: 0.4rem;width: 100%;font-size: 0.3rem;line-height: 0.5rem;}
.part1{padding-top: 1.2rem;padding-bottom: 1rem;}
.part1 .title{font-size: 0.68rem;text-align: center;color: #333;}
.part1 .anniu{padding:0.75rem  1.1rem;}
.part1 .anniu ul li{float: left;width: 25%;padding: 0 0.2rem;}
.part1 .anniu .img{width: 100%;text-align: center;}
.part1 .anniu .img img{width: 1.25rem;}
.part1 .anniu ul li span{width: 100%;font-size: 0.3rem;color: #333;text-align: center;display: block;line-height: 0.46rem;padding-top: 0.4rem;}
.contact{width: 100%;}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:992px) {
.cp .info .neir h1{font-size: 0.58rem;}
.cp .info .neir h2{font-size: 0.58rem;}
.cp .info .neir .con{padding-top: 0.6rem;}
.cp .info .neir .con ul li{float: left;width: 100%;font-size: 0.3rem;line-height: 0.5rem;}
.cp .info .neir .con ul li i{padding-right: 0.22rem;}
.cp .info .neir .con2{padding-top: 0.4rem;width: 100%;font-size: 0.3rem;line-height: 0.5rem;}
.contact{width: 90%;}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width:1200px) {
.container {width: 1100px;}
.contact{width: 80%;}
.container-fluid{width: 80%;}
}

/* 大屏幕（大桌面显示器，大于等于 1400px） */
@media screen and (min-width:1400px) {
.container {width: 1300px;}
.contact{width: 60%;}

}

/* 大屏幕（大桌面显示器，大于等于 1600px） */
@media screen and (min-width:1600px) {
    .container {width: 1500px;}
  
    }