@charset "UTF-8";

/* *{

    

    -webkit-tap-highlight-color:transparent;

 

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    -o-user-select:none;

    user-select:none;

} */

body{

    position: relative;

    font-family: 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;

    overflow-x: hidden;

}

/* bootstrap modal闪动问题 */

body.modal-open { 

    padding-right: 0 !important;

    overflow-y: scroll;

}

/* 重置bootstrap的样式 */

[class^="col-"]{

    padding: 0;

}

.row{

    margin: 0;
	padding-top:120px;
    width: 90%;
    margin-left: 200px;
}

h1, h2, h3, h4, h5, h6, p {

    margin-top: 0;

    margin-bottom: 0;

}

a:hover {

    text-decoration: none;

}

ul, dl, li{

    list-style: none;

    padding: 0;

}

input,textarea{      

    -webkit-user-select:auto;

    -ms-user-select:auto;

    -ms-user-select:auto;

    -o-user-select:auto;

    user-select:auto;

}  

/* 清除浮动 */

.clearfix:after{

    display:block;

    overflow:hidden; 

    clear:both; 

    height:0; 

    visibility:hidden; 

    content:".";

}

.clearfix{

    *zoom:1;

}

img{

   

    max-width: 100%;
	height: auto;

}

/* 图片放大 */

