/*Base*/

*{ margin:0; padding:0;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
html,body {
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 1.6;
    font-family: "Arial","Regular";
}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }

h1,h2,h3,h4,h5,h6{  font-family: "Arial","Regular";}

a { text-decoration:none !important;

    background: transparent; /*修正win8系统IE连接灰色背景*/

	outline:none;

	blr:expression(this.onFocus=this.blur());}



table {border-collapse: collapse;border-spacing: 0;}

ul,

ol { list-style:none;}

li {list-style:none;}

/*清除浮动*/

.clear { clear: both;}

.fl {float:left;}

.fr {float:right;}

.clearfix{zoom:1;}

.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.w100{width: 100%;}
.h100{height: 100%;}

.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.dis{ display:inline-block; *display:inline; zoom:1;}

.wrap{ max-width: 1200px;
    margin: auto;
    width: 92%;}

.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}


/*布局*/
@font-face {
    font-family: 'Regular';
    src: url(../fonts/SourceHanSansCN-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Medium';
    src: url(../fonts/SourceHanSansCN-Medium.otf) format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: 'Light';
    src: url(../fonts/SourceHanSansCN-Light.otf) format("opentype");
    font-weight: lighter;
}

/*@font-face {
    font-family: 'HYHan';
    src: url(../fonts/HYHanShiTiJ.ttf) format("truetype");
}*/

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Regular.woff) format('woff');
}

@font-face {
    font-family: 'EXLight';
    src: url(../fonts/SourceHanSansCN-ExtraLight.otf) format('woff');
}

@font-face {
    font-family: 'PLight';
    src: url(../fonts/Poppins-Light.ttf) format("truetype");
    font-weight: lighter;
}

@font-face {
    font-family: 'PMedium';
    src: url(../fonts/Poppins-Medium.ttf) format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: 'PRegular';
    src: url(../fonts/Poppins-Regular.ttf) format("truetype");
}

@font-face {
    font-family: 'HRegular';
    src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf) format("truetype");
}

#header{background:rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    height:80px;
    position: fixed;
    top:0px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    z-index:99; box-shadow:0px 0px 3px  #666666; }


	
#header .wrap{max-width: 1200px;
    margin: auto;
    width: 92%;  }
#header a.logo {
    display: block; float:left; margin-top:10px;
    transition: all 0.3s ease-in-out 0s;
    z-index:99;
}
#header a.logo img {
    height:50px;
    transition: all 0.3s ease-in-out 0s;
    width: auto;
}
#header a.logo img.on{ display:none;}


#header .TopRight {
    font-size: 14px;
    height: 35px;
    position: absolute;
    right:50%; margin-right:-570px;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
}
#header .TopRight a {
    color: #ccc;
    font-size: 14px;
    line-height: 100px;
}
#header .TopRight a .icon-bullhorn {
    color: #fff; font-family:"Medium"; font-style:normal;
    padding-left: 20px;
}
#header .TopRight a:hover, #header .TopRight a:hover .icon-bullhorn {
    color: #007cff;}

.nav-button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: none;
    float: right;
    height: 30px;
    margin-right: 26px;
    margin-top: 16px;
    padding: 0;
    width: 24px;
}
.icon-bar {
    background: #999999 none repeat scroll 0 0;
    display: block;
    float: left;
    height: 3px;
    margin-top: 3px;
    width: 100%;
}
.close {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 27px;
    margin-right: 26px;
    margin-top: 22px;
    overflow: hidden;
    padding: 0;
    position: relative;
    visibility: hidden;
    width: 27px; z-index:9999;
}
.close::before, .close::after {
    background: rgba(102, 102, 102, 1) none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.close::before {
    transform: rotate(45deg);
}
.close::after {
    transform: rotate(-45deg);
}
#header .Nav { 
    height: 80px; float:right; width:60%;text-align:right;
}
#header .Nav a {
    color: #333;
    font-family:"Regular";
    font-size: 16px;
    line-height:80px;
    padding: 0 25px; 
}
#header .Nav a:hover,#header .Nav a.on {
    color: #d9261c;
}
#header .Nav a.Start, #header.sticky .Nav a.Start {
    background: rgba(255, 255, 255, 0.88) none repeat scroll 0 0;
    color: #007cff;
    display: none;
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
#header .Nav a.Start i {
    font-size: 18px;
    line-height: 70px;
    padding-right: 10px;
}
#header.sticky {
    background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 66px; 
}
#header.sticky a.logo {
   margin-top:8px;
}
#header.sticky a.logo img {
    height:50px;
}
#header.sticky .TopRight a {
    line-height: 70px;
}
#header.sticky .Nav {
    height: 66px;
}
#header.sticky .Nav a {
    line-height: 70px;
}
#header.sticky .pc-search{ margin-top:28px;}

@media only screen and (max-width: 1000px) {
#header {
    height: 66px;
}
#header.sticky {
    background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
    height: 66px;
}
#header a.logo, #header.sticky a.logo {
    top:0px; margin-top:10px;
}
#header a.logo img.on{ display:block;}
#header a.logo img.normal{ display:none;}
#header a.logo img, #header.sticky a.logo img {
    height:40px;
}
#header .Nav {
    overflow: hidden;
    position: relative;
    visibility: hidden;
}
#header .TopRight {
    display: none;
}
#header .pc-searchbox {
    display: none;
}
.nav-button {
    display: block;
}
#header .Nav .phone-searchbox, #header .Nav a.Start, #header.sticky .Nav a.Start {
    display: block;
}
#header .Nav, #header.sticky .Nav {
    backface-visibility: hidden;
    background: rgba(31, 26, 23, 1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    height: 380px;
    left:130%; 
    margin-left: -175px;
    margin-top:0px;
    position: absolute;
    top: 6%;
    transform-style: preserve-3d;
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    width: 350px;
}
#header .Nav .nav-content, #header.sticky .Nav .nav-content {width: 350px;
}
#header .Nav a, #header.sticky .Nav a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.1);
    display: block;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    width: 100%; color:#fff;
}
#header .Nav.M_on {
    visibility: visible;
}
#header .Nav.M_on {
    left: 50%;
    margin-left: -175px;
    margin-top: -197px;
    top: 50%;
}
#header.MM_on, #header.MM_on.sticky {
    background: rgba(245, 245, 245,0.85) none repeat scroll 0 0;
    height: 100%;
}
#header.MM_on .nav-button {
    display: none;
    transform: rotate(-180deg);
    transition: transform 250ms ease-out 0s;
}
#header.MM_on .close {
    transform: rotate(-180deg);
    transition: transform 250ms ease-out 0s;
    visibility: visible;
}
}




/* header */
.header{position: relative;width: 100%;z-index: 99;}
.header .logo{width:160px; height:auto;position: absolute;top:20px;left: 5%;z-index: 10;}
.header .logo img{ width:100%; height:auto;}
.header .logo2{ font-size:0; margin:30px 0 0 45px;position: absolute;top:0;left: 0;z-index: 10;}
.header #btn{width: 60px;height: 60px;border-radius: 100%;background: #BA251F;line-height: 60px;display: block;transition: 0.5s;position: fixed;z-index: 999;right:50px;top:40px;transition-delay: .2s;box-shadow: 0px 13px 18px 0px rgba(6, 0, 1, 0.14);}
.header #btn span{position: absolute;color: #f5f5f5;font-size: 16px;width: 16px;line-height: 25px;top: 5px;left: -30px; font-family: 'Medium'; text-shadow:0px 1px 1px #666666;}
.header #btn ul{font-size: 0;text-align: center;}
.header #btn li{width: 6.5px;height: 6.5px;display: inline-block;border-radius: 100%;background: #fff;vertical-align: middle;margin:0 2px;}
#nav{position: fixed;width: 100%;height: 100%;background: #1f1a17 url(bgnav.png) no-repeat right top;background-size: cover;z-index: 300;top: 0;left: 0;color:#fff;text-align: center;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;}
#nav #close{position: absolute;right: 50px;top:40px;width: 60px;height: 60px;border-radius: 100%;background:url(close.png)no-repeat center center #fff;z-index: 99;transition: 0.5s;transform: translateX(90px);transition-delay: 0.66s;box-shadow: 0px 13px 18px 0px rgba(6, 0, 1, 0.14);}
#nav #close:hover{box-shadow: 0px 13px 18px 0px rgba(6, 0, 1, 0.14);}
#nav .logo2{margin-top: 35px;}
#nav nav{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
#nav nav li{line-height: 2;position: relative;transform: translateY(25px);opacity: 0;transition: all .5s;}
#nav nav li::after{content: '';width: 0;height: 3px;background: #fff;bottom: 0;left: 0;position: absolute;transition: 0.5s}
#nav nav li:hover::after{width: 100%}
#nav nav li a{color:#fff;font-size: 30px; font-family: 'Regular';}
#nav .nav-info{position: absolute;bottom: 8%;width: 100%;line-height: 2;font-weight: 300;font-size:18px;}
#nav .nav-info p:nth-child(1){ font-size:20px;}
#nav .nav-info p i{font-weight: bold; font-size:24px;}

