/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-03-18 10:31:45
 * @version $Id$
 */

@font-face {
font-family:langlaile;
src: url(../font/SWZ721L_0.TTF),url(../font/SWZ721L_0.eot),url(../font/SWZ721L_0.woff),url(../font/SWZ721L_0.woff2),url(../font/SWZ721L_0.otf)
}
@font-face {
font-family:itcavant;
src: url(../font/ITCAvantGardeStd-Demi.otf)
}
@font-face {
font-family:ZiTiChuanQi;
src: url(../font/ZiTiChuanQiTeZhanTi-MianFeiShangYong-2.ttf) format("truetype")
}
@font-face {
font-family:Calibri;
src: url(../font/calibri.ttf) format("truetype")
}
@font-face {
font-family:Verdana;
src: url(../font/verdana.ttf) format("truetype")
}
@font-face {
font-family:pmzdbt;
src: url(../font/pmzdbt.ttf) format("truetype")
}
@font-face {
font-family:Roboto;
src: url(../font/Roboto-Bold-3.ttf) format("truetype")
}
@font-face {
font-family:ddin;
src: url(../font/D-DIN.otf) format("opentype")
}
@font-face {
    font-family: 'HarmBold';
    src: url(../font/HarmonyOS_Sans_Bold.ttf) format("opentype")
}
@font-face {
    font-family: 'Harmr';
    src: url(../font/HarmonyOS_Sans_Regular.ttf) format("opentype")
}
@font-face {
    font-family: 'dinbold';
    src: url('../font/din-bold-webfont.eot');
    src: url('../font/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/din-bold-webfont.woff') format('woff'),
         url('../font/din-bold-webfont.ttf') format('truetype'),
         url('../font/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular';
    src: url('../font/din-regular-webfont.eot');
    src: url('../font/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/din-regular-webfont.woff') format('woff'),
         url('../font/din-regular-webfont.ttf') format('truetype'),
         url('../font/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@keyframes warn {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.6;
    }
    75% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.95;
    }
    100% {
        transform: scale(1);-webkit-transform: scale(1);opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.1;
    }
    25% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.4;
    }
    50% {
        transform: scale(0.3);-webkit-transform: scale(0.3);opacity: 0.6;
    }
    75% {
        transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.95;
    }
    100% {
        transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0.0;
    }
}


*{ margin:0; padding:0; font-size:100%; 

font-family:'pingfang SC','helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif; 
color: #333;font-size: 14px;}
body{ overflow-x: hidden; }
svg { display: block; }
img{ border:0 none;max-width: 100%;}
a,img{ outline:0}
a{ text-decoration:none;}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1400px;}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px;}
.en{ text-transform:uppercase; font-family:arial;}

