@font-face { font-family: 'MyCustomFont'; src: url('fonts/DingTalkJinBuTi.woff2') format('woff2'),url('fonts/DingTalkJinBuTi.woff') format('woff');font-weight: normal;font-style: normal;}
   
     html{ scroll-behavior: smooth;}
     body { padding: 0px; margin: 0px; color: #333; font-family: "DingTalk JinBuTi", Arial, Helvetica, sans-serif; font-weight: 400; }


    .back_top { display: block; margin: 5px; position: fixed; z-index: 1; right: 0px; bottom: 100px; color: #FFF; background-color: #333; font-size: 12px; text-align: center; padding: 15px; font-family: Arial, Helvetica, sans-serif; }
    
     .top { font-size: 12px; background-color: #FFF; padding: 7px; font-family: Arial, Helvetica, sans-serif; }
     
     header { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin-right: auto; margin-left: auto; }
     header .logo { }
     header .logo img { }
        
     header .tel { padding-right: 10px; }
     header .tel p { font-size: 14px; margin: 0px; padding: 0px; font-family: "宋体"; }
     header .tel span { font-size: 28px; color: #14326F; }
    
    .menu { background-color: #1e50ae; background-image: url(/files/img/menubg.png); position: relative; z-index: 999; }
    .menu ul { display: flex; justify-content: space-between; margin: 0 -5px; list-style-type: none; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 1200px; }
    .menu ul li { display: block; }
    .menu ul li i { display: none; }
    .menu ul li a { display: block; padding: 15px; color: #fff; text-decoration: none; font-weight: 400; letter-spacing: 1px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 1.2em; }
    .menu ul li a:hover,.menu .on { color: #fff; background-color: #13439d; }
    .menu ul li ul { display: none; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: rgba(255,255,255,.2); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);background-color: rgba(30,80,175,.5); 
    }
    .menu ul li ul a{	font-size: 1em; }
    .menu ul li:hover ul { display: block; width: 150px; position: absolute; z-index: 1; }
    
    
    footer { color: #CCC; background-color: #333; padding-top: 70px; padding-bottom: 70px; }
	footer h1 { font-size: 24px; font-weight: 300; float: right; color: #4C4C4C; }
	footer h1 a{ font-size: 18px; font-weight: 300; display: block; color: #4C4C4C; text-align: center; }
	footer p { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #6A6A6A; padding-top: 2px; padding-bottom: 2px; }
	footer p a{ font-size: 14px; font-weight: 300;color: #6A6A6A;  }
    footer nav { margin-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4E4E4E; }
    footer nav ul{ display: flex;list-style-type: none; margin: 0px !important; padding: 0px !important; }
    footer nav ul i{ display:none;}
    footer nav ul li { padding: 0px; margin-right: 20px; }
    footer nav ul li:first-child { display: none;}
    footer nav ul a{ display: block; font-size: 1.1em; line-height: 40px; color: #ccc; text-decoration: none; font-family: Arial, Helvetica, sans-serif;  }
    footer nav ul a:hover{ color:#fff }
    footer nav ul li ul{ display: none;}
    footer nav ul li ul li a{ font-size: 1em; }
	footer .con { background-repeat: no-repeat; background-position: right bottom; background-image: url(/files/img/logox.png); }
    
    .content { margin: auto; margin-right: auto; margin-left: auto; width: 1200px; position: relative;}
    .content table{  }
    .content table td{  }
    
    .bg { background-color: #333; height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }
    .bg h2 { font-size: 3em; color: #fff; text-shadow: 0 0 1px #000; padding-top: 7.5%; animation: fadeInLeft 1s ease forwards;}
    .bg h3 { font-size: 24px; color: #fff; text-shadow: 0 0 1px #000; padding-left: 3px; padding-top: 3px; animation: fadeInRight 1s ease forwards;}
    .bg a{ line-height: 40px; color: #FFF; text-decoration: none; background-color: #13439d; display: inline-block; padding-right: 50px; padding-left: 50px; transition: all 1s; margin-top: 20px; font-size: 1.2em; }
    .bg a:hover{ background-color: #FFD953; }
    
    .hf { background-color: #718dc9; background-repeat: no-repeat; background-size: cover; background-position: 0% center; background-image: url(/files/img/b1.jpg); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
    
 /*首页横幅*/
    .hf .swiper { margin: auto; width: 100%; }
    .hf .swiper-slide { font-weight: bold; color: #fff; padding-top: 250px; padding-bottom: 400px; }
    .hf .swiper-slide h2 { font-size: 72px; padding: 0px; text-align: left; max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 15px; margin-left: auto; font-weight: 400; }
    .hf .swiper-slide p { font-size: 36px; max-width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left; display: block; font-weight: normal; }
    .hf .swiper-slide a{ line-height: 40px; color: #FFF; text-decoration: none; background-color: #13439d; display: inline-block; padding-right: 50px; padding-left: 50px; transition: all 1s; margin-top: 20px; font-size: 16px; }
    .hf .swiper-slide a:hover{ background-color: #1e50ae; }
    
    .on { background-position: 15%; }
    
    #certify { position: relative; width: 100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
    #certify .swiper-container { }
    #certify .swiper-slide { width: 300px; height: 450px; background: #fff; box-shadow: 0 3px 7px #d1d1d1; }
    #certify .swiper-slide img { display: block; width: 100%; height: 100%; }
    #certify .swiper-slide p { line-height: 200%; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; position: absolute; }
    #certify .swiper-pagination { width: 100%; bottom: 20px; }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #fff; }
    
    #carousel { position: relative; width: 90%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; overflow: hidden; }
    #carousel .swiper { padding: 150px; min-width: 1200px; }
    #carousel .swiper-wrapper { }
    #carousel .swiper-slide { width: 25%; height:300px; background: #fff; box-shadow: 0 8px 20px #ddd; }

    #carousel .swiper-slide img { display: block; width: 100%; }
    #carousel .swiper-slide p { line-height: 58px; padding-top: 0; text-align: center; color: #636363; font-size: 1em; margin: 0; }
    #carousel .swiper-pagination { width: 100%; bottom: 20px; }
    #carousel .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; background-color: #e8f5ff; width: 20px; height: 10px; opacity: 1; border-radius: 5px; }
    #carousel .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #3eb2f3; width: 35px; }

    @media (max-width: 1000px) {
        #carousel .swiper-slide { width: 50%; }
    }
    
    .mbx{ background-color: #fff; margin-top: 30px; z-index: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255,255,255,.5); margin-bottom: 30px; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; }
    
    .b1 { text-align: center; margin-bottom: 60px; }
    .b1 h2 { color: #f3f3f3; font-size: 60px; line-height: 50px; margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; }
    .b1 h3 { font-size: 36px; padding: 0px; margin-top: -15px; font-weight: normal; letter-spacing: 1px; }
   
    .con { width: 1200px; max-width: 100%; margin-right: auto; margin-left: auto; }
    .con ul { padding: 15px; }
    
    .fw { background-color: #e1e1e1; padding-top: 100px; padding-bottom: 100px; background-image: url(/files/img/lanbg.jpg); background-size: cover; }
    .fw ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }
    .fw ul li { flex-basis: calc(50% - 8px); box-sizing: border-box; background-color: #FFF; display: block; padding: 20px; font-size: 14px; color: #111; }
    .fw ul li p { line-height: 100%; padding: 0px; font-size: 18px; margin: 0px; }

    .dxal { padding-top: 100px; padding-bottom: 100px; }
    .dxal .con ul { display: flex; }
    .dxal .con ul li img { height: 150px;}
    
    .xwgg { padding-top: 100px; padding-bottom: 100px; }
    .xwgg .con ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; }
    .xwgg .con ul li { display: block; margin: 0px; padding: 0px; list-style-type: none; width: 40%; }
    .xwgg .con ul li s { text-decoration: none; font-size: 24px; }
    .xwgg .con ul li a { display: block; font-size: 1.2em; color: #173371; text-decoration: none; }
    .xwgg .con ul li a:hover { color: #03C; }
    .xwgg .con ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
    
    .fwxm { padding-top: 100px; padding-bottom: 150px; background-image: url(/files/img/bai.jpg); background-repeat: no-repeat; background-position: center bottom; }
    .fwxm .con ul {  display: flex; flex-wrap: wrap; gap: 20px;padding: 0; list-style: none;padding-bottom: 50px;}
    .fwxm .con ul li{ flex: 1 0 calc(33.33% - 20px); padding: 0px;  border-radius: 2px; box-sizing: border-box; }
    .fwxm .con ul li a { font-size: 1.3em; color: #FFFFFF; text-decoration: none; display: block; padding-top: 120px; padding-bottom: 0px; background-size: cover; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
    .fwxm .con ul li a:hover{ color: #FFD953; background-position: center; }
    .fwxm .con ul li a b{ display: inline-block; padding: 5px; background-image: linear-gradient(to right, rgba(25, 55, 115, 0.9), rgba(25, 55, 115, 0)); font-weight: 200; }
    
    .list,.doc{ animation: fadeInDown 1s ease forwards;margin-right: auto; margin-left: auto; max-width:1200px;}
    
 @keyframes fadeInLeft {
            from {opacity: 0;transform: translateX(-50px); } to { opacity: 1;transform: translateX(0); }
 }
  @keyframes fadeInRight {
            from {opacity: 0;transform: translateX(50px); } to { opacity: 1;transform: translateX(0); }
 } 
 @keyframes fadeInDown {
            from { opacity: 0;transform: translateY(50px); } to {opacity: 1;transform: translateY(0); }
 }