.header #btn.active{top:-60px;}
#nav.active{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition-delay: .33s;}
#nav.active nav ul li{transform: none;opacity: 1;}
#nav.active #close{transform: none}


#menu {
  position: fixed;
  right: -100px;
  top: 50%;
  transform: translate(0, -50%);
  list-style-type: none;
  z-index: 70;
  transition: all .3s;
}
#menu li {
  margin-top: 23px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 18px 0;
  position: relative;
}
#menu li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#menu li a span {
  position: absolute;
  z-index: 1;
  border: 0;
  background: transparent;
  background:rgba(0,0,0,0.2);
  left: 50%;
  top: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width:8px;
  height:8px;
  background: #A2A2A2;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}
#menu li a span:after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: -17px;
  z-index: -1;
  transform: translateX(-50%);
  -webkit-transform: translateX(-60%);
  -moz-transform: translateX(-50%);
  background: #F2F2F2;
  height: 18px;
  top:12px;
}
#menu li.active span,
#menu li:hover span {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 2px solid #5a5a5a;
  border-color: #ba251f;
  margin-left: -2px;
  margin-top: -4px;
}
#menu.active {
  right: 30px;
}
.section_1 .fp-tableCell {
  display: block;
  height: auto!important;
}
.section_1 .slider {
  overflow: hidden;
}
.section_1 .slider li > img {
  height: 100vh;
  width: 100%;
}
.section_1 .slider li .txt{ position:absolute; color:#fff; width:100%; text-align:center; left:0%; top:40%; z-index:99;  font-family: 'Light'; letter-spacing:5px;}
.section_1 .slider li .txt h3{font-size:55px; }
.section_1 .slider li .txt span{font-size:20px; }
.section_1 .osSlider-main .slider-nav li {
  background: #fff;
}
.section_1 .osSlider-main .slider-nav li.active {
  background: #ba251f;
}
.banner-box{ position:relative;}
.banner-box .logo{ position:absolute; left:5%; top:30px; z-index:99;}
.banner-box .logo img{ width:160px; height:auto; }

@media (max-width: 768px)
{
	.section_1 .slider li{ width:100%;}
	.section_1 .slider li > img { display:none;}
	.section_1 .slider .slider-btn{ display:none;}
	
	}



.section_2 .fp-tableCell {
  position: relative;
  padding-top: 260px;
  display: block;
}
.section_2 .nav-box {
  position: absolute;
  top:20px; left:20%;
  width: 80%;
}
.section_2 .nav-box .item-box {
  float: left;
  width: 25%;
  text-align: center;
  height: 260px;
  position: relative;
  padding-top: 80px;
  box-sizing: border-box;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;
}
.section_2 .nav-box .item-box:before {
  position: absolute;
  content: '';
  left: 0;
  top: 40px;
  bottom: 40px;
  width: 1px;
  background: #e6e6e6;
}
.section_2 .nav-box .item-box .icon-box {
  height: 105px;
  text-align: top;
}
.section_2 .nav-box .item-box .icon-box img {
  transition: all .3s;
}
.section_2 .nav-box .item-box .txt-box {
  transition: all .3s; font-size:18px;
}

.section_2 .nav-box .item-box .txt-box p {
  font-size: 12px;
  color: #808080;
}
.section_2 .nav-box .item-box:nth-child(1):before {
  display: none;
}
.section_2 .nav-box .item-box:hover .icon-box img {
  transform: translateY(5px);
}
.section_2 .nav-box .item-box:hover .txt-box {
  transform: translateY(-5px);
}
.section_2 .msg-box {
  position: relative;
  height: calc(100vh - 260px);
  width: 100%;
}
.section_2 .msg-box .title-box {
  position: absolute;
  left: 0;
  width: 100%;
  top: 90px;
  text-align: center;
  color: #fff;
  padding-bottom: 10px;
  z-index: 9999;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;
}
.section_2 .msg-box .title-box h3 {
  font-size: 36px;
  line-height: 1.5;
}
.section_2 .msg-box .title-box p {
  font-size: 12px;
}
.section_2 .msg-box .title-box:before {
  position: absolute;
  content: '';
  width: 45px;
  background: #ba251f;
  height: 1px;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
}
.section_2 .msg-box .swiper-container {
  background: #000;
  height: 100%;
}
.section_2 .msg-box .swiper-container .bg {
  position: absolute;
  bottom: 0;
  top:0;
  text-align: right;
  width: 100%; height:100%;vertical-align:middle;
}
.section_2 .msg-box .swiper-container .bg img {
  height: 100%;width: 100%;
}
.section_2 .msg-box .swiper-container .txt-box {
  position: absolute;
  top: 30%;
  left: 50%;
  width:50%; margin-left:-600px;
  color: #fff;
  z-index: 9999;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;
}
.section_2 .msg-box .swiper-container .txt-box a {
  display: block;
  color: #fff;
  height:130px;
  box-sizing: border-box;
  padding-top: 70px;
}

.section_2 .msg-box .swiper-container .txt-box .title {
  text-align: left;
  width: 500px;
  padding-bottom: 20px;
  transform: translateY(-50%);
}

.section_2 .msg-box .swiper-container .txt-box .title h3 {
  transition: all .3s; font-size:36px !important; line-height:36px; margin-bottom:10px;font-family: 'Medium';
}
.section_2 .msg-box .swiper-container .txt-box .title .stit{ font-size:20px;font-family: 'Light';}

.section_2 .msg-box .other-box {
  position: absolute;
  left: 130px;
  top: 100px;
  z-index: 999;
}
.section_2 .msg-box .other-box img {
  height: 350px;
}
.section_2 .msg-box .other-nub {
  position: absolute;
  z-index: 999;
  font-size: 16px;
  color: #fff;
  left: 110px;
  bottom:110px;
  transform: rotate(90deg);
}
.section_2 .msg-box .other-nub span {
  color: #ba251f;
  font-size: 18px;
}
.section_2 .msg-box .other-nub em {
  margin-right: 8px;
  margin-left: 8px;
}
.section_2 .msg-box .swiper-button-prev {
  left: 50px;
}
.section_2 .msg-box .swiper-button-next {
  right: 80px;
}
.section_2 .msg-box .swiper-button-next,
.section_2 .msg-box .swiper-button-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-size: 10px 30px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
}
.section_2 .msg-box .swiper-button-next:hover,
.section_2 .msg-box .swiper-button-prev:hover {
  background-color: #ba251f;
  border-color: #ba251f;
}
.section_2.active .nav-box .item-box {
  transform: translateY(0);
  opacity: 1;
}
.section_2.active .msg-box .title-box {
  transform: translateY(0);
  opacity: 1;
}
.section_2.active .msg-box .swiper-container .txt-box {
  transform: translateY(0);
  opacity: 1;
}


