.container{max-width:1500px;} /*网站公共样式*/ .info-content{font-size:16px;line-height:2.5;clear: both;} a{color:#333;text-decoration:none;} a:hover{color:#318640;} a:focus{color:#000;} a.btn-more{display:inline-block;width:140px;height:34px;line-height:34px;border:1px #CCC solid;color:#999;transition:all 0.5s ease;font-size:14px;transition:all 0.5s ease;text-align:center;margin:0px auto;margin-top:30px} a.btn-more:hover{background:#40312f;border-color:#40312f;color:white;} .banner{height:500px\9!important;overflow:hidden\9!important;overflow:hidden;} /*兼容ie低版*/ html{ overflow-y:scroll; min-height:101%;} html{ overflow:-moz-scrollbars-vertical;} /*遮罩层*/ .mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color:rgba(53, 53, 59, 0.8);overflow:hidden;z-index:99;top: 0;left: 0;} .mask-bg.active{display:block;} /*主菜单*/ @media (min-width:1000px) /*pc端*/ { /*Top*/ .nav-toggle{display:none} .logo img{max-height: 90px;} .header{background-color: #77bcf5;padding: 20px 0;} .nav>ul>li{display: inline-block;text-align:center;line-height:60px;width: 10.5%;} .nav>ul>li>ul{position:absolute;} .nav>ul>li>ul>li{line-height:45px;} .nav>ul>li>a{width: 100%;font-size: 16px;font-weight: bold;display: block;} .nav >ul>li:hover> a,.nav >ul>li.active> a{color: #04a146;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);} .nav li:hover> ul{display:block;} .nav > ul > li > ul{border-top: 2px solid #04a146;padding: 10px 20px 20px;} .nav > ul > li > ul::before{display:block;margin:0px auto;position:absolute;top:-8px;left:45%;content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #04a146;} .nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;} .nav ul li ul li a{display:block;width:100%;text-align:center;font-size:15px;} .nav ul li ul li a:hover{text-decoration:none;color:#318640;} .nav ul li{position:relative;} .nav ul li .arrow{display:none} .nav ul li ul{background-color:rgba(255, 255, 255, 0.81);display:none;position:absolute;left:-8px;z-index:2;width:180px;} /*二级ul样式*/ .nav ul li ul li ul{left:115%;top:0px; display:none;}/*三级以后ul样式*/ .sousuo{font-size: 26px;padding: 30px 0 20px;text-align: center;} .determine{position:relative;} /*bottom*/ footer{padding-top:30px;margin-top:60px;} footer .addfoot{padding-bottom: 20px;margin-bottom: 18px;} .address{padding:20px 0 0 60px;} .breadcrumb{border-bottom: 1px solid #e3dfdf;padding: 30px 15px 10px;margin-bottom:20px;} } @media (max-width:1000px) /*手机端*/ { /*Top*/ .header{background-color: #000;} .logo{line-height:60px;text-align:left;} .logo img{height:auto;width:auto;max-width:240px;max-height:60px;} .nav-toggle{position:absolute;right:0px;top:0;font-size:24px;color:#fff;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:10;} .nav-toggle.active{color:#ccc;} .nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto} .nav.active{opacity:1;width:300px;max-width:60%} .nav ul li{line-height: 45px;text-align:left} .nav ul li ul{display:none;} /*二级ul样式*/ .nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc} .nav ul li ul li a{padding-left:60px;font-size:14px;background-color:#eeeeee} .nav ul li ul li ul li a{padding-left:90px;} .nav ul li ul li ul li li a{padding-left:120px;} .nav ul li{position:relative;} .nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s} .nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px} .nav ul li.current > a{color:#5a342b;} .nav ul li.active > ul{display:block} .nav ul li.active > .arrow{transform:rotate(90deg)} .sousuo{padding: 30px 0 20px;font-size: 25px;text-align: center;} /*bottom*/ footer{padding-top:10px;margin-top:30px;} .breadcrumb{border-bottom: 1px solid #e3dfdf;padding: 10px 0 4px;margin-bottom:20px;} .goToTop2{display:none;} video{width:100%!important;} } /*FOOTER*/ footer{background:#252932;color:#b9b9b9;} footer a{color:#b9b9b9;} footer a:hover{color:#fff;text-decoration:underline;} footer .addfoot{border-bottom: 1px solid #696969;} .foot-list li{display:inline-block;} .foot-list li:not(:last-child){padding-right:20px;} .address p img{position:relative;top:-2px;} .foodNav{margin-bottom:20px;} .foodNav li{display:inline-block;padding-right:10px;} .foodNav li a{color: #b9b9b9;} .foodNav li:not(:last-child) a::after{display:inline-block;content:"|";padding-left: 8px;} .titleSame{border-bottom:1px solid #ccc;margin-bottom: 30px;} .titleSame span{font-size:20px;font-weight:bold;color:#04a146;border-bottom: 3px solid #04a146;display: inline-block;padding:0 10px 10px;} /*图片列表*/ .images-list .row .item a{display:block;overflow:hidden;} .images-list .row .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;} .images-list .row .item a:hover img{transform:scale(1.1,1.1);} /*PC端置顶*/ #ToTop {position: fixed;bottom: 10%;right: 20px;width: 48px;height: 48px;text-indent: -999em;z-index: 20000;background: url(../Images/bt1.png) no-repeat center; } #ToTop:hover {width: 48px;height: 48px;background: url(../Images/bt1.png) no-repeat center;opacity:0.1;text-indent: -999em;filter: alpha(opacity=100);opacity: 1;z-index: 20000;} /*手机端置顶*/ .curpointer {cursor: pointer;} .bg-bottgray{background-color:#000;width: 100%; height: auto;} .backphone{background:url(../Images/phone.png) center center no-repeat;} .bott-fixed{left: 0;bottom: 0;z-index: 4;} .backtop{background:url(../Images/top.png) center center no-repeat;} .backhome{background:url(../Images/home.png) center center no-repeat;} .backwei{background:url(../Images/wei.png) center center no-repeat;} .backsame li a .fa{font-size: 18px;padding-top: 5px;color:#fff;} .backsame li a span{padding-bottom: 2px;display: block;color:#fff;font-size:12px;} @media(min-width: 1000px){.phoblack{display: none;}} /*回到顶部*/ .gotoptop_icon{position:fixed;bottom:80px;right:40px;width:40px;height:40px;background:url(../Images/backtotop.jpg) no-repeat center center;opacity:1;z-index:500;} .gotoptop_icon:hover{opacity:0.9;} @media (max-width:1000px){.gotoptop_icon{display:none!important;}} /*子栏目样式*/ .sub-nav-box {clear: both;position: relative;margin-top: 30px;box-shadow: 0 3px 10px #ccc;} .sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#10502b;padding-left:15px;font-size:22px;color:white;} .sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;} .sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;} .sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:54px;font-size:14px;color:#808080;border-bottom:1px #ececec solid;font-size:15px} .sub-nav-box .sub-nav li a:hover{color:#04a146;} .sub-nav-box .sub-nav li ul{display:none} .sub-nav-box .sub-nav li ul li a{padding-left:55px;} .sub-nav-box .sub-nav li ul li ul li a{padding-left:85px} .sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer} .sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px} .sub-nav-box .sub-nav li.current > a{color:#04a146;} .sub-nav-box .sub-nav li.active > ul{display:block} .sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)} /*文在超出范围*/ .card1{display:block;/*内联对象需加*/ word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;} .card2 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 50px;} .card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 60px;} /*面包屑*/ .breadcrumb > li + li::before{content: ">";padding: 0 5px 0 0px;} .breadcrumb li a,.breadcrumb li a span{color: #666;} .breadcrumb li a:hover,.breadcrumb li a .fa{color:#10502b;} /*搜索*/ .ss-box{position:relative;top:12px;color:#000;border:1px solid #fff;background:rgba(255, 255, 255, 0.94);width:350px;height:40px;border-radius:30px;margin-top:10px} .ss-box .s-btn{font-size: 20px;position:absolute;background-color:transparent;width:50px;height:40px;cursor:pointer;line-height:10px;outline:none;border:none;z-index:2;right:0} .ss-box .s-input{padding-left:10px;background-color:transparent;position:absolute;left:0;border:none;height:40px;width:100%} /*单页公共样式*/ @media (min-width:1000px){ .info-content .title{font-size: 32px;letter-spacing: 2px;margin-bottom:40px;} .pagetable{margin-left: 27%;} } @media (max-width:1000px) { .info-content .title{font-size: 20px;margin-bottom:15px;font-weight:bold;} .detail-back{display:none;} } .detail-back{margin-top:40px;} .detail-back .back a:first-child{display:inline-block;border:2px solid #2c9640;border-radius:50px;width:70px;height:70px;line-height:64px;} .detail-back .back i{background-color:#ccc;width:30px;height:1px;display:inline-block;margin-top: 30px;} .detail-back .fenxiang{width: 60px;}/*分享*/ .bshare-custom.icon-medium{width: 100%;float: left;margin: 35px 0 0 18px;} .bshare-custom.icon-medium .bshare-weixin{background: url(../Images/img39.jpg) no-repeat !important;} .bshare-custom.icon-medium a{text-align: center;width: 60px !important;height: 60px !important;margin-bottom: 10px !important;} .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../Images/img38.jpg) no-repeat !important;} .bshare-custom.icon-medium a.bshare-more.more-style-addthis{background: url(../Images/img40.jpg) no-repeat !important;} .info-content .title{width: 100%;height: 60px;line-height: 60px;background: url(../Images/title.png) no-repeat center center;color: #2a6835;text-align: center;} /*内页新闻中心*/ .images-lists .row .item img {display: block;width: 100% !important;transition: 0.3s linear;-moz-transition: -moz-transform 0.5s ease-out;} .images-lists .row .item:hover img {transform: translateY(-2%);} .border-box{border: 1px solid rgb(238, 238, 238);padding-bottom: 0;} .border-box:hover{border: 1px solid #318640;} .product-box .row .item{text-align: center;margin-bottom: 30px;} .home-answer li{position: relative;padding-right: 100px;border-bottom: 1px dashed #ccc;} .home-answer li .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .home-answer li .title .fa{color:#318640;padding-right: 10px;} .home-answer li .date{position: absolute;right: 0px;bottom: 2px;color: #666;} .home-answer li:hover a,.home-answer li:hover .date,.home-answer li:hover .title .fa{color:#318640;} @media (min-width:1000px){ .border-box{padding:20px 20px 10px;} .product-box .row .item .border-box .title{text-align:center;color: #5a5a5a;width: 92.9%;line-height: 26px;margin: 0 15px;} .product-box .row .item .border-box .title a{font-size: 18px;} .product-box .row .item .border-box .title:hover a{color:#000;} .home-answer li{line-height: 3.5;} .home-answer li .title{font-size:17px;transition: all 0.3s;} .home-answer li .title:hover{padding-left: 15px;} } @media (max-width:1000px){ .product-box{padding:15px;} .product-box .row .item {padding-left:5px;padding-right:5px;} .product-box .row .item .border-box{padding:10px;} .product-box .row .item .border-box .title a{font-weight:bold;} .home-answer li{line-height: 2;} } /*首页样式*/ @media (min-width:1000px){ section{margin-top:20px;} .homeTitle{margin:20px 0 20px;} .homeTitle .title{font-size:25px;height: 50px;line-height: 48px;} .homeTitle .more{top: 18px;} .addhome-answer .home-answer li{line-height: 2.4;} } @media (max-width:1000px) { .homeTitle{margin:20px 0;} .homeTitle .title{font-size:18px;height: 38px;line-height: 38px;} .campusHeadlines ul li:first-child,.campusHeadlines ul li:nth-child(2){padding-right:0;} } /*首页样式*/ .homeTitle{position:relative;} .homeTitle .title{color:#fff;background-color:#2a6835;display: inline-block;padding: 0 10px;border-radius: 2px;} .homeTitle .title .fa{padding-right:10px;font-size:30px;position:relative;top:4px;} .homeTitle .more{position:absolute;right:0;top:10px;background: url(../Images/more.png) no-repeat;width: 68px;} .homeTitle .more a{color: #2a6835;position: relative;bottom: 4px;} .homeTitle .more a:hover{color:rgba(245,173,51,0.8);} /*首页-新闻中心*/ .campusHeadlines ul{margin-left: -15px !important;} .campusHeadlines .campus1 i.line{display:inline-block;border-bottom: 2px solid rgba(72,144,72,0.3);width:100%;} .campusHeadlines .campus1 .title{font-size:18px;} .campusHeadlines .campus1 .introduct{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;height: 46px;} .campusHeadlines .campus1 .date{background-color:#0f8223;color:#fff;display:inline-block;padding:0 4px;margin:10px 0;} .campusHeadlines .campus2{padding-right:50px;position:relative;padding-bottom:15px;} .campusHeadlines .campus2 .title2{font-size:16px;} .campusHeadlines .campus2 .date2{position:absolute;right:0;top:0;} .video-list li{border-bottom: 1px dotted #858585;padding-bottom:5px;margin-bottom:6px;} .video-list .boxs .date{position:absolute;right:0;top:0;} .tabBox-index{background:#fff;padding-top: 40px;} .tabBox-index .tab-title{overflow:hidden;text-align: center;} .tabBox-index .tab-title ul{display:inline-block;margin:auto} .tabBox-index .tab-title ul li{float:left;height: 40px;line-height: 40px;font-size: 26px;margin: 0 25px;} .tabBox-index .tab-title ul li a{color: #666;} .tabBox-index .tab-title ul li.select a{color:#2a6835;} .tabBox-index .tab-title ul li i{margin-right:10px;font-size: 32px;color:#b1b1b1;} .tabBox-index .tab-title ul li.select i{color:#2a6835;} .display-block{display:block;} .display-none{display:none;} .tabBox-index-more{text-align:center;margin-bottom: 30px;} .tabBox-index-more a{display:block;width:120px;height:40px;line-height:40px;background-color:#2a6835;color:#fff;margin:auto;} .checkImg .checkImg-image img { width: 100% !important; } @media(min-width:1000px){ .checkImg .checkImg-image img { height: 180px !important;} .checkImg .checkImg-content{min-height: 192px;} } @media(max-width:1000px){ .tabBox-index .tab-title ul li{margin:0 10px;} .checkImg .checkImg-image img {height: 150px !important;} .tabBox-index .tab-title ul li{font-size: 18px;} .tabBox-index .tab-title ul li i{font-size: 24px} }