body {font: 16px '微软雅黑',Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; }
.c{width: 1350px;margin:0 auto;}
.header{width: 100%;height: 90px;font-size: 16px;}
.header .header_mid{width:1600px;height: 90px; margin:0 auto;}
.header .header_mid a img{height: 47px;margin-top: 21px; float: left;}
.header .header_mid .nav{width: 66%; height: 45px;line-height: 45px;margin-left: 5%; margin-top: 22px; float: left;}
.header .header_mid ul{list-style-type:none}
.header .header_mid ul li{height: 45px;line-height: 45px;float: left; text-align:center;margin-left: 5%;}
.header .header_mid ul li a{color: #666666;font-size: 16px;}
.header .header_mid ul li a:hover {color: #e84567;text-decoration: none;}
.header .header_mid ul li a:visited {text-decoration: none;}
.header .header_mid .phone{height: 90px;float: right;width: 12%;}
.header .header_mid .phone img{float: left; margin-top: 35px;}
.header .header_mid .phone p{font-size: 16px;color: #666666;margin-top: 35px;}
.header .header_mid ul li.active a{color: #e84567;} 

.banner{width: 100%;height: 460px;}
  
.content_1{width: 100%;height: 480px;background-color: #ffffff;}
.content_1 .c .position{line-height: 40px;font-size: 16px; color: #666666;}
.content_1 .c .position a{line-height: 40px;font-size: 16px; color: #666666;text-decoration: none;}
.content_1 .c .position a:hover{color: #e50112;}
.content_1 .c ul{list-style-type:none;width: 100%;height: 310px;padding-inline-start: 0px;}
.content_1 .c ul li{width: 24%;height: 310px;background-color: #ffffff;float: left;margin-right: 1.3%;}
.content_1 .c ul li:nth-child(4){width: 24%;height: 310px;background-color: #ffffff;float: right; margin-right: 0px;}
.content_1 .c ul .content1 .tp{background: url("/lib/images/contact1.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content1 .title{font-size: 16px;color: #666666;width: 100%;text-align: center;}
.content_1 .c ul .content1 .title1{font-size: 16px;color: #666666;width: 100%;text-align: center;margin-top: 10px;line-height: 20px;}
.content_1 .c ul .content1 .tp:hover{background: url("/lib/images/contact1_1.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content2 .tp{background: url("/lib/images/contact2.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content2 .title{font-size: 16px;color: #666666;width: 100%;text-align: center;}
.content_1 .c ul .content2 .title1{font-size: 16px;color: #666666;width: 100%;text-align: center;margin-top: 10px;line-height: 20px;}
.content_1 .c ul .content2 .tp:hover{background: url("/lib/images/contact2_1.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content3 .tp{background: url("/lib/images/contact3.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content3 .title{font-size: 16px;color: #666666;width: 100%;text-align: center;}
.content_1 .c ul .content3 .title1{font-size: 16px;color: #666666;width: 100%;text-align: center;margin-top: 10px;line-height: 20px;}
.content_1 .c ul .content3 .tp:hover{background: url("/lib/images/contact3_1.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content4 .tp{background: url("/lib/images/contact4.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}
.content_1 .c ul .content4 .title{font-size: 16px;color: #666666;width: 100%;text-align: center;}
.content_1 .c ul .content4 .title1{font-size: 16px;color: #666666;width: 100%;text-align: center;margin-top: 10px;line-height: 20px;}
.content_1 .c ul .content4 .tp:hover{background: url("/lib/images/contact4_1.png") no-repeat center;width: 132px;height: 132px;margin: 30px auto;}

.content_2{width: 100%;height: 600px; background-color: #f7f7f7;}
.content_2 .c h5{font-size: 24px;color: #333333;width: 100%;padding-top: 60px;}
.content_2 .c .text1{width:48%;float: left;margin-right: 4%;margin-top: 20px;}
.content_2 .c .text1:nth-child(2){width:48%;float: right;margin-right: 0px;}
.content_2 .c .text1:nth-child(4){width:48%;float: right;margin-right: 0px;}
.content_2 .c .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 50px;
    border-radius:4px;
    border:0 solid #ffffff;
    color:#666666;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
  }
.content_2 .c .text1 input[type="text"]:focus{border:1px solid #e50112;}

.content_2 .c .msg{
    font-size: 14px;
    border:0 solid #ffffff;
    border-radius:5px;
    background-color:#ffffff;
    width: 100%;
    height: 200px;
    padding: 20px;
    resize: none;
    margin-top: 20px;
}
.content_2 .c .msg:focus{outline-color:#e50112}
textarea{color:#666666;}
.content_2 .c .submit1{width: 210px;height: 50px;float: right;margin-top: 20px;}
.content_2 .c .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:16px;
    height: 50px;
    border-radius:25px;
    border:0 solid #ffffff;
    color:#ffffff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #e84566;
  }


  .map{width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: url(/lib/images/Map.jpg);
    height: 700px;
    background-position: center;
    background-size: 110% 100%;}

    @media (max-width:1400px){
      .header .header_mid{max-width: 95%;}
      .banner{max-width: 98%;}
      .header .header_mid ul li a{font-size: 14px;}
      .header .header_mid .nav {margin-left: 2%;width: 62%;}
      .header .header_mid .phone{width: 15%;}
      .header .header_mid ul li{height: 45px;line-height: 45px;float: left; text-align:center;margin-left: 3%;}
      .c{max-width: 96%;}
    }
