/* css 重置 */


@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");
}


body,
p,
input,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
form {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: middle;
    font-weight: normal;
   font-family:family, "Source Han Sans SC", "HanHei SC", "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 黑体,Arial, sans-serif;
}

img {
    border: 0;
	max-width:100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    text-align: left;
}

a:focus, input, textarea, select {
    outline: none;
}

header,
section,
footer,
img {
    display: block;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    text-decoration: none;
	color:#a2062b
}

li {
    list-style: none;
}

.clearfix {
    zoom: 1;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.maxWidth {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
	padding-left:15px;
	padding-right:15px;
}

.fixx{
	position: fixed;
    right: 0;
    bottom: 50%;
    z-index: 100;
}
.fixx 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:#a2062b;
}


footer {
    height: 638px;
    padding: 113px 0 107px;
    box-sizing: border-box;
    background-color: #373737;
}

footer .maxWidth {
    height: 100%;
}

footer .bhead {
    padding-bottom: 65px;
    font-size: 35px;
    font-weight: bold;
    color: white;
}

footer .midMain {
    display: flex;
    height: 319px;
    justify-content: space-between;
}

footer .midMain>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

footer .midMain .left {
    color: white;
}

footer .midMain .left > * {

}

footer .midMain .left .title {
    max-width: 700px;
    font-size: 18px;
}

footer .midMain .left .title a{ color:#fff;}
footer .midMain .left .title a:hover{ color:#a2062b;}

footer .midMain .left .title p:first-child {
    margin-bottom: 30px;
}

footer .midMain .copyright {
    font-size: 15px;
    color:#efefef;
	text-transform:uppercase
}

footer .midMain .left .nav a {
    display: inline-block;
    margin-right: 35px;
    font-size: 15px;
    color: #efefef;
    transition: all .4s;
}

footer .midMain .left .nav a:hover {
    color: #a2062b;
}

footer .midMain .right .nav .item {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

footer .midMain .right .nav .item4 {
	position:relative;
    background-image: url(../img/w_wechat.png);
}

footer .midMain .right .nav .item4:hover img{ display:block}

footer .midMain .right .nav .item4 img{ display:none; position:absolute;top: -100px;left: -25px;}

footer .midMain .right .nav .item3 {
    background-image: url(../img/w_twitter.png);
}

footer .midMain .right .nav .item5 {
    background-image: url(../img/w_lin.png);
}

footer .midMain .right .nav .item6 {
    background-image: url(../img/w_ins.png);
}

footer .midMain .right .nav .item7 {
    background-image: url(../img/w_pin.png);
}


footer .midMain .right .nav .item2 {
    background-image: url(../img/w_youtube.png);
}

footer .midMain .right .nav .item1 {
    background-image: url(../img/w_fackbook.png);
}

footer .midMain .right .copyright {
    width: 100%;
    text-align: right;
	text-transform:uppercase;
}

footer .midMain .right .copyright a{ color:#fff}

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

.swiper-wrapper {
    position: relative;
}

.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;
}

header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 66;
	
}

header.fix {
    background-color:#fff;
      border-bottom: 1px solid #868686;
  }

  header.h2 {
      border-bottom: 1px solid #868686;
	  background:#fff;
  }

header .maxWidth {
    display: flex;
    height: 95px;
    align-items: center;
    justify-content: space-between;
}

header .maxWidth .logo { width:103px; height:38px; background:url(../img/logo.png) no-repeat; background-size:contain; display:block}
header.fix .maxWidth .logo,header.h2 .maxWidth .logo {background:url(../img/logo2.png) no-repeat;background-size:cover;}

header .right .wx { width:24px; height:20px; background:url(../img/h_weixin.png) no-repeat; background-size:cover;}
header.fix .right .wx,header.h2 .right .wx {background:url(../img/h_weixin2.png) no-repeat;}

header .right .searchBtn { width:18px; height:18px; background:url(../img/h_search.png) no-repeat; background-size:cover;}
header.fix .right .searchBtn,header.h2 .right .searchBtn {background:url(../img/h_search2.png) no-repeat;}


header .maxWidth .menu { display:none;width:44px; height:26px; background:url(../img/menus.png) no-repeat; background-size: contain; display:none}
header.fix .maxWidth .menu,header.h2 .maxWidth .menu {background:url(../img/menu.png) no-repeat; background-size: contain;}


header .right a{ display:inline-block; margin-left:15px;}

header .maxWidth .mid a:hover{ color:#a2062b !important}

header .maxWidth .mid a {
    display: inline-block;
    line-height: 95px;
    vertical-align: middle;
    margin: 0 25px;
    font-size: 15px;
    color: white;
    font-weight: bold;
}

header.h2 .maxWidth .mid a,header.fix .maxWidth .mid a {
    color: #373737;
}

header.h2 .maxWidth .mid a:hover {
    color: #a2062b;
}

header .maxWidth .right .wx{ position:relative;}
header .maxWidth .right .wx:hover .wxhov{ display:block}
header .maxWidth .right .wxhov{ display:none; position:absolute; top:40px; left:-25px;}
header .maxWidth .right .wxhov,footer .midMain .right .nav .item4 img{max-width: inherit;}

header .maxWidth .right img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    cursor: pointer;
}

/* 搜索栏 */
.search-fix {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
  }
  
  .search-fix .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .search-fix  input {
      outline: none;
  }
  
  .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%;
	text-transform:uppercase
  }
  
  .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/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%;
  }
  
  /* 视频 */
  .greyBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    background-color: rgba(0,0,0,.5);
  }

  .greyBg.show {
    opacity: 1;
    z-index: 201;
  }

  .putVideo {
    position: absolute;
    top: 40%;
    left: 50%;
    max-width: 70%;
    max-height: 60%;
    transform: translate(-50%,-50%);
  }

  .putVideo img {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
  }

  .putVideo video {
    display: none;
  }

  .putVideo video.videoShow {
    display: block;
    width: 100%;
  }


  .right_btn {
    position: absolute;
    width: 90px;
    height: 40px;
    right: 35px;
    bottom: 35px;
}

