body{font-size: 14px;color: #333;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;min-width: 1200px;}
.wrapper{width: 1300px;margin: 0 auto;}
/*.container{padding-top: 96px;}*/


/*暂无数据*/
.nodata{text-align: center;padding-top: 50px;color: #999;position: relative;width: 100%;}
.nodata:before{content: '';display: block;background-image: url(/images/template4/nodata.png);background-size: 230px;background-repeat: no-repeat;background-position: top center;width: 100%;height: 230px;}


/*浮标*/
.float{position: fixed;z-index: 98;right: 10px;cursor: pointer;top: calc(50% - 75px);width: 45px;}
.float-icon{width: 45px;height: 45px;margin-bottom: 5px;transition: all 0.3s;display: flex;align-items: center;justify-content: center;background-color: #1a5d99;border-radius: 50%;}
.float-icon .icon{width: 30px;height: 30px;display: flex;}
.float-box{position: fixed;z-index: 99;right: 0;top: calc(50% - 120px);background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);padding: 15px 50px 15px 15px;}
.float-box .off{position: absolute;top: 0;left: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.float-box .item{padding: 10px 0;display: flex;align-items: center;font-size: 16px;color: #000;}
.float-box .item .icon{width: 20px;height: 20px;display: flex;margin-right: 10px;}


/* ========== 头部：start ========== */
.header{background: #fff;position: relative;}
.header-act{box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
.header:after{content: '';display: block;position: absolute;bottom: 0;width: 100%;border-bottom: 1px #f7f7f7 solid;}
.header-box{display: flex;justify-content: space-between;}
.header .logo{display: flex;align-items: center;}
.header .logo img{height: 50px;}
.header .menu{display: flex;overflow: hidden;}
.header .menu .fname{padding: 0 20px;height: 92px;font-size: 16px;display: flex;align-items: center;position: relative;transition: all .5s ease;}
.header .menu .fname:after{content: attr(data-title);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #e67018;transition: all ease 0.3s;color: #fff;transform: translateY(-100%);}
.header .menu .fname:hover{transform: translateY(100%);}
.header .menu .menu-nav{display: none;}
.smenu-box{position: absolute;top: 96px;background: #f2f2f2;width: 100%;left: 0;min-height: 300px;border-top: 1px solid #ebebeb;padding: 60px 0;z-index: 10;transition: all ease .3s;box-shadow: 0 10px 10px rgb(0 0 0 / 15%);visibility: hidden;opacity: 0;}
.header .menu>li:hover .smenu-box{opacity: 1;visibility: visible;}
.smenu-row{display: flex;justify-content: space-between;}
.smenu-left{width: 60%;}
.smenu-left .tit{font-size: 26px;line-height: 1;font-weight: 700;margin-bottom: 20px;}
.smenu-left .ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding: 10px 0;}
.smenu-left .ul li{width: 33.33%;padding-right: 5%;}
.smenu-left .ul li a{font-size: 16px;transition: all ease .15s;display: flex;width: 100%;line-height: 1.2;text-decoration: none;border-bottom: 1px solid #ccc;padding: 15px 0;position: relative;}
.smenu-left .ul li a:before{content: " ";display: block;position: absolute;bottom: 0;left: 0;height: 1px;background-color: #C11A21;transition: all ease .3s;width: 0;}
.smenu-left .ul li a:after{content: " ";display: block;height: 6px;width: 6px;border-width: 1px 1px 0 0;border-color: #999;border-style: solid;transform: matrix(.71,1,-.71,1,0,0);position: relative;top: -2px;position: absolute;top: 50%;margin-top: -3px;right: 2px;transition: all ease .15s;}
.smenu-img{width: 33%;}
.smenu-img .img{width: 100%;height: auto;transition: all .8s ease .1s;max-height: 220px;}
.smenu-left .ul li a:hover{color: #C11A21;border: 0;}
.smenu-left .ul li a:hover:before{width: 100%;}
.smenu-left .ul li a:hover:after{border-color: #C11A21;}


.mIcon{display: none;}
/* ========== 头部：end ========== */


/* ========== 脚部：start ========== */
.footer{background: #20232A;position: relative;z-index: 1;}
.footer-top{display: flex;padding: 40px 0;justify-content: space-between;}
.footer-top .qrcode-sec{display: flex;flex-direction: column;align-items: center;}
.footer-top .qrcode-sec .logo{height: 40px;margin-bottom: 24px;}
.footer-top .qrcode-sec .qrcode{width: 120px;height: 120px;}
.footer-top .qrcode-sec .txt{color: #aaa;margin-top: 8px;}
.footer-top .menu-li{flex: 1;overflow: hidden;}

.footer-top h5{color: #787b80;line-height: 1;margin-bottom: 10px;font-size: 16px;}
.footer-top .menu-sec{min-width: 120px;margin-bottom: 30px;}
.footer-top .menu-sec:last-child{margin-bottom: 0;}
.footer-top .menu-g{display: flex;align-items: center;flex-wrap: wrap;}
.footer-top .menu-g a{color: rgba(255, 255, 255, 0.8);line-height: 2;display: block;margin-right: 15px;transition: all ease 0.3s;}
.footer-top .menu-g a:hover{color: #C11A21;}

.footer-top .contact-sec{width: 300px;}
.footer-top .contact-sec p{line-height: 1.4;margin-bottom: 10px;color: rgba(255, 255, 255, 0.8);}
.footer-top .contact-sec i{padding-right: 8px;font-size: 16px;}
.footer-bottom{padding: 15px 0;border-top: 1px rgb(255, 255,255, 0.1) solid;margin: 30px 0 0;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.footer-bottom p{line-height: 20px;text-align: center;font-size: 12px;color: #787b80;}
.footer-bottom p a{color: #787b80;}
/* ========== 脚部：end ========== */


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

/*swiper轮播*/
.swiper-container{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-container .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 6px;border-radius: 6px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 30px;}
.wapSwiper{display: none;}


/*块标题*/
.sec-tit{padding: 50px 0 30px;text-align: center;}
.sec-tit .name{font-size: 32px;color: #1a5d99;position: relative;line-height: 1;padding-bottom: 25px;}
.sec-tit .name:after{content: " ";display: block;position: absolute;bottom: 0;left: calc(50% - 35px);width: 70px;height: 3px;background-color: #1a5d99;border-radius: 3px;}
.sec-tit .remark{line-height: normal;font-size: 14px;width: 1000px;margin: 15px auto 0;color: #A9A9A9;}


/*更多*/
.sec_more{display: flex;justify-content: center;margin-top: 50px;}
.sec_more .nav{display: block;line-height: 42px;text-align: center;font-size: 15px;color: #1a5d99;border-radius: 2px;position: relative;transition: all .5s;width: 140px;background-color: #fff;border: 1px solid #1a5d99;}
.sec_more .nav:hover{background-color: #1a5d99;color: #fff;}
.sec_more .nav:after{content: '+';display: block;position: absolute;right: 28px;top: 0;}


/*关于我们*/
.about-block{position: relative;background-color: #f9f9f9;padding-bottom: 80px;}
.about-block:after{content: '';display: block;background-image: url('/images/template8/index-bg.jpg');background-repeat: no-repeat;background-position: bottom center;background-size: 100% auto;height: 280px;position: absolute;width: 100%;left: 0;bottom: 0;}
.about-box{}
.about-box .wrapper{display: flex;justify-content: space-between;background-color: #fff;position: relative;z-index: 1;padding: 40px;box-shadow: 0 42px 95px rgb(0 0 0 / 15%);}
.about-box .name{font-weight: bold;color: #1a5d99;font-size: 24px;margin-bottom: 20px;}
.about-box .cover{width: 48%;}
.about-box .cover .img{width: 100%;border-radius: 4px;}
/*.about-box .sec-tit{text-align: left;padding-top: 0;}*/
.about-con{width: 48%;}
.about-con .contents{line-height: 30px;text-align: justify;height: 240px;overflow: hidden;font-size: 15px;color: #666;text-indent: 2em;}
.about-con .sec_more{justify-content: flex-start;}
.about-con .map img{max-width: 100%;}


/*产品介绍*/
.products-lists{padding-bottom: 80px;display: none;}
.pro-row{display: flex;flex-wrap: wrap;}
.pro-row .card{width: 25%;display: flex;padding: 15px 0;}
.pro-row a{display: block;width: 290px;margin: 0 auto;}
.pro-row .img{overflow: hidden;border-radius: 4px;border: 1px #f2f2f2 solid;width: 100%;height: 290px;}
.pro-row .img img{transition: .4s ease-in-out;transform: scale(1);width: 100%;display: flex;object-fit: cover;}
.pro-row .img img:hover{transform: scale(1.1);}
.pro-row .name{width: 80%;font-size: 17px;color: #333;margin: -20px auto 0;background: hsla(0,0%,100%,.9);border: 1px solid #eee;display: flex;align-items: center;justify-content: center;min-height: 50px;line-height: 20px;position: relative;z-index: 2;border-radius: 4px;padding: 5px 8px;text-align: center;}
.pro-row .name:hover{text-decoration: underline;color: #007aff;}


/* tabs */
.navClass{display: flex;justify-content: center;margin-bottom: 25px;}
.navClass li{line-height: 40px;text-align: center;font-size: 18px;cursor: pointer;padding: 0 15px;}
.navClass li.cur a{font-weight: 600;display: inline-block;position: relative;}
.navClass li.cur a:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #000;}


/*信息*/
.info-block{background-image: url('/images/template8/index-bg.jpg');background-repeat: no-repeat;background-position: center;background-size: 100% 100%;padding: 80px 0;color: #fff;}
.info-block .tit{display: flex;justify-content: space-between;line-height: 1;align-items: flex-end;}
.info-block .tit .name{font-size: 28px;}
.info-block .tit .Arial{font-size: 20px;margin-top: 10px;}
.info-block .tit .more{font-size: 18px;}
.info-block .lists{display: flex;justify-content: space-between;margin-top: 65px;}
.info-block .items{width: 24.25%;margin-right: 1%;}
.info-block .items:last-child{margin-right: 0;}
.info-block .img img{width: 100%;height: 200px;object-fit: cover;}
.info-block .info{padding: 25px 30px 0;}
.info-block .info h5{font-size: 20px;font-weight: bold;}
.info-block .info p{line-height: 2.2;margin-top: 15px;text-align: justify;}


/*资讯*/
.inews-block{padding-bottom: 120px;background-color: #f9f9f9;}
.inews-box{display: flex;justify-content: space-between;padding-top: 30px;}
.inews-box .list{width: 570px;}
.inews-box .list li{padding: 17px 0;position: relative;}
.inews-box .list li:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dotted #ccc;}
.inews-box .list .cover{display: none;}
.inews-box .list .top{display: flex;line-height: 1;padding-bottom: 12px;}
.inews-box .list .name{display: block;flex: 1;padding: 0 50px 0 20px;position: relative;color: #444;font-size: 17px;}
.inews-box .list .name:hover{color: #000;text-decoration: underline;}
.inews-box .list .name:before{content: '';display: block;width: 4px;height: 4px;background: #666;border-radius: 50%;position: absolute;left: 5px;top: 50%;margin-top: -2px;}
.inews-box .list .date{color: #BBB;}
.inews-box .list .remark{line-height: 1.6;color: #888;padding-left: 20px;height: 45px;}
.inews-box #swiper2{width: 570px;margin: 0;}
.inews-box #swiper2 img{height: 435px;object-fit: cover;}
.inews-box .swiper-slide .tit{position: absolute;z-index: 2;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 0 200px 0 20px;line-height: 40px;width: 100%;bottom: 0;left: 0;}
.inews-box .swiper-slide .tit:hover{text-decoration: underline;}
.inews-box .swiper-container-horizontal>.swiper-pagination{width: auto;right: 0;left: inherit;padding-right: 10px;line-height: 40px;bottom: 0;}
.inews-box .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;}
/* ========== 首页内容：end ========== */



/* ========== 内页：start ========== */
/*背景*/
.container-fluid{padding: 60px 0;}
.container_tit{background-image: url('images/template8/container_bn.jpg');height: 280px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}


/*主box*/
.box_main{background: #fff;border-radius: 28px;min-height: 600px;display: flex;}
.box_left{width: 200px;margin-right: 40px;}
.box_right{flex: 1;overflow: hidden;padding-top: 10px;}


/*left菜单*/
.box_left .tit{background-color: #1a5d99;border-radius: 16px 16px 0 0;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;}
.lmenu li{border: 1px solid #ddd;border-top: 0;}
.lmenu a{display: block;line-height: 44px;text-align: center;transition: all 0.3s;font-size: 15px;}
.lmenu a:hover,
.lmenu .cur{color: #1a5d99;background-color: rgba(26,93,153, 0.08);}


/*标题与路径*/
.caption{display: flex;justify-content: space-between;line-height: 1;align-items: flex-end;border-bottom: 1px solid #d8d8d8;padding-bottom: 10px;}
.caption .tit{padding-left: 25px;color: #3a3a3a;font-size: 22px;color: #000;position: relative;}
.caption .tit:before{content: '';display: block;position: absolute;left: 2px;width: 12px;height: 12px;border: 5px dotted black;transform: rotate(45deg);top: 5px;border-color: #1a5d99;}
.caption .map{display: flex;align-items: center;}
.caption .map .home,.caption .map span{color: #444;}
.caption .map span{padding: 0 8px;}
.caption .map a{color: #555;}


/*right内容*/
.content{}
.content .title{font-size: 30px;font-weight: 600;text-align: center;margin-bottom: 18px;margin-top: 50px;}
.content .date{color: #484b4c;text-align: center;margin-bottom: 36px;font-family: Arial;}
.content .detail{padding: 20px;}
.content .info-detail{padding: 50px 20px;}
.content .detail p{line-height: 2;font-size: 16px;color: #444;text-align: justify;}
.content .detail img{max-width: 100%;}


/*证书*/
.cert_lists{display: flex;flex-wrap: wrap;padding: 40px 0;}
.cert_lists .item{width: 50%;text-align: center;margin-bottom: 30px;}
.cert_lists .item img{border: 1px #f5f5f5 solid;transition: all 0.3s;}
.cert_lists .name{font-weight: 600;line-height: 1.25;color: #2e3133;font-size: 18px;transition: all 0.3s;margin-top: 10px;}
.cert_lists .item:hover img{border-color: rgba(193, 26, 33, 0.3);}
.cert_lists .item:hover .name{color: #C11A21;}


/*新闻*/
.news_lists .item{display: flex;padding: 30px 0;position: relative;}
.news_lists .item:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dashed #999;}
.news_lists .img{position: relative;display: flex;justify-content: center;overflow: hidden;margin-right: 20px;}
.news_lists .img:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";background-color: rgba(0,0,0,.2);opacity: 0;transition: opacity .4s cubic-bezier(.4,0,.2,1);z-index: 1;}
.news_lists .img img{transition: .4s ease-in-out;transform: scale(1);object-fit: cover;width: 140px;height: 100px;}
.news_lists .info{flex: 1;overflow: hidden;height: 100px;display: flex;flex-direction: column;justify-content: space-between;}
.news_lists .top{display: flex;align-items: center;margin-bottom: 20px;}
.news_lists .name{flex: 1;font-weight: 600;line-height: 1.25;color: #2e3133;font-size: 18px;padding-right: 100px;}
.news_lists .pu-date{color: #999;}
.news_lists .intro{font-size: 15px;line-height: 1.5;color: #777;text-align: justify;}
.news_lists .name:hover{text-decoration: underline;color: #ea0437;}
.news_lists .img:hover img{transform: scale(1.1);}
.news_lists .img:hover:before{opacity: 1;}


/*单列表*/
.news_lists .li{line-height: 50px;border-bottom: solid 1px #eee;position: relative;padding-left: 25px;display: flex;}
.news_lists .li:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 6px;height: 6px;background: #CFCFCF;margin-top: -3px;}
.news_lists .li a:hover{color: #ea0437;text-decoration: underline;}
.news_lists .tit{flex: 1;padding-right: 80px;display: block;}
.news_lists .rdate{font-family: Arial;color: #878787;}


/*产品列表*/
.product_list{padding: 30px 0;display: flex;flex-wrap: wrap;}
.product_list li{width:33.33%;margin-bottom: 20px;}
.product_list li a{width: 300px;margin: 0 auto;display: block;}
.product_list .cover{width: 100%;height: 300px;overflow: hidden;transition: .4s ease all;position: relative;}
/*.product_list .cover:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px #f5f5f5 solid;border-bottom: 0;}*/
.product_list .cover img{width: 100%;height: 100%;transition: .4s ease-in-out;transform: scale(1);object-fit: cover;}
.product_list a:hover .cover:after{border-color: rgba(28,95,154, 0.3);}
.product_list a:hover .cover img{transform: scale(1.1);}
.product_list .name{line-height: 38px;color: #555;text-align: center;padding: 0 15px;transition: .4s ease all;font-size: 15px;}
.product_list a:hover .name{color: #1A5D99;}


/*留言*/
.content .feedback{padding: 50px;}
.feedback_ul li{margin-bottom: 20px;display: flex;font-size: 16px;}
.feedback_ul .tt{width: 160px;margin-right: 15px;text-align: right;line-height: 42px;}
.feedback_ul .textarea,
.feedback_ul .input{width: 350px;height: 42px;border: 1px solid #ccc;border-radius: 2px;padding: 0 10px;outline: none;font-size: 16px;}
.feedback_ul .textarea{width: 700px;padding: 10px;height: 200px;font-family: Microsoft Yahei;border-radius: 2px;}
.feedback_ul .tips{font-size: 16px;line-height: 2em;font-weight: 600;text-indent: 2em;}
.feedback_ul .nav{margin-left: 175px;margin-top: 50px;}
.feedback_ul .submit{border: 0;color: #fff;background-color: #C11A21;font-size: 16px;height: 42px;border-radius: 4px;width: 150px;}
.feedback_ul .reset{border: 1px #aaa solid;background: #fff;font-size: 16px;height: 42px;border-radius: 4px;width: 100px;color: #666;margin-left: 15px;}
.feedback_ul .input::-webkit-input-placeholder,
.feedback_ul .textarea::-webkit-input-placeholder{color: #d9d9d9;}
.feedback_ul .input::-moz-input-placeholder,
.feedback_ul .textarea::-moz-input-placeholder{color: #d9d9d9;}
.feedback_ul .input:-moz-input-placeholder,
.feedback_ul .textarea:-moz-input-placeholder{color: #d9d9d9;}
.feedback_ul .input:-ms-input-placeholder,
.feedback_ul .textarea:-ms-input-placeholder{color: #d9d9d9;}
/* ========== 内页：end ========== */


/* ========== 分页：start ========== */
.pagenav{display: flex;justify-content: center;}
.pagination{display:flex;align-items: center;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li{}
.pagination>li>a,.pagination>li>span{position: relative;display: block;line-height: 30px;width: 36px;text-align: center;text-decoration: none;color: #333;background-color:#fff;border: 1px solid #ddd;margin: 0 3px;border-radius: 4px;transition: all 0.3s;}
.pagination>li:first-child>a,
.pagination>li:first-child>span{}
.pagination>li:last-child>a,
.pagination>li:last-child>span{}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus{background-color: rgba(232, 30, 41, 0.08);border-color: #C11A21;}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{z-index: 2;color: #fff;background-color: #C11A21;border-color: #C11A21;cursor:default}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus{color: #bbb;background-color: #f2f2f2;border-color: #ddd;cursor: not-allowed}
.pagination-lg>li>a,
.pagination-lg>li>span{padding: 10px 16px;font-size: 18px}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
/* ========== 分页：end ========== */


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