/**
 * 
 * @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: 'mon';
    src: url(../font/Montserrat-Bold-3.otf) 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;
    }
}


*:not(strong){ margin:0; padding:0; font-size:100%; 

font-family:'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:1300px;}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px;}
.en{ text-transform:uppercase; font-family:arial;}




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: #2d2d2d;}
.head_l{float: left;line-height: 40px;color: #888;font-size:13px;}
.head_r{float: right;line-height: 40px;color: #888;font-size:13px;}
.head_r a{color: #888;}
.head_r a:hover{color: #fff;}
.head_xml,.head_wx,.head_tel,.head_mail{float: left;color: #888;font-size:14px;height: 40px;display: block;padding: 0 0px 0 20px;display: flex;
    align-items: center;}

.head_r i{display: inline-block;width: 18px;height: 18px;background-image: url(../picture/toptel.png);background-repeat: no-repeat;margin-right: 5px;}
.head_mail i{background-position: -18px 0;}
.head_xml i{background-position: -36px 0;}
.head_tel i{background-position: -54px 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: #ca081a;}
.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: #ca081a;}
.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:999; width:100%; padding:10px 0; display: flex;align-items: center;margin-top: -100px;}

.ny-serch-box{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; box-shadow: 0px 0px 16.92px 1.08px rgba(0, 0, 0, 0.09);background-color: #fff;}
.ny-serch-box .ny-ser-l{font-weight: bold;width: 65%;padding: 20px;box-sizing: border-box;}
.ny-serch-box .ny-ser-l ul{display: flex;}
.ny-serch-box .ny-ser-l h2{display: flex;align-items: center;padding-bottom: 5px;font-size: 18px;}
.ny-serch-box .ny-ser-l h2::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 ul{padding:10px 0 25px 0;}
.ny-serch-box .ny-ser-l a{font-weight: normal;padding: 0px 10px 0px 0;}
.ny-serch-box .ny-ser-l a:hover{color: #ca081a;}
.ny-serch-box .ny-ser-r{width: 32%;padding: 20px;box-sizing: border-box;background-color: #ca081a;}
.ny-serch-box .ny-ser-r h3{font-size: 20px;color: #fff;}
.ny-serch-box .ny-ser-r h3 span{font-size: 50px;font-family: '';color: #fff; }
.ny-serch-box .ny-ser-r ul{display: flex;margin-top: 20px;}
.ny-serch-box .ny-ser-r ul li{border: 2px rgba(255, 255, 255, 0.2) solid; padding: 10px 25px;color: #fff;border-radius: 6px;margin-right: 10px;}
.ny-serch-box .ny-ser-r ul li .icon{width: 28px;height: 28px;background-image: url('../picture/serch-icon.svg');margin: 0 auto;margin-bottom: 5px;}
.ny-serch-box .ny-ser-r ul li:nth-child(2) .icon{background-position: -28px 0;}
.ny-serch-box .ny-ser-r ul li:nth-child(3) .icon{background-position: -56px 0;}
.ny-serch-box .ny-ser-l form{background-color: #fff;display: flex;}
.ny-serch-box .ny-ser-l input{border: none;outline: none; ;}
.ny-serch-box .ny-ser-l input:focus{background: none; ;}
.ny-serch-box .ny-ser-l input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;}
.ny-serch-box .ny-ser-l input.text{line-height: 30px;border: none;width: 100%;padding-left: 10px;border-bottom:1px #eee solid; border-top:1px #eee solid;}
.ny-serch-box .ny-ser-l input[type="submit"]{opacity: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0; ;}
.ny-serch-box .ny-ser-l i{ background-color: #fff;line-height: 30px;border: none; font-size: 24px;
text-align: center;border-bottom:1px #eee solid; border-top:1px #eee solid;
padding: 5px;color: #ca081a;position: relative;width: 80px;display: inline-block;}
.ny-serch-box .ny-ser-l 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: 6px 0 68px 0;
}
.nav-top .page{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.logo-l{
	display: flex;
	align-items: center;
}
.logo-l .logo-a{width: 95px;height: 125px;}
.logo-l .logo-img{
	margin-left: 15px;
}

.logo-l .logo-img h1{
	  font-size: 44.5px;
	  font-family: 'pmzdbt';
	  color: #ca081a;
	  font-weight: normal;
	  text-shadow: 0px 1px 0px rgba(255, 248, 241, 0.004);
}
.logo-l .logo-img p{
	font-size: 17.5px;
	color: #888888;
	font-family: pmzdbt;
	margin-top: -6px;
}
.logo-l .logo-wd{
	margin-left: 25px;
	padding-left: 25px;
	position: relative;
}
.logo-l .logo-wd::after{content: '';display: block;width: 2px;height: 60px;background-color: #ccc;position: absolute;left: 0;top: 8px;}
.logo-l .logo-wd h2{font-size: 29px;color: #333;font-weight: normal;}
.logo-l .logo-wd h2 span{color: #ffa800;font-size: 28px;font-weight: bold;}
.logo-l .logo-wd p{font-size: 16px;margin-top: 5px;font-weight: normal;color: #fff;
background-color: #ca081a;border-radius: 15px;text-align: center;line-height: 30px;display: inline-block;
padding: 0 30px;}
.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:start;padding: 5px 0x;font-size: 16px;}
.logo-r .icon{width: 50px;height: 50px;background: url(../picture/head-tel.svg) no-repeat;}
.logo-r .logo-phone h6{
	font-family: "mon";
	font-size: 30px;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 248, 241, 0.004);
	color: #ca081a;
}

.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;}
.menu > ul > li > a {
    color: #333;
    font-size: 16px;
	font-weight: bold;
    height: 60px;
    line-height: 60px;
    position: relative;
    display: block;
	padding: 0 40px;
}
.menu > ul > li:hover > a{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,.nav .menu > ul > li:hover{
	background-color: #ca081a;
}
.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,.8);text-align: center;z-index: 3333;}
.erji_menu > ul{display: flex;flex-wrap: wrap;width: 40%;margin: auto;padding: 20px;box-sizing: border-box;}
.erji_menu > ul:after{content:'';display: block;clear:both;}
.erji_menu > ul > li{padding:5px 10px;color: #454545;width: 20%;text-align: start;}
.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;transition: 0.4s all; font-size: 15px;}
.erji_menu > ul > li:hover a{padding-left: 20px;}
.erji_menu > ul > li a::before{content: ''; display: block;width: 0;height: 4px;margin: 0 auto;background: url(../picture/topjt.svg);position: absolute;top: 15px;left: 0;transition: 0.4s all;}
.erji_menu > ul > li:hover a::before {width: 16px;}
.erji_menu > ul > li:hover{}
.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;}
.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: #fff;}
.section-app .lx-flex{align-items: stretch;}
.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-title h2{font-size: 40px;margin-bottom: 30px;}
.section-title h2 span{color: #ca081a;font-size: 40px;}
.section-title img{max-width: 100%;}
.section-title p{font-family:Verdana;font-size: 15px;}



.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: #ca081a;margin: 0 auto;}
.oedm-oem-img .bottom .box .item p::before{content: '';display: block;border-left: 1px #ca081a 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: 25px;}
.oedm-oem-img .bottom .box .item:nth-child(2){padding-left: 15px;}
.oedm-oem-img .bottom .box .item:nth-child(3){padding-left: 15px;}
.oedm-oem-img .bottom .box .item:nth-child(4){padding-left: 58px;}
.oedm-oem-img .bottom .box .item:nth-child(5){padding-left: 88px;}
.oedm-oem-img .bottom .box .item:nth-child(6){padding-left: 15px;}
.oedm-oem-img .bottom .box .item:nth-child(7){padding-left: 15px;}
.oedm-oem-img .bottom .box .item:nth-child(8){padding-left: 20px;}
.oedm-oem-img .bottom .box .item:nth-child(9){padding-left: 40px;}
.oedm-oem-img .bottom .box .item:nth-child(10){padding-left: 35px;}
.oedm-oem-img .bottom .box .item:nth-child(11){padding-left: 60px;}
.oedm-oem-img .bottom .box .item:nth-child(12){padding-left: 60px;}
.oedm-oem-img .bottom .box .item:nth-child(13){padding-left: 60px;}
.oedm-oem-img .bottom .box .item:nth-child(14){padding-left: 60px;}
.oedm-oem-img .bottom .box .item:nth-child(15){padding-left: 52px;}
.oedm-oem-img .bottom .box .item:nth-child(16){padding-left: 42px;}


.section-app .app-box .item h2{font-size: 24px;font-weight: bold;line-height: 62px;}
.section-app .app-box .item p{line-height: 24px;color: #595959;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.section-app .app-box .item .more{display: flex;align-items: center;margin: 18px 0;}
.section-app .app-box .item .more a{font-size: 15px;color: #888;padding-left: 10px;text-transform: uppercase;}
.section-app .app-box .item .more a:hover{color: #ca081a;}
.section-app .app-box .item .more i{display: inline-block;width: 34px;height: 34px;background:url('../picture/more-icon.svg');}
.section-app .app-box .item .img{width: 100%;height: 360px;overflow: hidden;}
.section-app .app-box .item .img img{width: 100%;height: 100%;transition: all 0.6s;}
.section-app .app-box .item::after{display: block;content: ''; width: 100%;height: 2px;background-color: #f5f5f5;transition: .4s;}
.section-app .app-box .item:hover::after{background-color: #ca081a;}
.section-app .app-box .item:hover img{transform: scale(1.1);-ms-transform: scale(1.1);}
/* .section-app .app-box #tab3{width: 33%;}
.section-app .app-box #tab3 li{background-color: #fff;padding: 24px 15px;cursor: pointer;}
.section-app .app-box #tab3 li h4{font-size: 18px;}
.section-app .app-box #tab3 li p{padding-top: 5px;}
.section-app .app-box #tab3 li:hover,.section-app .app-box #tab3 li.active{background-color: #ca081a;}
.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: #cbffe6;}
.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;background-size: cover;}

.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: 20px;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: #ca081a;}
.section-app .app-box #content3 .app-img .app-box-wd .box-wd-r:hover{background-color: #ca081a;}
.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;padding: 20px;border-radius: 5px;
width: 32.2%;box-sizing: border-box; margin-bottom: 20px;}
.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: linear-gradient(180deg, #888888 11%, rgba(136, 136, 136, 0.21) 58%, rgba(136, 136, 136, 0) 90%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;
font-family: 'mon';font-size: 58px;text-align: center;}
.section-flow .flow-box .flow-item:hover .numb,.section-flow .flow-box .active .numb{
	background: linear-gradient(180deg, #ca081a 11%, rgba(202, 8, 26, 0.21) 58%, rgba(202, 8, 26, 0) 90%);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;
}
.section-flow .flow-box .flow-item .wd{margin-top: 20px;}
.section-flow .flow-box .flow-item .wd h4{font-size: 20px;font-weight: bold;}
.section-flow .flow-box .flow-item:hover .wd h4,
.section-flow .flow-box .active .wd h4
{color: #ca081a;}
.section-flow .flow-box .flow-item .wd p{font-size: 14px;font-weight: normal;line-height: 30px;color: #888;}
.section-flow .flow-box .flow-item .jt{width: 26px;height: 16px;background-image: url('../picture/lc-jt.png');margin-top: 20px;background-position: 0px 16px;}
.section-flow .flow-box .flow-item:hover .jt,.section-flow .flow-box .active .jt{background-position: 0 0;}
.section-flow .flow-box .flow-item:hover .numb,.section-flow .flow-box .active .numb{}
.section-flow .flow-box .flow-item .icon{width: 47px;height: 47px;background-image: url('../picture/icon-flow.png');  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(7) .icon{background-position: -282px 0;}
.section-flow .flow-box .flow-item:nth-child(8) .icon{background-position: -329px 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-box .flow-item:nth-child(7):hover .icon,
.section-flow .flow-box div:nth-child(7).active .icon{background-position: -282px -47px;}
.section-flow .flow-box .flow-item:nth-child(8):hover .icon,
.section-flow .flow-box div:nth-child(8).active .icon{background-position: -329px -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: #333;display: inline-block;line-height: 40px;margin: 0 10px;font-size: 15px;}
.section-flow .flow-a-box a:last-child{background-color: #ca081a;font-family: 'mon';font-size: 24px;background-image: url('../picture/flow-lx.png');
background-repeat: no-repeat;background-position: 40px center; text-indent: 20px;
}


.section-case{}
.section-case .case-box .pro-tit{
	display: flex;
	margin-bottom: 50px;
}
.section-case .case-box .pro-title{
	width: 20%;
	background-color: #ca081a;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section-case .case-box .pro-title .pro-wd{
	color: #fff;
}
.section-case .case-box .pro-title .pro-wd h2{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.section-case .case-box .pro-title .pro-wd p{
	font-size: 14px;
	font-family: "ddin";
	color: #fff;
	text-transform: uppercase;
}
.section-case .case-box .pro-tab{
	width: 80%;
	justify-content: start;
	background-color: #efefef;
}
.section-case .case-box .pro-tit .grid4{
	grid-gap:0px
}
.section-case .case-box .pro-tab li:last-child{margin-left: auto;border-left: #dedede solid 1px;}
.section-case .case-box .pro-tab li{
	line-height: 80px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	width: 19.98%;
}
.section-case .case-box .pro-tab li a:hover{
	background-color: #ca081a;
	color: #fff;
}

.section-case .case-box .pro-tab li a{
	border-bottom: #dedede solid 1px;
	border-right: #dedede solid 1px;
}
.section-case .case-box .pro-tab li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
}
.section-case .section-title h2{color: #fff;}

.more-a{display: block;width: 176px;line-height: 40px;background-color: #ca081a;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;font-size: 18px;margin: 10px;cursor: pointer;border-radius: 5px;}
.case-box ul li.active,.about-scrow ul li.active{background-color: #ca081a;color: #fff;font-weight: bold;}
.case-box .grid4{grid-gap: 20px;}
.case-box .grid4 .item img{width: 100%;border: 5px #f5f5f5 solid;box-sizing: border-box;transition: .4s;}
.case-box .grid4 .item{position: relative;overflow: hidden;background-color: #f5f5f5;transition: .4s;}
.case-box .grid4 .item .item-hidden{display: flex;justify-content: space-between;align-items: center;padding: 8px 20px 16px 20px;}
.case-box .grid4 .item .item-hidden h3{
	width: 80%;
	white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;
}
.case-box .grid4 .item .item-hidden  i{
	display: block;
	width: 19px;
	height: 18px;
	background: url(../picture/jt.png);
}

.case-box .grid4 .item:hover{background-color: #ca081a;}
.case-box .grid4 .item:hover img{border: 5px #ca081a solid;}
.case-box .grid4 .item:hover h3{color: #fff;}
.case-box .grid4 .item:hover i{
	background: url(../picture/jt-w.png);
}



.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: #ca081a;
	margin-top: -30px;
}

.section-middle {
	width: 100%;
	background-image: url(../picture/mid1.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 366px;
	padding: 0;
	margin-top: -48px;
}
.sec-mid-box{max-width: 760px;height: 424px;}
.section-middle .sec-mid-box .sec-mid-img{width: 30%;}
.section-middle .sec-mid-box .sec-mid-wd{width: 70%;}
.section-middle .sec-mid-box .sec-mid-wd h2{font-size: 32px;color: #333;margin-bottom: 20px;}
.section-middle .sec-mid-box .sec-mid-wd h2 span{font-size: 34px;color: #ca081a;}
.section-middle .sec-mid-box .sec-mid-wd p{color: #555;margin-bottom: 20px;line-height: 30px;font-size: 16px;}
.section-middle .sec-mid-box .sec-mid-wd .a-hf a{background-color: #ca081a;color: #fff;padding: 8px 20px;border: 1px #ca081a solid;margin-right: 20px;}
.section-middle .sec-mid-box .sec-mid-wd .a-hf b{border: 1px #ca081a solid;color: #ca081a;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: 'mon';color: #ca081a;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: 50%;}
.about-box .about-r img{border-radius: 8px;}
.about-box .about-r{width: 45%;}
.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: #ca081a;
}
.about-box .about-l .about-index{
	line-height: 30px;
	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: #ca081a;
}
.about-box .about-l a:hover{
	color:  #ca081a;
}
.about-box .about-list{justify-content: flex-start;}
.about-box .about-list .item{margin-right: 50px;}
.about-box .about-list .item .lx-flex{
	width: 90px;
	height: 90px;
	background-image: url('../picture/about-icon.png');
	justify-content: center;
}
.about-box .about-list .item h3{
	font-size: 30px;
	font-family: 'mon';
	color: #fff;
}
.about-box .about-list .item sup{color: #fff;}
.about-box .about-list .item p{color: #333;text-align: center;margin-top: 10px;font-size: 15px;}
.about-box  .about-a {background-color: #ca081a;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 #ca081a;font-size: 15px;}
.about-box  .about-a:hover{box-shadow: 0 0 10px rgba(202,8,26,0.3)}
.about-box  .about-a a:hover{color: #fff;}
.about-box  .about-a a:last-child{background-color: #fff;color: #ca081a;}

@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 ul li a{font-size: 18px;}
.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: #ca081a;}

.section-news .about-scrow{margin-bottom: 0;}
.about-scrow ul li.active a{color: #fff;}
.news{background:#fff}
.news .item{width: 32%;}
.news .index-tit{margin-bottom:50px}
.news  a{display:block;width:100%;box-shadow:0 6px 10px 2px rgba(0,0,0,.1);transition:all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden;height: 250px;}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease}
.news a:hover img{transform:scale(1.06)}
.news-info{background:#fff;padding:30px;z-index: 1;position: relative;transition: all .4s ease}
.news a:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "mon";margin-bottom: 10px;}
.news-time span{font-weight:700;font-size:36px;color:#333;display:block;width:60px;line-height:1}
.news-txt{}
.news-txt-title{font-size:18px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt p{font-size:14px;line-height:24px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}

.news-more{position:absolute;z-index:0;width:100%;background:#c41218;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more i{display:block;background:url("../images/common/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}





.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: 24px;}
.news-title h3 span{font-size: 24px;color: #ca081a;}
.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: 18px;}
.news-tj p{font-size: 14px;line-height: 24px;}
.news-tj p a{color: #ca081a;}

.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: #ca081a;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: #ca081a;}

.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%;}
.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';font-size: 18px;}
.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: 24px;}
.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;transition: all 0.2s;}
.news-qa-list .swiper-slide .news-li:hover{background-color: #ca081a;;}
.news-qa-list .swiper-slide .news-li:hover p{color: #fff;}
.news-qa-list .swiper-slide .news-li>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;font-size: 18px;}
.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: #ca081a;}
.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: #ca081a;display: block;}
.swiper-nav .newswiper-button-prev{background-color: #1c1c1c;display: block;}

.page-out{
	width: 1350px;
	margin: auto;
	position: relative;
}
.page-out .swiper-button-next, .page-out .swiper-button-prev{
	width: 46px;
	height: 46px;
	
}
.page-out .swiper-button-next{
	right: -30px;
}
.page-out .swiper-button-prev{
	left: -30px;
}
.page-out .swiper-button-next:after, .page-out .swiper-button-prev:after{
	content: '';
	width: 100%;
	height: 100%;
	
}
.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%;}
}



.pro-box{display: flex;justify-content: space-between;}
.pro-box .pro-slide{width: 20%;border: 6px #ca081a solid;}
.pro-box .pro-list{width: 77%;}
.pro-box .pro-slide .title{background-color: #ca081a;padding: 20px;}
.pro-box .pro-slide .title h2{color: #fff;font-size: 36px;}
.pro-box .pro-slide .title p{font-size: 20px;text-transform: uppercase;color: #fff;}
.pro-box .pro-slide .slide-li ul li{padding: 0 20px;text-indent: 25px;}
.pro-box .pro-slide .slide-li ul li:hover{background-color: #ca081a;}
.pro-box .pro-slide .slide-li ul li a{line-height: 50px;display: block;font-size: 16px;
border-bottom: 1px #f3f3f3 solid;background-image: url('../picture/slida-b.png');background-repeat: no-repeat;background-position: 190px 20px;}
.pro-box .pro-slide .slide-li ul li:hover a{border-bottom: 1px #ca081a solid;color: #fff;}

.pro-box .pro-slide .slide-tel{padding: 20px;}
.pro-box .pro-slide .slide-tel i{display: inline-block;width: 35px;height: 35px;background-image: url('../picture/slidtel.svg');}
.pro-box .pro-slide .slide-tel h6{font-size: 24px;font-family: 'mon';color: #ca081a;}

.pro-box .pro-list .list-top{display: flex;background-color: #f5f5f5;padding: 15px;align-items: center;margin-bottom: 20px;}
.pro-box .pro-list .list-top h3{font-size: 20px;padding-right: 20px;}
.pro-box .pro-list .list-top a{margin-left:auto;}
.pro-box .pro-list .list-top a:hover{color: #ca081a;}
.pro-box .pro-list .item-box .item{border: 1px #f5f5f5 solid;}
.pro-box .pro-list .item-box .item .img{overflow: hidden;}
.pro-box .pro-list .item-box .item img{width: 100%;height: 100%;transition: all 0.6s;}
.pro-box .pro-list .item-box .item:hover img{transform: scale(1.1);-ms-transform: scale(1.1);	}
.pro-box .pro-list .item-box .item h3{background-color: #f5f5f5;padding: 15px 10px;text-align: center;}
.pro-box .pro-list .item-box .item:hover h3{background-color: #ca081a;color: #fff;}



.huoban{}
.huoban-box{grid-gap: 10px;}
.huoban-box li {text-align: center;}
.huoban-box li img{max-width: 100%;border: 1px #eee solid;}


.vjs-icon-placeholder {color: #fff;}
#my-video{width: 100%;height: auto}
.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:#ca081a; box-shadow:1px 1px 20px #ca081a; 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:#ca081a; box-shadow:1px 1px 20px #ca081a; 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.png);}
.why .section-title{
	width: 877px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	background: none;
}
.why .section-title h4{
	font-family: 'ddin';
	font-size: 116px;
	color: #ca081a;
}
.why .section-title .title-wd {
	margin-left: 20px;
}
.why .section-title .title-wd p{
	color: #888888;
	font-size: 24px;
	font-family: 'ddin';
}
.why .section-title .title-wd h2{
	color: #ca081a;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 5px;
}
.why .section-title .title-wd h2 span{
	color: #ca081a;
	font-size: 36px;
	font-weight: normal;
}
.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: 1300px;margin: auto; background-repeat: no-repeat;background-position: center 122px;}
.why_row2 .why_list{padding-top: 80px;}

.why_row2 .why_list .why_list_wz .why-wd{align-items: flex-start; flex-wrap: nowrap;justify-content: flex-start;margin-bottom: 30px;}
.why_row2 .why_list .why_list_wz .why-wd h4 {
	font-family: 'ddin';
	font-size: 35px;
	color: #fff;
}
.why_row2 .why_list .why_list_wz .why-wd .cercle{
	position: relative;
	flex: 0 0 54px;
	background-color: #ca081a;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 54px;
}
.why_row2 .why_list .why_list_wz .why-wd .cercle::before{content: '';display: block;width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 15px;
border-color: transparent transparent transparent #ca081a;position: absolute;top: 18px;right: -13px;}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title{
	margin-left: 30px;
}
.why_row2 .why_list .why_list_wz .why-wd .why-wd-title h3{
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	line-height: 36px;
	background: radial-gradient(circle at 10px -7px, transparent 8px, #d2d2d2 8px, #d2d2d2 9px, transparent 9px) repeat-x,
		radial-gradient(circle at 10px 27px, transparent 8px, #d2d2d2 8px, #d2d2d2 9px, transparent 9px) repeat-x;
	background-size: 20px 20px;
	background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);

}
.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: #ca081a;
}
.why_row2 .why_list .why_list_wz .text{color: #ccc;text-transform: uppercase;font-family: 'ddin';}
.why_row2 .why_list a{display: flex;justify-content: space-between;}
.why_row2 .why_list .why_list_img{overflow: hidden;margin-top: -70px;}
.why_row2 .why_list .why_list_img img{width: 100%;}
.why_row2 .why_list .why_list_wz{width: 50%;position: relative;}
.why_row2 .why_list:first-child .why_list_wz::before{content: '';width: 560px;height: 360px;display: block;border-bottom-left-radius: 30px;
border-left: 3px solid #eeeeee;border-bottom: 3px solid #eeeeee;position: absolute;bottom: 0px;left: 25px;}
.why_row2 .why_list:last-child .why_list_wz::before{content: '';width: 560px;height: 360px;display: block;border-top-right-radius: 30px;
border-right: 3px solid #eeeeee;border-top: 3px solid #eeeeee;position: absolute;top: -83px;left: -532px;}
.why_row2 .why_list .why_list_wz h6{display: inline-block; background-color: #ca081a;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: 10px;padding-bottom: 10px;font-weight: normal;text-transform: capitalize;}
.why_row2 .why_list .why_list_wz h3 span{color: #ca081a;font-size: 30px;}
.why_row2 .why_list .why_list_wz p{line-height: 24px;color: #595959;padding-top: 10px;}
.why_row2 .why_list .why_list_wz p span{color: #ca081a}
.why_row2 .why_list:nth-child(2n-1) a {flex-flow: row-reverse;align-items: center;}


.section-link{padding: 20px 0;}
.section-link .page{display: flex;}
.section-link .tit{width: 13%;}
.section-link .tit h3{font-size: 24px;color: #ca081a;}
.section-link .tit h3 span{font-size: 16px;color: #ca081a;}
.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: #ca081a;}
.copy {background: #171717;}
.copy_row1{padding:60px 0 0px 0;border-bottom: 1px #171717 solid;}
.copy_row2{background: #090909;width: 100%;padding: 20px 0;border-top: 1px #090909 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: 65%;}

.copy_row1 .copy_r1_l .copy_cont li{padding: 10px 0;}
.copy_row1 .copy_r1_l .copy_item li p{color: #999; }
.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: #ca081a;}
.copy_row1 .copy_r1_l .copy_item strong a{text-transform: uppercase;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: #999;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:nth-child(3) i{background-position: 0 -24px;}
.copy_row1 .copy_r1_l .cont li:nth-child(4) i{background-position: 0 -49px;}
.copy_row1 .copy_r1_l .cont li:nth-child(5) i{background-position: 0 -72px;}
.copy_row1 .copy_r1_l .cont li:nth-child(6) i{background-position: 0 -98px;}
.copy_row1 .copy_r1_l .cont li:nth-child(7) i{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: #ca081a;height: 1px;transition: 0.3s all ease;}
.copy_row1 .copy_r1_l .copy_item li a:hover{color: #fff;}

.copy_row1 .copy_r1_l .lx-flex{align-items: flex-start;}
.copy_row1 .copy_r1_l .title{display: flex;align-items: center;}
.copy_row1 .copy_r1_l .title p{font-size: 42px;font-family: 'mon';color: rgba(255, 255, 255, 0.2);position: relative;}
.copy_row1 .copy_r1_l .title h4{font-size: 18px; color: #fff;font-weight: bold;padding-left: 10px;}
.copy_row1 .copy_r1_l .title  p::after{display: block;content: '';width: 222px;height: 17px;
background-color: #ca081a;position: absolute;right: -102px;bottom: 7px;opacity: .6;}
.copy_row1>.page{margin-bottom: 30px;}
.copy_row1 .copy_r1_l .copy-box{padding: 20px 0;}
.copy_row1 .copy-right{padding: 20px 0;}
.copy_row1 .copy-right p,.copy_row1 .copy-right p a{line-height: 30px;color: #fff;}
.copy_row1 .copy-right{padding: 20px 0;background-color: #ca081a;}
.copy_row1 .copy_r1_r{width:25%;}
.copy_row1 .copy_r1_r h4{font-size: 36px;color: #fff;margin-left: 20px;font-weight: bold;}
.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: 0px;padding-bottom: 10px;border-bottom: 1px #414141 solid;margin-bottom: 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: #fff;}
.copy_row1 .copy_r1_r .copy_tel .tel{}
.copy_row1 .copy_r1_r .copy_tel h5{color: #ca081a;font-size: 24px;margin: 0px 0;padding-left: 0px;}
.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: #ca081a;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;}
.copy_row1 .copy_r1_r .copy_logo .lx-flex{justify-content: flex-start;}
.copy_row1 .copy_r1_r .copy_logo .copy-logo-img{width: 60px;height: 60px;}
.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);}

.copy_row1 .copy_r1_r .address{padding: 20px 0px;}
.copy_row1 .copy_r1_r .address p{color: #717171;line-height: 30px;}


.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: #ca081a; 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: #ca081a; border-color: #ca081a; 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 .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: #ca081a; border-color: #ca081a; }
.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: #ca081a; 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: #ca081a; 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: #ca081a !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: #ca081a; 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: #ca081a; 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: #ca081a; }
.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: #ca081a;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;
}