.right_btn .btn {
    width: 40px;
    height: 40px;
    bottom: 0;
    outline: none;
    opacity: 1;
    background-position: center;
    background-size: 7px 14px;
    background-repeat: no-repeat;
}

.right_btn .btn::after {
    display: none;
}

.right_btn .swiper-button-next {
    background-image: url(../img/right.png);
    background-color: #a2062b;
    right: 0;
}

.right_btn .swiper-button-prev {
    background-image: url(../img/left.png);
    background-color: #ffffff;
    left: 0;
}



.news_main>.title {
    margin: 0 0 65px;
    font-size: 35px;
    font-weight: bold;
    color: #373737;
}

.news_main .ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news_main .li {
	overflow:hidden;
    width: 50%;
    max-width: 678px;
    margin-bottom: 45px;
}
.news_main .li:hover .detail .txt{ text-decoration:underline}

.news_main .li .putImg {
    overflow: hidden;
}

.news_main .li .putImg img {
    transition: all .55s;
}

.news_main .li .detail {
    height: 116px;
    padding: 20px 25px 20px 30px;
    box-sizing: border-box;
    color: #373737;
    background-color: #dbdbdb;
}

.news_main .li .detail .txt {
    display: -webkit-box;
    line-height: 20px;
    margin-bottom: 15px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    font-weight: bold;
}

