/*public css*/
/* body{width: 1430px;margin: 0 auto;} */
html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #ffffff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

/* 兼容手机端 */
@media (max-width: 1430px) {
    body {
        width: 1430px;
    }
}
.body-bg{background-color: #f9fafc}
* {list-style: none;text-decoration: none;}
a {color: #333333}
a:hover {color: #9d9d9d;text-decoration: none;}
.wd {width: 1430px;}
.mt {margin-top: 15px;}
.lp{padding-right: 8px;}
.rp{padding-left: 8px;}
.bg {background-color: #ffffff}
.gradient {background: linear-gradient(45deg, #217CB5, #245daa);}

/*页面头部 start*/
.header-nav {height: 88px;display: flex;}
.header-nav .logo{margin-top: 10px;}
.header-nav .logo img{height: 65px;}
.header-nav .r-box{height: 88px; width: 1200px;}
/*页面头部 end*/

/**导航 start**/
.nav>li{font-size: 18px;margin: 20px 1px;width: 120px;text-align: center}
.nav>li a{color: #F5F5F5;border-radius: 6px}
.nav>li a:hover{color: #2780E3;background-color: rgba(255, 255, 255, 0.5);border-radius: 6px}
.nav>li a:active{color: #2780E3}
.nav>li>ul>li{background-color: #F5F5F5; text-align: center; line-height: 32px; height: 32px; color: #2b2b2b;margin-bottom: 1px
}
.dropdown-menu{width: 100px;min-width: 120px;}
.nav>li>ul>li a{color: #227BB5;line-height: 28px;}
.nav>li>ul>li a:hover{color: #cccccc;}
/**导航 end**/

/* -------------导航条--------------- */
.qys-navback{background-color:#069bb5;}
.menuDiv {overflow: hidden;}
/* 去掉a标签的下划线 */
.menuDiv a{text-decoration: none;}
/* 设置ul和li的样式 */
.menuDiv ul , .menuDiv li {list-style: none;margin: 0;padding: 0;float: left;}
/* 设置二级菜单绝对定位，并隐藏 */
.menuDiv > ul > li > ul {position: absolute;display: none;width:134px;}
/* 设置二级菜单的li的样式 */
.menuDiv > ul > li > ul > li {float: none;}
/* 鼠标放在一级菜单上，显示二级菜单 */
.menuDiv > ul > li:hover ul {display: block;z-index:999;}
/* 一级菜单 */
.menuDiv > ul > li > a {padding:0 34px;line-height:50px;color:#FFF;background-color: #069bb5;text-align: center;border-left: 1px solid #EEE;display: block;}
/* 在一级菜单中，第一个不设置左边框 */
.menuDiv > ul > li:first-child > a {border-left: none;}
/* 在一级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > a:hover {color:#FFF;background-color:#F58100;}
/* 二级菜单 */
.menuDiv > ul > li > ul > li{padding:0 17px;background-color: #F5F5F5;}
.menuDiv > ul > li > ul > li > a {/*width:120px;*/padding:0;line-height: 40px;color: #333;text-align:center;border-top:none;display: block;}
/* 在二级菜单中，第一个设置顶边框 */
.menuDiv > ul > li > ul > li:first-child > a {border-top:1px solid #ccc;}
/* 在二级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > ul > li > a:hover {color:red;background-color:#FFF;}
.menuDiv > ul > li > ul > li:hover {color:red;background-color:#FFF;}



/**banner换灯**/
.swiper-box{}
.swiper-banner .swiper-container {width: 100%;height: 540px;}
.swiper-banner .swiper-slide {padding: 0;background-position: center;background-size: cover;}
.swiper-banner .swiper-slide img{width: 100%; height: 540px;}
/**banner换灯**/

/**信息公开**/
.open-info{padding: 5px 20px 17px 20px;background-color: #f5f5f5;}
.open-info h4{height: 46px;line-height:46px; color: #217CB5; font-size: 24px; text-align:center;background: url("../images/info-bg-tab.png") no-repeat center center;}
.open-info .grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;padding: 20px;margin: 0 12px;background-color: #ffffff;}
.open-info .grid .info{background-color: #227BB5;font-size: 20px;font-weight: 600;padding: 20px 15px;text-align: center;}
.open-info .grid .info i{margin-right: 10px;font-size: 120%;color: #ffffff;}
.open-info .grid .info a{color: #ffffff;}
.open-info .grid .info a:hover{color: #cccccc;}
/**信息公开 end**/

/**人才招聘**/
.coll-box{width: 100%; border-radius: 6px}
.coll-box h4{height:48px; line-height: 48px; font-size: 18px; border-bottom: 2px solid #00A5E1;background:#DDEFFB;position: relative;margin: 0}
.coll-box h4 i{color: #00A5E1;margin-right: 5px;}
.coll-box h4 .on{height:48px; width: 130px;border-bottom: 2px solid #00A5E1; text-align: center}
.coll-box h4 .on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 14%;margin-left: -16px;border: 8px solid transparent;content: "";z-index: 1;border-bottom-color: #00A5E1}
.coll-box .more {float: right;font-size: 13px;font-weight: 400;margin-right: 6px;}
.coll-box ul { padding:6px 12px; zoom:1; height: 367px;  border: #DDEFFB 1px solid;}
.coll-box ul li{ line-height:42px; font-size: 15px;border-bottom: 1px dotted #cccccc}
.coll-box ul li i {margin-right:5px;color: #00A5E1}
.coll-box li .date{ float:right; color:#999; font-size: 12px; }
/**人才招聘 end**/

/**加工能力**/
.proc{border: #DDEFFB 1px solid; padding: 15px 15px 0 15px;}
.process {
    height: 92px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.process img {
    width: 100%;
    height: auto;

    z-index: 1;
    transition: transform 1s ease 0s;
}

.process img:hover {
    transform: scale(1.1);
}

.process .am-gallery-title {
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    text-indent: 5px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
/**荣誉资质&资料下载**/
.school-box{}
.school-title {height:42px; line-height: 42px; font-size: 18px; color: #ffffff; background:#EEF4E8 url("../images/tab-bg1.png") no-repeat left center; padding:0 10px 0 23px;}
.school-title span{float: right;font-size: 14px;font-weight: 400;}
.school-title span a{color: #333333;}
.school-title span a:hover{color: #cccccc;}
.school-swiper{padding: 10px 0 0 0;}
.school-swiper .swiper-container {width: 100%;height: 160px;margin: 20px auto;}
.school-swiper .swiper-slide {text-align: center;font-size: 18px;background: #ffffff;border-radius: 4px;}
.school-swiper .swiper-slide img{width: 100%; height: 105px;}
.school-swiper .swiper-slide h4{width: 100%;font-size: 14px;font-weight: 400;margin-bottom: 0;height: 24px;text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.school-swiper .swiper-button-next,.school-swiper .swiper-button-prev {width: 24px;height: 28px; margin-top: -28px; z-index: 10; }
.download{border: #EEF4E8 1px solid;border-top: 0;}
.download ul{margin: 0;padding: 11px 10px 10px 10px;background-color: #ffffff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.download ul li{line-height: 41px;font-size: 16px;border-bottom: 1px dotted #e5e7eb;background: url("../images/dd.jpg") no-repeat left center;padding-left: 12px;}
.download ul li span{float: right;line-height: 41px;font-size: 14px;color: #9d9d9d;}
.download ul li a{color: #777777;}
.download ul li a:hover{color: #8d939d;}
/**致公艺院**/

/**友情链接**/
.link{display: flex;}
.link .lf{width: 100px;height: 86px;padding: 10px 20px;background: #EEF4E8 url("../images/icoLeft.gif") no-repeat 93px 40px;font-size: 24px;color: #00A5E1;font-weight: 500;}
.link .rh{width: 1290px;margin-left: 10px;}
.link-swiper{}
.link-swiper .swiper-container {width: 100%;height: 160px;margin: 20px auto;}
.link-swiper .swiper-slide {text-align: center;font-size: 18px;background: #ffffff;border-radius: 4px;}
.link-swiper .swiper-slide img{width: 100%; height: 85px;border: #F5F5F5 1px solid}
.link-swiper .swiper-slide h4{width: 100%;font-size: 14px;font-weight: 400;margin-bottom: 0;height: 24px;text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.link-swiper .swiper-button-next,.link-swiper .swiper-button-prev {width: 26px;height: 32px; margin-top: -13px; z-index: 10; }
/**友情链接 end**/

/**footer**/
.footer{background-color: #eaeaea;padding: 20px 0;}
.footer .copyright{color: #ffffff;}
.footer .copyright p{margin: 0 0 10px;font-size: 14px;}
.footer .copyright a{color: #FFFFFF;padding: 0 10px;}
.footer .copyright a:hover{color: #cccccc}
.footer .breadcrumb{padding: 8px 15px; margin-bottom: 10px; list-style: none;  background-color: #eaeaea; border-radius: 4px;}
.footer .right-box{ display:flex;text-align: right;}
.footer .right-box .cn{text-align: center;width: 150px;}
.footer .right-box .img3{height: 90px;}
.footer .right-box h5{color:#ffffff; text-align: center;}
/**footer**/

/**子页面banner**/
.child-banner{text-align: center;}
.child-banner img{height: 200px; width: 100%}
/**子页面banner end**/

/**面包屑**/
.breadcrumb{margin-bottom: 0;}
.breadcrumb i{margin-right: 5px;}
/**面包屑 end**/

/**list-box**/
.left-box{width: 100%; }
.left-box h4{margin: 0; padding: 16px 24px; color: #ffffff; font-size: 24px;}
.left-box .uBox {margin: 0;padding: 2px 2px; border: 1px #EEF4E8 solid;}
.left-box .uBox .nLi {margin: 8px; background-color: #EEF4E8}
.left-box .uBox .nLi a{ display:block; padding: 16px; color:#7AAD34; font-size:18px;font-weight:500;  }
.left-box .uBox .on a{ background:#DDEFFB; color:#217CB5;   }
.left-box .uBox .nLi i{ color: #7AAD34; font-size: 14px; margin-right: 8px;}
.left-box h4 i{margin-right: 10px}

.left-box .sBox{padding: 4px 0}
.left-box .sBox img{margin: 4px 8px; width: 95%; height: 100px}

.list_img{}
.list_img .thumbnail{padding: 8px}
.list_img .thumbnail img{height: 400px;width: 100%}
.list_img .thumbnail h4{text-align: center;margin-bottom: 0;font-weight: 400; font-size: 15px; text-align: center; width: 100%; height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bg1{background-color: #dd6161;}
.bg2{background-color: #dd6161;}
/**list-box**/

.page-box{width: 100%;margin-bottom: 15px;background-color: #ffffff;}
.page-box .bd{border: #f5f5f5 1px solid}
.page-box .bd-rd{border-radius: 6px}
.page-box .td{ height:58px; line-height:58px; position:relative;background-color: #f5f5f5;border-bottom: #ccc 2px solid;}
.page-box .td span{margin-right: 12px;font-size: 14px;}
.page-box .td a{color: #f60}
.page-box .td a:hover{color: #cccccc}
.page-box .td h4{ float:left; padding:0 20px; line-height:58px;  cursor:pointer; font-size: 18px; font-weight: 600; margin: 0; color:#217CB5; }
.page-box .td h4.on{ height:58px;border-bottom: #217CB5 2px solid;position: relative;}
.page-box .td h4.on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #217CB5}
.page-box .td h4 i{margin-right: 10px; color: #217CB5}



.page-box .news ul { padding:6px 12px; zoom:1; }
.page-box .news ul li{ line-height:48px; font-size: 16px;border-bottom: 1px dotted #cccccc}
.page-box .news ul li i {margin-right:5px;color: #2b85e4}
.page-box .news li .date{ float:right; color:#999; font-size: 12px; }

/*article*/
.article{padding: 15px;background-color: #ffffff;}
.article h3{ padding:0 15px; line-height: 40px;font-size: 24px;text-align: center; color: #2b2b2b}
.article .tag{text-align: center; padding:15px; color: #909399; border-bottom: 1px #cccccc dotted}
.article .tag span{padding: 0 10px; font-weight: 400}
.article .tag span i{margin-right: 6px}
.article .content{text-indent: 0;}
.article .files{font-size: 18px;color: #2780E3}
.article .files .dropdown{line-height: 26px;}
.article .files .dropdown a{color: #1b5e9c}
.article .files .dropdown a:hover{color: #2b2b2b}

.article p{line-height: 32px; font-size: 16px;margin: 6px 0;text-align: justify;color: #2b2b2b}
.article .title{border-bottom: 1px #cccccc solid;line-height: 42px;}
/*article end*/