@charset "utf-8";
/* CSS Document */

:root {
    --hover: #ec2800
}
*{padding: 0; margin: 0;}
@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "din";
    src: url("../fonts/din.eot");
    src: url("../fonts/din.eot?#iefix") format("embedded-opentype"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.svg#din") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}
html{font-size:62.5%;}
a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:var(--hover);
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}

p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
        display: none;
  }
input[type="text"]:disabled
{
background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

/*loading*/
.loading{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:9998;display:block;}
.loading b.b1{width:100%;height:100%;display:block;overflow:hidden;background-color:#004c98;position:absolute;left:0px;top:0%;}

.container{width:100%;}
.section{width:100%;background-color:#fff;height:100vh; position: relative;overflow:hidden;}
.section .pagefr{width:100%;height:calc(100vh - .92rem);margin-top:.92rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.section .p_last{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.section.active .pagefr{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

@-webkit-keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}
 
@keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}

@-webkit-keyframes an_02 {
  0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
 
@keyframes an_02 {
 0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.an_02{-webkit-animation-name:an_02;animation-name:an_02}


@-webkit-keyframes an_01 {
  0% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
}
 
@keyframes an_01 {
  0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
}


@-webkit-keyframes an_03 {
  0% {opacity:0;}
  100%{opacity:1;}
}
 
@keyframes an_03 {
 0% {opacity:0;}
  100%{opacity:1;}
}
.an_03{-webkit-animation-name:an_03;animation-name:an_03;}

@-webkit-keyframes an_zdy {
  0% {}
  100%{}
}
 
@keyframes an_zdy {
 0% {}
  100%{}
}
.an_zdy{-webkit-animation-name:an_zdy;animation-name:an_zdy;}

@-webkit-keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
 
@keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
/*common*/


.in_body{min-height:100vh;position:relative;opacity:0;}
.other_body{min-height:100vh;position:relative;opacity:0;background-color:#fff;}
.home_body{overflow:hidden;height:100vh;}
.wrap{width:100%;margin:0px auto;padding:0px;}
.wrap_c{margin:0px auto;width:1440px;padding:0px 0px;}
.wrap_in{margin:0px 3%;}
.wrap_nr{margin:0px 6.25%;}

.w_pc{}
.w_wap{display:none !important;}

.topfr{width:100%;overflow:visible;position:absolute;left:0px;top:0px;z-index:99999;height:100px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.topfr .fl{padding:20px 0px;}
.topfr .fl a{position:relative;display:block;}

.topfr .fl div.img2{position:absolute;left:0px;top:0px;opacity:0;}

.topfr .fr{}
.top_menu{float:left;}
.top_menu ul li{float:left;margin-right:40px;position:relative;}
.top_menu ul li .tmu_t{width:100%;overflow:hidden;/*line-height:80px;*/font-size:18px;color:#222222;font-weight:bold; text-align: center;}
/*
.top_menu ul li .tmu_t b{width:0;height:2px;display:block;overflow:hidden;background-color:var(--hover);position:absolute;left:50%;bottom:15px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
*/
.top_menu ul li .tmu_c{width:160px;overflow:hidden;position:absolute;left:50%;margin-left:-80px;top:52px;background-color:#fff;padding:15px 0px;display:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear; box-shadow: 0 0 10px #eee;}
.top_menu ul li .tmu_c p{width:100%;overflow:hidden;text-align:center;font-size:16px;line-height:30px;margin:5px 0px;}
.top_menu ul li .tmu_c p a{color:#222;}
.top_menu ul li .tmu_c p a:hover{color:var(--hover);}
.top_menu ul li:hover .tmu_c{display:block;}
.top_menu ul li .tmu_t>a{  width:100px;display: inline-block; padding: 10px; box-sizing: border-box; border-radius: 2px; transition: all .3s linear; border: solid transparent 2px;}
.top_menu ul li .tmu_t>a:hover,.top_menu ul li.active .tmu_t>a{ border: solid var(--hover) 2px; }
.top_menu ul li>.tmu_t:before{ content: '.'; color:#ccc; position: absolute; left: -20px; top:-8px; font-size: 30px; }
.top_menu ul li:first-child>.tmu_t:before{ display: none;}



.top_lang{float:left;margin-left:20px;line-height:80px;font-size:16px;}
.top_lang a{color:#222;}

.topfr_style1 .fl,.topfr_style1 .fr{ width: 100%;}
.topfr_style1 .fl div.img1{ display:flex; justify-content: center; align-items: flex-end;padding: 0 55px 0 0;}
.topfr_style1 .fl div.img1 img{ width: 207px; height: auto; margin: 0 50px -40px;}
.topfr_style1 .fl div.img1>span:first-child{ font-size: 16px; font-family: Arial; line-height: 30px; color: #afafaf}
.topfr_style1 .fl div.img1>span:last-child{ font-size: 18px;line-height: 30px;color: #afafaf}
.topfr_style1 .fr{ display: flex; justify-content: center;}

.topfr_style2{background-color:#fff; box-shadow: 0px 1px 20px #999; }
.topfr_style2 .fl{ max-width: 270px;}
.topfr_style2 .fl div.img2{opacity:1;display:flex; justify-content: flex-start; align-items: center;}
.topfr_style2 .fl div.img2 img{ width: 90px; height: auto;}
.topfr_style2 .fl div.img2 span{ font-size: 18px;line-height: 30px;color: #afafaf }
.topfr_style2 .fl div.img1{opacity:0;}
.topfr_style2 .fl{padding:5px 0px;}
.topfr_style2 .wrap_in {
    margin: 0 auto;
    max-width: 1400px;
}
.topfr_style2 .top_menu ul li .tmu_t{ margin-top: 28px;}
.topfr_style2 .top_menu ul li>.tmu_t:before{  top:20px;  }
/*.topfr_style2 .top_menu ul li .tmu_t a{color:#fff;}
.topfr_style2 .top_lang a{color:#fff;}*/
.topfr_style3{display: none;}

.banner_slide{width:100%;overflow:hidden;height:100vh;position:relative;}
.banner_slide .swiper-slide{width:100%;overflow:hidden;}
.banner_slide .swiper-slide .banner_bg{width:100%;overflow:hidden;height:100vh;background:#f9f9f9;background-size:cover;position:relative;}
.banner_slide .swiper-slide .banner_bg b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:6s;-webkit-transition:6s;transition-timing-function:linear;-webkit-transition-timing-function:linear;}
.banner_slide .swiper-slide .banner_txt{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;z-index:990;opacity:0;}
.banner_slide .swiper-slide .banner_txt img{display:block; height: 60vh; width:auto;margin: 25vh auto 0;}
.banner_slide .swiper-slide-active .banner_bg b.b1{transform:translate3d(0,0,0);transform:scale(1.04) rotate(0.1deg); -moz-transform: scale(1.04) rotate(0.1deg); -webkit-transform:scale(1.04) rotate(0.1deg);}

.banner_slide .banner_btn{width:78%;overflow:hidden;position:absolute;left:11%;bottom:35%;z-index:999;}
.nrbtn_01{width:100%;overflow:hidden;}
.nrbtn_01 .banner_prev{width:50px;height:50px;float:left;position:relative;}
.nrbtn_01 .banner_prev b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/arr_left3.png") center center no-repeat;}
.nrbtn_01 .banner_prev:hover b{background:url("../images/arr_left3_on.png") center center no-repeat;}
.nrbtn_01 .banner_next{width:50px;height:50px;float:right;position:relative;}
.nrbtn_01 .banner_next b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/arr_right3.png") center center no-repeat;}
.nrbtn_01 .banner_next:hover b{background:url("../images/arr_right3_on.png") center center no-repeat;}
.nrbtn_01 .nrbtn_01_r{float:right;line-height:42px;color:rgba(255,255,255,0.6);font-size:16px;font-family:din;}
.nrbtn_01 .nrbtn_01_r i.i1{color:#fff;}

.nrbtn_02{width:100%;overflow:hidden;height:2px;position:relative;margin-top:25px;}
.nrbtn_02 .banner_sp{width:100%;overflow:hidden;height:2px;position:relative;background-color:#fff;}
.nrbtn_02 .banner_sp b{width:0px;height:2px;display:block;overflow:hidden;float:left;background-color:var(--hover);margin:0px;padding:0px;}
.nrbtn_02 .banner_sp b.on{width:100%;transition:6s linear;-webkit-transition:6s linear;-o-transition:6s linear;-moz-transition:6s linear;}

@keyframes xia {
    0%{
        top:40px;
        opacity:1;
    }
    100%{
        top:46px;
        opacity:0.6;
    }
}
.bottom{
    width:100%;
    height:126px;
    position: absolute;
    left: 0;
    bottom: 0;

}
.x_btn{
    width: 69px;
    height:55px;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
    background: url("../images/scolldown.png") no-repeat;
    animation: xia .5s linear infinite alternate;
    -moz-animation: xia .5s linear infinite alternate;
    -webkit-animation: xia .5s linear infinite alternate;
    cursor: pointer;
    z-index: 9;
    display: block;
}


.h3box{ display: flex;justify-content: center;}
.h3_tit1{ text-align: center; font-size: 42px; color: #222; position:relative; max-width: 1400px; width: 100%;  margin-top: 70px;}
.h3_tit1:before{ position: absolute; content: url("../images/pro_icon.png"); width: 50px; height: 37px; left: calc(50% - 25px); top:-50px;}
.h3_tit1>a{ position: absolute;right: 0; border: solid #fa151f 2px; font-weight: normal;
    color:#fa151f; font-size: 16px;  text-transform: uppercase; padding: 4px 15px; border-radius: 4px; top:25px;}
.h3_tit1>a:hover{ background: #fa151f; color: #fff;}
.page2{position:relative;background:url("../images/about_bg.jpg") center no-repeat;background-size:cover;}
.page2box{ width: 100%; height: 100vh; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.page2_bottom{ position: relative; bottom: 0; height: 28vh; background: #ce161c; width: 100%; left: 0; display: flex; align-items: center;}
.page2_bottom:before{ position: absolute; content:''; background: url("../images/about_bg1.png")left top no-repeat; left: 0; bottom: 80%; z-index: 2; width: 658px; height:407px  }
.page2_top{max-width: 1400px; width: 100%; margin: 130px auto 0; display: flex; justify-content: space-between;}
.page2_txt{ width: 45%;}
.page2_txt h3{ font-size: 42px; color: #222;}
.page2_txt h4{ font-size: 28px; color: #222; padding: 10px 0 20px;}
.page2_txt p{ font-size: 18px; color: #999; line-height: 30px; padding-top: 20px;}
.page2_txt a{border: solid #fa151f 2px; font-weight: normal;
    color:#fa151f; font-size: 16px;  text-transform: uppercase; padding: 4px 15px; border-radius: 4px; margin-top: 40px; display: inline-block;}
.page2_num1{ width: 48%;}
.page2_num1>ul{display: flex; justify-content: space-between; font-size: 18px; color: #222; }
.page2_num1>ul>li{ display: flex; flex-direction: column; border-left:solid #ddd 1px; padding: 0 25px;}
.page2_num1>ul>li:first-child{border-left:none;}
.page2_num1>ul>li>strong{ color: #ce161c; font-size: 52px; font-family: Arial; padding-top: 5px;}
.page2_num1>ul>li>strong>sup{ font-size: 28px; font-weight: normal;}
.page2_sw{ position: absolute; bottom: 0; right: 0; width: 50%;}
.page2_sw .swiper-slide img{ display:block;width: 100%;  height: auto;}
.page2_num2{width: 100%; }
.page2_num2 ul{display: flex; justify-content: flex-start; font-size: 18px; color: #fff;max-width: 1400px; margin: 0 auto; position: relative; }
.page2_num2 ul>li{ display: flex; flex-direction: column; border-left:solid #fff 1px; padding: 0 30px;}
.page2_num2 ul>li:first-child{border-left:none;}
.page2_num2 ul>li>strong{  font-size: 52px; font-family: Arial; padding-top: 5px;}
.page2_num2 ul>li>strong>sup{ font-size: 28px; font-weight: normal;}

.pagecontrol{ position: absolute; right: 20%; bottom: 10%; width: 100px; height: 300px;}
.pagecontrol .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 40px;
    right: auto;
}
.pagecontrol .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right:35px;
    left: auto;
}

.pagecontrol .swiper-button-next,
.pagecontrol .swiper-button-prev {
    position:absolute;
    top:50%;
    width:22px;
    height:36px;
    margin-top:-18px;
    z-index:9999;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.pagecontrol .swiper-button-prev{ background:none; }
.pagecontrol .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.pagecontrol  .swiper-button-next{ background:none;top:20%;}
.pagecontrol  .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}

.playcontrol{ position: absolute; left: 5%; bottom: 15%; z-index: 6}
.playcontrol>a{ display: inline-block;}
.playcontrol .em1{display: flex; align-items: center; color: #fff; font-size: 18px; z-index: 5; }
.page3{position:relative; background: #f5f5f7;}
.page3box{ width: 100%;}
.page3_title{ width: 100%; background: url("../images/pro_bg.jpg") top center no-repeat; height: 22vh; display: flex; justify-content: center; background-size: cover;}
.page3 .h3_tit1{ color: #fff; }
.page3 .h3_tit1>a{ border: solid #fff 2px; color:#fff;}
.pro_tab{ width: 100%; max-width: 1400px; margin: -50px auto 0;position: relative; z-index: 2;}
.pro_tab .tab_card{ display: flex; background: #fff; border-radius: 8px; min-height: 150px; box-shadow: 0 1px 20px #eee;}
.pro_tab .tab_card a{ display: flex; justify-content: center; align-items: center; transition: all .3s linear;width: 33.3333%; }

.pro_tab .tab_card a span>img:nth-child(2) {
    display: none;
}
.pro_tab .tab_card a.active{ background:#ce161c url("../images/pro_hover.png") top  left no-repeat; border-radius: 8px; box-shadow: 0px 1px 30px #e13942; justify-content: flex-start;}
.pro_tab .tab_card a.active span:first-child{ padding-left: 40px; box-sizing: border-box;
}
.pro_tab .tab_card a.active span>img:nth-child(1){display: none;}
.pro_tab .tab_card a.active span>img:nth-child(2){display: block;}
.pro_tab .tab_card a.active span>i{  color:#eee;}
.pro_tab .tab_card a.active span:last-child{color:#fff; }
.pro_tab .tab_card a span:last-child{ font-size: 28px; color: #434343; display: flex; flex-direction: column; padding-left: 20px;}
.pro_tab .tab_card a span>i{ font-style: normal; font-size: 18px; color:#999; font-family: Arial;}

.tab_con{ margin-top: 60px;}
.tab_con>ul{ display:none;}

.tab_con>ul>li{ width: 23.8%; margin-right: 1.6%; border: solid #eee 2px; background: #fff; padding:25px; border-radius: 8px; box-sizing: border-box; box-shadow: 0px 1px 20px #eee; transition: all .6s linear;}
.tab_con>ul>li:nth-child(4){margin-right: 0;}
.tab_con>ul>li a{display: block; font-size: 24px; line-height: 40px;}
.tab_con>ul>li a>img{ display: block; margin: 0 auto 20px;color:#434343;}
.tab_con>ul>li p{ color:#999;font-size: 16px; line-height: 30px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.tab_con>ul>li>div{ display: flex; justify-content: space-between;color:#999;font-size: 16px; border-top:solid #eee 1px; margin-top: 20px; padding-top: 20px; flex-wrap: wrap;}
.tab_con>ul>li:hover{ cursor: pointer; border:solid #ef1323 2px; box-shadow: 0px 1px 40px #ffcccc;}
.tab_con>ul>li>div>span{ width:50%; margin-top: 5px;}
.tab_con>ul>li>div>span:nth-child(1){ color:#222;font-weight: bold;}
.page4{overflow:hidden;position:relative;}
.page4box{ width: 100%; background: #fff;}
.brandbox{ width: 100%; background: url("../images/brand_bg.png") bottom center no-repeat; padding-bottom: 50px;background-size: cover;}
.brandbox>ul{ display: flex; flex-wrap: wrap; max-width: 1400px; width: 100%; margin: 20px auto 0; border-top:solid #ccc 1px; border-left:solid #ccc 1px;}
.brandbox>ul>li{ width: 20%; background: #fff; padding:15px 0;border-right:solid #ccc 1px; border-bottom:solid #ccc 1px;box-sizing: border-box;  text-align: center; transition: all .6s linear;}
.brandbox>ul>li:hover{box-shadow: 1px 1px 50px #ff9999; position: relative; z-index: 3;}
.factorybox{ background: #fff;}
.factorybox>ul{ display: flex; flex-wrap: wrap; max-width: 1400px; width: 100%;  margin: 20px auto 0; border-top:solid #ccc 1px; border-left:solid #ccc 1px;}
.factorybox>ul>li{ width: 20%; padding: 20px; background: #fff; border-right:solid #ccc 1px; border-bottom:solid #ccc 1px;box-sizing: border-box;  text-align: center;transition: all .6s linear; }
.h4_tit1{ font-size: 20px; color: #222; position: relative; text-align: center; }
.h4_tit1:before{ position: absolute; width:15px; height: 5px; border-radius: 2.5px; left: calc(50% - 7.5px); bottom:-20px; content: ''; background: #ef1322;}
.factorybox>ul>li:hover{box-shadow: 1px 1px 50px #ff9999; position: relative; z-index: 3;}
.factorybox>ul>li p{ font-size:14px; color:#c9c9c9; text-transform: uppercase; font-family: Arial; margin-top:40px; }
.page5{overflow:hidden;position:relative;background:url("../images/foot_bg.jpg") left bottom;background-size: cover;}
.page5 .person{  height: 60%; width: 100%; background: url("../images/person_bg.jpg") top center no-repeat;
    display: flex;background-size: cover;}
.page5 .personbox {max-width: 1400px; margin: 90px auto; display: flex; justify-content: space-between; }
.page5 .personbox>div.personImg img{ max-width: 85%; height: auto;}
.footer{ display: flex; flex-direction: column; height: 40%; align-items: center; justify-content: center;}

.footer>a{font-size: 18px; color:#ef1322; display: inline-block; padding: 5px; border: solid #ef1322 2px; margin: 30px 0;}

 .footer>p{ font-size: 18px; color: #222222; line-height: 32px;}

/*inside page css*/
footer{overflow:hidden;position:relative;background:url("../images/foot_bg.jpg") left bottom repeat-y; padding: 40px 0;
    width: 100%;background-size: cover;}
.ntop_fr{ background: #fff; height: auto; padding-bottom: 10px;}
.nbanner{float:left;width: 100%; height:auto; margin-top: 261px; position: relative; }
.nbgimg{ width: 100%;}
.nbgimg>img{display: block; width: 100%;}
.nbanner_txt{ position: absolute; width: 100%; height: 100%; left: 0; top:0;}
.nbanner_con{ max-width: 1400px; width: 96%; margin: 0 auto; display: flex; justify-content: space-between;  align-items: center; height: 100%;}
.l_txt{position: relative;
    height: 80%;}
.l_txt h4{font-size:.42rem; color: #222; margin-top: .9rem;}
.l_txt h3{font-size: .42rem; color: #222; }
.breadcrumbNav{position: absolute; bottom: 0px; left:0; font-size: 18px; color: #222;}
.breadcrumbNav>img{ margin-right:10px;}
.nbanner .r_img{ position: relative; bottom: -80px;}
.pagebg1{ width: 100%; clear: both; background: #f5f5f7; float: left;}
.pagebg2{ width: 100%; clear: both; background:url("../images/page_bg2.png") bottom center no-repeat; background-size:100%;  float: left; }
.classnavbox{
    float: left; width: 100%; margin-top: 100px; clear: both;}
.classnav{ width: 96%; margin: 0 auto; background: #fff; border-radius: 10px; max-width: 1400px; box-shadow: 0 5px 10px #eee;}
.classnav dl{ padding: 0 20px; border-bottom: solid #eee 1px; font-size: .18rem; display: flex; align-items: center; }
.classnav dl>dt{color:#999; width: 1rem; background: url("../images/braces_icon.png")  no-repeat; background-position: 100% 5px; text-align: center;white-space: nowrap;}
.classnav dl>dd{display: flex; align-items: center; white-space: nowrap; width: calc(100% - 1.4rem); flex-wrap: wrap; padding: .2rem; }
.classnav dl>dd a{ display: inline-flex; padding: .05rem .15rem; margin:.1rem; border: solid #eee 2px; border-radius: 4px; align-items: center;}
.classnav dl>dd a>i{ margin-right: 10px;}
.classnav dl>dd a>i>img{ display: block;}
.classnav dl>dd a:first-child{ margin: 0 .4rem 0 .1rem;}
.classnav dl>dd a>img{ max-width: 1.2rem; height: auto;display: block;}
.classnav dl>dd a.selected{ border-color:#ef1323; color: #ef1323; }
.productlist{ max-width: 1400px; width: 96%; margin: 0 auto .2rem;}
.productlist>ul{display: block; width: 100%;}
.productlist>ul>li{ margin-top:25px;display:inline-block;width: 23.8%; margin-right:1.2%;  border: solid #eee 2px; background: #fff; padding:25px 23px; border-radius: 8px; box-sizing: border-box; box-shadow: 0px 1px 20px #eee; transition: all .6s linear;}
.productlist>ul>li:nth-child(4n){ margin-right: 0;}
.productlist>ul>li a{display: block; font-size:.24rem; line-height: .4rem;}
.productlist>ul>li a>img{ display: block; margin: 0 auto 20px;color:#434343; max-width: 100%;}
.productlist>ul>li p{ color:#999;font-size: .16rem; line-height: .3rem;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.productlist>ul>li>div{ display: flex; justify-content: space-between;color:#999;font-size: .16rem; border-top:solid #eee 1px; margin-top: 20px; padding-top: 20px; flex-wrap: wrap;}
.productlist>ul>li:hover{ cursor: pointer; border:solid #ef1323 2px; box-shadow: 0px 1px 40px #ffcccc;}
.productlist>ul>li>div>span{ width:50%; margin-top: 5px;}
.productlist>ul>li>div>span:nth-child(1){ color:#222;font-weight: bold;}
/*pagination*/
.pagination{ text-align: center; margin: 70px auto; width: 100%; clear: both; font-size: 14px;}
.pagination>a{ display: inline-block; padding: 10px 15px; background: #fff; font-size: 14px; border: solid #ddd 1px; margin: 5px;}
.pagination>a.active,.pagination>a:hover{ background:#ef1323; color: #fff; border-color: transparent; }
.pages_go{ margin-left: 5px;}
.pages_go .input1{padding: 10px 15px; background: #fff; font-size: 14px; border: solid #ddd 1px; margin: 5px;width: .6rem;}
.sure_btn{ display: inline-block; padding: 10px 15px; background: #f9f9f9; font-size: 14px; border: solid #ddd 1px; margin: 5px;}
    /**/
.smallbox{ position: absolute; width:320px ;left:calc(50% - 160px); text-align: center; bottom: 30px; z-index: 999; margin: 0; display: flex;}
.smallbox .sw1{cursor: pointer; margin: 10px;}
.smallbox .sw1>img{ border-radius: 50%; border:solid transparent 3px;}
.smallbox .on img{
    border:solid #ef1323 3px;

}
.rec_tit{ display: flex; align-items: center; font-size: .32rem;}
.rec_tit>i{ margin-right: 10px;}
.prd_11{overflow:hidden;}
.prd_11 ul li{width:47%;overflow:hidden;float:left;margin-right:2%;margin-bottom:30px;border-radius:6px;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05); position: relative;}
.prd_11 ul li:nth-child(4n){margin-right:0px;}
.prd_11 ul li em{display:block;overflow:hidden;font-style:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.prd_11 ul li em.em1{display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:relative;}
.prd_11 ul li em.em1 img{display:block;}
.prd_11 ul li em.em1 img.img1{width:100%;max-width:100%;}
.prd_11 ul li em.em1 b.b1{width:35px;height:35px;display:block;overflow:hidden;background-color:rgba(237,237,237,1);position:absolute;right:0px;bottom:0px;z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.prd_11 ul li em.em1 b.b1 i{width:14px;height:14px;display:block;overflow:hidden;background:url("../images/prd_06.png") center no-repeat;background-size:100%;}

.conbox{max-width: 1400px; width: 96%; margin: 1.2rem auto 0;}
.banner_slide .swiper-slide .banner_txt img{height:4rem; margin: 3.2rem auto;}

.banner_slide1 .swiper-slide .banner_txt img{display:block; height: 50vh; width:auto;margin: 35vh auto 0;}
.detailsilder{ float: left; width:3.3rem;}
.detailsilder > ul > li{ display: block; width: 100%;}
.detailcon{ margin: 0 0 0 4.2rem;}
.detailcon dl{ padding:.8rem 0; border-bottom: solid #eee 1px;display: flex; justify-content: space-between; align-items: flex-start;}
.detailcon dt{  width:2rem;margin-right: 1rem; color: #222;}
.detailcon dd{ width: calc(100% - 3rem);}
.detailcon dd>h3{font-size: .42rem; font-weight: normal;}
.detailcon dd>h4{font-size:.28rem;}
.detailcon dd>p{ font-size: .18rem; line-height: .3rem; margin-top: .1rem; }
.detailcon dd>p.s1{margin-top: .3rem;}
.detailcon dd>p.s2{ margin-top: .2rem}
.detailcon dd>div>span{display: inline-block; width: 40%; font-size: .2rem; margin-top: .2rem;}
.h4_tit2>i{ margin-right: .2rem;}
.h4_tit2>i>img{ display: block; width: .4rem;  height: auto;}
.h4_tit2{ font-size: .32rem; color: #666; position: relative;  display: flex;align-items: center; justify-content: center; }
.h4_tit2 b{font-weight: normal; white-space: nowrap;}

/*inner about us page*/
.pagebg3{float: left; width: 100%;}
.acon_1{ width: 100%; padding: 1.2rem 0; clear: both;}
.con{max-width:1400px; width: 96%; margin:0 auto; }
.con1{display: flex; justify-content: space-between;}
h3.title1{ font-size: .32rem;}
h3.title1>b{ width: 15px; height: 5px; background: #ff0000; display: block; margin-top: .2rem; border-radius: 2.5px;}
.con_l{ width: 35.5%; margin-left: 13.5%;}

.con_l>ul{display: flex; justify-content:flex-start; font-size:.18rem; color: #222; flex-wrap: wrap; }
.con_l>ul>li{ display: flex; flex-direction: column; border-left:solid #ddd 1px; padding: 0 .35rem; margin-top: .4rem;}
.con_l>ul>li:first-child,.con_l>ul>li:nth-child(4){border-left:none; padding-left: 0;}
.con_l>ul>li>strong{ color: #ce161c; font-size: .42rem; font-family: Arial; padding-top: 5px;font-weight: normal;}
.con_l>ul>li>strong>sup{ font-size: .28rem; font-weight: normal;}
.con_l>p{font-size: .18rem; color: #999; line-height:.28rem; margin-top: .5rem;}
/*en*/
.font_arial{ font-family: Arial;}
.font_arial h3.title1{ font-size: .28rem; font-weight: normal;}
.con>ul.en{display: flex; justify-content:flex-start; font-size:.18rem; color: #222; justify-content: space-between; }
.con>ul.en>li{ display: flex; flex-direction: column; border-left:solid #ddd 1px;  padding-left: .75rem; margin-top: .4rem;}
.con>ul.en>li:first-child{border-left:none;padding-left: 0; }
.con>ul.en>li>strong{ color: #ce161c; font-size: .42rem; font-family: Arial; padding-top: 5px;font-weight: normal;}
.con>ul.en>li>strong>sup{ font-size: .28rem; font-weight: normal;}
.con>ul.en{font-size: .18rem; color: #999; line-height:.28rem; margin-top: .5rem;}
p.font_arial{ width: 60%;}
.con_r{ width: 49%;}
.con_r .video{position: relative;}
.con_r .video>img{display:block; max-width: 100%;}
.con_r .video .playcontrol1{position: absolute; left:.6rem; bottom: .6rem; z-index: 99}
.con_r .video .playcontrol1>a{ display: inline-block;}
.con_r .video .playcontrol1 .em1{display: flex; align-items: center; color: #fff; font-size: 18px; z-index: 5; }
.acon_2{ background: url("../images/advantage_bg.jpg") center center no-repeat; background-size:cover; padding: .8rem 0 1rem;}
.acon_2 .con{ display: block;}
.acon_2 .con ul{ display: flex; justify-content: space-between; margin-top: .4rem;}
.acon_2 .con ul li{ width: 18.5%;position: relative;
    overflow: hidden;}
.acon_2 .con ul li div.bgimg1{ width: 100%; height: 100%; background: url("../images/ad_pic1.jpg") center center no-repeat; background-size: cover; position: absolute; top:0; left: 0;}
.acon_2 .con ul li div.intro{ width: 100%; height: 100%; background:#fff;position: relative; z-index: 3;padding: .4rem; box-sizing: border-box; }
.acon_2 .con ul li div.intro>span{ font-size: .5rem; color: #e8e8e8; display: block; text-align: center; font-family: Arial;font-weight: bold; height: .4rem; overflow: hidden;}
.acon_2 .con ul li div.intro>h4{font-size: .24rem;color:#222; text-align: center; padding: .2rem;}
.acon_2 .con ul li div.intro>p{font-size: .18rem; color: #999; line-height: .28rem;}
.acon_2 .con ul li:hover div.intro{ background: transparent;}
.acon_2 .con ul li:hover div.intro>span{ color: #fff;}
.acon_2 .con ul li:hover div.intro>h4{ color: #fff;}
.acon_2 .con ul li:hover div.intro>p{ color: #fff;}
 h3.title2{ text-align: center; width: 100%;}
 h3.title2 b{ margin-left: calc(50% - 7.5px);}
 .line_swiper{width:100%; margin-top: .3rem; display: flex; justify-content: space-between; }
.line_swiper>div{ width: 50%; position: relative;}
.swiper_img .swiper-slide>img{ display: block; width: 100%;}
.swiper_img .swiper-button-next,
.swiper_img .swiper-button-prev {
    position:absolute;
    right: 40px;
    left: auto;
    width:.5rem;
    height:.5rem;
    margin-top:-18px;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    border:solid  #ccc 1px;
    border-radius: 50%;
    background: none;
}
.swiper_img .swiper-button-next img,
.swiper_img .swiper-button-prev img{ max-width: 100%; display: block;}
.swiper_img .swiper-button-prev::after,.swiper_img .swiper-button-next::after {
    content: '';
}
.swiper_img .swiper-button-next {
bottom: .4rem;
top:auto;
}
.swiper_img .swiper-button-prev{

    bottom: 1rem;
    top:auto;
}
.swiper_img .swiper-button-prev:hover{background:#ec2800;border: none; }
.swiper_img .swiper-button-next:hover{background:#ec2800;border: none;}
.p4r_c>ul{
    display: flex; height: 100%; flex-direction: column; justify-content: space-between; }
.p4r_c>ul>li{ font-size: .24rem; padding: 0 1rem; display: flex;align-items: center;position: relative; height: 20%; font-weight: bold;}
.p4r_c>ul>li:before{width: 8px; height: 100%;position: absolute; left: 0; top:0; content: '';  background: #fff;}
.p4r_c>ul>li>i{font-size: .5rem; font-family: Arial; padding-right: .5rem; color: #ddd;}
.p4r_c>ul>li.on:before{background:#ec2800;}
.p4r_c>ul>li.on{ color: #ec2800; background: #f9f9f9;}
.p4r_c>ul>li.on>i{color:#ec2800 }

.acon_3{display: flex; width: 100%;justify-content: center; background: url("../images/aboutbg1.jpg") center center no-repeat; background-size: cover;padding: 1.7rem;}
.acon_3 p{font-size: .28rem; line-height:.5rem; color: #fff;}
.dl_1{ width: 100%;display: flex;}
.dl_1>dt{ width: 50%;}
.dl_1>dt>img{ display: block; width: 100%;}
.dl_1>dd{ width: 50%;  box-sizing: border-box; padding-left: .78rem;}
.dl_1>dd>h3{ margin-top: .4rem;}
.dl_1>dd>p{font-size: .18rem; line-height: .32rem; color: #999; margin-top: .36rem;}
.dl_1>dd>p.ap1{color: #222;}
.dl_1:nth-child(2){ margin-top: .8rem;}
.dl_1:nth-child(2)>dd{padding-right: .78rem; padding-left: 0;}
/*honor*/
.ahonor{ width: 100%;  background: url("../images/honor_bg.jpg") center center no-repeat; background-size: cover;padding: .8rem;}
.swiper3 h3{ width: 100%; text-align: center;  font-size: 32px; padding-bottom: .8rem;}

.swiper3 .swiper-wrapper,.swiper4 .swiper-wrapper {
    align-items: flex-end;
    padding-bottom: 30px;

}
.swiper3 dl{ transform: scale(0.8); transition: all 0.6s linear; }
.swiper3 dl.swiper-slide-active{  transform: scale(1.1);  z-index: 9999; align-self: flex-end; padding-bottom: -20px}
.swiper3 dl.swiper-slide-active dd{ display: block; text-align: center; line-height: 30px; font-size: 16px; text-align: center;  margin: 0; padding: 0; position: relative; bottom: -20px;  left: 0; width: 100%; text-align: center;}
.swiper3 dl.swiper-slide-duplicate{align-self: flex-end;}
.swiper3 dl.swiper-slide{align-self: flex-end;}
.swiper3 dt{ padding: 10px; align-self: flex-end; background: #fff;}
.swiper3 dt img{ width: 100%; height: auto;}
.swiper3 dd{ display: none; overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}

.ahonor .swiper-button-next,
.ahonor .swiper-button-prev {
    position:absolute;
    top:130px;
    width:1.18rem;
    height:1.18rem;
    margin-top:-18px;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.ahonor .swiper-button-prev::after,.ahonor .swiper-button-next::after {
    content: '';
}
.ahonor .swiper-button-next {
    right:30%;
    left: auto;
}
.ahonor .swiper-button-prev{
    left: 30%;
    right: auto;

}
.ahonor .swiper-button-prev{ background: url("../images/arr_left5.png"); background-size: 100%;}
.ahonor .swiper-button-next{ background: url("../images/arr_right5.png"); background-size: 100%;}
.ahonor .swiper-button-prev:hover{background: url("../images/arr_left5_on.png"); background-size: 100%; }
.ahonor .swiper-button-next:hover{background: url("../images/arr_right5_on.png"); background-size: 100%;}

.ul_1{ display: flex; justify-content: space-between;}
.ul_1>li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 22.5%;}
.ul_1>li>div{ width: 1rem; height: 1rem; border-radius: 50%; background: #f7f7f7; display: flex; align-items: center;justify-content: center;margin: 0 auto;}
.ul_1>li>div>img{max-width: 100%; display: block;}
.ul_1>li>h3{margin-top: .3rem;}
.ul_1>li>p{ font-size: .2rem;line-height: .3rem;  margin-top: .2rem;}

/*contact us*/
.ul_2>li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width:31%; border: solid #ddd 1px; padding: .35rem; border-radius: 10px; box-shadow: 0 5px 20px #eee;}
.ul_2>li>div{ width: .6rem; height: .6rem; border-radius: 50%; background: #f3f3f3;}
.ul_2>li:hover{border-color: #fa151f; box-shadow:0 5px 30px #fbc2c4;}
.ul_2>li:hover>h3.title1{ color:#fa151f; }
.ul_2>li>h3.title1{font-size: .24rem;}
.map{width: 100%; overflow: hidden;}
.mapall {
    width: 100%;
    height: 600px;
    overflow: hidden;
}
/*online*/
.htitle{ width: 100%; padding: 0 0 .4rem; border-bottom: solid #eee 1px;}
.htitle>.h4_tit2{ justify-content: flex-start;}
.ul_3{ margin-top: .5rem;}
.ul_3>li{ display: block; width:48%; border: solid #ddd 1px;  border-radius: 10px;padding: .4rem 0;}
.ul_3>li:nth-child(1){ background: url("../images/online_1.jpg") left center no-repeat;}
.ul_3>li:nth-child(2){ background: url("../images/online_2.jpg") left center no-repeat;}
.ul_3>li>div{ width: 45%; margin-left: 55%; background: none; border-radius: 0;  flex-direction: column; align-items: flex-start;}

.ul_3>li h3.title1{font-size: .24rem;}
.ul_3>li h3.title1>b{ height: 3px; border-radius: 0;}
.ul_3>li>div>p{ font-size: .2rem; line-height: .3rem; color: #222; margin-top: .2rem;}
.onlinebox{ width: 100%; padding-bottom: 1.7rem;}
.onlinebox .htitle{ max-width: 1400px; margin: 0 auto;}
.onlinebox .con1{ margin-top: .8rem;max-width:1920px;margin:0 auto;}
.online_dl{ width: 100%;margin-bottom: .4rem}
.online_dl>dt{width: 100%;font-size: .24rem; margin-bottom: .3rem; }
.online_dl>dt>i{ display:inline-flex; align-self:center;color:#fa151f; line-height: .3rem; margin-right: 10px;position: relative; top:5px; }
.online_dl>dd{width: 100%; display: flex;}
.online_dl>dd>span{ display:inline-block;width: 1.92rem; height:.62rem; text-align: center; line-height: .62rem; border: solid #ccc 1px; background: #fcfcfc; border-radius: .31rem; margin-right: .2rem; font-size: .2rem; color: #222;}
.online_dl>dd>textarea{ width: 96%; background: #fcfcfc; border: solid #ccc 1px; border-radius: 6px; min-height: 1.4rem; box-sizing: border-box; padding: .2rem;font-size: .18rem; color:#999;}
.online_dl>dd>input{ width: 96%; background: #fcfcfc; border: solid #ccc 1px; border-radius: 6px; height: .6rem; box-sizing: border-box; padding: .2rem;font-size: .18rem; color:#999;}
.online_dl .submit1{ width: 1.9rem; height: .6rem; line-height: .6rem; font-size: .2rem; color: #fff;  text-align: center; background:#fa151f; border: none; border-radius: .3rem; margin-top: .3rem; }
.online_img{width: 100%;}
.online_img>img{ display: block; width: 100%;}
/*knowledge*/
.knowledge,.honor1{ width: 100%; margin-top: .2rem;}
.knowledge ul,.honor1 ul{ max-width: 1400px; display: flex; justify-content: space-between; flex-wrap: wrap; width: 96%; margin: 0 auto;}
.knowledge ul>li,.honor1 ul>li{ width: 47%; background: #fff;border: solid #ddd 1px;  border-radius: 10px;padding: .5rem .4rem; box-shadow: 0 0  30px #ddd; margin-top: .4rem; transition: all
.3s linear;}
.knowledge ul>li h3.title1,.honor1 ul>li h3.title1{font-size: .24rem;}
.knowledge ul>li h3.title1>b{ height: 3px; border-radius: 0;}
.knowledge ul>li>p{ font-size: .16rem; line-height: .26rem; color: #999; padding: .3rem 0;}
.knowledge ul>li>div{ display: flex; justify-content: space-between; border-top: solid #eee 1px; padding-top: .3rem; align-items: center;}
.knowledge ul>li>div>span{ display: flex; align-items: center;font-size: .16rem; color: #999;}
.knowledge ul>li>div>span>img{ display: block; margin-right: 10px;}
.knowledge ul>li>div>a>img:nth-child(1),.honor1 ul>li>div>a>img:nth-child(1){display: block;}
.knowledge ul>li>div>a>img:nth-child(2),.honor1 ul>li>div>a>img:nth-child(2){display: none;}
.knowledge ul>li:hover,.honor1 ul>li:hover{ border-color: #fa151f;box-shadow:0 5px 30px #fbc2c4; }
.knowledge ul>li:hover h3.title1,.honor1 ul>li:hover h3.title1{ color: #fa151f; }
.knowledge ul>li:hover>div>a>img:nth-child(1),.honor1 ul>li:hover>div>a>img:nth-child(1){display: none;}
.knowledge ul>li:hover>div>a>img:nth-child(2),.honor1 ul>li:hover>div>a>img:nth-child(2){display: block;}
/*honor1*/
.honor1 ul>li{ display: flex; justify-content: space-between; background: #f6f6f8;}
.honor1 ul>li>div:first-child{ display: flex; justify-content: center; border-top: none; padding: .3rem; align-items: center; float: left; width: 45%; height: 100%;position: relative;
background: #fff;border-radius: 6px;}
.honor1 ul>li>div:first-child>img{ display: block;max-width: 100%;}
.honor1 ul>li>div>a{position: absolute;right: 0;bottom:0;}
.honor1 ul>li div.honor_intro{display:flex;justify-content:center;width: 50%;flex-direction: column; align-items: flex-start;}
.honor1 ul>li div.honor_intro>p{ font-size: .16rem; line-height: .26rem; color: #999; padding: .3rem 0;}
img.magnify{cursor: pointer;}
.maginfybox{ width: 100%; height: 100%; position: fixed; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); z-index: 999999;overflow: hidden;display: none;}
.maimg{ width: 9.3rem; padding: 26px; margin:2rem auto 0;position: relative;background: #fcfcfc; }
.maimg_close{ position: absolute;right: 20px; top:20px;}
.maimg>img{display: block;margin:0 auto; max-width: 100%;}
/*news*/
.newslist{ clear: both; margin-top: 0;}
.newslist ul{ display: block;clear: both;overflow: hidden;}
.newslist ul>li{ width: 30%; padding: 0 0 .4rem; margin-top: .6rem;  float: left;  margin-right: 5%;}
.newslist ul>li:nth-child(3n){ margin-right: 0;}
.newslist ul>li>img{width: 100%; height: auto;}
.newslist ul>li h3.title1{margin: .4rem .4rem 0;}
.newslist ul>li>p{ margin: 0 .4rem; padding: .3rem 0;}
.newslist ul>li>div{ margin: 0 .4rem;}
.newscon{ max-width: 1400px; margin: 1.1rem auto 0; width: 96%; display: flex;justify-content: space-between; padding-bottom: 1rem;}
.news_detail{ width: calc(100% - 4rem); padding-right: 1rem;}
.news_detail h1{ font-size:.32rem; text-align: center; color: #333;}
.news_detail h6{ display: flex; justify-content: center; border-bottom: solid #eee 1px; padding: 30px 0; color:#888;font-size:.2rem; align-items:center;}
.news_detail h6>span{ padding: 0 10px;}
.news_detail>.content p{ line-height: .32rem; font-size: .18rem;   color: #666; padding: 10px 0;}
.news_detail>.content p img{ margin: 0 auto; display: block;width: 100%;}
.news_slider{ width: 4rem; background: #fcfcfc;}
.news_slider>h3{ font-size:.28rem; position: relative;padding-left: .5rem; margin: .2rem 0 0; border-bottom: solid #eee 1px; padding-bottom: .2rem;}
.news_slider>h3:before{ height: .28rem; width: 6px; background: #d20f1c; position: absolute; content: ''; left: 0; top:.06rem;}
.news_slider>h3>a{ font-size: 18px; color: #666; font-weight: normal;}
.news_slider>dl{ width: 100%;  border-bottom: solid #eee 1px;}

.news_slider>dl>dd{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: .3rem .4rem;}
.news_slider>dl>dd h4{font-size: .18rem; margin: 0; padding: 0;  color: #333; }
.news_slider>dl>dd span.time{  display: flex; justify-content: flex-start; align-items: center; padding: .2rem 0 0; color: #999; font-size: .16rem;}
.news_slider>dl>dd span.time img{ margin-right:10px;}
.news_slider>dl:hover{ background:url("../images/dl_bg1.png") center center no-repeat; background-size: cover; }
.news_slider>dl:hover h4{color:#fff;}
.news_slider>dl:hover>dd span.time{color: #fff;}
.news_slider>dl:hover>dd span.time img{ margin-right:10px;filter: brightness(200%)}
.news_slider>a.more{ display: block; text-align: center; font-size: .16rem; margin-top: .2rem; color: #999;}

.page_related{ width: 100%;  padding: .5rem 0 0;font-size: .2rem; line-height:.36rem; border-top: solid #eee 1px; margin-top: .4rem;}
.page_related>a{ color: #333; display: block; margin-top: .2rem; }
.page_related>span{ color: #888; display: block; margin-top: .2rem;}
/*video tab*/

#ns-video-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}







.kefu{ position: fixed; right: 20px;top:150px; height: 500px; width: 100px; z-index: 99999;}
.kefu li{ margin-top: 10px; position: relative; cursor: pointer;}
.kefu li>div{  width: 0px;font-size: 18px; padding-top: 20px; opacity: 0; transition: all .3s linear;
    position: absolute; right: 100px; top:0; background: #fff; height: 97%; border: solid #eee 1px; border-radius: 10px; text-align: center;}
.kefu li>div.active{ width: 200px;opacity: 1;}





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

    .wrap_in{margin:0px 10px;}
    .wrap_c{margin:0px 10px;padding:0px;width:auto;}
    .wrap_nr{margin:0px 10px;}

    .w_pc{display:none !important;}
    .w_wap{display:block !important;}

    .topfr{height:55px;}
    .topfr .fl{padding:15px 0px;}
    .topfr .fl img{height:25px;}
    .top_lang{line-height:55px;}
    .topfr_style2 .top_menu ul li .tmu_t {
        margin-top: 0px;
    }
    .top_menu{width:100%;position:absolute;left:0px;top:55px;display:block;background-color:#fff;display:none;}
    .top_menu ul{width:100%;overflow:hidden;border-top:1px solid #e5e5e5;}
    .top_menu ul li{width:100%;overflow:hidden;border-bottom:1px solid #e5e5e5;}
    .topfr_style2 .top_menu ul li .tmu_t a {
        color: #333;
    }
    .top_menu ul li .tmu_t{line-height:50px;padding:0px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; text-align: left;}
    .top_menu ul li .tmu_t > a:hover, .top_menu ul li.active .tmu_t > a {
        border: none;
        color:#ce161c;
    }
    .top_menu ul li .tmu_t b{width:14px;height:55px;display:block;overflow:hidden;background:url("../images/sel_01.svg") center no-repeat;background-size:100%;position:absolute;left:initial;right:10px;top:0px;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
    .top_menu ul li .tmu_c{width:100%;position:relative;margin:0px;padding:10px 0px;top:0px;left:0px; display: none;}
    .top_menu ul li:hover .tmu_c{display:none;}
    .top_menu ul li.on .tmu_c{display:block;}
    .top_menu ul li .tmu_c p{text-align:left;padding:0px 10px;font-size:15px;line-height:25px;}
    .top_menu ul li a:hover .tmu_t b, .top_menu ul li.on .tmu_t b{width:14px;left:initial;transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
    .top_menu ul li .tmu_t>a{  border: none;}
    .top_menu ul li .tmu_t>a:hover,.top_menu ul li.active .tmu_t>a{ border: none }

    .top_menu ul li .tmu_c p a {
        padding: 10px;
    }
    .menu_click{width:20px;height:55px;overflow:hidden;position:relative;float:left;margin-right:15px;}
    .menu_click b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/menu_01.svg") center no-repeat;background-size:20px;}
    .menu_click b.on{background:url("../images/menu_02.svg") center no-repeat;background-size:20px;}


    .banner_slide .swiper-slide .banner_txt img{height: 40vh; margin: 30vh auto;}
    .banner_slide .banner_btn{width:80%;}
    .topfr_style1 .fl div.img1 > span:first-child {
       display:none;
    }
    .topfr_style1 .fl, .topfr_style1 .fr {
        width: auto;
    }
    .topfr_style1 .fl div.img1 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .topfr_style1 .fl div.img1 img {
        width: auto;
        height: 50px;
        margin: 0;
    }
    .topfr_style2 .fl div.img2 img {
        width: auto;
        height: 50px;
    }

    .kefu{ display: none;}
}



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


}

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

    .nav_flex ul li {
        float: left;
        line-height: 50px;
        margin-right: 20px;
        position: relative;
    }

    .banner_slide .swiper-slide .banner_txt img{height: 50vh; margin: 25vh auto;}


}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pro_tab .tab_card a{ height: 150px;}
}