@charset "utf-8";  

body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,button,th,td,figure,figcaption {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
img {border: none;}
input,select,textarea{outline:none;}
ul li{list-style: none;}
a {text-decoration: none;cursor: pointer;color:inherit;font-size: inherit;}
a:hover,a:active,a:focus{text-decoration: none;color:inherit;}

body {width: 100%;font-family: 'Montserrat', sans-serif; font-weight: 500; -webkit-text-size-adjust: none;overflow-x: hidden;}
html,body{color:#000; background: #fff; overflow-x: hidden;}
html {outline: 0;-webkit-text-size-adjust: none; font-size: 0.85vw;}
em{font-style:normal;color:#ff4b4c;}
.fl {float: left;}/*左浮动*/
.fr {float: right;}/* 右浮动*/
.tal{text-align: left;}
.tac{text-align:center;}
.tar{text-align:right;}
.clear {clear: both;}/*清除浮动*/
.clearfix:after{clear:both;display: block;content: '';}/*清除浮动*/
.flexbox{display: flex;}
.header{ background: #fff; box-shadow: 5px 0 15px rgba(0,0,0,0.3); position: relative; z-index: 1000;}
.header.notop{position: fixed; top:0; left: 0; width: 100%; z-index: 100;}
.logo img{height: 3.9vw}
.header .container5{overflow: hidden; position: relative; height: 100%; align-items: center;   display: flex;  justify-content:space-between; transition: all 0.5s;}
.container{width: 1600px}
.container5{ width: 1800px; margin: 0 auto}
.container2{ width: 1360px;}
.logo{float: left; }
.nav li.search:after{display: none}
.nav{ position: relative;}
.nav li a{font-size: 18px; font-weight: 500}
.nav li{display: inline-block; padding: 37px 2.4vw; position: relative;}
.nav li:after{position: absolute; width: 1px; height: 1vw;  content: ""; display: block; position: absolute; left: 0;  top: 0; bottom: 0; margin: auto;}
.nav li:first-child:after{display: none;}
.nav .search{background: #000; position: inherit; width: 9.4vw;  text-align: center; height: 100%; }
.nav .search a{color: #fff; padding-right: 50px; display: inline-block; background: url(../images/search.svg) no-repeat right center; background-size: 36px;}
.search_input{position: absolute; right: 9.4vw; height: 100%; background: #000; overflow: hidden; width: 0; padding: 1.5vw 0; top: 0; transition: all 0.5s }
.search_input input{height: 100%; width: 100%; font-size: 1.5vw; padding-bottom: 20px; background: none; border: 0; border-bottom: solid 2px #333; color: #fff}
.search2 .search_input{width: calc(100% - 11.4vw); padding-left: 56px;}

.req{display: block; width: 180px; height: 40px; border-radius: 50px; background: #ff8300; border: solid 2px #ff8300; font-size: 16px; color: #fff; text-align: center; line-height: 36px;  transition: all 0.5s}
.req:hover{color: #ff8300; background: #fff; border: solid 2px #ff8300;}

.menu-button {
    display: none;
      float: right;
      padding: 15px;

      cursor: pointer;
      padding-top: 38px;
      -webkit-transition: 0.3s;
      transition: 0.3s;



      /*margin: 14px;
            border-radius: 5px;*/
    }

    .menu-button .bar:nth-of-type(1) {
      margin-top: 0px;
    }

    .menu-button .bar:nth-of-type(3) {
      margin-bottom: 0px;
    }

    .bar {
      position: relative;
      display: block;

      width: 24px;
      height: 3px; border-radius: 3px;

      margin: 5px auto;
      background-color: #000;

      border-radius: 10px;

      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

    .menu-button:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(1.5px) rotate(-4.5deg);
      -ms-transform: translateY(1.5px) rotate(-4.5deg);
      transform: translateY(1.5px) rotate(-4.5deg);
    }

    .menu-button:hover .bar:nth-of-type(2) {
      opacity: 0.9;
    }

    .menu-button:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-1.5px) rotate(4.5deg);
      -ms-transform: translateY(-1.5px) rotate(4.5deg);
      transform: translateY(-1.5px) rotate(4.5deg);
    }

    .cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(15px) rotate(-45deg);
    }

    .cross .bar:nth-of-type(2) {
      opacity: 0;
    }

    .cross .bar:nth-of-type(3) {
      -webkit-transform: translateY(-15px) rotate(45deg);
      -ms-transform: translateY(-15px) rotate(45deg);
      transform: translateY(-15px) rotate(45deg);
    }

    .cross:hover .bar:nth-of-type(1) {
      -webkit-transform: translateY(13.5px) rotate(-40.5deg);
      -ms-transform: translateY(13.5px) rotate(-40.5deg);
      transform: translateY(13.5px) rotate(-40.5deg);
    }

    .cross:hover .bar:nth-of-type(2) {
      opacity: 0.1;
    }

    .cross:hover .bar:nth-of-type(3) {
      -webkit-transform: translateY(-13.5px) rotate(40.5deg);
      -ms-transform: translateY(-13.5px) rotate(40.5deg);
      transform: translateY(-13.5px) rotate(40.5deg);
    }


.follow a span{ position: absolute;  border-radius: 10px; bottom: 50px; left: 0}
.follow a span img{width: 0; height: 0; transition: all 0.5s}
.follow a {position: relative;}
.follow a:hover span{display: block; }
.follow a:hover span img{width: 94px; height: 94px;}

.goTop {
    position: fixed;
    right: 0px;
    bottom: 180px; z-index: 10;
}
.goTop a{width: 66px; height: 66px; font-size: 22px; color: #fff; line-height: 66px; background: #000; display: block; margin-bottom: 15px; text-align: center; }
.goTop a img{width: 34px; }
footer{background: #000; padding: 1.76vw 0;}


.img_k{position: relative;}
.img_k:before{content:""; display: block; width: 90px; height: 60px; background: url(../images/logo2.svg) no-repeat; background-size: 100%; position: absolute; top: 20px; left: 20px;}

.footer{background: url(../images/map.jpg) no-repeat; background-size: cover; padding:40px 20px; font-size: 16px; color: #fff}
.con{width: 100%;}
.footer .col-sm-9{text-align: right;}
.con ul{display: flex; flex-wrap: wrap;
    justify-content: space-between; /* ✅两端对齐 */
    gap: 12px;}
.con ul li {
    width: calc(33.333% - 8px); /* 3列均分，扣除gap */
    display: flex;
    flex-direction: column;
}
.mobile{display: none}
.pc{display: block;}
@media (min-width:769px) {
	
}

@media (min-width:992px) {
	
}

@media (min-width:1200px) {
	
  	
}


@media (max-width:1920px) {
    .container5{width: 1600px}

}

@media (max-width:1680px) {
	.banquan{font-size: 16px;}
	.follow h3{font-size: 16px;}
	.follow h3 span{font-size: 14px;}
	.follow a img{width: 20px;}
	.follow form img{width: 20px; height: auto;     margin: 6px 10px 0 0;}
	.follow input{width: calc(100% - 30px);}
	
    .nav li a{font-size: 24px;}
    .nav .search a{    line-height: 24px;    height: 24px;  padding-right: 30px;   background-size: 24px;}
    .nav .search{padding: 34px 0}
    .container{width: 1360px}
.container2{ width: 1360px;}
.container5{width: 1360px}
}
@media (max-width:1440px) {
    .container{width: 1200px}
.container2{ width: 1200px;}
.container5{width: 1200px}
.nav li{padding: 0 15px;}
.header{height: 100px;}
.nav li a{font-size: 18px}
}   
@media(max-width:1300px){
	.container{width: 1200px}
.container2{ width: 1200px;}
	 .container5{width: 100%; padding:0 50px}
     .nav li{padding: 0 5px;}
     .nav li a{font-size: 18px;}
} 

@media(max-width:991px){  
     .container5{width: 100%; padding: 0 15px;}
    .container{width: 100%}
.container2{ width: 100%;}
    html{font-size: 18px;}
	.logo{padding: 15px}
	.logo img{height: 50px;}
	.nav ul{display: none}
	.nav-trigger{display: block;}
	#cd-navigation{position: fixed; top: 80px; width: 100%; left: 0; z-index: 100; background: rgba(255,255,255,0.8);}
	.nav li{display:block; text-align: center;}
	.nav .search{position: relative; width: 100%; padding: 30px 0; height: 100px;}
	.nav .search a{float: right;}
	.search .search_input{}
    .nav li:after{display: none}
    .con ul li{width: 100%}
    .header{height: 80px;}
    .mobile{display: block}
.pc{display: none;}

}
@media(max-width:768px){  
	html {outline: 0;-webkit-text-size-adjust: none; font-size: 0.4vw;}
    .footer .col-sm-3{padding-bottom: 30px}
    .footer .col-sm-9{text-align: left; }
}