.scale-img img{

    -webkit-transition: all .5s;

    -ms-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.scale-img:hover img{

    -webkit-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}

.modal-dialog {

    max-width: inherit !important;

}

/* .modal-dialog video{

    display: block;

    width: 100%;

} */

.modal-dialog img{

    display: block;

    max-width: 100%;

}

.modal-header{

    padding: 0;

}

.modal-header .close{

    padding: 0;

    margin: 0;

    position: absolute;

    top: 16px;

    right: 16px;

    z-index: 9;

}

.modal-content{

    display: inline-block;

    width: auto;

    margin: 0 auto;

}


.fs-14{
  font-size: 14px;
  text-align: left;
}
.list-inline-item22:not(:last-child) {
    margin-right: 0.3rem;
}

.list-inline-item22 {
    width: 10%;
	float:left;
	text-align:center;
}
h2, h2 {
    font-size: 0.5rem;
}

#banner{height: 100vh;}
.pb-5, .py-5{padding-bottom:0rem!important;}
.subnav li a{
  display: block;
  padding: 10px 5px;
  font-size: 14px;
  border-radius:10px;
}
.subnav li a.oncurrent{
  display: block;
  padding: 10px 5px;
  background: #cca560;
  color:#fff;
  text-align: center;
  border-radius:10px;
  font-size: 14px;
}

.subnav1 li a{
  display: block;
  padding: 10px 5px;
  background: #da251d;
  color: #fff;
  font-size: 13px;
   border-radius:10px;
}

.subnav1 li a:hover{
  display: block;
  padding: 10px 5px;
  background: #444444;
  color: #fff;
}

.subnav1 li a.oncurrent{
  display: block;
  padding: 10px 5px;
  background: #323232;
  color:#fff;
  border-radius:10px;
}
.pt-2, .py-2 {
    padding-top: .5rem!important;
    font-size: 16px;
}
.subnav1{width:70%;float:left;}
.crumbs{width:20%;float:right; text-align:right;}
.snleft{width:40%;float: left;background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.snright{width:54%;float: right;background: #fff;}
.sncont{width:96%;margin:15px;word-wrap:break-word;}
.sntime{width:17%;float: left;border-left: 1px solid #dee2e6;}
.snynr{width:82%;float: right;padding-top:10px;}
.nylm{background:#efefef;min-height:60px;}
.nylmnr{padding-top:8px;}

.videolist { position:relative; float:left; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-640px; margin-top:-310px; z-index:100; width:1080px; height:700px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
#snewsbg > div > div.snewright > div.snright > div > div > div:nth-child(3){border-bottom: 1px solid #dee2e6 !important;}

.pt-5, .py-5 {
    padding-top: 1rem!important;
}
.p-3 {
    padding: 0.63rem!important;
}
.col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 20px!important;
	color: #323232!important;
	
}

.text-truncate:hover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 20px!important;
	color: #da251d!important;
	
}


.text-muted {
    color: #6c757d!important;
	font-size: 14px;
	max-width: 480px;
	padding-top:8px;
    word-wrap: break-word!important;
}

h5{
    font-size: 1rem!important;
}

.text-white {
    color: #fff !important;
}

.fs-45 {
    font-size: 45px;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.fs-14 {
    font-size: 14px;
	text-align: center;
}
.fs-141 {
    font-size: 14px;
	text-align: left;
}
.col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

.p-3:hover {
    
	background: #efefef;
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}


/* 手机版底部导航*/
.mbmenu{
  background: #cd2121;
  color: #fff;
  padding: 10px 0;
  border-top: 2px solid #cd2121;
}
.mbmenu a:link, .mbmenu a:visited{
  color: #fff;
}
.mbmenu h1{
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 5px;
}
.mbmenu p{
  margin: 0px;
  font-size:15px;
}
/* 手机版底部导航*/

.yqljr{width:80%;float: right;}
#snewsbg{min-height: 450px;margin:100px auto;}
.list-inline-item1 a{color:#323232;}
.list-inline-item1 a:hover{color:#fff;display: block;}
.list-inline-item1{
    display: inline-block;
    font-size: 16px!important;
    float: left!important;
    width: 100%!important;
	border:1px solid #efefef;
	border-radius: 8px;
	color:#323232;
	margin:10px auto;
	text-align: center;
    line-height: 46px!important;
}

.list-inline-item1:hover{
    display: inline-block;
    font-size: 16px!important;
    float: left!important;
    width: 100%!important;
	background:#da251d;
	color:fff;
	border-radius: 8px;
	margin:10px auto;
	text-align: center;
    line-height: 46px!important;
}

.mt-2{float: left;margin: 0px 25px;padding:30px 30px;}
.mt-2:hover{float: left;margin: 0px 25px;box-shadow: 0 0 20px rgb(0 0 0 / 10%); background: #fff;padding:30px 30;display: block;}
.category w1600 a{color:#323232!important;}
.snewleft{float:left;width:12%;}
.snewleft2{float:left;width:40%;}
.snewright{float:right;width:83%;}
.scpbt{width:20%;float: left;}
.scpbt2{width:20%;float: left;}
.ban_about{background:url(../images/banner_about.jpg);height:500px;background-position:center;}
.ban_news{background:url(../images/banner_news.jpg);height:500px; background-position:center;}
.ban_product{background:url(../images/banner_product.jpg);height:500px;background-position:center;}
.ban_join{background:url(../images/banner_join.jpg);height:500px;background-position:center;}
.ban_ky{background:url(../images/banner_ky.jpg);height:500px;background-position:center;}
.ban_zs{background:url(../images/banner_zs.jpg);height:500px;background-position:center;}

.ban_about_m{display:none;}
.sabt{width:96%;max-width:1600px;clear:both;margin:0px auto;margin-top:100px;min-height: 800px;}
.abtleft{width:50%; float:left;}
.abtright{width:40%;float:right;}
.abtbt{font-size:36px;font-weight:bold;margin-bottom:0px;}
.abten{font-size:24px;color:#ccc;margin-bottom:35px;}
.abtxbt{font-size:24px;font-weight:bold;color:#323232;margin-bottom:80px;margin-top:96px;}
.abtline{border:2px solid #F00;width:100%;margin:0px auto;margin-bottom:80px;height:2px;}
.abtnr{font-size:18px;color:#323232;}
.abtmore{margin:55px auto;}
.abtmore a{ background:#da251d;width:20%; border:2px solid #da251d;display:block; line-height:40px; text-align:center; color:#fff; font-size:16px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.abtmore a:hover{  border:2px solid #da251d; color:#323232; background: #fff; line-height: 40px;font-size:16px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.col-md-31 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	
}
.fc-h {
    color: #fff;
}

.counter{font-size:45px;font-weight: bold;}
.fs-num {
    font-size: 32px;
}

.index-nump {
    color: #fff!important;
	font-size: 20px;
}
.index-num2 {
    font-size: 16px;
}

#dtszbg{
	background: url(../images/dtwzbg.jpg);background-repeat: no-repeat;min-height: 362px;clear: both;background-position: center;
}

#yqljbg{background: url(../images/yqljbg.jpg);background-repeat: no-repeat;min-height: 652px;padding-top:150px;}

.col-md-3 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

#qslj{margin-top:20px;background: #3b3b3b;min-height: 120px;}
.flj{padding-top:24px;margin-left: 30px;}
.qswz{font-size: 16px; line-height: 72px;color:#fff;float: left;padding-left: 20px;}
.ht8{width:16%;float: left;margin:0 30.5px;}

.ht8 .ht{
  font-size:16px;
  color: #fff;
  width: 65px;
  height: 65px;
  float: left;
  background: url(../images/inc1.png) left no-repeat;
  margin: 4px auto;
  display: block;
}

.ht8:hover .ht{
  color: #fff;
  float: left;
  background: url(../images/inc11.png) left no-repeat;
  margin: 4px auto;
  display: block;
}

.ht8 .ht1{
  font-size:16px;
  color: #fff;
  width: 65px;
  float: left;
  height: 65px;
  background: url(../images/inc2.png) center center no-repeat;
  margin: 4px auto;
  display: block;
}

.ht8:hover .ht1{
  color: #fff;
  float: left;
  background: url(../images/inc22.png) center center no-repeat;
  margin: 4px auto;
  display: block;
}

.ht8 .ht2{
  font-size:16px;
  color: #fff;
	float: left;
  width: 65px;
  height: 65px;
  background: url(../images/inc3.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8:hover .ht2{
  color: #fff;
	float: left;
  background: url(../images/inc33.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8 .ht3{
  font-size:16px;
  color: #fff;
	float: left;
  width: 65px;
  height: 65px;
  background: url(../images/inc4.png) center center no-repeat;
	margin: 4px auto;
}

.ht8:hover .ht3{
  color: #fff;
	float: left;
  background: url(../images/inc44.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8 .ht4{
  font-size:16px;
  color: #fff;
  width: 65px;
	float: left;
  height: 65px;
  background: url(../images/inc5.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8:hover .ht4{
  color: #fff;
	float: left;
  background: url(../images/inc55.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8 .ht5{
  font-size:16px;
  color: #fff;
	float: left;
  width: 65px;
  height: 65px;
  background: url(../images/icn6.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}

.ht8:hover .ht5{
  color: #fff;
	float: left;
  background: url(../images/icn66.png) center center no-repeat;
	margin: 4px auto;
	display: block;
}



@media (min-width: 1200px){
.container {
    max-width: 1600px!important;
}
}
/* 公共样式 */

@media (max-width: 1200px){

    .modal-dialog {

        max-width: 94%;

    }

}

@media (max-width: 768px){

    .modal-header{

        padding: 0;

    }

    .modal-title{

        height: 40px;

        padding: 0 16px;

        line-height: 40px;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .modal-header .close{

        top: 5px;

        right: 5px;

    }

    .modal-body {

        padding: 5px;

    }

}

.w1600 {

    width: 83.33333333333333%;

    margin: 0 auto;

}



.w1400 {

    width: 83%;

    margin: 0 auto;

}

@media (max-width: 1600px){

    .w1600 {

        width: 96%;

        padding: 0 .6rem;

    }

}

@media (max-width: 1400px){

    .w1400 {

        width: 96%;

        padding: 0 .6rem;

    }

}

.point,.point::before,.point::after{

    content: '';

    width: 6px; 

    height: 6px; 

    margin: 0 auto;

    border-radius: 50%;

    background-color: #fff;

}

.point {

    position: relative;

    display: block;

    margin: 10px auto;

}

.point::before,

.point::after{

    position: absolute;

}

.point::before{

    -webkit-animation: scale 1.5s infinite; 

    -moz-animation: scale 1.5s infinite; 

    -ms-animation: scale 1.5s infinite; 

    -o-animation: scale 1.5s infinite; 

    animation: scale 1.5s infinite; 

}

.point::after{

    -webkit-animation: scale2 1.5s infinite; 

    -moz-animation: scale2 1.5s infinite; 

    -ms-animation: scale2 1.5s infinite; 

    -o-animation: scale2 1.5s infinite; 

    animation: scale2 1.5s infinite; 

}



@-webkit-keyframes scale{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9

    }

    100%{ 

        -webkit-transform: scale(2.6); 

        -moz-transform: scale(2.6); 

        -ms-transform: scale(2.6); 

        -o-transform: scale(2.6); 

        transform: scale(2.6); 

        opacity: 0;

    }

}

@-moz-keyframes scale{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9

    }

    100%{ 

        -webkit-transform: scale(2.6); 

        -moz-transform: scale(2.6); 

        -ms-transform: scale(2.6); 

        -o-transform: scale(2.6); 

        transform: scale(2.6); 

        opacity: 0;

    }

}

@-ms-keyframes scale{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9

    }

    100%{ 

        -webkit-transform: scale(2.6); 

        -moz-transform: scale(2.6); 

        -ms-transform: scale(2.6); 

        -o-transform: scale(2.6); 

        transform: scale(2.6); 

        opacity: 0;

    }

}

@-o-keyframes scale{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9

    }

    100%{ 

        -webkit-transform: scale(2.6); 

        -moz-transform: scale(2.6); 

        -ms-transform: scale(2.6); 

        -o-transform: scale(2.6); 

        transform: scale(2.6); 

        opacity: 0;

    }

}

@keyframes scale{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9

    }

    100%{ 

        -webkit-transform: scale(2.6); 

        -moz-transform: scale(2.6); 

        -ms-transform: scale(2.6); 

        -o-transform: scale(2.6); 

        transform: scale(2.6); 

        opacity: 0;

    }

}

@-webkit-keyframes scale2{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9;

    }

    100%{ 

        -webkit-transform: scale(4.6); 

        -moz-transform: scale(4.6); 

        -ms-transform: scale(4.6); 

        -o-transform: scale(4.6); 

        transform: scale(4.6); 

        opacity:0;

    }

}

@-moz-keyframes scale2{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9;

    }

    100%{ 

        -webkit-transform: scale(4.6); 

        -moz-transform: scale(4.6); 

        -ms-transform: scale(4.6); 

        -o-transform: scale(4.6); 

        transform: scale(4.6); 

        opacity:0;

    }

}

@-ms-keyframes scale2{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9;

    }

    100%{ 

        -webkit-transform: scale(4.6); 

        -moz-transform: scale(4.6); 

        -ms-transform: scale(4.6); 

        -o-transform: scale(4.6); 

        transform: scale(4.6); 

        opacity:0;

    }

}

@-o-keyframes scale2{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9;

    }

    100%{ 

        -webkit-transform: scale(4.6); 

        -moz-transform: scale(4.6); 

        -ms-transform: scale(4.6); 

        -o-transform: scale(4.6); 

        transform: scale(4.6); 

        opacity:0;

    }

}

@keyframes scale2{

    0%{ 

        -webkit-transform: scale(1); 

        -moz-transform: scale(1); 

        -ms-transform: scale(1); 

        -o-transform: scale(1); 

        transform: scale(1); 

        opacity:.9;

    }

    100%{ 

        -webkit-transform: scale(4.6); 

        -moz-transform: scale(4.6); 

        -ms-transform: scale(4.6); 

        -o-transform: scale(4.6); 

        transform: scale(4.6); 

        opacity:0;

    }

}



.zInit {

    opacity: 0;

    -webkit-transform: translateY(10%);

	-moz-transform: translateY(10%);

	-ms-transform: translateY(10%);

	-o-transform: translateY(10%);

    transform: translateY(10%);

    -webkit-transition: transform .3s ease;

	-moz-transition: transform .3s ease;

	-ms-transition: transform .3s ease;

	-o-transition: transform .3s ease;

	transition: transform .3s ease;

}

.zFadeInUp {

    

    opacity: 1;

    -webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

    transform: translateY(0);

}

/* 头部样式 */

.header {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 99;

    width: 100%;

}



.header .navbar {

    position: inherit;

    width: 100%;

    padding: 0;
	background: rgba(255,255,255,0.4);

}

.header .navbar-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    padding: 0;

}

.header .navbar-brand {

    padding: 0;

    margin: 0 1.06rem 0 .04rem;

}

.header .navbar-brand .white {

    display: block;

}

.header .navbar-brand .black {

    display: none;

}

.navbar-toggler{

    position: absolute;

    right: .6rem;

    top: 50%;

    float: right;

    padding: 0 !important;

    border: none !important;

    outline: none !important;

    -webkit-transition: all .2s ease-out;

    -ms-transition: all .2s ease-out;

    -o-transition: all .2s ease-out;

    transition: all .2s ease-out;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.navbar-toggler .line{

    display: block;

    height: 2px;

    width: 30px;

    margin-bottom: 5px;

    background-color: #000;

    -webkit-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    backface-visibility: hidden;

}

.navbar-toggler .line:last-child{

    margin-bottom: 0;

}

.navbar-toggler.on .line{

    background-color: #000;

}

.navbar-toggler.on .line1{

    -webkit-transform: rotate(45deg) translate(6px, 9px);

    -ms-transform: rotate(45deg) translate(6px, 9px);

    -o-transform: rotate(45deg) translate(6px, 9px);

    transform: rotate(45deg) translate(6px, 9px);

}

.navbar-toggler.on .line2{

    opacity: 0;

}

.navbar-toggler.on .line3{

    -webkit-transform: rotate(-45deg) translate(0, -5px);

    -ms-transform: rotate(-45deg) translate(0, -5px);

    -o-transform: rotate(-45deg) translate(0, -5px);

    transform: rotate(-45deg) translate(0, -5px);

}

.header .navbar-collapse {

    justify-content: flex-end;

}

.header .navbar-nav .nav-link {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 60px;

    padding: .2rem .2rem !important;
	
	margin:0px 30px;

    color: #fff;

    box-sizing: content-box;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.nav-link-text {

    display: block;

    font-size: 16px;

    line-height: 32px;

    text-align: center;

}

.header .navbar-nav .nav-link .point {

    display: none;

}

.header .navbar-nav .nav-link-icon {

    display: none;

}

.header .navbar-nav .nav-link:hover,

.header .navbar-nav .active .nav-link {

    color: #da251d;

    border-bottom: 2px solid #da251d;

}

.header .navbar-nav .nav-link:hover .point,

.header .navbar-nav .active .point {

    display: block;

}

.bgfff .navbar {

    background-color: #fff;

    box-shadow: 0 0 3px #999;

}

.bgfff .navbar-nav .nav-link {

    color: #333;

}

.bgfff .navbar-brand .white {

    display: none;

}

.bgfff .navbar-brand .black {

    display: block;

}



.subnav {

    position: absolute;

    left: 0;

    top: 100%; 

    display: none;

    width: 100%;

}

.subnav-container {

    width: 100%;

    padding: .6rem 0 .5rem;

    background-color: #fafafa;

}

.subnav-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-end;

}

.subnav-item {

    padding-left: 4.0625%;

}

.subnav-child {

    padding: .3rem 0;

}

.subnav-image img {

    /* height: 4.5625%; */

    min-width: 50px;

    margin: 0 auto .28rem;

}

.image-default {

    display: block;

}

.image-on {

    display: none;

}

.subnav-name {

    width: 100%;

    padding: 0 .3rem;

    font-size: 14px;

    line-height: 24px;

    color: #7d7d7d;

    text-align: center;

    -webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-ms-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.subnav-nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    padding: 0 8.4375% .1rem 0;

}

.subnav-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 .7rem;

    font-size: 14px;

    line-height: 24px;

    color: #7d7d7d;

    -webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-ms-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out;

}

.subnav-child:hover .image-default {

    display: none;

}

.subnav-child:hover .image-on {

    display: block;

}

.subnav-child:hover .subnav-name {

    color: #da251d;

}

.subnav-link:hover {

    color: #da251d;

}

@media (max-width: 1200px){

    .header .navbar-brand {

        width: 25.02628811777077%;

        min-width: 180px;

        padding: 0;

        margin: 0 .5rem 0 .04rem;

    }

    .header .navbar-nav .nav-link {

        padding: .2rem .6rem !important;

    }

    .subnav-item {

        padding-left: 2%;

    }

}

@media (min-width: 993px){

    .mobile-menu {

        display: none !important;

    }

}

@media (max-width: 992px){

    .header .navbar-collapse {

        display: none!important;

    }

    .header .navbar {

        padding: 0;

        height: 80px;

    }

    .mobile-menu {

        position: fixed;

        left: 0;

        top: 0;

        z-index: 98;

        display: none;

        width: 100%;

        height: 100%;

        padding-top: calc(32px + .96rem);

        background-color: #fff;

    }



    .mobile-menu-cont {

        /* position: absolute;

        left: 0;

        top: 100%; */

        width: 100%;

        height: 100%;

        padding: 1rem .8rem;

        overflow-y: auto;

    }

    .mobile-menu-nav {



    }

    .menu-nav-item {

        padding: 0 .2rem 0;

        border-bottom: 1px solid #eee;

    }

    .menu-nav-link {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        justify-content: space-between;

        align-items: center;

        height: 1.2rem;

        min-height: 45px;

        padding: 0 .3rem;

        font-size: .56rem;

        color: #333;

    }

    .menu-nav-link:focus, 

    .menu-nav-link:hover {

        color: #333;

    }

    .mobile-menu-nav .active .menu-nav-link {

        color: #333;

    }

    .mobile-menu-nav .active .menu-nav-icon{

        -webkit-transform: rotateZ(135deg);

        -ms-transform: rotateZ(135deg);

        -o-transform: rotateZ(135deg);

        transform: rotateZ(135deg);

    }

    .menu-nav-icon {

        display: block;

        width: 45px;

        height: 45px;

        font-size: 24px;

        line-height: 45px;

        text-align: center;

        -webkit-transition: all .3s ease-in-out;

        -ms-transition: all .3s ease-in-out;

        -o-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

    }

    .subnav {

        position: relative;

        left: inherit;

        top: inherit;

    }

    .subnav-container {

        padding: 0;

        background-color: transparent;

    }

    .subnav-list {

        display: -webkit-box;

        display: -ms-flexbox;

        

        justify-content: space-between;

        flex-wrap: wrap;

    }

	    .subnav-list1 {

        display: -webkit-box;

        display: -ms-flexbox;

        

        justify-content: space-between;

        flex-wrap: wrap;

    }
	
    .subnav-item {

        width: 48%;

        opacity: 1;

    }

	
	.subnav-item1 {

        width: 24%!important;

        opacity: 1;

    }

	
	
    .subnav-item.subnav-frist-item {

        display: none !important;

    }

    .subnav-name {

        font-size: .48rem;

        line-height: 1rem;

    }

    .subnav-nav {

        padding: 0 0 0 1rem;

    }

    .subnav-link {

        justify-content: flex-start;

        width: 100%;

        height: 1.2rem;

        min-height: 45px;

        padding: 0 .2rem;

        margin-bottom: 0;

        font-size: .48rem;

        color: #333;

        border-top: 1px solid #eee;

    }

}

@media (max-width: 1440px){
	
body > div.productbg > div > div.swiper-container.gallery-cont.swiper-container-initialized.swiper-container-horizontal > div > div > div:nth-child(1) {
    width: 52%;
    min-height: 610px!important;
    background: #fff;
}	
	
	.sabt{min-height: 700px;}
	.p-3{padding:0.44rem!important;}	
	#snewsbg {
    min-height: 400px;
    margin: 80px auto;
}
.ht8{width:18%;float: left;margin:0 12px;}
.footer-nav {
    float: left;
    width: 10%;
    padding-top: .2rem;
    border-right: 1px solid #626262;
    text-align: center;
    min-height: 328px;
}	
	
.footer-info {
    float: right;
    text-align: center;
    width: 36%;
    padding-top: 45px;
}
	
.footer-top {
    width: 100%!important;
    margin: 0px auto;
}	

	.mt-2 {
    float: left;
    margin: 0px 25px;
    padding: 30px 10px!important;
}
	
	.row {
    margin: 0;
    padding-top: 120px;
   width: 100%; 
    /* margin-left: 200px; */
}
#banner{height: 120vh!important;}
.abtbt{font-size:36px;font-weight:bold;margin-bottom:0px;}
.abten{font-size:24px;color:#ccc;margin-bottom:35px;}
.abtxbt{font-size:24px;font-weight:bold;color:#323232;margin-bottom:40px;margin-top:40px;}
.abtline{border:2px solid #F00;width:100%;margin:0px auto;margin-bottom:40px;height:2px;}
.abtnr{font-size:18px;color:#323232;}
.abtmore{margin:25px auto;}
	#yqljbg {
    background: url(../images/yqljbg.jpg);
    background-repeat: no-repeat;
    min-height: 512px!important;
    padding-top: 100px!important;
}
}


@media (max-width: 1366px){
#banner {
    height: 120vh!important;
}	
.sabt{width:94%;min-height: 650px!important;}
.w1600{width:94%;}
.container{width:94%;}
.mt-2 {
    float: left;
    margin: 0px 20px;
    padding: 30px 10px!important;
}
	
}

@media (max-width: 568px){

    .header .navbar {

        padding: 0;

        height: 60px;

    }

}



/* 底部 */

.footer {
    border-top:1px solid #626262;
    background-color: #3b3b3b;

}

.footer-inner {

    

}

.footer-top {width: 1600px;margin: 0px auto;}

.footer-nav {
    float: left;
    width: 12%;
    padding-top: .2rem;
	border-right:1px solid #626262;
	text-align: center;
	min-height: 328px;

}

.footer-nav-title {

    display: block;

    padding: .4rem 0;

    font-weight: bold;

    font-size: 18px;

    line-height: 24px;

}

.footer-nav-title a {  

    /**display: -webkit-box;

    display: -ms-flexbox;

    display: flex;**/

    justify-content: space-between;

    align-items: center;

    color: #efefef;

}

.footer-nav-icon {

    display: none;

}

.footer-nav-item {

    margin: 0;

    padding: 6px 0;

    font-size: 13px;

    line-height: 24px;

}

.footer-nav-item a {

    /**display: -webkit-box;

    display: -ms-flexbox;

    display: flex;**/

    align-items: center;

    color: #9d9d9d;

}

.footer-nav-item .point {

    display: none;

    margin: 0 0 0 .4rem;

}

.footer-nav-item .point,

.footer-nav-item .point::before,

.footer-nav-item .point::after {

    background-color: #da251d;

}

.footer-nav-item:hover a {

    color: #da251d;

}

.footer-nav-item:hover .point {

    display: block;

}





.footer-info {

    float: right;
    text-align: center;
    width: 23%;
	padding-top:45px;

}

.footer-info img {

    margin-bottom: .3rem;

}

.footer-info-title {

    font-weight: bold;

    font-size: 24px;

    line-height: 40px;

    color: #4d4d4d;

}

.footer-info .footer-nav-item {

    padding: 0;

    font-size: 14px;

    line-height: 24px;

    color: #313131;

}

.social-share {

    padding-top: .2rem;

}

.social-share .social-share-icon{

    margin: 0 .4rem 0 0;

}

.social-share .icon-qq,

.social-share .icon-weibo,

.social-share .icon-wechat{

    width: 36px;

    height: 36px;

    font-size: 24px;

    line-height: 32px;

    color: #626262;

    background-color: transparent;

    border-color: transparent;

}

.social-share .icon-qq:hover,

.social-share .icon-weibo:hover,

.social-share .icon-wechat:hover{

    /* color: #fff; */

    background-color: #da251d;

    border-color: #da251d;

}



.footer-bot {

    padding: .46rem .6rem;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    text-align: center;

    background-color: #1e1e1e;

}

.footer-bot a {color:#fff;}



@media (max-width: 1360px){

    .footer-top {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        flex-wrap: wrap;

        padding-bottom: 0;

    }

    .footer-nav,

    .footer-info {

        width: 33.333333% !important;

        margin-bottom: .6rem;

    }
	
	.row {
    margin: 0;
    padding-top: 120px;
    width: 100%!important; 
    /* margin-left: 200px; */
}

}



@media (min-width: 993px){

    .footer-nav-cont {

        display: block!important;

    }

}

@media (max-width: 992px){

    .footer-top {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        flex-wrap: wrap;

    }

    .footer-nav,

    .footer-info {

        float: none;

        width: 30.3333% !important;

        margin: 0 1.5%;

        padding-left: 1.76470588235294%;

        /* border-bottom: 1px solid #eee; */

    }

    .footer-nav-title {

        margin-bottom: 0;

        font-size: 16px;

        line-height: 40px;

    }

    .footer-nav.active .footer-nav-icon {

        -webkit-transform: rotateZ(135deg);

        -ms-transform: rotateZ(135deg);

        -o-transform: rotateZ(135deg);

        transform: rotateZ(135deg);

    }

    .footer-nav-icon {

        display: block;

        width: 40px;

        height: 40px;

        font-size: 24px;

        line-height: 40px;

        text-align: center;

        -webkit-transition: all .3s ease-in-out;

        -ms-transition: all .3s ease-in-out;

        -o-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

    }

    .footer-nav-cont {

        display: none;

        padding-bottom: .3rem;

    }

    .footer-info {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        flex-direction: column;

        align-items: left;

        width: 100% !important;

        padding: 1rem .3rem;

    }

    .footer-info .footer-nav-cont {

        display: block;

    }

    .footer-info .footer-nav-item {

        line-height: 30px;

    }

}

@media (max-width: 768px){
	h2, h2{font-size: 0.9rem;}
	.footer-bot {

    padding: .46rem .6rem;

    font-size: 14px;

    line-height: 24px;

    color: #fff;

    text-align: center;

    background-color: #1e1e1e;


}
     #snewsbg img{width:100%!important;}
	.carousel-indicators{bottom:-20px!important;}
	#snewsbg{margin: 40px auto!important;}
	.productbg{margin: 40px auto!important;}
	.sntime{width:25%!important;}
	.snynr{width:75%!important;}
	.row{margin-left: 0px;padding-top:50px;width:100%;}
	.col-md-31 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
	#banner{height:38vh!important;}
	
	.abten{margin-bottom:15px;}
	.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 16px!important;
	color: #323232!important;
	
}

	.fs-45{font-size:35px!important;}
	#dtszbg {
    background: url(../images/dtwzbg.jpg);
    background-repeat: no-repeat;
    min-height: 322px;
    background-position: right;
    clear: both;
}
	.row1{margin:0px;width:100%;}
	.subnav1 {
    width: 100%;
    float: left;
}
	.list-inline-item22 {
    width: 22%;
    float: left;
    text-align: center;
    margin: 5px auto;
}
	.ban_about{background: url(../images/banner_about.jpg);background-size: cover;height: 100px;}
	.ban_news{background:url(../images/banner_news.jpg);background-size: cover;height: 100px;}
    .ban_product{background:url(../images/banner_product.jpg);background-size: cover;height: 100px;}
    .ban_join{background:url(../images/banner_join.jpg);background-size: cover;height: 100px;}
    .ban_ky{background:url(../images/banner_ky.jpg);background-size: cover;height: 100px;}
    .ban_zs{background:url(../images/banner_zs.jpg);background-size: cover;height: 100px;}
	
	.abtbt{font-size: 28px;}
    .abten{font-size: 20px;}
	.ban_about_m{background:url(../images/about_m.jpg)!important;}
	.crumbs{width:100%;text-align: left;margin-top:10px;}
	.swiper-en,.swiper-more{display:none!important;}
	.list-inline-item1{width:33.33%!important;}
	.yqljr{width:100%;}
	.mt-2{width:48%;float: left;margin-right:18px;margin:0px;padding: 0px!important;}
	.mt-2:hover{float: left;margin: 0px;box-shadow: 0 0 20px rgb(0 0 0 / 10%); background: #fff;padding:30px 40px;display: block;width: 48%;}
	.goods-item8{width:47%!important;}
	.pb-5, .py-5{padding-bottom: 0rem!important;}
	.nd-left-title{font-size:22px!important;}
	.list-inline-item{min-width: 100px!important;}
	.snewleft{width:95%;}
	.snewright,.snleft,.snright{width:100%;}
	.index-pro{height:auto!important;}
     .scpbt{width:95%;float: left;}
	.index-pro-top .swiper-wrapper{width:100%!important;}
	.gallery-nav .swiper-slide{min-width: 70px!important;}
	
    .scpbt2{width:100%;float: left;}
	.abtnr{margin-bottom: 40px;font-size:16px;}
	.sabt{margin-top:30px;}
	.index-nump{font-size:16px;}
	#yqljbg{padding-top:50px!important;min-height: 580px!important;}
	.abtxbt{font-size:18px;font-weight:bold;color:#323232;margin-bottom:30px;}
    .abtline{border:3px solid #F00;width:100%;margin:0px auto;margin-bottom:30px;}
	.abtleft{width:95%;margin-left:10px;}
    .abtright{width:95%;margin-left:10px;float: left;margin-top:15px;}
	.footer-top{display:none;}
	#qslj{display:none;}
    .footer-nav, 

    .footer-info {

        width: 100% !important;

        padding: 0 0 0 .3rem;

        margin: 0;

        border-bottom: 1px solid #eee;
		min-height: 30px!important;

    }

    .footer-info {

        padding: 1rem .3rem;

        border: none;

    }

}

@media (max-width: 576x){
	
	.yqljr{width:100%!important;}

	}

@media only screen and (max-width: 1024px) and (min-width: 769px)
{
	
	.header .navbar-nav .nav-link {
    padding: .1rem .15rem !important;
	margin:0px 10px;
}
.abtright {
    width: 45%;
    float: right;
}

.abten {
    font-size: 24px;
    color: #ccc;
    margin-bottom: 15px;
}

.abtxbt {
    font-size: 24px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 10px;
    margin-top: 0px;
}

.abtline {
    border: 2px solid #F00;
    width: 100%;
    margin: 0px auto;
    margin-bottom: 10px;
    height: 2px;
}
.sabt {
    width: 94%;
    min-height: 400px!important;
}

body > div.productbg > div > div.swiper-container.gallery-cont.swiper-container-initialized.swiper-container-horizontal > div > div > div:nth-child(1) {
    width: 52%;
    min-height: 508px!important;
    background: #fff;
}

.snewleft {
    float: left;
    width: 13%;
}
	.footer-nav{
    width: 13% !important;
    margin-bottom: .6rem;
}
	.footer-info {
    width: 22% !important;
    margin-bottom: .6rem;
	padding-left: 18px;
}
	.abtbt {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}
	.p-3 {
    padding: 0.15rem!important;
}
	.footer-bot {
    
    max-height: 90px!important;
}
.mt-2 {
    float: left;
    margin: 0px 20px;
    padding: 0px 10px!important;
}	
#qslj{display:none!important;}
	
	.productbg{min-height:700px!important;}
	
	}