@font-face {
  font-family: family;
  src: url("../fonts/Gilroy-Medium-2.eot");
  src: local("☺"), url("../fonts/Gilroy-Medium-2.woff") format("woff"),
    url("../fonts/Gilroy-Medium-2.ttf") format("truetype"),
    url("../fonts/Gilroy-Medium-2.svg") format("svg");
}

* {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
}
body {
  font-size: 12px;
  font-family: family, "PingFang SC", "Source Han Sans SC", "HanHei SC",
    "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体,
    Arial, sans-serif;
  color: #2e2926;
}
a,
body {
  color: #2e2926;
}
a {
    text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: none;
  color: #a2062b;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ul {
  margin: 0;
}
li,
ul {
  list-style: none;
}
a:focus,
input,
textarea,
select {
  outline: none;
}
img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  -webkit-touch-callout: none;
}
p,
big,
small,
font,
em {
  display: block;
  margin: 0;
}

:root{
    --themaColor: #269edd;
    --themaColor2: #007530;
}
.left {
  float: left;
}

.right {
  float: right;
}

.clearfix {
  clear: both;
}

.blockImg {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.pic-scale {
  -webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
  transition: opacity 0.55s, transform 0.55s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.radius {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.en {
  font-family: family2, Tahoma, Geneva, sans-serif;
}
.sidr-open .sidr-bg {
  background: #000;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.upperCase {
  text-transform: uppercase;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  font-weight:bold;
  transition: all .3s;
  background-color:#fff;  
}

.header .menu{ display:none !important;}

.header.fix {
  background-color: rgba(0,0,0,.6);
}

.header.fix .head nav a {
  color: white;
}
.header.fix .fixedBf div {
  background-color: white;
}



.header.fix .fixedBf div::before,
.header.fix .fixedBf div::after {
  background-color: white;
}

.header .head {
  position: relative;
  
}

.header .head > .container {
  padding: 30px 0;
}

.header .head a.logo {
  position: relative;
  display: block;
}

.header .head a.logo img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  transition: all .3s;
}

.header .head nav {
  position: absolute;
  display: flex;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  justify-content: space-between;
}

.header .head nav a {
  display: block;
  height: 100%;
  color: black;
  font-size: 17px;
  transition: all .3s;
}

.header .head nav a:hover {
  color: #007530;
}

.header .head nav li {
  display: inline-block;
  margin-right: 50px;
  vertical-align: middle;
}

.fixedBf {
  position: relative;
  margin-right: 70px;
  z-index: 10001;
}

.fixedBf.open div::before{content: "\2716"; font-size:30px; background:none;top: -20px;}
.fixedBf.open div::after{ display:none; background:none}
.fixedBf.open div{ background:none}

.fixedBf div {
  position: relative;  
  width: 21px;
  height: 3px;
  cursor: pointer;
  background-color: #0f0f0f;
}

.fixedBf div::before,
.fixedBf div::after {
  content:"";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  background-color: #0f0f0f;
}

.fixedBf div::before {
  top: 5px;
}

.fixedBf div::after {
  bottom: 5px;
}

.header .head .right li {
  margin-left: 50px;
  margin-right: 0;
}

.fixedAf {
  margin-left: 90px;
}

.head .allScreenNav {
  display: block;
  position: fixed;
  width: 100%;
  height: 0;
  top: 110px;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  transition: all .5s;
  /*background-color: rgba(162, 6, 43,.4);*/
}
.head .allScreenNav.open {
  height: 100%;
}

.head .allScreenNav .main {
  margin: 0 auto;
  height: 435px;
  padding-top: 40px;  
  padding-bottom: 50px;
  box-sizing: border-box;
  background-color: white;
}

.head .allScreenNav .main .container,
.head .allScreenNav ul {
  height: 100%;
}

.head .allScreenNav .navTitle {
  position: relative;
  width: 205px;
  font-size: 25px;
  font-weight: bold;  
}

.head .allScreenNav .navTitle::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: 25px;
  right: 50px;
  border: 8px solid transparent;
  border-top-color: var(--themaColor2);
  transform: rotate(-45deg);
}

.head .allScreenNav ul {
  display: flex;
  justify-content: space-between;
}

.head .allScreenNav li {
  padding-top: 13px;
}

.head .allScreenNav li:first-child {
  border-right: 1px solid #ededed;
}

.head .allScreenNav dt {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
}

.head .allScreenNav dd a {
  font-size: 14px;
  line-height: 22px;
  color: #b0b0b0;
  transition: all .3s;
  font-weight:normal;
}

.head .allScreenNav dd:hover a {
  color: var(--themaColor2);
}

/* 搜索栏 */
.search-fix {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9888;
}

.search-fix .bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.search-fix .search-content {
  background: #fff;
 max-width: 1850px;
    margin: -300px auto;
    padding: 200px 15px;
    top: 50%;
    position: relative;
    z-index: 1;
}

.search-fix .search-content .item {
  max-width: 1000px;
  margin: 0 auto;
}

.search-fix .search-content .item .p {
  font-size: 25px;
  text-align: center;
  margin-bottom: 8%;
}

.search-fix .search-content .item .form {
  position: relative;
  margin: 2.5% 0;
}

.search-fix .search-content .item .submit {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  width: 21px;
  height: 21px;
  cursor: pointer;
  background: url(../img/b_search.png) no-repeat;
  background-size: cover;
}

.search-fix .search-content .item .text {
  border-bottom: solid 1px #d8d8d8;
  font-size: 20px;
  padding: 15px 5% 15px 2.5%;
  color: #808080;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  display: block;
  width: 100%;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.nullWrap {
  height: 110px;
}

footer {
  color: white;
  overflow:hidden;
  padding: 112px 0 172px;
  background-color: #1a1a1a;
}

footer a {
  transition: all .3s;
  color: white;
}

footer a:hover {
  color: var(--themaColor2);
}

footer .container {
  font-size: 0;
}

footer .container > div {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 15px;
}

footer .partLeftWrap {
  display: flex;
  height: 592px;
  flex-direction: column;
  justify-content: space-between;
}

footer .topAdr {
  max-width: 420px;
}

footer .partLeft{ float:left;}

footer .partLeft .title {
  font-size: 50px;
  margin-bottom: 20px;
}

footer .partLeft .adr {
  line-height: 25px;
  margin-bottom: 40px;
}

footer .partLeft .ct {
  font-size: 18px;
  line-height: 30px;
}

footer .partLeft .btmCopy a {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

footer .otherLink {
  position: relative;
  margin-bottom: 35px;
}

footer .btmCopy a {
  color: #504e4e;
}

footer .btmCopy a:hover {
  color: var(--themaColor2);
}

footer .otherLink .showPic {
  position: absolute;
  opacity: 0;
  width: 100px;
  height: 100px;
right: -33px;
top: -110px;
}

footer .otherLink a {
  margin-left: 15px;
  margin-right: 15px;
}

footer .otherLink .wx{ position:relative;}

footer .otherLink .wx:hover .showPic {
  opacity: 1;
}

footer .container .partRight {
	float:right;
  padding-left: 110px;
  box-sizing: border-box;
  font-size: 0;
}

footer .partRight dl {
  display: inline-block;
  width: 50%;
  font-size: 15px;
  vertical-align: top;
}

footer .partRight dl:nth-child(3),footer .partRight dl:nth-child(4) {
  margin-bottom: 40px;
}

footer .partRight > p {
  margin-bottom: 45px;
  font-size: 25px;
  font-weight: bold;
}

footer .partRight dt {
  font-size: 18px;
  margin-bottom: 40px;  
}

footer .partRight dd a {
  font-size: 15px;
  line-height: 25px;
  color: #b0b0b0;
}

footer .partRight dd a:hover {
  color: var(--themaColor2);
}

.fix{
	position: fixed;
    right: 0;
    bottom: 50%;
}
.fix img{ display:block}
.feadback {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(0,0,0,.3);
}

.feadback.open {
    z-index: 1000;
    opacity: 1;
}

.feadback form {
    position: relative;
    top: 50%;
    display: block;
    max-width: 850px;
	width:100%;
    height: 475px;
    padding: 50px 95px;
    margin: -200px auto;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: white;
}

.feadback form p.title {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
}

.feadback form p.txt {
    font-size: 15px;
    color: #b2b2b2;
}

.feadback form p.txt a {
    color: var(--themaColor2);
    text-decoration: underline;
}

.feadback form .twoIpt {
    display: flex;
    justify-content: space-between;
}
.feadback .input-country,
.feadback .twoIpt input,
.feadback textarea {
    width: 100%;
    margin-bottom: 12px;
    padding: 20px;
    border: none;
    outline: none;
    font-weight: bold;
    font-size: 15px;
    color: #4e4e4e;
    box-sizing: border-box;
    background-color: #f2f2f2;
	  font-family: family, "PingFang SC", "Source Han Sans SC", "HanHei SC",
    "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体,
    Arial, sans-serif;
}
.feadback .input-country::placeholder,
.feadback .twoIpt input::placeholder,
.feadback textarea::placeholder {
    font-weight: bold;
    font-size: 15px;
    color: #4e4e4e;
}

.feadback .twoIpt input {
    max-width: 323px;
    height: 55px;    
}

.feadback textarea {
    height: 95px;
    resize: none;
    font-weight: bold;
}

.feadback .submit {
    display: block;
    width: 190px;
    height: 50px;
    margin-top: 25px;
    line-height: 50px;
    text-align: center;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    border: none;
    outline: none;
    background-color: var(--themaColor2);
}




#sidr {
  position: fixed;
  font-size: 17px;
  left: -100%;
  top: 0;
  max-width: 300px;
  text-transform: uppercase;
  height: 100%;
  width: 60%;
  background: #fff;
  z-index: 999;
  overflow-y: scroll;
}

#sidr .menu {
  position: absolute;
  right: 5%;
  top: 2.5%;
}

#sidr ul {
  width: 100%;
  margin-top: 15%;
}