/* HTML滚动条样式 */
.scroll::-webkit-scrollbar{width: 4px;}
html::-webkit-scrollbar{width: 6px;}
html::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb{background: #af1c2e;}
html::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track{background: #f1f1f1;}
@-moz-document url-prefix(){
    html, .scroll{scrollbar-color: #af1c2e #f1f1f1;scrollbar-width:thin;}
    html, .scroll{scrollbar-face-color: #af1c2e;scrollbar-shadow-color: #af1c2e;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    html, .scroll{scrollbar-color:#af1c2e #f1f1f1;scrollbar-width:thin;}
    html, .scroll{scrollbar-face-color: #af1c2e;scrollbar-shadow-color: #af1c2e;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
}


h2,h3,.nav_white .menu>ul>li>a,
.menu > ul > li > a,
.index_ntr .title a,
.pagecenter-box .page .case-tit-item a,
.servse-r .item p a,
.case-box ul li, .about-scrow ul li,
.news-qa-list .swiper-slide .news-li p:nth-child(1) span,
.copy_row1 .copy_r1_l .copy_item strong a,
.about-set4 #tab li,
.review_tit
{font-family:'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;}

.head{height: 40px;width: 100%;position: relative;z-index: 3333333;display: block;background-color: #242424;}
.head_l{float: left;line-height: 40px;color: #fff;font-size:13px;}
.head_r{float: right;line-height: 40px;color: #fff;font-size:13px;}
.head_r a{color: #fff;}

.head_xml,.head_albb,.head_wx,.head_tel,.head_mail,.head_lang
{float: left;color: #fff;font-size:14px;height: 40px;display: block;padding: 0 0px 0 20px;display: flex;
align-items: center;}

.head_r d{display: inline-block;width: 22px;height: 22px;background-image: url(../image/albb.png);background-repeat: no-repeat;margin-right: 5px;background-position: center;border-radius: 5px;}
.head_r i{display: inline-block;width: 18px;height: 18px;background-image: url(../picture/toptel.png);background-repeat: no-repeat;margin-right: 5px;}
.head_albb i{background-position: -18px 0;}
.head_mail i{background-position: -18px 0;}
.head_xml i{background-position: -36px 0;}
.head_tel i{background-position: -54px 0;}
.head_lang i{background-position: -90px 0;}

.head_wx{position: relative;}
.head_wx:hover{cursor: pointer;}
.head_wx:hover .wx_img{
	display: block;
}
.head_wx .wx_img{
	display: none;
	width: 120px;
	height: 120px;
	position: absolute;
	top: 40px;
	left: 0;
}



.laug{float: right;position: relative;width:190px;padding-left: 10px;height: 40px;}
.laug > ul{position: absolute;overflow: hidden;width: 100%;height: 40px;transition: 0.3s all ease;top: 0px;left: 0;background: #222}
.laug:hover > ul{ height:95px}
.laug > ul:after{ content: ''; display: block; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #999; position: absolute; top: 18px; right: 15px; transition: 0.3s all ease; }
.laug ul li a{ display: block; padding: 0 0 0 15px; line-height: 40px; font-size: 14px;  color: #999;}
.laug ul li a:hover{ color: #af1c2e;}
.laug ul li a i{display: block;float: left;height: 16px;width: 22px;margin: 12px 10px 12px 0;}
.laug ul li a i img{display: block}



/* 网站地图 */
.sitemap-ul .title{text-align: center;margin-top: 30px;}
.sitemap-ul .title > h3{font-size: 24px;font-weight: bold;}
.sitemap-ul .title,.sitemap-ul .newsRec-tit{width:100%;font-size: 18px;overflow: hidden;}
.sitemap-ul .newsRec-tit {margin: 20px 0;background-color: #eee;}
.sitemap-ul .newsRec-tit h3{padding: 10px;font-size: 18px;color: #333;}
.lks a:hover{color: #af1c2e;}
.lks a {font-size:13px;border:1px solid #e4e4e4;width:150px;line-height:30px;float:left;padding-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lks span {font-size:10px;width:40px;background-color:#e4e4e469;margin-bottom:3px;text-align:center;border-left:1px solid #e4e4e4;float:left;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.lks {line-height:30px;font-size:16px;height:32px;width:200px;text-align:left;float:left;margin-bottom:30px;}

.banner{background: url(/skin/home/images/banner.jpg) no-repeat center;width: 100%;height: 700px;}
.full-case-crumbs { position:relative; z-index:10; width:100%; height:50px; padding:10px 0; background-color:#fff;display: flex;align-items: center;}
.ny-serch-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; ; ;}
.ny-serch-box .ny-ser-l{font-weight: bold;display: flex;align-items: center;}
.ny-serch-box .ny-ser-l::before{content: '';display: inline-block;width: 22px;height: 26px;background: url('../picture/hot.png') no-repeat;padding-right: 10px;}
.ny-serch-box .ny-ser-l a{font-weight: normal;padding: 0 10px;}
.ny-serch-box .ny-ser-l a:hover{color: #af1c2e;}
.ny-serch-box .ny-ser-r form{background-color: #fff;display: flex;}
.ny-serch-box .ny-ser-r input{border: none;outline: none; ;}
.ny-serch-box .ny-ser-r input:focus{background: none; ;}
.ny-serch-box .ny-ser-r input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;}
.ny-serch-box .ny-ser-r input.text{line-height: 30px;border: none;width: 200px;padding-left: 10px;}
.ny-serch-box .ny-ser-r input[type="submit"]{opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0; ;}
.ny-serch-box .ny-ser-r i{ background-color: #af1c2e;line-height: 30px;border: none;
text-align: center;
padding: 5px;color: #fff;position: relative;width: 80px;display: inline-block;}
.ny-serch-box .ny-ser-r i:hover{cursor: pointer; }

@media (max-width:790px) {
	.full-case-crumbs{padding:0.1em 2%;width:96%;height: auto;}
	.ny-serch-box .ny-ser-l{line-height: 40px;}
	.ny-serch-box .ny-ser-l::before{display: none;}
	.ny-serch-box .ny-ser-r{padding-bottom: 20px; ;}
	.pagecenter-box .page .case-tit-item a{
		padding: 0 10px;
		margin: 5px;
	}
	.qaa .box{
		padding: 10px;
	}
	.ny-serch-box .ny-ser-r input.text{
		width: 250px!important;
	}
}

.nav-top{
	padding: 36px 0 83px 0;
}
.nav-top .page{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo-l{
	display: flex;
	align-items: center;
}
.logo-l .logo-img{
	margin-left: 15px;
}

.logo-l .logo-img h1{
	  font-size: 34px;
	  color: #1c1c1c;
	  font-weight: bold;
	  text-shadow: 0px 1px 0px rgba(255, 248, 241, 0.004);
}
.logo-l .logo-img p{
	font-size: 18px;
	color: #888888;
	font-weight: 100;
}
.logo-l .logo-wd{
	margin-left: 25px;
	border-left: 2px #d2d2d2 solid;
	padding-left: 25px;
}
.logo-l .logo-wd h2{font-size: 20px;color: #af1c2e;font-weight: normal;}
.logo-l .logo-wd h2 span{color: #af1c2e;font-size: 28px;}
.logo-l .logo-wd p{font-size: 22px;padding-top: 5px;font-weight: bold;}
.logo-m p{font-size: 23px;font-weight: bold;padding-top: 30px;color: #af1c2e;}
.logo-r{
	display: flex;
}
.logo-r .logo-phone{
	margin-left: 10px;
	text-align: end;
}
.logo-r .logo-phone p{display: flex;align-items: center;justify-content: end;padding: 5px 0;}
.logo-r .logo-phone p i{width: 17px;height: 17px;background: url(../picture/i-tel.png) no-repeat;display: inline-block;padding-right: 5px;}
.logo-r .logo-phone h6{
	font-family: "HarmBold";
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 248, 241, 0.004);
	color: #af1c2e;
}

.nav {
  position: absolute;
  width: 100%;
  top: 180px;
  z-index: 3333;
  transition: 0.3s all ease;
	background-color: #efefef;
}

/* .nav_white{
    background: rgba(20, 58, 144, 1);
	backdrop-filter: saturate(180%) blur(6px);
    position: fixed;
    top: 0;
    box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);
} */

.logo{display: none;}

.nav:hover .logo > .logo_w,.nav_white .logo > .logo_w{opacity: 0;
filter: alpha(opacity=0);}

.menu{float: right;}
.menu > ul:after{content: '';display: block;clear: both;}
.menu > ul > li{float: left;height: 60px;position: relative;}
.menu > ul > li > a {
    color: #333;
    font-size: 16px;
	font-weight: bold;
    height: 60px;
    line-height: 60px;
    position: relative;
    display: block;
	padding: 0 60px;
}
.menu > ul > li > a:hover{color: #fff;font-weight: bold;}
/* .menu > ul > li:not(.navcurrent)::after{
  content: '';display: block;width: 1px;height: 35px;position: absolute;top: 25%;
  background-image: -moz-linear-gradient( 90deg, rgb(45,84,179) 0%, rgb(100,143,242) 51%, rgb(45,84,179) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(45,84,179) 0%, rgb(100,143,242) 51%, rgb(45,84,179) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(45,84,179) 0%, rgb(100,143,242) 51%, rgb(45,84,179) 100%);
} */
.menu > ul > li:hover::after{display: none;}
.menu > ul > li > a:after{content: '';display: block;width: 0%;height: 2px;

bottom:20px;position: absolute;left: 0;transition: 0.3s all ease;}
.menu > ul > li > a > i{width: 13px;height: 6px;background: url(../image/nav_ew.png) no-repeat center;opacity: 0.5;filter: alpha(opacity=50);display: inline-block;vertical-align: middle;margin:-6px 5px 0;position: absolute;right: -25px;top:50%}
.menu > ul > li.navcurrent > a:after,.menu > ul > li:hover > a:after{width: 100%}




.nav_white .logo{margin:14px 0;}
.nav_white .menu > ul > li{height: 60px;}
.nav_white .menu > ul > li > a{height: 60px;color: #333;text-transform: capitalize;}


.nav .menu > ul > li.navcurrent::before,.nav .menu > ul > li:hover::before{
	content: '';display: block;width: 100%;height: 60px;position: absolute;
	bottom: 0;
	background-color: #af1c2e;
}
.nav .menu > ul > li.navcurrent a{font-weight: bold;color: #fff;}
.nav_white .menu > ul > li > a:after{bottom: 15px}
.nav_white .menu > ul > li.navcurrent > a,.nav_white .menu > ul > li:hover > a{color: #333;}



.erji_menu {display: none;position: absolute;top: 60px;left: 0;width: 100%;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;background: rgba(0,0,0,1);text-align: center;z-index: 3333;width: 220px;}
.erji_menu > ul{}
.erji_menu > ul:after{content:'';display: block;clear:both;}
.erji_menu > ul > li{padding:5px 10px;color: #454545;border-bottom: 1px #333 solid;}
.erji_menu > ul > li a i{display: block;width: 60px;height: 60px;margin:0 auto;}
.erji_menu > ul > li a{display: inline-block;line-height: 30px;color: #ccc;position: relative;}
.erji_menu > ul > li a i {display: block;width: 60px;height: 60px;margin: 0 auto;background: url(../image/20191229210403_334171202.png) center 0;}
.erji_menu > ul > li:hover a i {background-position-y:-60px;}
.erji_menu > ul > li:hover{background-color: #af1c2e;}
.erji_menu > ul > li:hover a{color:#fff;}

/* .erji_menu > ul > li:first-child{margin-top: 30px;}
.erji_menu > ul > li:last-child{margin-bottom:30px;} */

.nav_white .erji_menu{top: 60px}



.lx-flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.flex{display: flex;flex-wrap: wrap;align-items: center;}
.one-text,.tow-text,.th-text{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.one-text{-webkit-line-clamp: 1; line-clamp: 1;}
.tow-text{-webkit-line-clamp: 2; line-clamp: 2;}
.th-text{-webkit-line-clamp: 3; line-clamp: 3;}




.section{padding: 50px 0;}


.grid1,.grid2,.grid4,.grid5,.grid6{display: grid; grid-gap: 10px;}
.grid2{grid-template-columns: repeat(2, 1fr);}
.grid1{grid-template-columns: repeat(1, 1fr);}
.grid4{grid-template-columns: repeat(4, 1fr);}
.grid5{grid-template-columns: repeat(5, 1fr);}
.grid6{grid-template-columns: repeat(6, 1fr);}

.servse-box-grid{display: grid; grid-template-columns:repeat(4,1fr); grid-gap:20px;
	grid-template-areas:
	"one two two two"
	"one two two two"
	"one two two two"
}
.servse-item-big{grid-area:one}

.section-app{background-color: #ececec;}
.section-app .lx-flex{align-items: stretch;}
.section-flow .section-title ,.section-app .section-title ,
.section-case .section-title,.huoban .section-title,
.section-oem .section-title
{text-align: center; margin-bottom: 50px;position: relative;background-image: url(../picture/titile.png) ;background-position: center 60px;background-repeat: no-repeat;}
.section-flow .section-title h2,.section-app .section-title h2,
.section-case .section-title h2,.huoban .section-title h2,
.section-oem .section-title h2
{font-size: 40px;margin-bottom: 30px;}
.section-flow .section-title h2 span,.section-app .section-title h2 span,
.section-case .section-title h2 span,.huoban .section-title h2 span,
.section-oem .section-title h2 span
{color: #af1c2e;font-size: 40px;}
.section-flow .section-title img,.section-app .section-title img ,
.section-case .section-title img,.huoban .section-title img,
.section-oem .section-title img
{max-width: 100%;}
.section-flow .section-title p,.section-app .section-title p,
.section-case .section-title p,.huoban .section-title p,
.section-oem .section-title p
{font-family:Verdana;}

.section-oem .bottom{padding: 30px;}
.section-oem .bottom .img{text-align: center;}
.section-oem .bottom .box{justify-content: center;margin-top: -10px;}
.section-oem .bottom .box .item{text-align: center;font-size: 16px;}
.section-oem .bottom .box .item::before{width: 9px;height: 9px;border-radius: 4.5px;display: block;content: '';background-color: #af1c2e;margin: 0 auto;}
.section-oem .bottom .box .item p::before{content: '';display: block;border-left: 1px #af1c2e dashed;width: 1px; height: 20px;margin: 0 auto;}
.section-oem .bottom .box .item p{color:#1c1c1c;}
.section-oem .bottom .box .item:nth-child(1){padding-left: 28px;}
.section-oem .bottom .box .item:nth-child(2){padding-left: 24px;}
.section-oem .bottom .box .item:nth-child(3){padding-left: 10px;}
.section-oem .bottom .box .item:nth-child(4){padding-left: 58px;}
.section-oem .bottom .box .item:nth-child(5){padding-left: 100px;}
.section-oem .bottom .box .item:nth-child(6){padding-left: 15px;}
.section-oem .bottom .box .item:nth-child(7){padding-left: 15px;}
.section-oem .bottom .box .item:nth-child(8){padding-left: 20px;}
.section-oem .bottom .box .item:nth-child(9){padding-left: 40px;}
.section-oem .bottom .box .item:nth-child(10){padding-left: 35px;}
.section-oem .bottom .box .item:nth-child(11){padding-left: 72px;}
.section-oem .bottom .box .item:nth-child(12){padding-left: 60px;}
.section-oem .bottom .box .item:nth-child(13){padding-left: 72px;}
.section-oem .bottom .box .item:nth-child(14){padding-left: 72px;}
.section-oem .bottom .box .item:nth-child(15){padding-left: 65px;}
.section-oem .bottom .box .item:nth-child(16){padding-left: 40px;}

 

.oedm-oem-img .bottom .box{justify-content: left;margin-top: -10px;}
.oedm-oem-img .bottom .box .item{text-align: center;font-size: 16px;}
.oedm-oem-img .bottom .box .item::before{width: 9px;height: 9px;border-radius: 4.5px;display: block;content: '';background-color: #af1c2e;margin: 0 auto;}
.oedm-oem-img .bottom .box .item p::before{content: '';display: block;border-left: 1px #af1c2e dashed;width: 1px; height: 20px;margin: 0 auto;}
.oedm-oem-img .bottom .box .item p{color:#1c1c1c;}
.oedm-oem-img .bottom .box .item:nth-child(1){padding-left: 30px;}
.oedm-oem-img .bottom .box .item:nth-child(2){padding-left: 30px;}
.oedm-oem-img .bottom .box .item:nth-child(3){padding-left: 15px;}
.oedm-oem-img .bottom .box .item:nth-child(4){padding-left: 70px;}
.oedm-oem-img .bottom .box .item:nth-child(5){padding-left: 125px;}
.oedm-oem-img .bottom .box .item:nth-child(6){padding-left: 5px;}
.oedm-oem-img .bottom .box .item:nth-child(7){padding-left: 20px;}
.oedm-oem-img .bottom .box .item:nth-child(8){padding-left: 40px;}
.oedm-oem-img .bottom .box .item:nth-child(9){padding-left: 50px;}
.oedm-oem-img .bottom .box .item:nth-child(10){padding-left: 35px;}
.oedm-oem-img .bottom .box .item:nth-child(11){padding-left: 90px;}
.oedm-oem-img .bottom .box .item:nth-child(12){padding-left: 80px;}
.oedm-oem-img .bottom .box .item:nth-child(13){padding-left: 80px;}
.oedm-oem-img .bottom .box .item:nth-child(14){padding-left: 80px;}
.oedm-oem-img .bottom .box .item:nth-child(15){padding-left: 80px;}
.oedm-oem-img .bottom .box .item:nth-child(16){padding-left: 33px;}



.section-app .app-box #tab3{width: 33%;}
.section-app .app-box #tab3 li{background-color: #fff;padding: 40px 15px;cursor: pointer;display: flex;}
.section-app .app-box #tab3 li h4{font-size: 16px;}
.section-app .app-box #tab3 li p{font-size: 12px;}
.section-app .app-box #tab3 li:hover,.section-app .app-box #tab3 li.active{background-color: #af1c2e;}
.section-app .app-box #tab3 li:hover h4, .section-app .app-box #tab3 li.active h4{color: #fff;}
.section-app .app-box #tab3 li:hover p,.section-app .app-box #tab3 li.active p{color: #ffa2a2;}
.section-app .app-box #tab3 li .icon{width: 35px;height: 35px;background-image: url('../picture/app-icon-b.png');background-repeat: no-repeat;margin-right: 10px;}
.section-app .app-box #tab3 li:hover .icon,.section-app .app-box #tab3 li.active .icon{background-image: url('../picture/app-icon-w.png');}
.section-app .app-box #tab3 li .icon-2{background-position: -35px 0;}
.section-app .app-box #tab3 li .icon-3{background-position: 0px -35px;}
.section-app .app-box #tab3 li .icon-4{background-position: -35px -35px;}
.section-app .app-box #tab3 li .icon-5{background-position: -0px -70px;}
.section-app .app-box #tab3 li .icon-6{background-position: -35px -70px;}
.section-app .app-box #tab3 li .icon-7{background-position: -0px -105px;}
.section-app .app-box #tab3 li .icon-8{background-position: -35px -105px;}
.section-app .app-box #content3{width: 66%;}
.section-app .app-box #content3>div{height: 100%;}
.section-app .app-box #content3 .app-img{background-repeat: no-repeat;height: 100%;position: relative;}

.section-app .app-box #content3 .app-img .app-box-wd{position: absolute;bottom: 0;left: 0;width: 100%;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-l{width: 80%;float: left;box-sizing: border-box;padding: 10px;background-color: rgba(0,0,0,0.5);}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-l h4{color: #fff;font-size: 16px;margin-bottom: 5px;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-l p{color: #bcbcbc; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; word-break: break-all;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-r{width: 20%;float: left;background-color: #af1c2e;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-r:hover{background-color: #af1c2e;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-r a{color: #fff;display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

@media (max-width:768px) {
	.section-app .section-title{background: none;}
	.section-app .section-title h2,.section-app .section-title h2 span{font-size: 40px;}
	.section-app .app-box #tab3,.section-app .app-box #content3{width: 100%;}
	.section-app .app-box #content3 .app-img{height: 400px;margin-top: 10px;}
	.section-app .app-box #tab3 li{padding: 15px;}
}

.section-flow{background-color: #f5f5f5;}
.section-flow .flow-box .flow-item{background-color: #fff;box-shadow: 0px 13px 16.02px 1.98px rgba(40, 40, 40, 0.15);padding: 20px 50px;border-radius: 5px;text-align: center;}
.section-flow .flow-box .flow-item p{font-size: 15px;font-weight: bold;}
.section-flow .flow-box .flow-item:hover,.section-flow .flow-box .active{cursor: pointer;}
.section-flow .flow-box .flow-item .numb{background-color: #888;color: #fff;font-family: 'ddin';font-size: 24px;border-radius: 50%;width: 52px;height: 52px;line-height: 52px;text-align: center; margin: auto; margin-top: -40px;margin-bottom: 20px;}
.section-flow .flow-box .flow-item:hover .numb,.section-flow .flow-box .active .numb{background-color: #af1c2e;}
.section-flow .flow-box .flow-item .icon{width: 47px;height: 47px;background-image: url('../picture/icon-flow.png'); margin: auto; margin-bottom: 20px;transition: .4s;}
.section-flow .flow-box .flow-item:nth-child(2) .icon{background-position: -47px 0;}
.section-flow .flow-box .flow-item:nth-child(3) .icon{background-position: -94px 0;}
.section-flow .flow-box .flow-item:nth-child(4) .icon{background-position: -141px 0;}
.section-flow .flow-box .flow-item:nth-child(5) .icon{background-position: -188px 0;}
.section-flow .flow-box .flow-item:nth-child(6) .icon{background-position: -235px 0;}
.section-flow .flow-box .flow-item:nth-child(1):hover .icon,
.section-flow .flow-box div:nth-child(1).active .icon
{background-position: 0px -47px;}
.section-flow .flow-box .flow-item:nth-child(2):hover .icon,
.section-flow .flow-box div:nth-child(2).active .icon{background-position: -47px -47px;}
.section-flow .flow-box .flow-item:nth-child(3):hover .icon,
.section-flow .flow-box div:nth-child(3).active .icon{background-position: -94px -47px;}
.section-flow .flow-box .flow-item:nth-child(4):hover .icon,
.section-flow .flow-box div:nth-child(4).active .icon{background-position: -141px -47px;}
.section-flow .flow-box .flow-item:nth-child(5):hover .icon,
.section-flow .flow-box div:nth-child(5).active .icon{background-position: -188px -47px;}
.section-flow .flow-box .flow-item:nth-child(6):hover .icon,
.section-flow .flow-box div:nth-child(6).active .icon{background-position: -235px -47px;}
.section-flow .flow-a-box{margin-top: 50px;display: flex;justify-content: center;}
.section-flow .flow-a-box a{padding: 0px 50px;text-align: center;color: #fff;background-color: #af1c2e;display: inline-block;line-height: 40px;margin: 0 10px;}
.section-flow .flow-a-box a:last-child{background-color: #af1c2e;font-family: 'ddin';font-size: 24px;background-image: url('../picture/flow-lx.png');
background-repeat: no-repeat;background-position: 40px center; text-indent: 20px;
}



.section-case{background-color: #f5f5f5;}
.section-case .case-box .pro-tit{
	display: flex;
	margin-bottom: 50px;
}
.section-case .case-box .pro-title{
	width: 20%;
	background-color: #242424;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-case .case-box .pro-title .icon{
	width: 49px;height: 49px;padding-right: 10px;
}
.section-case .case-box .pro-title .pro-wd{
	color: #fff;
}
.section-case .case-box .pro-title .pro-wd h2{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 10px;
}
.section-case .case-box .pro-title .pro-wd p{
	font-size: 13px;
	font-family: "ddin";
	color: #585858;
	text-transform: uppercase;
}
.section-case .case-box .pro-tab{
	width: 100%;
	justify-content:center;
}
.section-case .case-box .pro-tit .grid4{
	grid-gap:0px
}

.section-case .case-box .pro-tab li{
	line-height: 50px;
	text-align: center;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	width: 18%;
	box-sizing: border-box;
	background-color: #fff;
	margin: 0 10px;
}
.section-case .case-box .pro-tab li:hover,.section-case .case-box .pro-tab li.active{
	background-color: #af1c2e;
	color: #fff;
}


.more-a{display: block;width: 176px;line-height: 40px;background-color: #af1c2e;color: #fff;text-align: center;margin: auto;margin-top: 30px;text-transform: uppercase;}
@media (max-width:1300px) {
	.section-case .case-box .pro-tit{flex-wrap: wrap;}
	.section-case .case-box .pro-title,
	.section-case .case-box .pro-tab{width: 100%;}
	.section-case .case-box .pro-title .pro-icon{width: 40px;height: 40px;}
	.section-case .case-box .pro-title .pro-wd{}
	.section-case .case-box .pro-title .pro-wd h2{
		font-size: 18px;
	}
	.section-case .case-box .pro-title .pro-wd p{font-size: 14px;}
}

@media (max-width:789px) {
	.section-case .case-box .pro-tab li a{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	}
}


.case-box ul,.about-scrow ul{display: flex;justify-content: center;margin-bottom: 20px;flex-wrap: wrap;}
.case-box ul li,.about-scrow ul li{line-height: 40px;text-align: center;background-color: #fff;padding: 0 50px;margin: 10px;cursor: pointer;}
.case-box ul li.active,.about-scrow ul li.active{background-color: #af1c2e;color: #fff;}
.case-box .grid4{grid-gap: 20px;}
.case-box .grid4 .item img{width: 100%;}
.case-box .grid4 .item{position: relative;overflow: hidden;background-color: #fff;}
.case-box .grid4 .item .item-hidden{display: flex;  position: absolute;width: 100%;height: 50px;background-color: rgb(0, 0, 0,0.3);overflow: hidden;
bottom: 0;z-index: 1;transition: 0.4s all ease-in-out;align-items: center;flex-direction: column;justify-content: center;}
.case-box .grid4 .item .item-hidden h3{color: #fff;text-align: center;padding: 0 20px;margin-top: 0px;font-size: 14px;}
.case-box .grid4 .item .item-hidden  i{display: block;width: 49px;height: 0px;background-image: url(../picture/case-link.png);transition: 0.4s all ease-in-out;}

.case-box .grid4 .item:hover .item-hidden{height: 100%;background-color: rgb(0, 0, 0,0.8);}
.case-box .grid4 .item:hover h3{margin-top: 20px;}
.case-box .grid4 .item:hover i{height: 49px;}

.section-case02 .section-title{
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
.section-case02 .section-title::before,.section-case02 .section-title::after
{
	display: block;
	position: absolute;
	content: '';
	width: 35%;
	height: 1px;
	background-color: #eeeeee;
	top: 50%;
}
.section-case02 .section-title::before
{
	left: 0;
}
.section-case02 .section-title::after
{
	right: 0;
}
.section-case02 .section-title p
{
	font-size: 36px;
	font-family: 'ddin';
	color: #f5f5f5;
	text-transform: uppercase;
}
.section-case02 .section-title h2,
{
	font-size: 36px;
	font-weight: bold;
	color: #af1c2e;
	margin-top: -30px;
}

.section-middle {
	width: 100%;
	background-image: url(../picture/middle.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 320px;
	padding: 0;
}
.sec-mid-box{max-width: 740px;height: 320px;}
.section-middle .sec-mid-box .sec-mid-img{width: 30%;}
.section-middle .sec-mid-box .sec-mid-wd{width: 68%;}
.section-middle .sec-mid-box .sec-mid-wd h2{font-size: 32px;color: #fff;margin-bottom: 20px;}
.section-middle .sec-mid-box .sec-mid-wd h2 span{font-size: 32px;color: #af1c2e;}
.section-middle .sec-mid-box .sec-mid-wd p{color: #fff;margin-bottom: 20px;line-height: 30px;}
.section-middle .sec-mid-box .sec-mid-wd .a-hf a{background-color: #af1c2e;color: #fff;padding: 8px 20px;border: 1px #af1c2e solid;margin-right: 20px;}
.section-middle .sec-mid-box .sec-mid-wd .a-hf b{border: 1px #fff solid;color: #fff;text-transform: uppercase;padding: 4px 20px;
box-sizing: border-box;
display: inline-flex;align-items: center;}
.section-middle .sec-mid-box .sec-mid-wd .a-hf b span{font-family: 'ddin';color: #fff;font-size: 24px;text-align: center;}
	
@media (max-width:1300px) {
.section-middle {background-size: cover;height: 200px;}
.sec-mid-box{height: 200px;}
.section-middle .sec-mid-box .sec-mid-img{display: none;}
.section-middle .sec-mid-box .sec-mid-wd{width: 100%;}
.section-middle .sec-mid-box .sec-mid-wd h2{font-size: 20px;}
.section-middle .sec-mid-box .sec-mid-wd p{font-size: 12px;}

.section-case02{padding-top: 0;}

.section-case02 .section-title p, .huoban .section-title p{font-size: 30px;}
.section-case02 .section-title h2, .huoban .section-title h2{font-size: 24px;margin-top: -20px;}
.section-case02 .section-title::before, .section-case02 .section-title::after, .huoban .section-title::before, .huoban .section-title::after{display: none;}
}

.section-about{background: url(../picture/about-bj.jpg) no-repeat center bottom;padding-top: 80px;}
.about-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about-box .about-l{width: 43%;}
.about-box .about-r img{border-radius: 8px;width: 100%;height: 100%;}
.about-box .about-r{width: 54%;}
.about-box .about-r .img{height: 500px;}
.about-box .about-l h4{
	font-family: 'dinbold';
	font-size: 24px;
	text-transform: uppercase;
}
.about-box .about-l h2{
	font-size: 36px;
	line-height: 80px;
}
.about-box .about-l h2::after{
	display: block;
	content: '';
	width: 76px;
	height: 3px;
	background-color: #af1c2e;
}
.about-box .about-l>p{
	color: #888;
	line-height: 24px;
	text-align: justify;
	margin: 30px 0 20px 0;
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 6;
	  line-clamp: 6;
	  -webkit-box-orient: vertical;
}
.about-box .about-l a{
	font-family: 'dinbold';
	text-transform: uppercase;
	color: #888
}
.about-box .about-l a:hover{
	color:  #af1c2e;;
}
.about-box .about-list{max-width: 80%;}
.about-box .about-list .item{}
.about-box .about-list .item .lx-flex{
	width: 90px;
	height: 90px;
	justify-content: center;
	background: url(../picture/about-bj.png);
	margin: auto;
}
.about-box .about-list .item h3{
	font-size: 30px;
	color: #fff;
}
.about-box .about-list .item sup{color: #fff;}
.about-box .about-list .item p{color: #333;text-align: center;margin-top: 10px;}
.about-box  .about-a {background-color: #af1c2e;display: inline-block;margin-top: 30px;}
.about-box  .about-a a{width: 180px;line-height: 36px;text-align: center;display: inline-block;color: #fff;border: 2px solid #af1c2e;}
.about-box  .about-a:hover{box-shadow: 0 0 18px #8fddff;}
.about-box  .about-a a:hover{color: #fff;}
.about-box  .about-a a:last-child{background-color: #fff;color: #af1c2e;}

@media screen and (max-width:768px) {
	.about-box{flex-wrap: wrap;}
	.about-box .about-r,.about-box .about-l{width: 100%;}
	.about-box .about-l h2{font-size: 24px;line-height: 40px;}
}

.about-scrow{margin-top: 30px;margin-bottom: 100px;}
.about-scrow ul li{background-color: #eee;font-weight: bold;}
.about-scrow .swiper-slide img{}
.about-scrow .swiper-slide p{background-color: #f5f5f5;text-align: center;line-height: 50px;}
.about-scrow .swiper-pagination-bullet-active{background-color: #af1c2e;}

.news-box-t{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-box-t-l{width: 49%;}
.news-title{padding: 20px 0;}
.news-title h3{font-size: 20px;}
.news-title h3 span{font-size: 20px;color: #af1c2e;}
.news-tj{margin-bottom: 20px;border-bottom: 1px #eee solid;padding-bottom: 20px;}
.news-tj img{max-width: 100%;}
.news-tj h3{line-height: 40px;font-family: 'Arial';font-size: 15px;}
.news-tj p{font-size: 14px;line-height: 24px;}
.news-tj p a{color: #af1c2e;}

.news-box-t-l ul li a{display: flex;justify-content: space-between;padding: 9px 0;font-size: 14px;}
.news-box-t-l ul li a i{width: 5px;height: 5px;display: inline-block;border-radius: 1px;background-color: #af1c2e;margin-right: 5px;}
.news-box-t-l ul li h4{display: flex;align-items: center;}
.news-box-t-l ul li a:hover h4,.news-box-t-l ul li a:hover .date{color: #af1c2e;}

.news-box-t-r{width: 45%;}
.news-box-t-r ul li a{display: flex;justify-content: space-between;align-items: center;margin-bottom:20px;}
.news-box-t-r ul li a .img{width: 35%;height: 140px;display: flex;align-items: center;overflow: hidden;}
.news-box-t-r ul li a .img img{max-width: 100%;}
.news-box-t-r ul li a .news-wd{width: 60%;font-size: 15px;}
.news-box-t-r ul li a .news-wd h3{margin-bottom: 10px;font-family: 'Arial';}
.news-box-t-r ul li a .news-wd p{font-size: 14px;line-height: 24px;}

.news-qa-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.news-qa-title{width: 20%;}
.news-qa-title h3{font-size: 20px;}
.news-qa-list{width: 80%;}
.news-qa-list .swiper{width: 100%;}
.news-qa-list .swiper-slide{background-color: #eee;}
.news-qa-list .swiper-slide .news-li{padding: 20px;height: 90px;}
.news-qa-list .swiper-slide .news-li>a div{margin-bottom: 10px;justify-content: left;align-items: stretch;}
.news-qa-list .swiper-slide .news-li p{max-width: 390px;margin-left: 10px;line-height: 24px;}
.news-qa-list .swiper-slide .news-li p.one-text{font-weight: bold;}
.news-qa-list .swiper-slide .news-li div:nth-child(2) b{line-height: 24px;font-size: 14px;}
.news-qa-list .swiper-slide .q,.news-qa-list .swiper-slide .a{width: 22px;height: 22px;display: inline-block;color: #fff;font-style: normal;border-radius: 11px;line-height: 22px;text-align: center;font-size: 14px;}
.news-qa-list .swiper-slide .q{background-color: #af1c2e;}
.news-qa-list .swiper-slide .a{background-color: #1c1c1c;}
.swiper-nav{display: flex;margin-top: 40px;}
.swiper-nav div{width: 50px;height: 23px;cursor: pointer;transition: 0.4s all ease-in-out;}
.swiper-nav div:hover{transform: scale(0.9);}
.swiper-nav div:focus{border: none;outline: none;}
.swiper-nav .newswiper-button-next{background-color: #af1c2e;display: block;}
.swiper-nav .newswiper-button-prev{background-color: #1c1c1c;display: block;}

.page-out{
	width: 1550px;
	margin: auto;
	position: relative;
}
.page-out .swiper-button-next, .page-out .swiper-button-prev{
	width: 46px;
	height: 46px;
}

.page-out .swiper-button-next:after, .page-out .swiper-button-prev:after{
	content: '';
	width: 100%;
	height: 100%;
	background-position: 0 -46px;
}
.page-out .swiper-button-next:hover::after, .page-out .swiper-button-prev:hover::after{
	background-position: 0 0;
}
.page-out .swiper-button-next:after{
	background-image: url('../image/bt-right.png');
}

.page-out .swiper-button-prev:after{
	background-image: url('../image/bt-left.png');
}

@media (max-width:1300px) {
.page-out{width: 100%;}
}

.section-oem .page{border: 1px #eee solid;}
.section-oem .title i{display: block;content: '';width: 36px;height: 32px;background: url('../picture/oem-tb.png');margin-top: 80px;}
.section-oem .i2 i{background-position: -43px 0;} 
.section-oem .i3 i{background-position: -86px 0;} 
.section-oem .i4 i{background-position: -126px 0;} 
.section-oem h2{font-size: 26px;font-weight: bold;color: #1c1c1c;}
.section-oem h2 span{font-size: 26px;font-weight: bold;color: #af1c2e;}
.section-oem p{color: #aaa;font-family: 'Harmr';font-size: 12px;padding-top: 8px;}

.section-oem .top .item
{padding: 30px;border-right: 1px #eee solid;border-bottom: 1px #eee solid;
flex: 1;height: 262px;box-sizing: border-box;background-repeat: no-repeat;}
.section-oem .top .item:nth-child(1){background-image: url(../picture/oem1.jpg);}
.section-oem .top .item:nth-child(2){background-image: url(../picture/oem2.jpg);}
.section-oem .top .item:nth-child(3){background-image: url(../picture/oem3.jpg);}

.section-oem .mid{padding: 30px;border-bottom: 1px #eee solid;}
.section-oem .mid .mid-l{width: 20%;}
.section-oem .mid .mid-r{width: 80%;}
.section-oem .mid .mid-r .grid5{grid-gap: 50px;}
.section-oem .mid .mid-r .item{text-align: center;}
.section-oem .mid .mid-r .item i{display: block;width: 54px;height: 54px;background: url(../picture/oem-icon.png);
background-repeat: no-repeat;margin: 0 auto;margin-bottom: 10px;}
.section-oem .mid .mid-r .item:nth-child(1) i{background-position: 0 0;}
.section-oem .mid .mid-r .item:nth-child(2) i{background-position: -54px 0px;}
.section-oem .mid .mid-r .item:nth-child(3) i{background-position: -108px 0;}
.section-oem .mid .mid-r .item:nth-child(4) i{background-position: -162px 0;}
.section-oem .mid .mid-r .item:nth-child(5) i{background-position: -216px 0;}
.section-oem .mid .mid-r .item:nth-child(6) i{background-position: 0px -54px;}
.section-oem .mid .mid-r .item:nth-child(7) i{background-position: -54px -54px;}
.section-oem .mid .mid-r .item:nth-child(8) i{background-position: -108px -54px;}
.section-oem .mid .mid-r .item:nth-child(9) i{background-position: -162px -54px;}
.section-oem .mid .mid-r .item:nth-child(10) i{background-position: -216px -54px;}

.section-oem h3{font-size: 15px;}






.huoban{}
.huoban-box{}
.huoban-box li {text-align: center;width: calc(100% / 8 - 10px);margin-top: 5px;}
.huoban-box li:not(:nth-child(8n+1)){margin-left: 10px;}
.huoban-box li img{max-width: 100%;border: 1px #eee solid;}


.vjs-icon-placeholder {color: #fff;}
#my-video{width: 100%;height: 100%}
#my-video video{width: 100%;height: 100%;}
.company_video{padding: 80px 0;background: #fff;}
.company_video .company_row1{padding:0 0 40px 0}
.company_video .company_row1 a{font-size: 40px;color: #333;line-height: 50px;text-align: center;display: block;background: url(../image/odem_row1.png) no-repeat center 15px;}
.company_video .company_row1 a .en{font-size: 15px;display: block;line-height: 30px;color: #999}

.company_row2{width: 100%;height: auto;position: relative;}
.company_row2_1{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;background: url(../image/company_video_2.png) no-repeat center;z-index: 3;}


.company_row2 .lightbox{ display: block; width: 100%; height: 100%; position:relative; z-index: 3; }
.company_row2 .lightbox .img{ display: block; width: 28px; height: 44px; padding: 28px 33px 28px 39px; /*! border: 2px solid #fff; */border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; margin-left: -50px; margin-top: -50px; }
.company_row2 .lightbox .img img{ width: 100%; height: 100%; display: block}
.pulse{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#af1c2e; box-shadow:1px 1px 20px #af1c2e; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.pulse1{ position:absolute; top:50%; left:50%; z-index:1; margin-top:-100px; margin-left:-100px; width:200px; height:200px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#af1c2e; box-shadow:1px 1px 20px #af1c2e; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }

.company_row2:hover .pulse{ transform:scale(1); }
.company_row2:hover .pulse1{ transform:scale(1); }



.why{background-color: #F5F5F5; padding: 80px 0;background-image: url(../picture/why-bj.jpg);background-repeat: no-repeat;}
.why .section-title{
	width: 560px;
	display: flex;
	margin: 0 auto;
	align-items: center;
}
.why .section-title h4{
	font-family: 'dinbold';
	font-size: 116px;
	color: #af1c2e;
}
.why .section-title .title-wd {
	margin-left: 20px;
}
.why .section-title .title-wd p{
	color: #888888;
	font-size: 24px;
	font-family: 'dinbold';
}
.why .section-title .title-wd h2{
	color: #1c1c1c;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 5px;
}
.why .section-title .title-wd h2 span{
	color: #af1c2e;
	font-size: 36px;
	font-weight: bold;
}
.why .section-title .title-wd b{
	color: #888888;
	font-weight: normal;
	
}
.why .why_row1{padding:0 0 40px 0}
.why .why_row1 a{font-size: 40px;color: #333;line-height: 50px;text-align: center;display: block;background: url(../image/odem_row1.png) no-repeat center 15px;}
.why .why_row1 a .small{ font-size: 16px;display: block;line-height: 32px;color: #999;font-weight: lighter;}
.why_row2{width: 1200px;margin: auto; padding-top: 50px; background-image: url(../picture/why-bj2.png);background-repeat: no-repeat;background-position: center 46px;}
.why_row2 .why_list{overflow: hidden;}

.why_row2 .why_list .why_list_wz .why-wd{justify-content: left;align-items: center;}
.why_row2 .why_list .why_list_wz .why-wd h4{
	font-family: 'dinbold';
	font-size: 80px;
	color: #af1c2e;
}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title{
	margin-left: 20px;
}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3{
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3 span{
	font-size: 24px;
}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3 em{
	font-style: normal;
	font-size: 24px;
	color: #af1c2e;
}
.why_row2 .why_list .why_list_wz .text{color: #ccc;text-transform: uppercase;font-family: 'dinbold';}
.why_row2 .why_list a{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.why_row2 .why_list .why_list_img{width: 42%;overflow: hidden;border: 5px #eee solid;}
.why_row2 .why_list .why_list_img img{width: 100%;}
.why_row2 .why_list .why_list_wz{width: 42%;}
.why_row2 .why_list .why_list_wz h6{display: inline-block; background-color: #1c1c1c;font-size: 27px;color: #fff;padding: 8px 15px; border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
.why_row2 .why_list .why_list_wz h3{font-size: 30px;padding-top: 20px;padding-bottom: 20px;font-weight: normal;text-transform: capitalize;}
.why_row2 .why_list .why_list_wz h3 span{color: #1c1c1c;font-size: 30px;}
.why_row2 .why_list .why_list_wz p{line-height: 24px;color: #888;margin-top: 30px;}
.why_row2 .why_list:nth-child(2n-1) a {flex-flow: row-reverse;}



.section-link{padding: 20px 0;}
.section-link .page{display: flex;}
.section-link .tit{width: 13%;}
.section-link .tit h3{font-size: 24px;color: #af1c2e;}
.section-link .tit h3 span{font-size: 16px;color: #af1c2e;}
.section-link ul{width: 80%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.section-link ul li{padding: 0 10px;}
.section-link ul li a:hover{color: #af1c2e;}
.copy {background: #323232;}
.copy_row1{padding:60px 0 80px 0;border-bottom: 1px #1f1f1f solid;}
.copy_row2{width: 100%;padding: 20px 0;border-top: 1px #3f3f3f solid;}
.copy_row2 p{text-align: center;line-height: 25px;font-size: 14px; color: #626262;}
.copy_row2 p:first-child{color: #808080;}
.copy_row2 p a{display: inline-block;color: inherit;font-size: inherit;}
.copy_row2 p a:hover{color: #fff;text-decoration: underline;}
.copy_row1 .copy_r1_l{width: 70%;display: flex;justify-content: space-between;}

.copy_row1 .copy_r1_l .copy_cont li{padding: 10px 0;}
.copy_row1 .copy_r1_l .copy_item li p{color: #aaa; }
.copy_row1 .copy_r1_l .copy_item strong{display: block;margin-bottom: 10px;}
.copy_row1 .copy_r1_l .copy_item strong::after{content: '';display: block;width: 20px;height: 2px;background-color: #af1c2e;}
.copy_row1 .copy_r1_l .copy_item strong a{text-transform: uppercase; font-weight: normal;color: #fff;font-size: 17px;display: block;line-height: 40px;}
.copy_row1 .copy_r1_l .copy_item li{padding-bottom: 3px;display: flex;align-items: center;}
.copy_row1 .copy_r1_l .copy_cont li{display: flex;justify-content: space-between;}
.copy_row1 .copy_r1_l .copy_cont li img{max-width: 120px;}
.copy_row1 .copy_r1_l .copy_item li i{color: #aaa;width: 15px;height: 15px;background: url('../image/cont.png'); text-align: center;margin-top: 5px;margin-right: 5px;}
.copy_row1 .copy_r1_l .cont li:not(:nth-child(1)){margin-top: 3px;}
.copy_row1 .copy_r1_l .cont li .dh{background-position: 0 0;}
.copy_row1 .copy_r1_l .cont li .sj{background-position: 0 -24px;}
.copy_row1 .copy_r1_l .cont li .lxr{background-position: 0 -49px;}
.copy_row1 .copy_r1_l .cont li .qq{background-position: 0 -72px;}
.copy_row1 .copy_r1_l .cont li .yx{background-position: 0 -98px;}
.copy_row1 .copy_r1_l .cont li .dz{background-position: 0 -121px;}

.copy_row1 .copy_r1_l .copy_item li a{font-size: 14px;color: #999; font-weight: normal; line-height: 24px; display: inline-block; position: relative; }
.copy_row1 .copy_r1_l .copy_item li a:after{content: '';display: block;position: absolute;bottom:-2px;left: 0;width: 0%;background: #af1c2e;height: 1px;transition: 0.3s all ease;}
.copy_row1 .copy_r1_l .copy_item li a:hover{color: #fff;}

.copy_row1 .copy_r1_r{width:25%;}
.copy_row1 .copy_r1_r h4{font-size: 24.5px;color: #fff;margin-top: 10px;font-weight: normal;}
.copy_row1 .copy_r1_r h4 p{color: #fff;font-size: 17px;margin-top: 5px;font-weight: normal;}
.copy_row1 .copy_r1_r .copy_tel{margin-top: 20px;}
.copy_row1 .copy_r1_r .copy_tel .adr,
.copy_row1 .copy_r1_r .copy_tel .tel,
.copy_row1 .copy_r1_r .copy_tel .mail
{display: flex;align-items: center;margin-top: 10px;}
.copy_row1 .copy_r1_r .copy_tel p{color: #9b9b9b;}
.copy_row1 .copy_r1_r .copy_tel .tel{margin-left: 22px;}
.copy_row1 .copy_r1_r .copy_tel h5{color: #af1c2e;font-size: 22px;margin: 0px 0;padding-left: 10px;}
.copy_row1 .copy_r1_r .copy_tel i{width: 20px;height: 20px;background-image: url(../picture/copy_tel.png);margin-right: 10px;}
.copy_row1 .copy_r1_r .copy_tel .tel i{background-position: 0 -20px;}
.copy_row1 .copy_r1_r .copy_tel .mail i{background-position: 0 -40px;}
.copy_row1 .copy_r1_r a{display: block;width: 200px;line-height: 40px;background-color: #af1c2e;margin-top: 20px; color: #fff;background-image: url(../picture/copy_a.png);
background-repeat: no-repeat;background-position: 40px center;text-indent: 50px;padding-left: 20px;
    box-sizing: border-box;margin-left: 24px;}
.copy_row1 .copy_r1_r .copy_logo .lx-flex{justify-content: flex-start;}
.copy_row1 .copy_r1_r .copy_logo .copy-logo-img{margin-right: 20px;}
.copy_row1 .copy_r1_r .copy_logo img{width: 100%;}
.copy_row1 .copy_r1_r .copy_logo p{color: #fff;font-size: 16px;margin-top: 10px;}

.copy_row3{border-top: 1px #323232 solid;line-height: 50px;}
.copy_row3 ul{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;flex-wrap: wrap;}
.copy_row3 ul li{display: flex;align-items: center;}
.copy_row3 p,.copy_row3 p a{color: #a9a9a9;padding-left: 20px;}
.copy_con_ico{width: 36px;height: 36px;}
.copy_row3 .icon1{background-image: url(../picture/icon01.png);}
.copy_row3 .icon2{background-image: url(../picture/icon02.png);}
.copy_row3 .icon3{background-image: url(../picture/icon03.png);}



.y-kefu-box { position: fixed; right: 0; bottom: 20%; z-index: 9999; }
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../image/20200703101525_998323318.png) no-repeat; margin: 0 auto 6px; }
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 29px; height: 29px; background-position: -4px -114px; position: relative; cursor: pointer; display:none}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #af1c2e; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative; }
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #af1c2e; border-color: #af1c2e; color: #fff; margin: 10px 0 7px; /* display: block; */}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i {
    width: 24px;
    height: 22px;
    background-position: -3px -5px;
}
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i { background-position: -30px -55px; }

.y-kefu-box01 .icon2 { display: block; background: url(../image/gwc.png) no-repeat; margin: 0 auto 6px; }
.y-kefu-box01 .kf-albb>i { width: 22px; height: 16px; background-position: center; }
.y-kefu-box01 .kf-albb:hover>i { background: url(../image/gwc2.png) no-repeat; }

.y-kefu-box01 .kf-whatsapp >i { width: 22px; height: 19px; background-position: -5px -151px; }
.y-kefu-box01 .kf-whatsapp:hover>i { background-position: -30px -151px; }

.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px; }
.y-kefu-box01 .hver:hover { background-color: #af1c2e; border-color: #af1c2e; }
.y-kefu-box01 .hver:hover>p { color: #fff; }

.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none; } 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 250px; text-align: left; top: 0; }
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #af1c2e; font-size: 18px; }
.y-kefu-box01 .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px; }
.y-kefu-box01 .right-arrow1,
.y-kefu-box01 .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden; }
.y-kefu-box01 .right-arrow1 { left: 1px; border-left: 6px #efefef solid; }
.y-kefu-box01 .right-arrow2 { border-left: 6px white solid; }
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 150px; height: 178px; top: -60px; }
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }




/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; width: 172px; }
.y-kefu-box01 .y-email-infos p { color: #af1c2e; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #abce03; position: absolute; top: 37px; left: 55px; z-index: 9; }
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
.kf-weChat.hver {
    border-bottom: solid 1px #efefef;
}
.kf-whatsapp.hver {
    border-bottom: solid 1px #efefef;
}
.kefuqq{ background: #af1c2e !important; border: none !important; width: 54px !important; }
.more-infos { background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0,0,0,.2); display: none; }
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #af1c2e; position: absolute; left: -1px; top: -1px; z-index: 9; }
.online-service-infos { width: 250px; padding: 0 15px; top: 0; z-index: 2; }
.y-kefu-box01 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative; text-align: left; }
.y-kefu-box01 .part01 p { font-size: 16px; color: #af1c2e; padding-bottom: 5px; }
.y-kefu-box01 .part01 i { width: 28px; height: 26px; position: absolute; left: 0; top: 18px; z-index: 2; background: url(../image/20191213174314_2000155721.png) no-repeat -40px -5px; }
.y-kefu-box01 .part02 { padding: 26px 0; height: 26px;}
.y-kefu-box01 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box01 .part02 i { width: 19px;
    height: 16px; position: absolute; left: 0; top: 0; z-index: 2; background: url(../image/20200703103450_1201692547.png) no-repeat -5px -65px; }
.y-kefu-box01 .part02 li a{font-size: 12px;} 
.y-kefu-box01 .part02 li:hover a { color: #af1c2e; }
.y-kefu-box01 .part02 li:hover i {
    background-position: -26px -65px;
}

.nav_beta{background:url(../image/20200221155010_988079527.jpg) no-repeat center;width:100%;height:100px;position:absolute;top: 40px;left: 0;opacity:0;filter: alpha(opacity=0);transition:0.3s all ease;}
.nav_beta:hover{opacity: 1;filter: alpha(opacity=100);}
.headerNav {
display: none;
}
.zzc {
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
.menu .btn{display: none;}


@media only screen and (max-width: 1300px) {
	#banner{margin-top: 0;}
    .copy_row1 .copy_r1_r .copy_tel{font-weight: normal;}
    .page{width:95%;overflow: hidden;}
		.nav-top{display: none;}
    .index_product{padding: 3.5em 0;}
    .company_video{padding: 3.5em;}
		.logo {display: block;width: 85%;float: left;}
    .logo a{display: flex;align-items: center;font-size: 18px;color: #af1c2e;font-weight: bold;}
		.logo a img{max-width: 30px;margin: 5px;box-sizing: border-box;}
    .case_row1 .case_item p{font-size: 0.75em;}
    .head_l{display: none;}
    .head_r{width: 100%;clear: both;float: none;}
    .head_tel{font-size: 0.6rem;}
    .laug ul li a{font-size: 0.6rem;}
    .laug > ul{position: relative;width: 200px;top: 0;left: 0;}
    .laug > ul > li{float: left;}
    .laug:hover > ul {height: auto}
    .laug > ul:after{display: none;}
    .head_tel .str{font-size: 0.7rem;}
    .menu{width: 0%;position: absolute;right: 0;top: 0;overflow: hidden;}
    .nav {position: relative;width: 100%;top: 0;z-index: 99999991;transition: 0.3s all ease;background: #fff;}
    .nav:after{content: '';display: block;clear:both;}

    .headerNav {float: right;width: 2em;height: 2em;padding: 0.75rem;display: block;}
    .headerNav span{display: block;width: 100%;height: 100%;}
    .headerNav span img{display: block;width: 100%;height: 100%;}
    .menu .btn{display: block;width: 1em;height: 1em;padding: 1.2rem;background: #fff;margin-left: auto;}
    .menu .btn img{width: 100%;height: auto;display: block;}
    .menu > ul > li > a{height: auto !important;line-height:3.5em !important;color: #eee !important;font-size: 1em !important;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .nav .menu > ul > li.navcurrent > a, .nav .menu > ul > li:hover > a,.nav:hover .menu > ul > li > a,.nav:hover .menu > ul > li > a:hover, .nav:hover .menu > ul > li.navcurrent > a{color: #eee;}
    .menu > ul > li{float: none;height:auto !important;}
    .menu > ul > li > a:after{display: none;}
    .tp-bullets{display: none;}
    .y-kefu-box{display: none;}
    .index_product .product_i_l{float: none;width: 90%;height: auto;position: relative;margin:0 auto;display: block;}
    .index_product .product_i_r{float: none;width: 90%;height:auto;margin:0 auto;display: block;}
    .prod_i_l_tit{position: absolute;left: 0;bottom:0;width: 100%;height:auto;background: rgba(0,0,0,0.7);padding: 0;box-sizing: border-box;}
    .product_i_r .product_i_r_item:first-child{margin-top: 20px;margin-left:0;}
    .product_i_r .product_i_r_item{float: left;width:32%;margin-left:2%}
    .product_i_r .product_i_r_item strong{font-size: 1.4em}
    .product_i_r .product_i_r_item p{font-size: 0.65em;}
    .prod_i_l_tit li a{font-size: 0.8em;line-height:6em;height:6em;}
    .company_video .company_row1 a{font-size: 2em;line-height: 2em;background-size: 22rem;background-position-y: 0.85em;}
    .company_video .company_row1 a .small{font-size: 0.4em;line-height: 1em;height: auto;display: none;}
		
		.why_row2{width: 90%;margin: auto;}
		
		.news .news_row1 a{font-size: 2em;line-height: 2em;background-size: 11.75rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.5em}
    .news .news_row1{padding-bottom: 0.5em}
   
    .news{padding: 3.5em;}
    .news_list{width: 32%;margin-left: 2%}
    .news_list > .news_cont .news_item p, .news_list > .news_cont .news_item_c p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .news_list > .news_cont .news_item img, .news_list > .news_cont .news_item_c img{height: auto;}
    .news_list > .news_cont .news_item strong, .news_list > .news_cont .news_item_c strong{overflow: hidden;text-overflow: ellipsis;padding-right: 20px}
    .news_list > .news_cont .news_item p, .news_list > .news_cont .news_item_c p {

    font-size: 0.6em;
    line-height: 0.8em;
        padding: 1.3em 0 1.5em;}
    .news_list > .news_cont .news_item strong, .news_list > .news_cont .news_item_c strong{
    font-size: 1.3em;
    line-height: 2em;}
    .news_list > .news_cont .news_item:hover p, .news_list > .news_cont .news_item_c:hover p {

    padding: 1.3em 1.5em 1.5em;
    background: #fff;

}
    .news .news_row1 a .small{font-size:0.5em;line-height:1.6em;}
    
.news_list > .news_list_tit a{font-size: 1em;line-height:1.5em}
    .news_list > .news_list_tit a .en{line-height: 3em;font-size:0.5em;display: block;height: 1.5em;}
    .copy_row1{padding: 2em;}
    .copy_row1 .copy_r1_l .copy_item {

    padding-right: 70px;

}

}
@media only screen and (max-width: 1000px) {
		.grid4{grid-template-columns: repeat(2, 1fr);}
		.grid5{grid-template-columns: repeat(3, 1fr);}
		.th-text{-webkit-line-clamp: 2;line-clamp: 2;}
	  .section-title p{font-size: 12px;}
		.section-title h2{font-size: 24px;}
		.servse-l{margin-bottom: 20px;}
		.servse-l,.servse-r,.about-l,.about-r{width: 100%;}
		.servse-r{grid-template-columns: repeat(2,1fr);}
		.servse-r .item img{max-width: 100%;}
		
		.section-about{padding-top: 30px;}
		.about-l{margin-bottom: 20px;}
		.case-box ul li{margin: 10px;}
		.about-scrow ul li{margin: 5px;}
		.news-box-t-l,
		.news-box-t-r,
		.news-qa-title,
		.news-qa-list
		{width: 100%;}
		.news-box-t-l ul li a i{max-width: 73%;}
		.news-box-t-r ul li a .news-wd h3{margin-bottom: 10px;}
		.swiper-nav{margin-top: 10px;margin-bottom: 10px;}
		.news-qa-list .swiper-slide .news-li p a{max-width: 240px;}
		.huoban-box{grid-gap: 10px;}
		.huoban .grid5{ grid-template-columns: repeat(4, 1fr);}
		

    .company_video{padding: 2.5em;}
    .news{padding: 2.5em;}
    .case_row1 .case_item p{font-size: 0.6em;}
    .product_i_r .product_i_r_item{float:none;width:100%;margin-left:0%}
    .product_i_r .product_i_r_item strong{font-size: 1.8em}
    .product_i_r .product_i_r_item p{font-size: 0.75em;}
    .prod_i_l_tit li a{font-size: 0.7em;line-height:6em;height:6em;}
    .company_video .company_row1 a{font-size: 1.5em;background-size: 300px;}
    .news .news_row1 a{font-size: 1.5em;}
    .news .news_row1 a{font-size: 1.5em;background-size: 10rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.3em}
    .news .news_row1{padding-bottom: 0.3em}
    .news .news_row1 a .small{font-size:0.45em}
    .copy_row1{padding: 1.5em;}
    
		.copy_row1 .copy_r1_l{flex-wrap: wrap;}
    .copy_row1 .copy_r1_l .copy_item{float: none;padding:1em 0;width: 100%;}
    .copy_row1 .copy_r1_l .copy_item:after{content: '';display: block;clear: both;}
    .copy_row1 .copy_r1_l .copy_item li{float: left;margin-right: 10px;padding: 0;}
    .copy_row1 .copy_r1_l .copy_item strong a{display: block;font-size: 0.85em;padding: 0;line-height: 1em}
    .copy_row1 .copy_r1_l .copy_item li a{font-size: 0.65em;line-height: 0.9em;font-weight: normal;font-family: microsoft yahei;}
    .copy_row2 p{font-size: 13px;}
		.copy_row1 .copy_r1_r .copy_tel,
		.copy_row1 .copy_r1_r .copy_tel .tel
		{justify-content: center;}
		
		.copy_row1 .copy_r1_r a{margin: auto;padding-left: 0;}
		.copy_row1 .copy_r1_r .copy_logo {margin: auto;margin-top: 0;}
		.copy_row3 ul li{margin: 10px 0;}
		.copy_row2 p{margin: auto;}
		.copy_row3 p{max-width: 300px;line-height: 24px;}

}
@media only screen and (max-width: 640px) {
html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}
    .index_product{padding: 1.5em 0;}
    .company_video{padding: 1.5em;}
    .news{padding: 1.5em;}
    .case_row1 .case_item p{font-size: 0.5em;}
    .product_i_r .product_i_r_item{float:none;width:100%;margin-left:0%}
    .product_i_r .product_i_r_item strong{font-size: 1.6em}
    .product_i_r .product_i_r_item p{font-size: 0.8em;}
    .prod_i_l_tit li a {
    font-size: 0.5em;
    line-height: 4em;
    height: 4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.section-case .case-box .pro-tab li{line-height: 40px;}
.section-case .case-box .pro-tab li a{font-size: 14px;}
.case-box .grid4 .item .item-hidden h3{font-size: 14px;}
    .company_video .company_row1 a{font-size: 0.9em;background-size: 260px;}
		
		.odem_row2{flex-wrap: wrap; width: 90%;margin: auto;}
		.odem_row2 .odem_list {width: 100%;}
		.odem_list .odem_list_wz p{padding: 10px 15px;line-height: 24px;}
		.why{padding: 0;}
		.why .section-title{width: 100%;}
		.why_row2 .why_list:nth-child(2n-1) a {flex-flow: column;}
		.why .why_row2{width: 90%;margin: auto;background-image: none;}
		.why .why_row2 .why_list_img,.why .why_row2 .why_list_wz{width: 100%;margin: 10px 0;}
		.why_row2 .why_list{margin-top: 0;}
		.why_row2 .why_list .why_list_wz h3{font-size: 20px;}
		.why_row2 .why_list .why_list_wz p{line-height: 24px;}
		.why_row2 .why_list .why_list_wz .why-wd{flex-wrap: nowrap;}
		.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3{line-height: 24px;}
		.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3,
		.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3 span,
		.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3 em{font-size: 18px;}
		.why_row2 .why_list .why_list_wz .why-wd h4{font-size: 60px;}
		.why .section-title .title-wd h2,.why .section-title .title-wd h2 span{font-size: 24px;}
		
    .news .news_row1 a{font-size: 0.9em;background-size: 8rem;background-position-y: 0.75em;}
    .company_video .company_row1{padding-bottom: 0.2em}
    .news .news_row1{padding-bottom: 0.2em}
    .news .news_row1 a .small{font-size:0.4em;display: none;}
    .news_list{width: 100%;margin-left: 0;margin-top: 1.6em;}
    .news_list:first-child{margin-top: 0;}
.news_list > .news_list_tit a{font-size: 0.85em;line-height:1.5em}
    
    .copy_row1{padding: 1.5em;}
    .copy_row1 .copy_r1_l{float: none;width: 100%;}
    .copy_row1 .copy_r1_r{float: none;width: 100%;text-align: center;}
		.copy_row1 .copy_r1_r .copy_logo{padding-left: 0;}
.copy_row2 p{font-size: 12px;}
}



@media only screen and (min-width: 1301px) {
    .zzc {
  display: none !important;
}
.menu{width: 100% !important;}
.menu .btn{display: none;}
}
#mold {
 background-color: #a5a5a5;
}

#mold tr td{
     border-top: 1px solid  #b1adad;
  border-right: 1px solid #b1adad;
    padding: 15px;
width: 33%;
     color: #fff !important;
    line-height: 16px;
    font-size: 12px;
}

#mold tr td strong{
    color: #fff !important;
    display: block;
margin-bottom: -10px;
}
#mold2 {
 border: 1px solid #ddd;
  background: url(../image/wg.jpg) ;
}

#mold2 tr td{
     padding: 15px;
}

#mold2 tr td:nth-child(1) {
 width: 12%;
padding: 10px 6px 10px 20px;
}
#mold tr td {
    color: #fff !important;
    line-height: 16px;
    font-size: 12px;
}
#mold2 tr td strong{
    color: #b01d2f !important;
}

#mold3 {
  border-bottom: 1px solid  #bdbaba;
    border-right: 1px solid  #bdbaba;
}

#mold3 tr:nth-child(1) {
  background-color: #d3d3d3 !important;
    font-weight: bold;
    font-size: 24px;
    height: 60px !important;
}
#mold3 tr td {
  border: 1px solid #bdbaba;
  padding: 10px 5px;
    color: #1d1b1b;
    border-right: none;
     border-bottom: none; 
}
.proinfo_con_body img{
    height:auto !important;
}
#cpbg {
  border-bottom: 1px solid  #ccc;
    border-right: 1px solid  #ccc;
    background: #fbfbfb;
    padding: 0;
}

#cpbg tr td:nth-child(1) {
  width: 20%;
}
#cpbg tr td {
  border: 1px solid #ccc;
  padding:10px 10px 10px 15px;
    color: #1d1b1b;
    border-right: none;
     border-bottom: none; 
    text-align: left;
    line-height: 20px;
}