.section_3 .col-cont{ color:#fff; margin-top:100px; }
.section_3 .col-cont h3{font-size:40px;font-weight: 500;margin-bottom:10px; text-shadow:0px 7px 6px 0px rgba(0,0,0,1); font-family: 'Medium';}
.section_3 .col-cont p{font-size: 18px;font-weight: 100;width: 50%;margin-bottom: 50px;text-shadow:0 7px 6px 0px rgba(0,0,0,0.5);font-family: 'Light';}
.section_3 a{ color:#fff;}
.section_3 a:hover{box-shadow: 0 7px 13px 0px rgba(0,0,0,0.1); color:#fff;}

.section_4 .about-wrap{ width:600px; float:right;}
.section_4 .title-box {
  position: relative;
  width: 100%; color:#fff;
  padding-bottom: 10px;
  margin-bottom: 35px;
}
.section_4 .title-box h3 {font-family: 'Medium';
  font-size: 36px;
  line-height: 1.5;
  font-weight: 700;
}
.section_4 .title-box p {
  font-size: 14px;
  color: #fff;font-family: 'Light';
}
.section_4 .title-box:before {
  position: absolute;
  content: '';
  width: 45px;
  background: #ba251f;
  height: 1px;
  bottom: 0;
  left: 0;
}
.section_4 .a-text p {
  line-height: 1.8;letter-spacing: 1.5px; color:#fff;
}
.section_4 .a-text .more-btn {
  display: inline-block;
  width: 110px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  margin-top: 40px;
  border: 1px solid #fff;
}
.section_4 .a-text .more-btn span {
  margin-left: 5px;
}
.section_4 .a-text .more-btn:hover {
  background: #ba251f;
  color: #fff;
  border-color: #ba251f;
}
.section_4 .a-text .more-btn:hover span {
  color: #fff;
}

.section_4 .about-wrap .about-item{   
   width: 100%; height:auto; 
    margin-left: 0px;
    margin-top:30px;}
.section_4 .about-item ul{ height:auto; width: 100%; margin:0; padding:0;}

.section_4 .about-item ul li{ float:left; width:88px;  margin-right:20px;}

.section_4 .about-item ul li .p-item {
    text-align: center;
    transition-property: all; width:100%; height:auto;
    transition-radio: hover; color:#fff;
	border-radius:4px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1)
}

.section_4 .about-item ul li .p-item p {    line-height: normal;
    font-size: 16px; width: 100%;
    text-align: center;
    margin-top: 10px;color:#fff;
    }
	
.section_4 .about-item ul li .p-item .a_image1 { width: 100%;text-align:center;}
.section_4 .about-item ul li .p-item .a_image1 img{ width:100%; height:auto;}
.section_4 .about-item ul li .p-item:hover p {
   text-align:center; font-size:14px;
}

.section_5 .title-box {
  position: relative;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  margin-bottom:40px;
  transform: translateY(50px);
  transition: transform 0.7s 0.6s, opacity 0.4s 0.6s; margin-top:80px;
}
.section_5 .title-box h3 {
  font-size: 36px;
  line-height: 1.5; color:#333;
  font-family: 'Medium';
}
.section_5 .title-box p {
  font-size: 14px;
  color: #808080;
}
.section_5 .title-box:before {
  position: absolute;
  content: '';
  width: 45px;
  background: #C02B59;
  height: 1px;
  bottom: 0;
  left: 50%;
  margin-left: -22px;
}
.section_5 .newslist {
  padding-left: 4%;
  padding-right: 4%;
  box-sizing: border-box;
  transform: translateY(50px);
  transition: transform 0.7s 0.6s, opacity 0.4s 0.6s;
}
.section_5 .item-box {
  position: relative;
  float: left;
  width: 25%;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
  overflow: hidden;
}
.section_5 .item-box a {
  display: block;
  padding-bottom: 60px;
}
.section_5 .item-box .news-info {
  position: relative;
  z-index: 3;
}
.section_5 .item-box .time-box {
  color: #bfbfbf;
  margin-bottom:20px;
}
.section_5 .item-box .time-box h3 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
}
.section_5 .item-box .time-box p {
  font-size: 12px;
}
.section_5 .item-box .title {
  position: relative;
  font-size: 16px;
  color: #333333;
  padding-bottom: 10px;
}
.section_5 .item-box .title p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 50px;
}
.section_5 .item-box .title:before {
  position: absolute;
  content: '';
  width: 40px;
  height: 0px;
  background: #c8c8c8;
  left: 0;
  bottom: 0;
}
.section_5 .item-box .ntxt {
  position: relative;
  font-size: 14px;
  color: #808080;
  line-height: 1.6;
  min-height: 124px;
}
.section_5 .item-box .ntxt .ninfo p {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: 1.5px;line-height: 1.8;
}
.section_5 .item-box .img {
  margin-top: 30px;
  transition: all .3s;
}
.section_5 .item-box .img img {
  width: 100%;height: auto; max-height:208px;
}
@media (max-width: 1488px)
{
	.section_5 .title-box {
  padding-bottom: 10px;
  margin-bottom: 30px;
}
	.section_5 .item-box a {
  padding-bottom: 30px;
}

.section_2 .msg-box .swiper-container .txt-box {
  top: 30%;
 margin-left:-500px;
}
	}
@media (max-width: 768px)
{
	.header .logo{   width:120px; height:auto; left:15px; top:15px;}
	.header .logo img{ width:100%; height:auto;}
	#nav .logo2 img{width:100px; height:auto;}
	#nav nav li a{ font-size:20px;}
	#nav .nav-info p:nth-child(1){font-size: 18px;}
	.section_2 .nav-box{
    left: 0%;    top: 5%;
    width: 100%;}
	.section_2 .nav-box .item-box {
    width: 33%;
    height: 200px;
    position: relative;
    padding-top: 60px;
}
.section_2 .nav-box .item-box .icon-box {
    height: 60px;
    text-align: top; margin-bottom:10px;
}
.section_2 .nav-box .item-box .icon-box img{ width:auto; height:100%;}
.section_2 .msg-box{    height: calc(100vh - 200px);}
#top{ display:none;}

.section_2 .msg-box .swiper-container .txt-box {
  top: 20%;
  left: 5%;
  width:90%; margin-left:0px;
}
.section_2 .msg-box .swiper-container .txt-box .title {
  width: 100%;
}
.section_2 .msg-box .swiper-container .txt-box .title h3 {
 font-size:20px !important;    margin-bottom: 0px;
}
.section_2 .msg-box .swiper-container .txt-box .title .stit{ font-size:16px;}
.section_2 .msg-box .other-box{ display:none;}
.section_2 .msg-box .swiper-button-prev {
  left: 5px;
}
.section_2 .msg-box .swiper-button-next {
  right: 10px;
}
.section_2 .msg-box .swiper-button-next,
.section_2 .msg-box .swiper-button-prev {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background-size: 10px 20px;
}
.section_2 .msg-box .swiper-container .bg img {
  height: 100%;width: 100%; 
}

.section_3 .col-cont{margin-top:80px;}
.section_3 .col-cont h3{font-size:20px;margin-bottom:10px; }
.section_3 .col-cont p{font-size: 16px;font-weight: 100;width: 100%;margin-bottom: 30px;}
.section_4 .about-wrap{ width:100%; float:none;}
.section_4 .about-item ul li{  width:60px;  margin-right:20px;}
.section_4 .about-item ul li .p-item p{ font-size:14px;}

.section_5 .title-box{    margin-bottom: 10px; margin-top:10px;}
.section_5 .title-box h3 {
  font-size: 20px;
}
.section_5 .item-box{width: 50%;
    padding-left: 20px;
    padding-right:20px; padding-bottom:0; margin-bottom:10px;}
.section_5 .item-box .time-box{ display:none;}
.section_5 .item-box .title{ margin-bottom:0;}
.section_5 .item-box .ntxt{ min-height:auto;}
.section_5 .item-box .ninfo{ display:none;}
.section_5 .item-box:nth-child(3),.section_5 .item-box:nth-child(4){ display:none;}
	}