#sidr ul li {
  line-height: 50px;
  border-bottom: solid 1px #ededed;
  display: block;
  text-indent: 10%;
  font-weight: bold;
}

#sidr ul li.click {
  background: url(../img/d.png) no-repeat 90% 20px;
}

#sidr ul li .down {
  display: none;
  background: #a2062b;
  margin: 0;
  text-transform: uppercase;
}

#sidr ul li .down li {
  border-top: solid 1px #fff;
  font-size: 14px;
  margin: 0;
  border-bottom: none;
  font-weight: normal;
}

#sidr ul li .down li a {
  color: #fff;
}

.sidr-open .sidr-bg {
  background: #000;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



@media (max-width:1450px) {

  .container {
    padding-left: 15px!important;
    padding-right: 15px!important;
	width:auto;
  }
.header .head nav{ width:98%;}

}


@media (max-width:1366px) {


}

@media (max-width:1024px) {
.head .allScreenNav{ display:none !important}
.header .menu{ display: block !important;}
.header .head nav li{ display:none}
.header .head nav li.fixedAf{ display: block}
.header .head nav{ width:97%}
.header .head a.logo{ z-index:0; display:inline}
}


@media (max-width:768px) {
footer{ overflow:hidden; padding:10% 0 20% 0;}	
footer .container > div{ width:100%;}
footer .container .partRight{ float:left; padding-left:0}
footer .container .partLeft{ margin-top:5%;float:right}
footer .partLeftWrap{ height:auto;}
footer .btmCopy{ margin-top:10%;}
footer .partRight > p{ font-size:20px;}
.feadback form{ height:505px;}
}


@media (max-width:640px) {
footer .partRight > p{ font-size:20px;}
footer .partRight dt{ font-size:16px;}
footer .partRight dd a{ font-size:14px;}
footer .partLeft .title{ font-size:40px;}
footer .container .partLeft{ margin-top:10%;}
footer .container > div,footer .partLeft .ct{ font-size:14px;}
}


@media (max-width:480px) {
#sidr {font-size: 14px;}
#sidr ul li .down li {font-size: 13px;}
.header .head a.logo img{ height:35px;}
.header .head nav{ width:93%;}
.header .head > .container{ padding:20px 0;}
.nullWrap{ height:75px;}
.header .menu{ margin-top:5px;}
footer .partRight > p{ font-size:18px;}
footer .partRight dt{ font-size:14px;}
footer .partRight dd a{ font-size:13px;}
footer .partLeft .title{ font-size:30px;}
footer .container > div,footer .partLeft .ct{ font-size:14px;}
.feadback form{ height:auto; padding:10%; margin:-220px 0; top:50%}
.feadback form p.title{ font-size:20px;}

}