body{font-size: 16px;color: #333;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;}
.wrapper{width: 1200px;margin: 0 auto;}

:root{
	--primary-color: #1678FF;
	--primary-rgb: 22,120,255;
	--color-yollow: #DAB514;
}

/* ========== 头部：start ========== */
.header{height: 106px;}
.header-box{display: flex;justify-content: space-between;}
.header .logo{display: flex;align-items: center;}
.header .logo img{height: 55px;margin-right: 30px;cursor: pointer;}
.header .menu{flex: 1;}
.header .menu ul{display: flex;justify-content: flex-end;align-items: center;}
.header .menu li{position: relative;}
.header .menu li a{display: inline-block;width: 110px;text-align: center;font-size: 16px;line-height: 106px;margin: 0 auto;}
.header .menu li .menu-active,.header .menu li a:hover{background: #01468B;color: #FFF;}
.header .menu .son-menu{position: absolute;top: 106px;left: 0;width: 110px;z-index: 3;display: none;background: #fff;}
.header .menu .son-menu li{height: 40px;text-align: center;width: 110px;position: relative;background: rgba(1,70,139,0.6);padding: 0 5px;box-sizing: border-box;}
.header .menu .son-menu li:before{content: '';display: block;position: absolute;bottom: 0;left: 5px;right: 5px;height: 1px;background: rgba(255,255,255,0.1);}
.header .menu .son-menu li:last-child:before{height: 0;}
.header .menu .son-menu li a{color: #fff;font-size: 15px;line-height: 40px;width: 100%;padding: 0;}
.header .menu .son-menu li:hover a{color: #01468B;background: transparent;}
/* ========== 头部：end ========== */


/* ========== 脚部：start ========== */
.footer{background: #222;}
.footer .f_con {display: flex;justify-content: space-between;}
.footer .f_con em{display: block;font-size: 18px;line-height: 18px;height: 36px;color: #fff;position: relative;margin-bottom: 30px;font-style: normal;}
.footer .f_con em a{color: #fff;}
.footer .f_con em:after{content: "";left: 0;bottom: 0;position: absolute;width: 36px;height: 2px;background: #d8271c;}
.footer .f_nav {margin: 40px 0;display: flex;}
.footer .f_nav li {width: 300px;}
.footer .f_nav li p a{display: block;font-size: 14px;color: #b7b6b6;line-height: 1.6;}
.footer .f_nav .two p{display: flex;flex-wrap: wrap;}
.footer .f_nav .two p a{width: 104px;}
.footer .gsxx {margin-top: 40px;max-width: 560px;}
.footer .gsxx p {font-size: 14px;color: #b7b6b6;line-height: 1.6;}
.footer .f_bt{font-size: 14px;color: #838383;text-align:center;border-top: 1px rgba(255, 255, 255, 0.05) solid;padding: 20px 0;line-height: 1.6;}
.footer .f_bt a{color: #838383;}
/* ========== 脚部：end ========== */


/* ========== 首页内容：start ========== */

/* 轮播  */
#swiper{cursor: auto!important;}
.swiper-container{position: relative;}
.swiper-container .arrow-left,
.swiper-container .arrow-right{position: absolute;top: 50%;margin-top: -30px;width: 36px;height: 60px;z-index: 99;background-repeat: no-repeat;background-position: center;}
.swiper-container .arrow-left{background-image: url(/images/template4/arrows_left.png);left: 15px;}
.swiper-container .arrow-right{background-image: url(/images/template4/arrows_right.png);right: 15px;}
.swiper-container .arrow-left:hover,
.swiper-container .arrow-right:hover{background-color: rgba(0, 0, 0, 0.3);}
.swiper-container img{object-position: center;width: 100%;}
#swiper .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 6px;border-radius: 6px;}
#swiper .swiper-pagination .swiper-pagination-bullet-active{width: 30px;}

.index-section{padding: 40px 0 0;}

/*块标题*/
.sec_tit{padding: 50px 0 30px;text-align: center;}
.sec_tit .name{font-size: 36px;color: #222222;}
.sec_tit .remark{line-height: normal;font-size: 15px;width: 700px;margin: 10px auto 0;color: #666;}


/*更多*/
.sec_more{display: flex;justify-content: center;margin-top: 50px;}
.sec_more .nav{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #888;border-radius: 4px;position: relative;transition: all .5s;width: 170px;border: 1px #ddd solid;}
.sec_more .nav:hover{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}
.sec_more .nav:after{content: '+';display: block;position: absolute;right: 30px;top: 0;}


/* tabs */
.navClass{display: flex;justify-content: center;margin-bottom: 25px;}
.navClass li{margin: 0 2px;}
.navClass li a{line-height: 40px;text-align: center;font-size: 16px;cursor: pointer;padding: 0 20px;display: block;}
.navClass li.cur a{background: var(--primary-color);color: #fff;border-radius: 4px;}


/*产品介绍*/
.products-lists{padding-bottom: 80px;display: none;}
.pro-row{display: grid;gap: 40px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.pro-row .card{}
.pro-row a{display: block;}
.pro-row .img{overflow: hidden;border: 1px #ddd solid;border-bottom: 0;transition: .3s ease-in-out;}
.pro-row .img img{transition: .3s ease-in-out;width: 100%;height: 268px;display: flex;object-fit: cover;}
.pro-row .name{font-size: 15px;color: #fff;line-height: 40px;background-color: var(--primary-color);text-align: center;padding: 0 15px;}
.pro-row a:hover .img{border-color: var(--primary-color);}
.pro-row a:hover .img img{transform: scale(1.1);}
.pro-row a:hover .name{text-decoration: underline;}

/* 首页公司简介 */
.index-info{padding-bottom: 50px;}
.about{height: 430px;position: relative;display: flex;justify-content: space-between;padding-top: 30px;}
.about dl{width: 520px;overflow: hidden;}
.about dt{height: 85px;font-weight: normal;font-size: 24px;color: #292929;line-height: 30px;position: relative;}
.about dt::before{position: absolute;content: "";width: 100%;height: 1px;bottom: 2px;background: #e5e5e5;}
.about dt i{display: block;font-size: 12px;color: #999999;font-family: Arial;}
.about dt::after{position: absolute;content: "";width: 5px;height: 5px;bottom: 0px;background: #e5e5e5;}
.about dd{padding-top: 30px;font-size: 14px;line-height: 30px;color: #666666;}
.about dd .sec_more{margin-top: 25px;justify-content: flex-start;}
.about dd .con{height: 195px;overflow: hidden;text-align: justify;}
.aboutpic{width: 600px;height: 380px;}
.aboutpic img{width: 600px;height: 380px;}

/* 首页新闻资讯 */
.Inews_title {height: 46px;border-bottom: 1px solid #dbdbdb;font-weight: normal;margin-bottom: 40px;display: flex;justify-content: space-between;}
.Inews_title .name{font-size: 18px;color: #ac1818;line-height: 18px;position: relative;height: 46px;font-style: normal;font-weight: bold;}
.Inews_title .name i{display: block;font-size: 12px;text-transform: uppercase;font-style: normal;}
.Inews_title .name:after {position: absolute;width: 68px;height: 2px;background: #ad282c;content: "";left: 0;bottom: -1px;}
.Inews_title .more{font-size: 14px;padding-left: 32px;line-height: 46px;font-style: normal;color: #999;}
.index-news{background: #fffbf1;padding-bottom: 80px;}
.index-news .news-main{display: flex;justify-content: space-between;}
.index-news .news-left{width: 564px;}
.index-news .news-pic{padding-bottom: 30px;}
.index-news .news-pic img{width: 100%;object-fit: cover;display: flex;}
.index-news .news-right{width: 590px;}
.index-news .news-sort{padding-bottom: 60px;display: flex;align-items: center;}
.index-news .news-sort:nth-child(3){padding-bottom: 0;}
.index-news .news-lists p{margin-bottom: 10px;}
.index-news .news-lists .title{font-size: 16px;color: #333;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-news .news-lists .detail{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0;}
.index-news .news-right .news-lists{margin-left: 25px;}
.index-news .sort-num{font-size: 60px;font-family: Arial;padding-right: 25px;border-right: 1px #dcdcdc solid;color: #FF5B00;}
.index-news .more-button{margin: 30px auto 0;}

/* ========== 首页内容：end ========== */


/* ========== 内页：start ========== */

/* 左边菜单 */
.rcon{flex: 1;}
.con-con{display: flex;justify-content: space-between;min-height: 630px;}
.con-con .right{flex:  1;}
.con-con .lnav{margin-right: 60px;}
.nav-zoom{width: 295px;float: left;min-height: 300px;box-shadow: 0 2px 5px #ddd, 0 -1px 2px #ddd;padding: 10px 25px;}
.nav-zoom dl{position: relative;}
.nav-zoom dl dt{padding: 20px 25px;border-bottom: 1px solid rgba(4,96,227, 0.5);margin-bottom: 20px;}
.nav-zoom dl dt .dta{display: flex;align-items: center;} 
.nav-zoom dl dt .dta .name{font-size: 18px;padding-left: 15px;font-weight: bold;}
.nav-zoom dl dd{line-height: 50px;text-align: center;}
.nav-zoom dl dd .small_title{font-size: 16px;display: block;}
.nav-zoom dl dd:hover .small_title{color: #0460e3;text-decoration: underline;}
.nav-zoom dl .act .small_title{color: #0460e3;}


/*广告图*/
.con-banner{background-position: center;height: 500px;background-size: auto 100%;background-repeat: no-repeat;}


/* 路径 */
.map{font-size: 12px;color: #666;border-bottom: 1px #eee solid;padding: 20px 0;}
.map.wrapper{padding-top: 20px;border-bottom: 0;}
.map span{font-weight: bold;padding: 0 10px;}


/* info内容 */
.detail_con{width: 100%;flex: 1;overflow: hidden;min-height: 740px;}
.detail_con .title{font-size: 30px;font-weight: 600;text-align: center;margin: 24px 0;}
.detail_con .date{color: #484b4c;text-align: center;margin-bottom: 20px;}
.detail_con .content{padding: 30px 100px 100px;}
.detail_con .content p{font-size: 15px;line-height: 1.75;margin-bottom: 10px;}
.detail_con .content img{max-width: 100%;}

/* ========== 内页：end ========== */


/* ========== 会员登录注册与中心：start ========== */
/* ========== 会员登录注册与中心：end ========== */


/* ========== 头部：start ========== */
/* ========== 头部：end ========== */