.footer{background: #222;padding: 2% 0 2.5% 0;  margin-top:60px ;}
.footer .left{width:50%; float:left;}
.footer .left .col-logo{display: inline-block;margin-right: 10px;vertical-align: middle; float:left; width:130px;}
.footer .left .col-logo img{ width:100%; height:auto; max-width:130px;}
.footer .left .col-copyright{display: inline-block;line-height: 1.5;vertical-align: bottom; float:left;}
.footer .left .col-copyright p:nth-child(1){color:#fff;}
.footer .left .col-copyright p:nth-child(2){color:#fff;}
.footer .right{width: 50%;text-align: right; float:right;}
.footer .right .col-hotline{display: inline-block;text-align: center;padding-right: 6%;position: relative;vertical-align: bottom;}
.footer .right .col-hotline::after{content:'';width: 1px;height:69px;background: #c9c9c9;position: absolute;right: 0;top:50%;margin-top: -35px;}
.footer .right .col-hotline p:nth-child(1){color:#fff;font-size: 24px;font-family: 'Medium';}
.footer .right .col-hotline p:nth-child(2){color:#fff;font-size: 26px; font-family: 'Oswald';}
.footer .right .col-info{display: inline-block;padding-left: 6%;line-height: 1.8;color:#fff;text-align: left;vertical-align: bottom;}
.footer .right .col-info p:nth-child(1){font-size: 14px;color:#fff;}
.footer .right .col-info p:nth-child(2){}

@media (max-width: 992px)
{
	
.footer {  padding:7% 3%;}
.footer .right .col-hotline::after{display: none;}
  .footer .left .col-logo{margin-right: 0;display: block; float:none; text-align:center; width:100%; margin-bottom:10px;}
  .footer .right .col-hotline,.footer .right .col-info{display: block;padding: 0;text-align: center;}
  .footer .left{width: 100%;float: none !important;text-align: center;}
  .footer .right{float: none !important;width: 100%;}
  .footer .right .col-hotline p:nth-child(2){font-size: 20px;}
  .footer .left .col-copyright{ float:none;}
}
@media (max-width: 768px)
{.footer{ margin-top:50px;}
.footer .right{ display:none;}

}

/* banner */
.inner-banner .swiper-slide{background-position: center !important;background-size: cover !important;}
.inner-banner .swiper-slide .container{position: relative;height: 100%}
#in-banner .swiper-slide .ban_cont{color:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#in-banner .swiper-slide .ban_cont h1{font-size: 42px;font-family: 'Regur';position: relative;line-height: 1.8; letter-spacing:2px;}
#in-banner .swiper-slide .product-cont h1{margin-bottom: 20px;}
#in-banner .swiper-slide .product-cont h1::after{content:'';width:47px;height:4px;background: #e1ca78;position: absolute;bottom: 0;left:50%;margin-left: -24px;}
#in-banner .swiper-slide .product-cont h2{font-size: 24px;}
#in-banner .swiper-slide#product-slide{height: auto !important;}
@media (max-width: 768px) {
	 #in-banner .swiper-slide .product-cont h2{font-size: 16px;}
  #in-banner .swiper-slide .ban_cont h1{font-size: 24px;}
  #in-banner .swiper-slide{height:250px !important;}
	}


.menu{background-color: #f5f5f5; line-height: 80px;height:80px; font-family: 'Light'; color: #999;}
.menu i{font-style: normal;}
.menu a{color: #333;}
.menu .left{float: left;}
.menu .location{float: right; padding-left: 33px; background: url(home-icon.png)no-repeat left center;}
.menu dd{display: inline-block; margin-right: 66px; }
.menu dd:last-child{margin-right: 0;}
.menu dd a{display: block; position: relative; transition: all .3s; font-size:16px;height:80px;}
.menu dd:hover a,
.menu dd.on a{color: #d9261c;}
.menu dd a::before{content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #d9261c; transform: translateX(-50%); transition: all .3s;}
.menu dd:hover a::before,
.menu dd.on a::before{width: 100%;}
.menu .location a{padding: 0 15px;}
.menu .location a:first-child{padding-left: 0;}
.menu .location span{padding-left: 15px; color: #d9261c;}
@media(max-width: 1400px){
    .menu dd{margin-right: 30px;}
    .menu .location a{padding: 0 10px;}
    .menu .location span{padding-left: 10px;}
}
@media(max-width: 1024px){
    .menu{line-height: 60px; height:60px;}
	.menu dd a{ height:60px;}
    .menu .location{display: none;}
    .menu .left{width: 100%; text-align: center;}
}
@media (max-width: 768px) {
	.menu dd{margin-right:15px;}
.header #btn,#menu #close{top:15px;right:15px;}
.header #btn{width: 50px;height: 50px;line-height:50px;box-shadow: 0px 10px 10px 0px rgba(6, 0, 1, 0.14);}
.header #btn span{font-size: 14px;width: 14px;line-height: 25px;left: -20px; }
}

/* brand */
.about-brand{padding: 3% 0 0 0;}
.about-brand .jump{position: absolute; top: -80px; left: 0; opacity: 0;}
.about-brand h1{opacity: 0; position: absolute;}
.about-brand .title{text-align: center; font-size: 40px; color: #333; font-family: 'Medium';}
.about-brand .part1{position: relative;}
.about-brand .part1 .box{background: url(brand-bg01.jpg)no-repeat left bottom;}
.about-brand .part1 .title{padding-bottom: 6.42%;}
.about-brand .part1 .ul1{padding-bottom: 8.3%;}
.about-brand .part1 .li{position: relative;}
.about-brand .part1 .li:last-child{}
.about-brand .part1 .li:first-child .pic::before{content: ''; position: absolute; width: 50%; height: 100%; left: -40px; top: -40px; z-index: -1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(-45deg,  rgba(124,124,124,0.08) 0%, rgba(0,0,0,0) 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(124,124,124,0.08) 0%,rgba(0,0,0,0) 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(124,124,124,0.08) 0%,rgba(0,0,0,0) 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.about-brand .part1 .pic{float: left; width: 50%;}
.about-brand .part1 .pic img{ width:100%; height:auto;}
.about-brand .part1 .content{position: absolute; width: 50%; left: 50%; top: 50%; padding: 0 0 0 9%; transform: translateY(-50%);}
.about-brand .part1 .tit{font-size: 34px; color: #333; font-family: 'Medium';}
.about-brand .part1 .txt{color: #555; line-height: 2.2; padding-top: 5.71%; text-align: justify; font-size:16px;}
.about-brand .part1 .li:nth-child(even) .pic{float: right;}
.about-brand .part1 .li:nth-child(even) .content{left: 0; padding: 0 8.57% 0 0;}
.about-brand .part1 .wap{display: none;}
.about-brand .part1 .intro{background: url(../images/brand-bg01.jpg); background-repeat: repeat-x; background-position: center; padding: 2.6%;}
.about-brand .part1 .left{width: 32.8%; float: left; font-size: 34px; font-family: 'Medium'; color: #333;}
.about-brand .part1 .right{width: 67.2%; float: left;}
.about-brand .part1 .right .txt1{font-family: 'Medium'; color: #666; line-height: 2;}
.about-brand .part1 .ul2{padding-top: 4%;}
.about-brand .part1 .ul2 li{display: inline-block; margin-right: 21%;}
.about-brand .part1 .ul2 li:last-child{margin-right: 0;}
.about-brand .part1 .count{font-size: 36px; font-family: 'Oswald'; color: #333;}
.about-brand .part1 .tit1{color: #999; font-family: 'Light';}
@media(max-width: 1200px){
    .about-brand .part1 .tit{font-size: 26px;}
    .about-brand .part1 .txt{padding-top: 3%; line-height: 1.9;}
    .about-brand .part1 .li:nth-child(even) .content{padding-right: 5%;}
    .about-brand .part1 .content{padding-left: 5%;}
}
@media(max-width: 1024px){
    .about-brand .part1 .li:first-child .pic::before{top: -20px; width: 100%;}
    .about-brand .part1 .li:nth-child(even) .pic,
    .about-brand .part1 .pic{float: none; width: 100%;}
    .about-brand .part1 .pic img{width: 100%;}
    .about-brand .part1 .content{position: initial; transform: translateY(0); width: 100%; padding: 8.69% 0!important;}
    .about-brand .part1 .box{background: none;}
    .about-brand .part1 .ul1{padding-bottom: 0;}
    .about-brand .title{font-size: 30px;}

    .about-brand .jump{top: -110px;}
}
@media(max-width: 960px){
    .about-brand .part1 .left{width: 100%; float: none; font-size: 26px;}
    .about-brand .part1 .right{width: 100%; float: none;}
    .about-brand .part1 .intro{padding: 2.6% 0;}
    .about-brand .part1 .ul2 li{margin-right: 10%;}
    .about-brand .part1 .count{font-size: 28px;}
}
@media(max-width: 640px){
    .about-brand .part1 .tit{font-size: 18px;}
    .about-brand .part1 .wap{display: block;}
    .about-brand .part1 .pc{display: none;}
    .about-brand .title{font-size: 20px;}
    .about-brand .part1 .txt{line-height: 1.8; font-size: 14px;}
    .about-brand .part1 .tit1,
    .about-brand .part1 .right .txt1{font-size: 14px;}
    .about-brand .part1 .count{font-size: 24px;}
    .about-brand .part1 .ul2 li:nth-child(1){ width: 98%; margin-right: 0}
    .about-brand .part1 .ul2 li{ min-width: 49%}

    .about-brand .jump{top: -55px;}
}
@media(max-width: 480px){
    .about-brand .part1 .ul2 li:nth-child(2){margin-right: 0;}
}


.about-brand .part2{padding: 5.2% 0;  background:url(brand-bg02.jpg) no-repeat center bottom;}
.about-brand .part2 .title{color: #333; padding-bottom: 5.468%;}
.about-brand .part2 .flipster{padding-top: 100px; overflow: visible; position: relative; width: 100%!important}
.about-brand .part2 .flipto-prev,.about-brand .part2 .flipto-next{display: block!important; font-size: 0; width: 40px; height: 40px; border: 1px solid #aaa; transition: all .3s;}
.about-brand .part2 .flipto-prev{position: absolute; top: 30%; left: -80px; background: url(prev-icon-on.png)no-repeat center;}
.about-brand .part2 .flipto-next{position: absolute; top: 30%; right: -80px; background: url(more-icon01.png)no-repeat center;}
.about-brand .part2 .flipto-prev:hover{background: url(prev-icon.png)no-repeat center #fff;}
.about-brand .part2 .flipto-next:hover{background: url(more-icon.png)no-repeat center #fff;}

.about-brand .part2 .flipster-carousel .flip-next{transform: translateX(75%) translateY(-20%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
.about-brand .part2 .flipster-carousel .flip-prev{transform: translateX(-75%) translateY(-20%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
.about-brand .part2 .flipster-carousel .flip-past{transform: translateX(-125%) translateY(-35%) translateZ(0) rotateY(0deg) scale(0.7);}
.about-brand .part2 .flipster-carousel .flip-future{transform: translateX(125%) translateY(-35%) translateZ(0) rotateY(0deg) scale(0.7);}
.about-brand .part2 .tit{text-align: center; color: #333; padding-top: 25px; font-size:16px;}
.about-brand .part2 .flipster-carousel .flip-past .tit,
.about-brand .part2 .flipster-carousel .flip-future .tit{display: none;}
@media(min-width: 1024px){
.about-brand .part2 .flipster-carousel img{ min-width:430px;}
}
@media(max-width: 960px){
    .about-brand .part2 .flipster{padding-top: 0; padding-bottom: 80px;}
    .about-brand .part2 .flipster-carousel .flip-next{transform: translateX(75%) translateY(-2%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
    .about-brand .part2 .flipster-carousel .flip-prev{transform: translateX(-75%) translateY(-2%) translateZ(0) rotateY(0) scale(.8); opacity: 1;}
    .about-brand .part2 .flipster-carousel .flip-past{transform: translateX(-125%) translateY(-5%) translateZ(0) rotateY(0deg) scale(0.7);}
    .about-brand .part2 .flipster-carousel .flip-future{transform: translateX(125%) translateY(-5%) translateZ(0) rotateY(0deg) scale(0.7);}
    .about-brand .part2 .flipto-prev{bottom: 10px; top: auto; left: 50%; transform: translateX(-110%);}
    .about-brand .part2 .flipto-next{bottom: 10px; top: auto; right: 50%; transform: translateX(110%);}
    .about-brand .part2 .flipster-carousel .flip-past .tit,
    .about-brand .part2 .flipster-carousel .flip-future .tit{display: block;}
}
@media(max-width: 480px){
    .flipster-carousel .flip-items{width: 85%!important;}
}


.about-brand .part3 {
  background: #f6f6f6;
  padding-top: 70px;
  padding-bottom: 100px;
}
.about-brand .part3 .title {
  text-align: center;
   font-size: 36px;
  margin-bottom: 30px;font-family: 'Medium';
}

.about-brand .part3  .info-box { height:auto; overflow:hidden; text-align:center;}
.about-brand .part3  .info-box  li { display:inline-block; margin-right:50px; width:28%; height:auto; position:relative; text-align:center;}

.about-brand .part3  .info-box  li .pd{width: 100%;padding: 135.94% 0 0;background-position: left top;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;position: relative;}
.about-brand .part3  .info-box  li .pd:before{width: 100%;height: 100%;content:"";position: absolute;bottom: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.4);margin: auto;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.about-brand .part3  .info-box  li:hover .pd:before{height: 0;}
.about-brand .part3  .info-box  li .absolute{top: 15%;left: 0;right: 0;margin: auto;}
.about-brand .part3  .info-box  li .ico{width: 62px;height: 62px;background-repeat: no-repeat;background-position: center center;margin: 0 auto;-webkit-background-size: auto auto;background-size: auto auto;}
.about-brand .part3  .info-box  li .tit{margin-top: 20px;color: #ffffff;font-size: 28px;}
.about-brand .part3  .info-box  li .tit-en{margin-top: 3px;color: #ffffff;margin-bottom: 45px;font-size: 14px;font-family: Arial;opacity: .5;}
.about-brand .part3  .info-box  li .desc{width: 90%;margin: 0 auto;color: #ffffff;font-size: 16px;line-height: 30px;}
@media (max-width: 981px){
	.about-brand .part3{ padding-top:30px; padding-bottom:30px;}
	.about-brand .part3 .title { font-size:20px;}
 .about-brand .part3 .info-box  li .tit{font-size: 16px;}
  .about-brand .part3 .info-box  li .desc{font-size: 14px;line-height: 26px;}
  .about-brand .part3 .info-box  li .ico{width: 45px;height: 45px;-webkit-background-size: 100% auto;background-size: 100% auto;}
}
@media (max-width: 690px){
	.about-brand .part3  .info-box  li{ width:100%; margin-right:0; margin-bottom:10px;}
  .about-brand .part3  .info-box  li .pd{padding-top: 100%;}
  .about-brand .part3  .info-box  li .ico{width: 30px;height: 30px;}
}
@media (max-width: 610px){
  .about-brand .part3  .info-box  li .pd{padding-top: 120%;}
  
  .about-brand .part3  .info-box  li .tit{margin-top: 10px;}
}
@media (max-width: 450px){
  .about-brand .part3  .info-box  li .tit-en{margin-bottom: 12px;}
}
@media (max-width: 410px){
  .about-brand .part3  .info-box  li{height: 210px;}
  .about-brand .part3  .info-box  li .pd{padding-top: 100%;}
}


/* news */
.col-page-news{background: #f9f9f9;padding: 50px 0 6%; height:auto; overflow:hidden;}
.col-page-news .grid .item{float: left;width: 32%;background: #fff;margin-bottom: 30px;padding: 20px 20px 20px 20px; margin-right:20px; line-height: 1.8;}
.col-page-news .grid .item:nth-child(3n){ margin-right:0;}
.col-page-news .grid .item .col-img{overflow: hidden;}
.col-page-news .grid .item .col-img img{transition: 0.3s; width:100%; height:auto;}
.col-page-news .grid .item:hover .col-img img{transform: scale(1.1)}
.col-page-news .grid .item h2{margin:20px 0 15px;font-size: 15px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: 1px;
    line-height: 1.8;}
.col-page-news .grid .item h2:hover{text-decoration: underline}
.col-page-news .grid .item p{color:#6e6e6e;margin-bottom:25px;}
.col-page-news .grid .item .col-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color:#6e6e6e;height:auto;}

@media (max-width: 768px){
	.col-page-news .grid .item{width: 48.2%; margin-bottom:15px;}
	.col-page-news .grid .item:nth-child(3n){ margin-right:15px;}
	.col-page-news .grid .item:nth-child(2n){ margin-right:0;}
	}

@media (max-width: 530px){
	 .col-page-news .grid .item{width: 100%; margin-right:0;}
	}

.newsdetail-box{
    width: 100%; max-width:1200px; 
    margin:0px auto; background:#fff; padding:3% 0 0 3%;
}
.newsdetail-box .title-boxs{
	text-align: center;
	padding-bottom:20px;
	border-bottom: 1px solid #dcdcdc;

}

.newsdetail-box .title-boxs .title{
	font-size:24px; color:#333;
	line-height:36px;
}

.newsdetail-box .title-boxs .time{

	font-size:12px;
	color: #666666;
	margin-top: 10px;
}

.news-doc{
	font-size:14px; padding:3% 0;
	color: #555555;
	line-height:24px;
	margin-top:20px;

}
.news-doc img{
	max-width: 100%;
	display: block;
	margin:1em auto;
}

.pages{
	margin-top: 1.5em;
	position: relative;
	border-top: 1px solid #dedede;
	padding: 1em 0;
}

.pages li{
	font-size:14px;
	line-height:30px;
	color: #333333;
}

.pages li a{
	color: #333333;
}
.pages li a:hover{
	color:#e2001a;
}

.pages .back{
	font-size:12px;
	display: inline-block;
    position: absolute;
    right: 0;
    top: 15px;
    width:110px;
    height:36px; border-radius:30px;
    line-height:36px;
    text-align: center;
    color: #fff;
    background: #333333;

}

.pages .back:hover{
	background:#BA251F;
}

@media screen and (max-width: 1440px){

	.newsdetail-box{

		width: 1200px;

	}

} 

@media screen and (max-width: 1200px){

	.newsdetail-box{

	    width: 100%;

	    padding: 0 3%;

	    margin-top: 2em;

	    margin-bottom: 4em;

	    transition: all 0.5s;

    	-moz-transition: all 0.5s;

    	-webkit-transition: all 0.5s;

	}

}

@media screen and (max-width: 1200px){

	.newsdetail-box .title-boxs .title{

		font-size: 18px;

	}

}

@media screen and (max-width: 991px){

	.newsdetail-box{

		margin-bottom: 3em;

	}

	.pages .back{

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



@media screen and (max-width:768px){

	.newsdetail-box .title-boxs .title{

		font-size:18px;

	}

	.newsdetail-box .title-boxs .time{

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

@media screen and (max-width:768px){

	.pages .back{

		width: 10em;

		font-size: 0.875em

	}

}



/* product-list */
.product-list{padding-bottom: 2.57%;}
.product-list .list{margin: 0 -14px; padding: 3.57% 0 2%;}
.product-list .list li{width: 25%; float: left; padding: 0 14px; margin-bottom: 28px;}
.product-list .pic{padding-top: 75.75%; background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all .3s; position: relative;}
.product-list .list li:hover .pic{background-size: 110%;}
.product-list .content{border: 1px solid #ededed; padding: 20px;}
.product-list .tit{font-size: 18px; color: #333;word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
.product-list .txt{font-size: 14px; color: #999; font-family: 'Light'; padding: 4.24% 0 0 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: 1.5px;
    line-height: 1.8; margin-bottom:8px;}
.product-list .more{padding-left: 22px; color: #d9261c; background: url(icon_more.png)no-repeat left center; font-size: 14px;}
@media(max-width: 1024px){
    .product-list .list li{width: 33.333%;padding: 0 10px;margin-bottom: 20px;}
    .product-list .content{padding: 10px;}
}
@media(max-width: 640px){
    .product-list .list li{width: 50%;padding: 0 7.5px;margin-bottom:15px;}
	.product-list .content{padding: 8px;}
    .product-list .tit{font-size: 14px; color: #333;}
    .product-list .txt{font-size: 13px; color: #999;padding: 2% 0 3%;}
	.product-list .more{padding-left:0; font-size:12px; background:none; }
}

/* product-detail */
.product-detail{padding-top: 80px;}
.product-detail h1{opacity: 0; position: absolute;}
.product-detail .nav-bar{background-color: #f9f9f9; line-height: 80px;}
.product-detail .pro-name{float: left; font-size: 18px; font-family: 'Medium'; color: #333;}
.product-detail .pro-name a{ color: #333;}
.product-detail .pro-nav{float: right;}
.product-detail .pro-nav dd{display: inline-block; margin-left: 35px;}
.product-detail .pro-nav dd:first-child{margin-left: 0;}
.product-detail .pro-nav dd a{display: block; font-family: 'Light'; color: #999; position: relative;}
.product-detail .pro-nav dd.on a{color: #ab1e21;}

.product-detail .jump{position: absolute; top: -80px; left: 0; opacity: 0;}
@media(max-width: 1024px){
    .product-detail .jump{top: -110px;}
}
@media(max-width: 640px){
    .product-detail .pro-name{display: none;}
    .product-detail .pro-nav{float: none; width: 100%; text-align: center;}
    .product-detail .pro-nav dd{margin-left: 18%;}
    .product-detail .pro-nav dd.on a::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #ab1e21;}
    .product-detail .jump{top: -55px;}
}

.product-detail .part1{margin: 2.85% 0 3.57%;}
.product-detail .part1 .left{width: 60%; float: left;}
.product-detail .part1 .box{width: 17.6%; float: left; padding-right: 4.6%; margin: 0px 0 -20px; position: relative; overflow: hidden; overflow-y: auto;}
.product-detail .part1 .slider-for{width: 82.4%; float: left; padding-left: 4.8%;}
.product-detail .part1 .slider-for img{width: 100%;}
.product-detail .part1 .slider-nav li{margin: 20px 0; cursor: pointer; transition: all .3s; overflow: hidden;}
.product-detail .part1 .slider-nav li:first-child{margin-top: 0;}
.product-detail .part1 .slider-nav li:last-child{margin-bottom: 0;}
.product-detail .part1 .slider-nav li.aon{border: 1px solid #ab1e21;}
.product-detail .part1 .slider-for .pic{padding-top: 75%; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
.product-detail .part1 .slider-nav .pic{padding-top: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
/* .product-detail .part1 .box::before,
.product-detail .part1 .box::before{background-color: #f0f0f0; z-index: 1; height: calc(100% - 20px);} */
.product-detail .part1 .box::-webkit-scrollbar{width: 1px; height: 100%; background-color: #f9f9f9;}
.product-detail .part1 .box::-webkit-scrollbar-button{display: none;}
.product-detail .part1 .box::-webkit-scrollbar-thumb{background-color: #ab1e21;}
.product-detail .wap{display: none;}

.product-detail .part1 .right{padding-left: 7%; width: 40%; float: left;}
.product-detail .part1 .txt{color: #999; line-height: 23px;}
.product-detail .part1 .label{display: inline-block; width: 42px; line-height: 23px; text-align: center; color: #fff; background-color: #ab1e21; margin-right: 20px; font-size: 12px; vertical-align: top;}
.product-detail .part1 .tit{font-size: 36px; padding: 5.35% 0;}
.product-detail .part1 .subtit{font-size: 20px; color: #6b6b6b;}
.product-detail .part1 .shop{padding-top: 17.5%; line-height: 80px;}
.product-detail .part1 .shop li{border-top: 1px solid #ededed; background: url(../images/next-icon01.png)no-repeat 95% center;}
.product-detail .part1 .shop li:last-child{border-bottom: 1px solid #ededed;}
.product-detail .part1 .shop .shop-name{padding-left: 66px; font-size: 14px; color: #999; background-repeat: no-repeat; background-position: left center;}
@media(max-width: 1024px){
    .product-detail .part1 .left{width: 100%; float: none;}
    .product-detail .part1 .right{width: 100%; float: none; padding-top: 30px; padding-left: 0; padding-bottom:5%;}
    .product-detail .part1 .tit{padding: 2% 0;}
    .product-detail .part1 .shop{padding-top: 3%;}
	.product-detail .part2{ display:none;}
}
@media(max-width: 640px){
	.product-detail{padding-top:60px;}
	.product-detail .part1 .tit{font-size: 30px;}
    .product-detail .part1 .subtit{font-size: 18px;}
    .product-detail .part1 .left{display: none;}
    .product-detail .wap{display: block;}
    .product-detail .wap .pic{padding-top: 74.666%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #f9f9f9;}
    .product-detail .wap .slick-dots button{width: 28px; background-color: #e0e0e0;}
    .product-detail .wap .slick-dots button::before{background-color: #ab1e21;}
}

/* .product-detail .long-pic img{width: 100%!important; height: auto!important; padding-bottom: 7.14%;} */

.product-detail .title{font-size: 40px; color: #333; text-align: center;}
.product-detail .part2{ background:#f9f9f9;    padding: 2.5% 0 6.25%;}
.product-detail .mcont{ height:auto; line-height:1.5; padding:3% 0;}
.product-detail .mcont img{ width:100%; max-width:1200px; height:auto;}
@media(max-width: 1024px){
    .product-detail .title{font-size: 24px;}
}

/* contact */
/* contact */
.contact{padding-top: 3%;}
.contact .list1{padding-bottom: 6.25%;}
.contact h1{text-align: center; color: #333; font-size: 36px;}
.contact .list{max-width: 1200px; margin: 0 auto; padding: 5% 0; display: flex;align-items: center;justify-content: center;}
.contact .list li{width: 25%; float: left; text-align: center; border-right: 1px solid #e1e1e1;}
.contact .list li:last-child{ border-right:none;}
.contact .list .box{display: inline-block; text-align: center;}
.contact .list .icon{width: 30px; height: 30px; margin: auto;}
.contact .list .icon img{ width:100%;}
.contact .list .txt{padding-top: 15px;font-size:14px; }
.contact .list .txt strong{font-size:16px;}
.contact .list1{padding-top: 5%; max-width: 1200px; margin: 0 auto;}
.contact .list1 li{width: 33.333%; float: left; text-align: center; line-height: 1.8; border-right: 1px solid #ededed;}
.contact .list1 li:last-child{border-right: none;}
.contact .list1 li a{color: #333; transition: all .3s;}
.contact .list1 li:hover a{color: #ab1e21;}

 .message_2 {
        padding-top: 20px;
        padding-bottom:50px;}
 .message_2 .input-box {
            float: left;
            margin-left: 10px;
            margin-right: 10px;
            margin-bottom: 40px;}
 .message_2 .input-box  input {
                width: 308px;
                height: 36px;
                border: 1px solid #a5a5a4;
                padding-left: 15px;
                padding-right: 15px;
                box-sizing: border-box;
                background: transparent;
            }
 .message_2 .input-box  label {
                font-size: 14px;
                color: #333;
                line-height: 36px;}
 .message_2 .input-box label  em {
                    font-size: 16px;
                    margin-right: 4px;
                    color: red;
                    vertical-align: middle;
                }

 .message_2 .input-box textarea {
                width: 1077px;
                padding: 15px;
                box-sizing: border-box;
                height: 200px;
                border: 1px solid #a5a5a4;
                background: transparent;
            }
 .message_2 .input-box:last-child{
                margin-bottom:20px;
            }
        
 .message_2  .btn-box {
            text-align: left;
            font-size: 0;
            padding-left: 65px;}
 .message_2 .btn-box  span {
                display: inline-block;
                width: 120px;
                height: 40px;
                background: #d9261c;
                color: #fff;
                line-height: 40px;
                text-align: center;
                font-size: 16px;
                cursor: pointer;
            }

@media(max-width: 768px){
.contact .list{flex-direction: column;}
    .contact h1{ display:none;}
    .contact .list li{width: 100%; text-align: center!important; padding: 3% 0; border: none!important;}
    .contact .list1 li{width: 50%; margin: 3% 0;}
    .contact .list1 li:nth-child(2){border-right: none;}
    .contact .list .icon{}
	.message_2{ margin-top:0px; border-top:1px solid #ddd;}
	 .message_2 .input-box { width:100%; float:none; margin-bottom:10px; margin-left:0;}
	 .message_2 .input-box input{ width:100%;}
	 .message_2 .input-box textarea{ width:100%; height:100px;}
	  .message_2  .btn-box { padding-left:0;}
	 .message_2 .btn-box  span{ width:100%;}
}
@media(max-width: 480px){
    .contact .list1 li{width: 100%;}
    .contact .list1 li{border: none;}
}


.jion-wrap{ height:auto; margin-bottom:0; }
.jion-wrap .title {text-align: center; padding-bottom:50px;}
.jion-wrap .title h2{    font-size: 36px;
  font-family: 'Medium';
    line-height: 1;
 }
.jion-wrap .title h3{    font-size: 20px;    color: #bfbfbf;
    line-height: 1;font-family: 'Light'; padding-top:8px; text-transform:uppercase;
    }
	.jion-wrap .title h4{    font-size: 18px;    color: #808080;
    line-height: 1;
    padding-top: 10px;font-family: 'Light';}

.session-1{ padding:5% 0;}

.session-1 .list-box{display: flex; flex-wrap: wrap;justify-content: space-between;}
.session-1 .list-box .column_1:nth-child(1){width: 40%;}
.session-1 .list-box .column_1:nth-child(1) img{ width:100%; height:auto;}
.session-1 .list-box .column_1:nth-child(2){width: 55%;}
.session-1 .list-box .column_1 .columns{display: flex; flex-wrap: wrap;padding: 1vw 0 2vw 0;}
.session-1 .list-box .column_1 .column{width: 50%;display: flex; flex-wrap: wrap;align-items: center;}
.session-1 .list-box .column_1 .column div:nth-child(1){width: 20%;padding-right:5%; float:left;}
.session-1 .list-box .column_1 .column div:nth-child(2){width: 70%; float:left;}
.session-1 .list-box .column_1 .column h1{ font-size: 20px; color: #333;padding-bottom: 10px;line-height: 1;font-family: 'Medium';}
.session-1 .list-box .column_1 .column h2{font-size: 18px; 
    color: #666;
}
.session-1 .list-box .column_1 .intro{ font-size: 16px; line-height: 36px;padding: 3vw 0;}
.session-1 .list-box .column_1 .column img{width: 45px;}
.session-1 .list-box .column_1 .column {padding-bottom: 3vw;}



.session-2{ height:auto; padding:5% 0; background:#f2f2f2; }

.Support .Support-list{ display: flex; justify-content: space-between; flex-wrap: wrap;padding-top: 3.05vw;}
.Support .Support-list li{position: relative;text-align: center;width: 23%;}
.Support .Support-list li img{height: 43px;}
.Support .Support-list li:before{
    position: absolute;
    bottom: 6px;
    right: -110px;
    content: '';
    background: url(line1.png);
    height: 7px;
    width: 167px;
    opacity: .2;
}
.Support .Support-list li:nth-child(n+5){padding-top: 4.2vw;}
.Support .Support-list li:nth-child(n+5):before{
    background: url(line3.png); right: 260px;
}
.Support .Support-list.is1 li:nth-child(5n):before{
    display: none;
}
.Support .Support-list.is1 li:nth-child(4):before{
    position: absolute;
    bottom: -75px;
    right: calc(50% - 3.5px);
    content: '';
    background: url(line2.png);
    height: 52px;
    width: 7px;
    opacity: 1;
    display: block;
}
.Support .Support-list h1{ 
    font-size: 18px;
    color: #333333;
    padding: 1vw 0 2vw 0;
}
.Support .Support-list h2{
    font-size: 18px;
    color: #b66e69;

}

.session-3 {
	padding-top: 5%;
	padding-bottom: 5%;
	color: #fff; width:100%;  }
.left-box {
	float: left;
	width: 50%; padding-right:5%; border-right:1px solid #e1e1e1;}
	.left-box ul li span{background: url('ico-11.png') no-repeat;background-size: cover;background-position: right;font-size: 12px;color: #333333;padding: 8px 8px 8px 15px;margin-right: 15px;}
.left-box ul li {font-size: 18px; color: #333333; padding-bottom:20px;}
.left-box ul li h4{font-size: 18px;  font-family: 'Medium';}
.left-box ul li h3{font-size: 16px; color: #666666;padding:1% 0;}
         
 
.right-box {float: right;text-align: center;width: 500px;position: relative;}
.session-3 .title {position: relative;padding-bottom: 10px;margin-bottom: 30px; text-align:left;}
.session-3 .title  h3 {font-size: 24px; color:#333;line-height: 1.3;font-family: 'Medium';}
.session-3 .title  p {font-size: 14px;	color: #666;}
     
.right-box .title{ text-align:center;}    
.right-box .info-box p{line-height: 1.6;color: #555; font-size:16px;}

.session-4{background: url('20240432.jpg');background-size: cover;background-position: center;padding: 5% 0;}
	.session-4 .title{ color:#fff;} 
.session-4 .col-message{width:50%;}
.session-4 .col-message h1{
    padding-bottom: 1.5vw;
    color: #fff;
    font-size: 36px;
    display: flex;
    align-items: center;
}
.session-4 .col-message h1 span{
    font-size: 20px;
    padding: 0 20px;
}
.session-4 .col-message form ul li{line-height: 2;margin-bottom: 15px;color:#fff;font-size: 0;}
.session-4 .col-message form ul li i{width: 80px;display: inline-block;font-size: 14px;}
.session-4 .col-message form ul li span{display: inline-block;width: calc(100% - 80px);font-size: 14px;}
.session-4 .col-message form ul li span>input{border:1px solid rgba(201,201,201,0.5);width: 100%; height:30px; padding:0 5px;}
.session-4 .col-message form ul li span>textarea{border:1px solid rgba(201,201,201,0.5);width: 100%;min-height: 148px;padding:5px;}
.session-4 .col-message form ul li span .form-check{display: inline-block;margin-right: 15px;}
.session-4 .col-message form ul li span .form-check input{margin-right: 5px;}
.session-4 .col-message form ul li span input.verify{width: 150px;padding-left: 10px;}
.session-4 .col-message form ul li span .recaptcha{color:#fff;line-height: 1.8;display: inline-block;border-bottom: 1px solid #666;}
.session-4 .col-message form ul li span .sub{border-radius: 2px;background-color:#AB1E21;width: 199px;height: 51px;color:#fff;}

@media(max-width: 768px){
	
	.jion-wrap .title { padding-bottom:30px;}
.jion-wrap .title h2{    font-size: 20px;

 }
.jion-wrap .title h3{    font-size: 14px;    color: #bfbfbf;line-height: 1; padding-top:5px; }
.jion-wrap .title h4{    font-size: 16px;  }
.session-1 .list-box .column_1:nth-child(1),.session-1 .list-box .column_1:nth-child(2){width: 100%;}
.session-1 .list-box .column_1 .columns{zoom: .7;padding: 30px 0;}
 .session-1 .list-box .column_1 .column{padding-bottom: 40px;}
 .session-1 .list-box .column_1 .intro{font-size: 14px; line-height: 1.8;}
	
	.Support .Support-list h1{  font-size: 16px; padding: 3vw 0; }
    .Support .Support-list{zoom: .8;padding-top: 40px;}
    .Support .Support-list li img{height: 28px;}
    .Support .Support-list li:nth-child(n+5){padding-top: 40px;}
    .Support .Support-list li:before{right: -30px;width: 50px;}
	
	.session-3 { width:100%; padding:0 4%; }
	.session-3 .title{ margin-bottom:0; text-align:center;}
	.left-box,.right-box{ width:100%; float:none;}
	.left-box ul li h4{font-size: 16px;}
	.left-box ul li{ margin-bottom:8px;}
.left-box ul li h3{font-size: 14px; color: #666666;}
	.session-3 .left-box{ padding:30px 0; border-right:0px solid #e1e1e1; }
	.session-3 .right-box{ padding:30px 0; border-top:1px solid #ddd;}
	.session-3 .title{ text-align:center;}
	.session-3 .title  h3{ font-size:20px; color:#333;}
	
	.session-4 .col-message{width:100%;}
	.session-4 .col-message h1{ font-size:20px;}
}


/*---------------------------- ly-area start --------------------------*/
.ly-area{
	    min-height: 400px;
    background-image:url(wire.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.ly-wrap h2{
	font-size:20px;
	color:#fff;
	padding-bottom:10px; text-align:center;
	position:relative; font-family: Inter,sans-serif; font-weight:bold;
	
}
.mr36{ margin-top:36px;}

.ly-wrap{    transition-property: all;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    margin-left: 0px;
    margin-right: 0px;text-align:center;
    background-color: rgba(0,0,0,0.5);
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #1d6bcb;
    overflow: hidden;
    position: relative;  transition:all 300ms ease 0s;}
.ly-wrap:before{content: " ";
    height: 0%;
    width: 100%;
    background-color: #1d6bcb;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s;}
	
	.ly-wrap:hover:before{ height:100%;} 
.ly-wrap .ly-image{overflow: hidden;
    max-width: 56px;
    margin-left: auto;
    margin-right: auto; margin-bottom:20px; position:relative;}

.ly-wrap p{color:#f9f7f7; min-height:72px; margin-top:15px;position:relative;}
/*---------------------------- ly-area end --------------------------*/






.p_page{ text-align:center; margin-top:20px;}
.page_con {
    display: inline
}
.page_a {    line-height: 36px;
    height: 36px;
    width: 36px; display:inline-block; margin-right:5px;
    font-size: 14px;
    color: #8a8a8a;
    border-style: solid;
    border-width: 1px;
    border-color: #ebebeb;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Arial;
    background-color: rgba(255,255,255,0); 
}
.page_a.disabled {
    background-color: #f4f4f5;
    font-size: 14px;
    color: #c0c4cc;
    border-style: solid;
    border-width: 1px;
    border-color: #f4f4f5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.page_a.disabled:hover {
    background-color: #f4f4f5;
    color: #c0c4cc;
    border-color: #f4f4f5
}

.page_a:hover {
    color: #d9261c;
    border-color: #d9261c;
    background-color: rgba(255,255,255,0)
}

.page_a.current {
    background-color: #d9261c;
    font-size: 14px;
    font-family: Arial;
    color: #fff;
    border-style: solid;
    border-width: 0;
    border-color: #d9261c;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}
.page_a.current:hover {
    background: #333;
    color: #fff
}

.page_a:hover {
    text-decoration: none;
    background: #d9261c;
    color: #fff
}

.page_a {
    line-height: 36px;
    height: 36px;
    width: 36px
}



@media screen and (max-width: 768px){
	.about-img { margin-top: 30px; margin-bottom:0;}
	
.ptitle{ line-height:1.5;}
.ptitle a {
    font-size: 16px;
}
.top1{ font-size:18px;  }
	}


#gotop {

    position: relative;

    display: block;

    height: 45px;

    background: #0a3873;

    color: #fff;

    text-align: center;

    line-height: 60px; display:none;

}

#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}


.copyright{  height:auto; margin-top:30px; border-top: 1px solid rgba(255,255,255,0.1); line-height:30px; color:#c0c6d2; text-align:left; font-size:16px; padding-top:10px; font-weight:600;}

.copyright span{ float:right; padding-top:5px;}




@media screen and (max-width: 991px){



  #gotop{ display:block;}

}

@media screen and (max-width: 768px){

  
.copyright{ border-top:none; padding-top:0px; padding-bottom:10px; text-align:left;}
.copyright span{ display:block; float:none; text-align:left; }

}