.news_main .li .detail .other {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.news_main .li:hover img {
    transform: scale(1.2);
}


.maybeLike {
    margin-top: 210px;
    margin-bottom: 155px;
  }

  .maybeLike .head {
	  text-transform:uppercase;
    max-width: 740px;
    margin-bottom: 80px;
    font-size: 35px;
    font-weight: bold;
    color: #373737;
  }


  .maybeLike .swiper-slide {
    width: initial;
  }

  .maybeLike .putImg {
    position: relative;
    overflow: hidden;
  }

  .maybeLike .putImg a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
  }

  .maybeLike .putImg img {
    display: block;
    max-width: 100%;
    transition: all 0.6s ease;
  }

  .maybeLike .putImg:hover img {
    transform: scale(1.2);
  }

  .maybeLike .putImg .putName {
    position: absolute;
    left: 45px;
    top: 400px;
    max-width: 170px;
    width: 100%;
    font-size: 25px;
    color: white;
    text-align: left;
    font-weight: bold;
	text-transform:uppercase
  }

  .maybeLike .putImg .putName span {
    display: block;
    font-size: 15px;
    margin-top: 10px;
  }

  .maybeLike .twoBtn {
    position: absolute;
    height: 30px;
    width: 78px;
    top: 110px;
    right: 0;
  }

  .maybeLike .twoBtn > div {
    position: absolute;
    display: inline-block;
    width: 17px;
    height: 29px;
    margin-top: 0;
    top: 0;
    cursor: pointer;
    outline: none;
    opacity: 1;
    box-sizing: border-box;
  }

  .maybeLike .swiper-button-prev {
      left: 0;
      right: auto;
  }

  .maybeLike .swiper-button-next {
      left: auto;
      right: 0;
  }

  .maybeLike .right_btn > div::after {
    display: none;
  }

  .maybeLike .right_btn .swiper-button-prev {
      background-color: #373737;
      background-image: url(../img/left2.png);
  }


#sidr{ text-align:left; position: fixed;font-size:17px;left:-100%;top:0; max-width:480px;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 #efefef; 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:#1a2225; margin:0; text-transform:capitalize;}
#sidr ul li .down li{border-top:solid 1px #6b6b6b; 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;
}

.maybeLike .swiper-slide-active{ margin-left:25px !important;}


@media (max-width:1366px){
.maxWidth{ width:auto;}
.news_main .li:nth-child(even){ margin-left:1%;}
.news_main .li:nth-child(odd){ margin-right:1%;}
.news_main .li{ width:49%;}
}

@media (max-width:1024px){
header .maxWidth .right,header .maxWidth .mid{ display:none}
header .maxWidth .menu{ display: block}
.maybeLike .swiper-slide-active{ margin-left:15px !important;}
footer .midMain{ height:auto; display:block}
footer .midMain .right .copyright{ text-align:left;}
footer .midMain .left .nav,footer .midMain .right .nav{ margin:2.5% 0;}
footer{ height:auto; padding:10% 0;}
footer .bhead{ font-size:30px; padding-bottom:5%;}
}

@media (max-width:768px){
.partFive{ padding-top:15% !important; padding-bottom:15% !important;}
.news_main>.title{ margin-bottom:10%;}	
.more{ margin-top:10% !important;}
.partFive{ height:auto !important;}	
.news_main .li .putImg img{ width:100%;}	
.news_main .li{ width:100%; margin-left:0; margin-right:0; margin-bottom:5%; max-width:inherit}
.putVideo{ top:0; left:0;transform: translate(0,50%); max-width:inherit; max-height:inherit;}
.putVideo img{ height:45px;}
.feadback form{ height:505px;}
}

@media (max-width:480px){
#sidr{ font-size:15px;}
.search-fix .search-content{ padding-top:150px; padding-bottom:150px; margin-top:-210px;}
.search-fix .search-content .item .p{ font-size:18px;}
.search-fix .search-content .item .text{ font-size:16px;}
header .maxWidth .logo{ width:76px; height:28px;}
header .maxWidth{ height:80px;}
header .maxWidth .menu{ width:38px; height:20px;}
.news_main>.title{ font-size:22px;}
footer .bhead{ font-size:20px;}
footer .midMain .left .title{ font-size:15px;}
footer .midMain .left .nav,footer .midMain .right .nav{ margin:5% 0;}
footer .midMain .right .nav .item{ width:25px; height:25px; background-size:contain}
footer .midMain .left .nav a,footer .midMain .copyright{ font-size:14px;}
footer{ padding:15% 0;}
.feadback form{ height:auto; padding:10%; margin:-220px 0; top:50%}
.feadback form p.title{ font-size:20px;}
}

@media (max-width:320px){
.search-fix .search-content{ padding-top:125px; padding-bottom:125px; margin-top:-160px;}
.search-fix .search-content .item .p{ font-size:16px;}
.search-fix .search-content .item .text{ font-size:14px;}
}