html{font-size: 16px;}
*{margin: 0;padding: 0;font-family: "微软雅黑","黑体";color: black;box-sizing: border-box;}
ul li{list-style: none;padding: 0;margin:0;}
a{text-decoration: none;}
img{display: block;}


        .box {
            width: 100%;
            max-width: 1920px;
            min-width: 1200px;
            background: rgb(243, 243, 243);
        }

        .header {

            width: 100%;
            height: 31vw;
            background: url(../images/banner.jpg) no-repeat;
            background-size: cover;
            background-position: center;
          
           transition:2s;
            
        }
      
        .header .logo {
            padding: 12px 0px;

            width: 65%;
            margin: auto;
            border-bottom: 1px solid #ffffff1f;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .header .logo .logo_1 {

            width: 70%;

        }

        .header .logo .logo_2 {

            width: 30%;
            text-align: right;
        }

        .header .logo .logo_1 img {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
        }

        .header .logo h3 {
            display: inline-block;
            font-size: 2.1rem;
            color: white;
            font-weight: 100;
            margin-left: 20px;
            padding-left: 20px;
            border-left: 1px solid #ffffff1f;
        }


        .header .logo .logo_2 span {
            display: inline-block;
            font-size: 0.8rem;
            color: white;
           
        }

        .header .logo .logo_2 span a {

            color: white;

        }

        .header .logo .logo_2 form {
            display: inline-block;
            border: 1px solid rgba(225,225,225 ,0.7);
            padding: 2px 5px;
            border-radius: 30px;
          
            height: 30px;
        }

        .header .logo .logo_2 form .text {
            width: 75%;
        }

        .header .logo .logo_2 form input {
            display: inline-block;
            background: none;
            border: none;
            vertical-align: middle;
            outline: none;
        }

        .header .nav {
            padding-top: 20px;
            width: 65%;
            margin: auto;
            overflow: hidden;
        }

        .header .nav li {
            float: left;
           padding:0px 2.1%;

            text-align: center;
        }

        .header .nav li a {
            color: white;
            display: inline-block;
    padding-bottom: 5px;
          
        }
 .header .nav li a:hover{border-bottom: 1.5px solid wheat;color: wheat;}

          .footer {
            margin-top: 8rem;
        }

        .footer_1 {

            padding: 1.2rem 0;
            overflow: hidden;
            background: rgb(224, 224, 224);
        }

        .footer_1 ul {
            width: 65%;
            margin: auto;
        }

        .footer_1 li {
            float: left;

        }

        .footer_1 a {
            color: rgb(65, 65, 65);
            font-size: 14px;
            margin-right: 2rem;
        }

        .footer_1 li:nth-child(1) a {
            font-weight: 900;
            color: rgb(43 90 170);

        }

        .fonter_2 {
            background-color: rgb(43 90 170);
            text-align: center;
            padding: 1.1rem 0;
            font-size: 14px;
            color: white;

        }
          .footer_1 li a:hover{
               color: rgb(43 90 170);
          }