@charset "utf-8";
@import url(./animate.css);
/*Scroll*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #999; }
::-webkit-scrollbar {width: 6px; background-color: #999; }
::-webkit-scrollbar-thumb {background-color: #333; }

*{margin: 0;padding: 0;list-style: none;transition: all .3s;-webkit-transition: all .3s;box-sizing: border-box;}
body{cursor: default;color: #333;font-size: 14px;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;}
.container{max-width: 1200px;}
.bg-w{background-color: #ffffff;border-radius: 20px;}
.hover-shadow { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out }
header .header-top{font-size: 13px;line-height: 30px;border-bottom: 1px solid #e8e8e8;}
header .header-pc{margin-top:50px;position: relative; z-index: 999;}
header .header-pc .logo{padding: 30px 50px 18px;}
header .header-pc .logo p{margin: 0;font-size: 20px;font-weight: 600;color: #012887;text-transform: uppercase;}
header .header-pc .logo .cn{font-size: 30px;}
header .header-pc .hotline {text-align: end;}
header .header-pc .hotline .tel{color: #2f72e3;font-size: 30px;line-height: 30px;font-weight: bold;padding-top: 18px;padding-right: 50px;}
header .header-pc .hotline p{font-size:17px; color: #1e3378;margin: 0;}
header .header-pc .hotline .title_right img{margin-right: 10px;}
header .header-pc .hotline .title_phone{font-size: 17px;color: #1e3378;text-align: end;padding-bottom: 10px;}
header nav .nav-item {}
header nav .nav-item:hover{color: #2f72e3;}
header nav .nav-item a{padding: 10px; font-size: 16px; line-height: 50px;}
header nav .nav{justify-content: end;}
header nav .nav-item:hover > a{color: #2c53d2;}
header nav .dropdown-menu{background: #fff; margin: 10px 0 0;border-radius: 0;transition: unset;border: 0;z-index: 99;}
header nav .dropdown-menu .dropdown-item {padding: 0;z-index: 99;}
header nav .dropdown-menu .dropdown-item a{padding: 10px 20px;display: block;font-size: 14px;color: #333;}
header nav .dropdown-menu .dropdown-item a:hover{color:#2c53d2;}
header .nav .link-item{margin-top: 10px;padding-bottom: 10px;border-bottom: 2px solid transparent;z-index: 99;}
header .nav .link-item a{margin-top: 10px;display: block;padding: 5px 10px; border-radius: 15px; background-color: #e60011;font-size: 10px;color: #fff;}


.search{margin: 30px;}
.search .keyword{border: 0;width: 320px; height: 45px;line-height: 30px;outline: none;padding:  15px  20px;}
.search .tjiao{margin-left: 5px; width: 120px;height: 45px;color: #ffffff; background: #00ae4d; border: 0; outline: none; content: "";}

.m-head{display:none;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;padding: 5px;box-shadow: 0 -1px 5px rgba(0, 0, 0, .3);}
.m-head .m-head-logo{display: flex;color: #1562e3;justify-content: space-between;} 
.m-head .m-head-logo img{height: 50px;}
.m-head .m-head-menu .menu-open{float: right;color: #666;padding: 0 5px;}
.m-head .m-head-menu .menu-open i{font-size: 30px;}
.m-nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000;}
.m-nav .closecover{position:absolute;width:100%;height:100%;background:#000;left:0px;top:0px;z-index:1;filter:alpha(opacity=0);opacity:0;}
.m-nav .menu-close {color: #fff;}
.m-nav .menu-close i{font-size: 30px;}
.m-nav .closeicon{position:absolute;width:20%;left:0;top:1%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;}
.m-nav .m-navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m-nav .m-navList ul{padding-left:5%;padding-right:5%;list-style: none;}
.m-nav .m-navList ul li{border-bottom:1px solid #232530;}
.m-nav .m-navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m-nav .m-navList ul li .m-nav-f{display: flex;align-items: center;justify-content: space-between; width: 100%;}
.m-nav .m-navList ul li .m-nav-f a{flex: 1;}
.m-nav .m-navList ul li .m-nav-f i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon-p{ background:url(../img/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.icon-on{background:url(../img/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.m-nav .m-navList ul li .m-nav-s{display:none;width: 100%;}
.m-nav .m-navList ul li .m-nav-s a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.m-nav .m-navList .m-nav-img{position: absolute;bottom: 15px;padding: 0 5%;width: 100%;}
.m-nav .m-navList .m-nav-img img{width: 100%;}

.m-head .m-head-logo p{margin: 0;font-size: 14px;font-weight: 600;color: #012887;text-transform: uppercase;}
.m-head .m-head-logo .cn{font-size: 16px;}


.slide{margin-top: -150px;}
.slide .swiper-slide{display: flex;justify-content: center;overflow: hidden;}
.slide .swiper-slide img{width: 100%;}
.slide .swiper-pagination-bullet{}
.slide .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{border: 3px solid #fff;width: 15px;height: 15px;margin: 0 5px;}


/* 首页开始 */


