@charset "utf-8";
.posiAbsolute {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}
/*css覆盖*/
.nav-tabs {
  border-bottom: 1px solid transparent;
}
/*按钮*/
.hoverbtn {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #74ad38;
  color: #fff;
}
.hoverbtn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: -1;
  background: #74ad38;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hoverbtn:hover {
  color: #fff;
}
.hoverbtn:hover:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/*banner*/
.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  display: inline-block;
  border-radius: 100%;
  background: #d7d8da;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #c61d23;
   border-radius: 100%;
  background-size: 100%;
  border:none;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom:5%;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 5rem;
    border-radius: 0;
    height: 2px;}
.swiper-faq {
  height: 610px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  top: 0!important;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: auto;
  transform: translate(-50%);
  bottom: 0;
  right: 0;
  left: 50%;
  height: auto!important;
  width: 100%;
}
/*清除浮动*/
.clear {
    clear: both;
}

.top{width:100%;height:36px;background:#232323;}
.top .top_left{color:#bcbcbc;line-height:36px;font-size:16px;float:left;}
.top .top_right{float:right;color:#bcbcbc;line-height:35px;font-size:16px;}
.top .top_right a{color:#bcbcbc;padding:0 5px;padding-left: 30px;}
.top .top_right img{padding:0 5px;}
.top .top_right a:hover{color:#c61d23;}
.navbar-header{}
#page_index .banner  .swiper-button-next {
  
}
#page_index .banner .swiper-button-next,
#page_index .banner .swiper-button-prev {
  color:#333;    font-size: 40px;
    width: 100px;
}
#page_index .banner .swiper-button-next:hover,
#page_index .banner .swiper-button-prev:hover{color:#fff}
.w1440{width:75%;margin:auto;}
.w1600{width:83.333%;margin:auto;}
.w1720{width:88%;margin:auto;}
.index_why h2{color:#363636;font-weight:600;font-size:36px;text-align:center;text-transform: capitalize;}
.index_why p{color:#8b8b8b;padding: 10px;font-size:18px;text-align:center}
.banner h3{position: absolute;
 left: 0;
    top: 45%;color:#fff;
font-size: 36px;font-weight:600;text-align:center;width:100%;}


.dh_about{width:1600px;height:320px;box-shadow: 0 0 20px #e2e2e2;margin-left:-1300px;background:#fff;margin-top: -5px;margin-bottom:-5px}
.dh_about_left{width:430px;float:left;padding:40px 100px;}
.dh_about_left a{display:block;text-align:left;font-size:18px;color:#363636;padding:20px 0;}
.dh_about_right{width:1170px;float:left;padding-top:50px;}
.dh_about_right a{display:block;width:244px;float:left;margin:10px;overflow:hidden;}
.dh_about_right a span{display:block;width:100%;overflow:hidden;}
.dh_about_right a img{width:100%;transition: all 0.5s;}
.dh_about_right a p{color:#8b8b8b;padding: 10px;font-size:1.1rem;text-align:center}

.dh_about_left a:hover{color:#c61d23;}
.dh_about_right a:hover p{color:#c61d23;}
.dh_about_right a:hover img{transform: scale(1.1);}

@media (max-width: 999px) {
	.dh_about{width:1600px;height:320px;box-shadow: 0 0 20px #e2e2e2;margin-left:-1300px;background:#fff;margin-top: -5px;margin-bottom:-5px;display:none}
	.w1440{width:96%;margin:auto 2%;}
}

/*产品*/
.index_1 {
  padding: 9rem 0 17rem;
  width: 100%;
  float: left;
  background: url("../images/index2_02.jpg") no-repeat center;background-size: cover;
}
.in1_top{border-bottom:1px solid #eeeeee;display:flex;overflow:hidden;padding-bottom:15px}
.in1_top .in1_h3{flex: 0 0 41.333333%;
    max-width: 41.333333%;}
.in1_top .in1_h3 h3{color:#363636;font-weight:600;font-size:36px;}
.in1_top .in1_h3 span{color:#999;padding-left: 20px;font-size:16px;}
.in1_title{    flex: 0 0 58.333333%;
    max-width: 58.333333%;}
.in1_title ul{float: right;margin-top:40px;}
.in1_title li{float:left;position:relative;margin-left:26px;color:#999;}
.in1_title li a{color:#999;}
.in1_title li:before{
	content: '|';
    position: absolute;
    top: 0;
	right: -13px;
}


.in1_top li.cur a,
.in1_top li:hover a{color:#000;}

.in1_bottom {margin-top:40px;width:100%;float:left;}
.in1_bottom .in1_div{width:100%; display:none;float:left}
    /* 让第一个框显示出来 */
.in1_bottom .in1_div:first-Child{display:block;}

.in1_ul{overflow-x:scroll;padding-bottom: 80px;
    margin-bottom: 55px;}
.test-1{overflow-x:scroll;padding-bottom: 80px;margin-bottom: 55px;}
.test-1::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;
    }
.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;position:relative;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		background: #c61d23 url('../images/inde22_22.png') no-repeat fixed center;
    }
.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #f9f9f9;
}
.in1_ul ul li{width:374px!important;height:482px;border:1px solid #eeeeee;float:left;background:#fff;position:relative;padding:50px 25px;transition: all .6s ease-out;margin-right:25px;overflow: hidden;box-shadow:0 0 15px #eee}
.in1_ul ul li .in1_ul_h3{border-bottom:1px solid #eeeeee;padding-bottom:20px;margin-bottom:20px}
.in1_ul ul li .in1_ul_h3 h3{font-size:24px;color:#333;font-weight:600;}
.in1_ul ul li .in1_ul_h3 h4{font-size:14px;color:#666666;font-weight:100;}
.in1_ul ul li p{font-size:14px;color:#999999;font-weight:100;line-height:2;position: relative;
    z-index: 99;}
.in1_ul ul li .in1_ul_kuo{position: absolute; bottom: 50px;left: 25px;}
.in1_ul ul li .in1_ul_img{position: absolute; bottom: 30px;right: 30px;width:200px}
.in1_ul ul li .in1_ul_img img{width:100%;}
.in1_ul ul li .in1_ul_img1{position: absolute; bottom: 0;right: 0;left: 0;top:0;z-index:-1}
.in1_ul ul li .in1_ul_kuo a{border:1px solid #e9e9e9;border-radius:100%;padding:10px 12px;color:#e9e9e9}
.in1_ul ul li .in1_ul_kuo:hover a{border:1px solid #c61d23;border-radius:100%;padding:10px 12px;color:#c61d23}


.in1_ul ul .on{
	width: 640px!important;
	background-color: rgb(0,0,0,0.5);
	text-align: left;
	padding-left:50px
}
.in1_ul ul .on  .in1_ul_kuo{position: absolute; bottom: 50px;left: 50px;}
.in1_ul ul .on .in1_ul_h3 h3,
.in1_ul ul .on .in1_ul_h3 h4,
.in1_ul ul .on p{color:#fff;}
.in1_ul ul .on .in1_ul_img{display:none}
.in1_title li:before{
	content: '|';
    position: absolute;
    top: 0;
	right: -13px;
}
.more{width:160px;height:50px;border-radius:50px;background:#f1f1f1;clear: both;text-align:right;margin:auto}
.more a{line-height:50px;font-size:14px;color:#c61d23;display: block;}
.more i{line-height:50px;font-size:14px;background:#c61d23;color:#fff;padding:5px 7px;border-radius:100%;    margin-left: 20px;    margin-right: 10px;}
.more:hover{background:#c61d23;}
.more:hover a{color:#fff;}
.more:hover i{background:#fff;color:#c61d23}

@media (max-width: 999px) {
	.test-1 {
    overflow-x: scroll;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.in1_top{border-bottom:1px solid #eeeeee;display:block;overflow:hidden;padding-bottom:10px}
.in1_top .in1_h3{max-width:100%}
.in1_top .in1_h3 h3{color:#363636;font-weight:600;font-size:36px;text-align:center}
.in1_top .in1_h3 span{padding-left: 0px;
    font-size: 14px;
    display: block;padding-top:10px}
.in1_title{max-width:100%;margin-top: 20px;}
.in1_title ul{float: right;margin-top:0px;width:100%}
.index_1 {
  padding: 50px 0 50px;
  width: 100%;
  float: left;
  background: url("../images/index2_02.jpg") no-repeat center;background-size: cover;
}


}

.index_2 {
  padding:7rem 0;
  background:#2b2b33;
  width: 100%;
  float: left;overflow:hidden
}
.index_2 .index_why h2,
.index_2 .index_why p{color:#fff}
.index_2 .index_why p{color:#fff;position:relative;}
.index_2 .index_why p .p_left{ content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: -75px;
    width: 30px;
    height: 1px;
    background: #fff;}

.index_2 .index_why p .p_right{content: '';
    position: absolute;
    top: 22px;
    left: 50%;
    margin-left: 43px;
    width: 30px;
    height: 1px;
    background: #fff;}


.ind2_right{width:100%;float:left;height:800px;position:relative;}
.ind2_right_tu{ position: absolute;width:100%;top: 70px;left: 0%;}
.ind2_right_tu ul{ margin-left:-200px}
.ind2_right_tu ul li{position:relative;height:800px;width:770px !important;}
.ind2_right_tu .swiper-button-next{top: 92%;right: 27%;color: #fff;}
.ind2_right_tu .swiper-button-prev{top: 92%;    left: 69%;color: #fff;}
.in2_ul_div{width:610px;height:800px;background:#fff;padding:50px;display:none}
.in2_ul_div h3{font-size:24px;color:#333;position:relative;}
.in2_ul_div p{font-size:16px;color:#999;line-height:1.5;margin-top:20px;}
.in2_ul_div h3:before{
	content: '';
    position: absolute;
       top: 14px;
    left: -50px;
	width:35px;height:2px;background:#c61d23;
}
.in2_ul_img{width:718px;height:450px; position: absolute;bottom:125px;left:50px;overflow:hidden;}
.in2_ul_img .in2_ul_img_hei{background:rgb(0,0,0,0.5);height:100%;width:100%; position: absolute;bottom:0px;right:0px;}

.in2_ul_img img{width:100%;height: 100%;}
.in2_ul_img .in1_ul_kuo{height:110px;width:110px; position: absolute;bottom:0px;right:0px;background:#c61d23;color:#fff;line-height:110px;text-align:center;display:none}
.in2_ul_img .in1_ul_kuo a{color:#fff;}
.ind2_right_tu ul .on{position:relative;}
.ind2_right_tu ul .on .in2_ul_div{display:block}
.ind2_right_tu ul .on .in1_ul_kuo{display:block}
.ind2_right_tu ul .on .in2_ul_img_hei{display:none}

@media (max-width: 999px) {
	.ind2_right{width:100%;float:left;height:600px;position:relative;}
	.ind2_right_tu{ position: absolute;width:100%;top: 30px;left: 0%;}
.ind2_right_tu ul{ margin-left:0px}
.ind2_right_tu ul li{position:relative;height:600px;width:100% !important;}
.in2_ul_div{width: 98%;
    height: 200px;
    background: #fff;
    padding: 30px;
    display: block;
    margin-left: 1%;}
.ind2_right_tu ul li .in1_ul_kuo{display:block}
.in2_ul_img{width:98%;height:auto; position: absolute;bottom:125px;left:1%;overflow:hidden;}
.in2_ul_img .in2_ul_img_hei{background:rgb(0,0,0,0);height:100%;width:100%; position: absolute;bottom:0px;right:0px;}
.in2_ul_div h3:before{
	content: '';
    position: absolute;
       top: 14px;
    left: -30px;
	width:25px;height:2px;background:#c61d23;
}
.ind2_right_tu .swiper-button-next{top: 92%;right: 27%;color: #fff;display:none}
.ind2_right_tu .swiper-button-prev{top: 92%;    left: 69%;color: #fff;display:none}

}




@media (max-width: 999px) {
.top{display:none}
.w1400,.w1600,.w1620{width:96%;margin:2%;}
.index_why h2{color:#363636;font-weight:600;font-size:2rem;text-align:center;text-transform: capitalize;}
.index_why p{color:#8b8b8b;padding: 10px;font-size:1rem;text-align:center}

.in1_top li{margin-left: 0;
    width: 33%;
    float: left;
    text-align: center;
    padding: 20px 10px;}
.in1_title li:before{
content: '';}
.in1_top li:nth-child(2n) { }
.in1_top li h3{font-size:24px;color:#000;font-weight:900}
.in1_top li p{font-size:16px;color:#bcbcbc;font-weight:100;font-style: italic;padding-top:10px;}





}



.index_3{
padding: 12rem 0 117px;float:left;width:100%;
background: #fff;
}
.index_3 .in3{padding-bottom:90px}
.index_3 .in3 ul { margin-top: 50px;}
.index_3 .in3 ul li{ overflow:hidden}
.in3_left{float:left;width:35%;margin-right:10%;}
.in3_left .in3_left_shu{font-size:14px; color:#999;}
.in3_left .in3_left_shu b{font-size:14px; color:#999;padding:0 10px;font-weight:100;}
.in3_left .in3_left_shu b.b{font-size:18px; color:#333;padding:0 10px;font-weight:600;}
.in3_left .in3_left_h3 h3{font-size:36px; color:#333;margin-top:70px;}
.in3_left .in3_left_p p{font-size:16px;color:#999;line-height:1.5;margin-top:30px;}
.in3_left .more{margin-left:0;margin-top:70px}
.in3_right{float:right;width:50%;}
.in3_right img{width:100%;}

.in3 .swiper-pagination{    width: 100%;text-align: left;bottom:0}
.in3 .swiper-pagination span{width:8px;height:8px;border:2px solid #c61d23;border-radius:100%;background:#fff;}
.in3 .swiper-pagination span.swiper-pagination-bullet-active{width:8px;height:8px;border:1px solid #c61d23;border-radius:100%;background:#c61d23;position:relative}
.in3 .swiper-pagination span.swiper-pagination-bullet-active:before{
	content: '';
    position: absolute;
       top: -5px;
    left: -5px;border:1px solid #c61d23;border-radius:100%;
	width:16px;height:16px;
}
.in3 .swiper-button-next{top: 95%;
    background: #c61d23;
    border-radius: 100%;
    color: #fff;
    padding: 9px 4px;
    width: 44px;}
.in3 .swiper-button-prev{top: 95%;
    border:2px solid #999;
    border-radius: 100%;
    color: #999;
    padding: 9px 4px;
    width: 44px;left: 90%;}


@media (max-width: 1600px) {
	.in3_bottom_div_right1{float:left;padding:0%;width:98%;margin:1%}
	.in3_bottom_div_right2{width:100%;float:left;}
	.in3_bottom_div_right2 img{width:48%;float:left;margin:1%;}
}

@media (max-width: 999px) {
	.in3_left{float:left;width:100%;margin-right:0%;}
	.in3_right{float:right;width:100%;}
	.in3_left .in3_left_shu b{font-size:14px; color:#999;padding:0 10px;font-weight:100;}
.in3_left .in3_left_shu b.b{font-size:18px; color:#333;padding:0 10px;font-weight:600;}
.in3_left .in3_left_h3 h3{font-size:36px; color:#333;margin-top:20px;}
.in3_left .in3_left_p p{font-size:16px;color:#999;line-height:1.5;margin-top:10px;}
.in3_left .more{margin-left:0;margin:20px 0;}
.in3 .swiper-button-next{top: 95%;
    background: #c61d23;
    border-radius: 100%;
    color: #fff;
    padding: 9px 4px;
    width: 44px;}
.in3 .swiper-button-prev{top: 95%;
    border:2px solid #999;
    border-radius: 100%;
    color: #999;
    padding: 9px 4px;
    width: 44px;left: 70%;}
}





.index_4{padding:12rem 0 ;float:left;width:100%;background: url("../images/index2_05.jpg") no-repeat center;background-size: cover;}
.in4 .index_why h2{color:#fff;}
.in4 .index_why p{color:#fff;margin-top:30px}
.in4_bofang{margin:auto;width:80px; border-radius:100%;border:1px dashed #eee;height:80px;cursor:pointer}
.in4_bofang .play{color:#fff;background:rgb(255,255,255,0.5);border-radius:100%;width:50px;height:50px;text-align:center;padding-top: 12px;margin:14px;position:relative}
.in4_bofang .play:before{
	content: '';
    position: absolute;
       top: -10px;
    left: -10px;border-radius:100%;
	width:70px;height:70px;border:10px solid rgb(255,255,255,.3);
}
.in4_bofang:hover{border:1px dashed #c61d23;}
.in4_bofang:hover .play{color:#c61d23;background:rgb(198,29,35,0.5)}
.in4_bofang:hover .play:before{color:#c61d23;background:rgb(198,29,35,0.3)}

@media (max-width: 999px) {
	.in4_left{float:left;width:100%;margin:0;}
	.in4_left ul li{float:left;width:48%;margin:1%;height:60px;float:left;border-bottom:1px solid #fbfbfb;background:#fff;}
	.in4_left ul li a{font-size:12px;color:#000;line-height:60px;padding-left:20%;position:relative;text-align:center}
	.in4_left ul li a:before{display:none}
	.in4_right{width:100%;float:right;}
	.in4_right_div li{width:48%;float:left;margin:1%;text-align:center;margin-bottom:1%;}
	.in4_right_div li:nth-child(3n) { margin-right: 1%;}
}


.index_5{
padding: 5rem 0 7rem;
  background: #f9f9f9;float:left;width:100%;
}
.in5_top li.cur a,
.in5_top li:hover a{color:#000;}

.in5_bottom {margin-top:40px;width:100%;float:left;}
.in5_bottom .in5_div{width:100%; display:none;float:left;}
    /* 让第一个框显示出来 */
.in5_bottom .in5_div:first-Child{display:block;}
.in5_bottom .in5_ul{padding-bottom: 55px;}
.in5_bottom .in5_ul2 ul li{width:16.667%;padding-right:2%}
.in5_img img{width:100%;cursor:pointer;}

@media (max-width: 999px) {
	.index_5 .in_Global ul li{width:98%;float:left;margin:1%;margin-bottom:5%;}
	.index_5 .in_What ul li{width:96%;float:left;margin:2%}
}

.index_6{
padding: 5rem 0 7rem;
  background: #fff;float:left;width:100%;
}
.in6_top li.cur a,
.in6_top li:hover a{color:#000;}

.in6_bottom {margin-top:40px;width:100%;float:left;}
.in6_bottom .in6_div{width:100%; display:none;float:left;padding-bottom: 55px;}
    /* 让第一个框显示出来 */
.in6_bottom .in6_div:first-Child{display:block;}
.in6_ul{margin-bottom:70px;float:left;width:100%;}
.in6_ul ul{}
.in6_ul ul li{width:31.5%;margin-right:2%;display:inline-block;margin-bottom: 30px;}
.in6_ul ul li:nth-child(3n) {margin-right:0;}
.in6_img{position:relative;overflow:hidden;}
.in6_img img{width:100%;transition: all 0.5s;}
.in6_img .in6_time{width:120px;height:35px;border-radius:30px;background:#fff;position: absolute;left: 20px;top: 10px;line-height:35px;text-align:center;color:#c61d23;    display: flex;}
.in6_img .in6_time span{color:#c61d23;display: block;font-size:14px}
.in6_img .in6_time span.span1{    margin-top: 4px; margin-left: 10px;margin-right: 3px;}
.in6_ul ul li h3{font-size:20px ;color:#333;margin-top:30px;padding-right:70px;line-height:1.5;font-weight:600;}
.in6_ul ul li h4{font-size:16px ;color:#999;margin-top:20px;padding-right:70px;line-height:1.5;font-weight:100;}
.in6_ul ul li h4 span{padding-left:5px}
.in6_ul ul li:hover img{transform: scale(1.1);}
.in6_ul ul li:hover h3{color:#c61d23}

@media (max-width: 999px) {
	.w1350{width:96%;margin:auto;position: relative;}
	.in_case_img img{width:100%;border:1px solid #e5e5e5;margin-top:15px;}
	.index_5 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 17px;
    bottom: 0;
    top: 118%}
	.index_5 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 17px;
    bottom: 0;
    top: 118%}
	.in6_ul ul li{width:98%;margin:1%;float:left}
	.in1_top li{margin-left: 0;
    width: 33%;
    float: left;
    text-align: center;
    padding: 20px 10px;
	border: 1px solid #ccc;
    height: 20vw;
	    
	}
.in1_title li:before{
content: '';}
	
}

.index_6{
padding: 7rem 0 7rem;
float:left;width:100%;
background:#fbfbfb;
}


@media (max-width: 999px) {
	.in_news{float:left;width:100%;padding-right:0px;}
	.in_faq{float:left;width:100%;padding-left:0px;}
	.in_news ul li .in_news_img{width:100%;height:auto;overflow:hidden;float:left;}
	.in_news ul li .in_news_img img{width:100%;transition: all 0.5s;}
	.in_news ul li .in_news_zi{width:100%;height:auto;overflow:hidden;float:left;margin-left:0;}
	.in_faq ul li {width:100%;float:left;height:70px;line-height:70px;border-bottom:1px solid #e2e2e2;color:#363636;font-size:16px;padding:0 20px}
	.in_faq ul li a{color:#363636;font-size:14px;padding-left:20px;}
}
/*新闻*/


@media (max-width: 999px) {
.index_6 .in1_top li,
.index_5 .in1_top li{height:auto;width: 50%;}

}


/*底部*/
footer {
  background: #181818;
  border-top:3px solid #c61d23;
}

.footer_nav{border-bottom:1px solid rgb(255,255,255,0.1);padding-bottom:40px;margin-top:20px}
.footer_nav a{color:#999;font-size:14px;margin-right:40px}
.footer_top{margin-top:40px;
    float: left;
    width: 100%;
    margin-bottom: 40px;}
.footer_top .footer_left{float:left;width:42.857%;}
.footer_top .footer_left .foot_input{float:left;width:50%;line-height:40px;margin-right:2%}
.footer_top .footer_left .foot_input input{background:rgb(255,255,255,0);width:100%;line-height:40px;    border: none;
    color: #fff;
    padding-left: 20px;border: 1px solid rgb(255,255,255,0.1);}
.footer_top .footer_left .foot_button{float:left;width:20%;}
.foot_button input{width: 100%;
    height: 40px;
    background: transparent;
    text-align: center;
    color: #999;
    font-size: 12px;
    border: none;
    border: 1px solid rgb(255,255,255,0.1);}
.foot_button input:hover{background:#c61d23;color:#fff;}
.footer_top .footer_ico{float:right;width:42.857%;text-align: right;}
footer .in_lianxi{padding-top:90px;padding-bottom:60px;display: flex;}
footer .in_lianxi_left{width:500px;float:left;}
footer .in_fangan_zi{display: flex;}
footer .in_fangan_zi img{}
footer .in_fangan_zi h3{font-size:30px;color:#c61d23;padding-left:45px;margin: 0;font-weight:900}
footer .in_fangan_zi b{font-size:18px;color:#b2b2b2;font-weight:100}
footer .in_lianxi_right{display: flex;}
footer .in_lianxi_right input{width:270px;height:50px;border:1px solid #7d7d7d;border-radius: 0;background: transparent;margin-left:10px;}
footer .in_lianxi_right textarea{width:270px;height:50px;border:1px solid #7d7d7d;border-radius: 0;background: transparent;}
footer .in_lianxi_right .button{width:135px;height:50px;border-radius: 0;background: #c61d23;border:none;margin-left:20px;color:#fff;font-size:16px;}

@media (max-width: 999px) {
.footer_nav {
    border-bottom: 1px solid rgb(255,255,255,0.1);
    padding-bottom: 40px;
    margin-top: 20px;
    float: left;
    width: 100%;
}
.footer_nav a{color: #999;
    font-size: 14px;
    margin-right: 0px;
    width: 33.33%;
    display: block;
    float: left;
    text-align: center;}
footer .in_lianxi{padding-top:90px;padding-bottom:60px;display: block;}
footer .in_lianxi_left{width:100%;float:left;margin-bottom: 20px;}
footer .in_fangan_zi{display: flex;margin-left: 10px;}
footer .in_fangan_zi img{}
footer .in_fangan_zi h3{    font-size: 22px;
    color: #c61d23;
    padding-left: 20px;
    margin: 0;
    font-weight: 900;}
footer .in_fangan_zi b{font-size:14px;color:#b2b2b2;font-weight:100}
footer .in_lianxi_right{display:block}
footer .in_lianxi_right div{width:100%;margin: 10px 0;}
footer .in_lianxi_right input{width:100%;height:50px;border:1px solid #7d7d7d;border-radius: 0;background: transparent;margin-left:0px;}
footer .in_lianxi_right textarea{width:270px;height:50px;border:1px solid #7d7d7d;border-radius: 0;background: transparent;}


}

footer p {
  margin-bottom: 0;
}
footer h3 a:hover:before {
  display: none;
}
footer .share a {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
  margin-right: 1rem;
}
footer .share a span {
  margin: auto;
}
footer .share a span svg {
  color: #fff;
  width: 1.5rem;
}
footer .share a.wechat {
  background-color: #1ea707;
}
footer .share a.weibo {
  background-color: #ca000e;
}
footer .share a:hover {
  opacity: 0.8;
}
footer .p1 {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.6;
  color: #332e2a;
}
footer .p1 a {
  color: #332e2a;
}
footer .p2,
footer .p2 a {
  color: #7e756c;
  font-size: 0.875rem;
  line-height: 1.8;
}
footer .p2 a {
  position: relative;
}
footer .p2 a:before {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  border-bottom: 1px solid #c61d23;
}
footer .p2 a:hover:before {
  left: 0;
  width: 100%;
}
footer .foot-menus {
  padding-top: 2rem;
  padding-bottom: 4rem;
}
footer .foot-menu .p1 {
  margin-bottom: 1rem;
}
footer .foot-menu a {
  position: relative;
}
footer .foot-menu a:before {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  border-bottom: 1px solid #c61d23;
}
footer .foot-menu a:hover:before {
  left: 0;
  width: 100%;
}
footer .p3 span {
  font-size: 0.875rem;
  color: #7e756c;
  display: block;
  margin-bottom: 0.5rem;
}
footer .p3 a {
  color: #332e2a;
  font-size: 1.875rem;
}
footer a.more {
  padding: 0.6rem 2.5rem;
}

footer .copyright {
  padding-left: 15px;
  padding-right: 15px;
 
  font-size: 14px;
  color: #999;
      padding-bottom: 2rem;
  width: 75.56898%;
    margin: auto;
    max-width: 100%;
}
footer .copyright a {
  font-size: 0.875rem;
  color: inherit;
  padding-left: 10px;
  padding-right: 10px;
}
footer .copyright a:hover {
  color: #c61d23;
}
footer .copyright .btn {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: 0;
  color: #acacac;
  font-size: 0.875rem;
}
footer .copyright .btn:hover {
  text-decoration: underline;
}
.footer_dibu{
   
    width: 100%;}
.footer_dibu_tu{width:1600px;margin:0 auto;}	
.footer_dibu_tu1{width:960px;float:left;margin:50px auto 30px;}	
.footer_dibu_tu1 div{    
	display: inline;
    flex-flow: column-reverse;margin-right:30px;}
.footer_dibu_tu1 div img{margin-left:20px;}
.footer_dibu_tu1 div b{margin-left:20px;}
.footer_dibu_in{width:300px;float:right;margin:50px auto 30px;}	
.footer_dibu_in img{margin-left:11px;}

.footer_hred{width:1600px;margin:0 auto;}
.footer_hred_js{width:450px;float:right;margin:60px auto 90px;}
.footer_hred_js h3{color: #fff;
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 15px;}
.footer_hred_js h3 a{color: #fff;}
.footer_hred_js_dh{font-size:36px;color:#c61d23}
.footer_hred_js_dz{color:#b2b2b2}
.footer_hred_js p{line-height:1.8;color:#b2b2b2;font-size:16px;}

.footer_hredes{ float:left;width: 100%;}
.foot-menu{    float: left;
        width: 19%;
    margin-top: 60px;
	margin-bottom: 90px;}
.foot-menu li{margin-top:10px;text-align:left}
.foot-menu h3{color:#fff;font-size:20px;font-weight:100;padding-bottom:15px;}
.foot-menu a{color:#b2b2b2;}
.foot-menu h3 a{color:#fff;}
.foot_lx img{padding-right:10px;}
.foot_lx {color:#b2b2b2;font-weight:600;}
.foot_lx p{color:#b2b2b2;padding-left:27px;font-weight:100;}
.foot-menu1{float:right; margin: 60px 0px 90px;}
.foot-menu1 .foot_input{width:334px;height:48px;border:1px solid #b2b2b2;margin-top: 10px;}
.foot-menu1 .foot_input input{width:100%;background: transparent;
    border: none;padding:13px 20px;color:#b2b2b2}
.foot-menu1 .foot_message{height:115px;color:#b2b2b2;border:1px solid #b2b2b2;}
.foot-menu1 .foot_message textarea{width:100%;background: transparent;
    border: none;padding:13px 20px;height:115px;}
.foot-menu1 .foot_message input:focus{border:none}


.dibu_fengxiang img{ padding: 10px;border: 1px solid rgb(255,255,255,0.1);}
.dibu_fengxiang img:hover{box-shadow: 0px 0px 10px #c61d23;}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.culture-list .item {
    width: 20%;float:left;margin:2.5%;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.culture-list .item img{width:100%}
.culture-list .item:hover {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.culture-list .item .tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.culture-list .item .tit h4 {
    font-size: 24px;
    color: #333;
    line-height: 1;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.culture-list .item .tit h4:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
    width: 70px;
    height: 2px;
    background-color: #c61d23;
}
.culture-list .item .tit p {
    font-size: 18px;
    color: #333;
    line-height: 25px;
}
.culture-list .item .tit p span {
    font-size: 18px;
    color: #8b8b8b;
    font-weight: 300;
    text-transform: uppercase;
}


@media (max-width: 768px) {
	.footer_top .footer_left{ width: 100%;}
	.footer_top .footer_ico{ width: 100%;text-align: center;
    margin: 20px 0;}
	.footer_top .footer_left .foot_input {
    float: left;
	}
	footer .copyright{width:100%}
	.culture-list .item {
    width: 98%;float:left;margin:1%;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
	.footer_dibu_tu{display:none}
	.footer_hred{display:none}
	.products1{display:none}
	.foot-menu{display:none}
	.foot-menu1{display:block}
	
}