/* 通用样式 */
.pr-5{padding-right: 50px;}
.mg-top{margin-top: 50px;}
.mg-right{margin-right: 20px;}



/* 产品 */
.product-index{}
.product-index .title-index p{margin-bottom: 0;}
.product-index .title-index .t-left .word{margin-top: -160px;margin-left: 70px;}
.product-index .title-index .t-left .p{font-size: 200px;font-weight: bold;color: #cad3e3;}
.product-index .title-index .t-left .slime{font-size: 15px;color: #747474;margin-left: 80px; margin-bottom: 25px;}
.product-index .title-index .t-left .font{font-size: 30px;color: #1562e3;}
.product-index .title-index .t-right .title-list{text-align: center;justify-content: end;margin-top: 120px;}
.product-index .title-index .t-right .title-list .title{margin-top: 10px; font-size: 24px;color: #3c3c3c;border-bottom: 1px solid #d1cfcf;padding-bottom: 10px;}
.product-index .title-index .t-right .title-list .icon{color: #d1cfcf; padding: 10px 0; font-size: 30px; line-height: 10px;}
.product-index .title-index .t-right .title-list .hover:hover{background-color: #2f72e3;}
.product-index .title-index .t-right .title-list .hover:hover .title{color: #ffffff;border-bottom: 1px solid #ffffff;}
.product-index .title-index .t-right .title-list .hover:hover .icon{color: #ffffff;}
.list-box {margin-top: 100px;}
.list-box .img {height: 240px;}
.list-box .img img{width: 100%;height: 100%;object-fit: cover;}
.list-box .title{padding: 20px 0; text-align: center;background-color: #eeeeee;font-size: 16px;font-weight: bold;}
.list-box .title .link{padding-top: 10px; color: #8d8d8d;font-size: 14px;font-weight: 100;}
.list-box .title p{margin: 0;}
.list-box .hover:hover .title{background-color: #2f72e3;color: #ffffff;}
.list-box .hover:hover .link{color:#ffffff;}

/* 荣誉资质 */
.honor{margin-top: 100px; background-image: url(../img/h_bg.jpg);background-position: center;background-size: cover;}
.honor .title-index{padding-top: 100px;}
.honor .title-index .p{font-size: 48px;color: #868b93;font-weight: 600;}
.honor .title-index .slime{font-size: 48px;color: #ffffff;font-weight: 600;}
.honor .title-index .word{margin-top: -60px;}
.honor .title-index .font{background-color: #00ae4d;width: 110px;height: 15px;margin-top: -36px;}
.honor .title-index .t-right{justify-content: end;margin-top: 35px;color: #ffffff;}
.honor .title-index .t-right .icon{font-size: 30px;background-color: #00ae4d;width: 85px;height: 40px;text-align: center;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
.honor .title-index .t-right .more {font-size: 18px;padding-top: 5px;}
.honor .title-index a{color: #ffffff; }
.honor .content {justify-content: center;padding-bottom: 30px;}
.honor .content .list-zs{text-align: center;}
.honor .content .row .col-lg-5{width: 38.66667%;}

/* 关于我们 */
.about-index{background-image: url(../img/about_bg.jpg);background-size: 100% 100%;background-position: left; background-repeat: no-repeat;background-color: #f5f5f5;}
.about-index .title{padding-top: 120px;}
.about-index .title p{font-size: 48px;font-weight: bold;margin: 0;}
.about-index .title .bg{width: 110px;height: 15px;background-color: #2f72e3;    margin-top: -20px;}
.about-index .content{margin-top: 15px;}
.about-index .content .word{margin-top: 15px; background-color: #ffffff;padding: 30px;text-indent: 2rem;}
.about-index .content .link{background-color: #63b44b;width: 85px;height: 35px;text-align: center;border-bottom-left-radius: 20px;border-top-right-radius: 20px;margin-top: -45px; margin-left: 77%;}
.about-index .content .link a{font-size: 16px;text-align: center;color: #ffffff;padding-top: 5px; display: inline-block;}
.about-index .content .img{margin-top: -35px; margin-left: -40px;}
.about-index .server {text-align: center;margin-top: 60px;padding-bottom: 100px;}
.about-index .server .l-name{margin: 10px 0;font-size: 24px;font-weight: 600;color: #010101;}
.about-index .server .s-name{font-size: 15px;margin-bottom: 5px;}
.about-index .server .line{border-right: 1px solid #d2d2d2;  height: 110px;  margin-top: -150px;}

/* 新闻 */
.news{margin-bottom: 100px;}
.news .title-index{padding-top:100px ;}
.news .title-index .p{font-size: 48px;color: #f5f5f5;font-weight: 600;}
.news .title-index .slime{font-size: 48px;color: #010101;font-weight: 600;}
.news .title-index .word{margin-top: -60px;}
.news .title-index .font{background-color: #63b44b;width: 110px;height: 15px;margin-top: -36px;}
.news .title-index .t-right{justify-content: end;}
.news .title-index .t-right .more{margin-left: 20px; margin-top: 40px;line-height: 45px; border: 1px solid #dcdcdc; color: #3853a2;font-size: 20px;background-color: #f7f7f7;height: 47px; text-align: center;border-bottom-left-radius: 20px;border-top-right-radius: 20px;}
.news .title-index .t-right .more:hover{color: #ffffff;background-color: #3853a2;}
.news .title-index .t-right .more:hover a{color: #ffffff;}
.news .title-index .t-right .more a{font-size: 20px;color: #3853a2;font-weight: 600;}
.news .img-content{margin: 50px 0;}
.news .img-content .num{font-size: 120px;color: #f7f7f7;font-weight: 600;text-align: center;}
.news .img-content .border:hover .title{color: #00ae4d;}
.news .img-content .title{margin: -100px 20px 20px;font-size: 18px;color: #111111;font-weight: 600;}
.news .img-content .description{margin: 50px 20px 20px;font-size: 14px;color: #6c6c6c;font-weight: lighter;}
.news .img-content .data{margin-left: 20px; padding-bottom: 30px; font-size: 14px;color: #9c9c9c;font-weight: lighter;}
.news .word-content .content:hover a .title-b{color: #00ae4d;}
.news .word-content .date{text-align: center;border-right: 1px solid #b2b2b2;} 
.news .word-content .date .day{font-size: 52px;color: #000000;font-weight: 600;}
.news .word-content .date .year{font-size: 14px;font-weight: lighter;color: #9c9c9c;}
.news .word-content .content .title-b{font-size: 20px; color: #000000;font-weight: 600;border-bottom: 1px solid #b2b2b2;padding-bottom: 15px;}
.news .word-content .content .description-b{padding-top: 15px; font-size: 14px;color: #8f8f8f;}




/* 首页结束 */


/* 内页 */


/* 左边栏 */

.sticky-top{margin-top: 20px;}
.sidebar dt{padding: 15px;background:#1562e3;color: #f4f4f4;  font-size: 22px;font-weight: 500;text-align: center;}
.sidebar dt p{margin: 5px 0;}
.sidebar dd a{padding: 20px 20px 20px 10px;border-left: 10px solid #f4f4f4; background-color: #f4f4f4; margin-top: 20px; display: block;  font-size: 16px;font-weight: bold;text-align: center;}
.sidebar dd a:hover{color: #1562e3;border-left: 10px solid #1562e3;}
.sidebar .contacts h3{padding: 15px;background:#1562e3; color: #fff;  font-size: 22px;font-weight: 500;text-align: center;}
.sidebar .contacts .text{padding: 15px;  background: #f4f4f4;}
.sidebar .contacts .text p{margin-bottom: 5px; font-size: 13px;}




/* 人员 */
/* .p_product .list_box{margin-top: 20px;} */
.p_product .line:hover{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);}
.p_product .line{border: 1px solid #a0a0a0;}
.p_product .line .title1{font-size: 14px;  padding: 0;font-weight: 600;height: 50px;}
.p_product .line:hover .title1{color: #53b57b;}
.p_product .img {height: 280px;margin: 10px ;}
.p_product .img img{width: 100%;height: 100%;object-fit: contain;}


/* 荣誉 */
.p_honor .list_box{margin-top: 35px;}
.p_honor .line{border: 1px solid #f0f0f0;}
.p_honor .img img{width: 100%;}


/* 详情内页 */
.main{margin-top: 36px;min-height:600px;font-size: 16px;}
.main .pro_top p{font-size: 24px;color: #333;font-weight: bolder;}
.main .pro_top {width: 100%;text-align: center;}
.main .bt_title{font-size: 18px;  color: #333333;padding-left: 15px; font-weight: bolder;  margin-bottom: 15px;border-left: 5px solid #1562e3; }
.img-full { width: 100%;object-fit: cover; border: 1px solid rgba(0, 0, 0, .3);}
.img-small  {height: 110px;object-fit: cover;width: 100%; border: 1px solid rgba(0, 0, 0, .3);}
.main .p_p{margin-top: 20px;}
.main .bread{padding-bottom: 20px;border-bottom: 1px solid rgba(0, 0, 0, .3);}
.main .pro_img{overflow: hidden;text-align: center;margin: auto;}



/* 内页标题 */
.nei_title{margin: 20px 0;display: flex; border-left: 5px solid #1562e3;justify-content: space-between;}
.nei_title .name{font-size: 18px;color: #1562e3; margin: auto 10px;font-weight: bold;}
.nei_title .more{padding-top: 15px;padding-right: 15px;margin: 0;color: #787777;}
.nei_title .more span{font-size: 22px;color: #1562e3; padding: 1px 10px; }

.contents h4{font-size: 24px; margin: 16px 0 0 0;}
.contents .list-item {padding: 20px 10px;border-bottom: 1px dashed #ddd;}
.contents .list-item a {display: flex;justify-content: space-between;}
.contents .list-item .date{width: 80px;height: 80px;background: #f5f5f5;border-radius: 10px;padding: 5px;text-align: center;font-size: 40px;line-height: 1.2;}
.contents .list-item .date small{display: block;font-size: 12px;}
.contents .list-item .content{width: 85%;}
.contents .list-item .content h2{font-size: 16px;font-weight: 600;}
.contents .list-item .content p{text-align: justify;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;color: #999;}
.contents .list-item:hover {background: #eee;}
.title1{text-align: center;font-size: 16px;padding: 20px 0;}
.title1 span{font-size: 14px;}


/* 页面底部 */
.f-mx{max-width: 1100px;}
footer{background:#292c3f;}
.search-b{margin-bottom: -80px; position: relative; z-index: 11; background-image: url(../img/b-search.png);background-position: center;background-size: cover;}
.search-b .tel{margin: 30px 0;}
.search-b .tel .tel2{ color: #ffffff;font-size: 30px;font-weight: 600;}
footer p{ font-size: 14px;margin-bottom: 5px;color: #fefefe;font-size: 17px;}
footer a:hover{color: #1562e3;}
footer .fbox{padding-top: 120px;border-bottom: 1px solid rgba(255,255,255, .3);}
footer .text1{text-align: center;padding-top: 25px;}
footer .fbox .text {text-align: center;}
footer .fbox .text a{text-align: center; font-size: 17px; color: #fefefe;display: inline-block; margin-top: 20px;margin-bottom: 25px;}
footer .fbox .text a:hover{color: #53b57b;}


.myoffc{height: auto!important;}
.m-foot,.m-copy{display: none;}

.copy{margin-top: 30px; text-align: center;background-color: #fefefe;border-top: 1px solid rgba(255,255,255, .2);}
.copy p{display: inline-block; margin: 0 5px; line-height: 45px;color: #000;}
.copy a{color: #000;}

.pager{padding-left: 0;margin: 17px 0;list-style: none;text-align: center;}
.pager .pagination{margin: 0; display: inline-block; padding-left: 0; border-radius: 3px;}
.pager li{margin: 0 0.4em; display: inline-block;}
.pager li > a, .pager li > span{background: none;border: 1px solid #e6e6e6;  border-radius: 0.25em;  padding: 0.5em 0.93em;  font-size: 14px;display: inline-block;line-height: 1.42857143;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
  z-index: 3;
  color: #fff;
  background-color: #2c3e50;
  border-color: #2c3e50;
  cursor: default;
}



@media (max-width:1024px) {
  .main .pro_top p{font-size: 18px;}
  .search-b{display: none;}
  header * {transition: unset;-webkit-transition: unset;}
  header .header-pc, header .header-top{display: none;}
  header .m-head{display: block;}
  .slide{margin-top: 50px;}
  .slide .swiper-slide img{width: 130%;}
  /* 首页产品标题 */
  .product-index .title-index .t-left .p{font-size: 100px;}
  .product-index .title-index .t-left .word{margin-top: -100px;}
  .product-index .title-index .t-left .font{font-size: 20px;}
  .product-index .title-index .t-left .slime{margin-left: 20px;margin-bottom: 15px;}
  .product-index .title-index .t-right .title-list{margin-top: 30px;}
  .list-box{margin-top: 30px;}
  .honor{margin-top: 30px;}
  .honor .title-index {padding-top: 30px;}
  .honor .title-index .p{font-size: 38px;}
  .honor .title-index .slime{font-size: 38px;}
  .honor .title-index .word {margin-top: -50px;}
  .honor .content .row .col-lg-5{width: 50%;}
  .about-index{background-size:contain}
  .about-index .title {padding-top: 30px;}
  .about-index .title p{font-size: 38px;}
  .about-index .content .img{margin-top: 10px;margin-left: 0;}
  .about-index .server .l-name {font-size: 20px;}
  .about-index .server .s-name{font-size: 13px;}
  .about-index .server .line{height: 150px;}

  .news .title-index{padding-top: 30px;}
  .news .title-index .slime{font-size: 38px;}
  .news .img-content .num{font-size: 80px;}
  .news .img-content .title {margin: -80px 20px 20px;font-size: 16px;}
  .news .img-content .description{margin: 20px;}

  .title1{font-size: 12px;}

  .bg_about{padding: 30px;}
  .img_list .line .img {height: 200px;}
  .mg-top{margin-top: 15px;}
  .news_top{padding-top: 30px;}


  .new_list{margin-top: 20px;}
  .new_list .right p{font-size: 12px;margin-bottom: 0;}
  .new_list .right h3{font-size: 16px;}
  .new_list .left{height: 220px;}
  .contents .list-item .content{width: 70%;}
  .p_product .img{height: 200px;margin: 10px;}
  .p_product .img img{width: 100%;}
  .new_list .right .date .qq{margin-left: 60%;}


  footer{display: none;}
  footer .footer-navi{display: none;}
  footer .text{padding: 15px;border: none;}
  footer .wechat{display: none;}
  footer .copy{margin: 0;border-top: 1px solid rgba(255,255,255, .3);padding: 15px 0;}
  footer .copy p{line-height: 24px;}
  .m-copy{display: block;padding-bottom:72px;text-align:center;color:#999;line-height:3;}
  .m-foot{display: block;position: fixed;bottom:0;background:#fff;box-shadow:0 -6px 6px rgba(0,0,0,.2);width: 100%;height:60px;padding:8px 0;z-index: 1060;}
  .m-foot a{text-align:center;flex-wrap:wrap;display: flex;width:100%;justify-content:center;line-height:1.2;font-size:14px;color:#666;}
  .m-foot a i::before{font-size:24px;}
  .m-foot a span{width:100%;}
}

/* @media (max-width:768px) {

}

@media (max-width:425px) {
  .main{padding: 15px;}
  .m-head .m-head-logo h1{font-size: 18px;padding-top: 10px;}
  .sticky-top{margin: 20px 60px;}
  .contents .list-item .content h2{font-size: 14px;}
  .contents .list-item .content p{font-size: 12px;}
  .contents .list-item .content{padding-left: 10px;}
  .pro_content{margin-top: 0;}
  .words{padding: 15px;}
  .about_h .link{padding: 0 15px;}
  .about_h .word{padding: 0 15px;}
  .p_product{padding: 0 15px;}
  .top_r{margin-top: 50px;}
  .p_product .line .img{height: 156px;}
  .p_product .line .title1{font-size: 14px;padding: 10px;}
} */