/* CSS Document */
/*
Theme Name: Keystone
Theme URI: http://www.keystone.com/
Description:  六艺的作品。
Author:  六艺-爱永
Author URI: https://www.eee-eee.com/
Date:2023-11-30
Version: 1.0
License: 六艺许可认证
*/
*{margin:0;padding:0;}
html{font-size:44.44px; overflow-x:hidden !important;}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}
html[mip]{font-size:75px!important}}

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%; transition: all 0.6s; pointer-events: none;}
.img100{width:100%; height:100%; object-fit: cover;object-position: center;}
a{text-decoration:none;	color:#333;	outline:none;}

@font-face {
  font-family: 'HelveticaLTMedium';
  src:url("assets/fonts/HelveticaLT65Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'HelveticaLTLight';
  src:url("assets/fonts/HelveticaLT45Light.ttf") format("truetype");
}
@font-face {
  font-family: 'HelveticaIRoman';
  src:url("assets/fonts/HelveticaInseratLTStd-Roman.otf") format("truetype");
}
@font-face {
  font-family: 'TANOFFICIALRegular';
  src:url("assets/fonts/TANOFFICIAL-Regular.otf") format("truetype");
}
@font-face {
  font-family: 'LemonMilk';
  src:url("assets/fonts/LemonMilk-1.otf") format("truetype");
}



body{font-size:14px; color: #505050; font-family: 'Pingfang-SC', sans-serif; background-color:rgb(250,250,250)}
html.bodyhidden{ overflow:hidden;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer;}
a:hover{ color:#505050;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:fill;}
table{ width:100%; border-collapse:collapse;}


/*滚动条样式*/
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}


/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}


.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.mobile{ display:none !important;}
.wrap{ width:1400px; margin:0 auto;}

.warningbg{ background:#282828; padding:25px 0;}
.warning{ text-align:center;}
.warning p{ font-size:24px; color:#fffbfb; line-height:30px; letter-spacing:0.6px;}
.warning p strong{}

.ibannerall{ position:relative;}
.ibannerall:after{ content:""; display:block; width:100%; height:80px; background:#fff; position:absolute; left:0; top:0; z-index:1;  opacity:0;  visibility:hidden;}
.ibannerall.active:after{ opacity:1; visibility:visible; }


.headerbg{ padding:0px 0; position:absolute; left:0; top:0; width:100%; z-index:9; transition: all 0.5s;}
.erjiheaderbg{ background:#fff; position:relative;}
.headerbg.fixed{ position:fixed; background:#fff;}

.header{ width:1560px; display:flex; justify-content:space-between; align-items:center;}

.headerleft{ width:calc(100% - 100px); display:flex; align-items:center; justify-content:space-between;}

.logo{ width:222px; margin-right:126px;}
.mainmenubg{ width:calc(100% - 222px);}
.mainmenu{}
.mainmenu ul{ display:flex;}
.mainmenu li{ margin-right:43px; padding:20px 0;}
.mainmenu li.menuprobtn{ position:static;}
.mainmenu li:last-child{ margin-right:0;}
.mainmenu li>a{ text-align:center; font-size:20px; color:#505050; text-transform:uppercase; display:block; line-height:40px; position:relative;}
.mainmenu li.active a, .mainmenu li>a:hover{color:#ff7a15;}
.mainmenu ul>li.yishangqu .youzifl{color:#ff7a15;}

/*默认二级菜单*/
.mainmenu li ul.sub-menu{ display:flex; justify-content:center; position:absolute; background:#fff; top:80px; width:100%; left:0; border-top:#f0f0f0 2px solid; opacity:0;  visibility:hidden;  pointer-events:none;  transition: all 0.5s; }
.mainmenu li ul.sub-menu li{ margin-right:46px;}
.mainmenu li ul.sub-menu li a{ background:url(assets/images/submenulibg.png) no-repeat right center; padding-right:20px;}
.mainmenu li ul.sub-menu li a:hover{ background:url(assets/images/submenulibghover.png) no-repeat right center;}
.mainmenu li:hover ul.sub-menu{  opacity:1;  visibility:visible;  pointer-events:auto; transform:translateY(0px);}

.headerright{ width:80px;}
.langall{ position:relative;}
.langbtn{ display:flex; justify-content:flex-end;}
.langbtn a{ display:block; line-height:40px; background:url(assets/images/gobleicon.png) no-repeat left center; padding:20px 0 20px 34px; color:#505050; font-size:18px;}

.langlist{ width:100px; position:absolute; background:#ffffff; top:80px; opacity:0;  visibility:hidden;  pointer-events:none;  transition: all 0.5s; transform:translateY(50px);}
.langlist a{ display:block; line-height:40px; font-size:16px; color:#505050; text-align:center;}
.langlist a:hover{ background:#f3f3f3;}
.langall:hover .langlist{  opacity:1;  visibility:visible;  pointer-events:auto; transform:translateY(0px);}

.mainmenu li.menuprobtn ul.sub-menu{ display:none;}


/*弹出产品菜单*/
.mainmenuqhbgall{ position:absolute; width:100%; background:#fff; height: calc(100vh); z-index:999; left:0; top:80px; border-top:#f0f0f0 2px solid;  opacity:0;  visibility:hidden; display:none; }
.mainmenuqhbgall.active{  opacity:1; display:block; visibility:visible; pointer-events:auto;}

.mainmenuqh{ width:1560px; margin:0 auto; padding-top:58px; display:flex; justify-content:space-between;}
.mainmenuqhleft{ width:15.449%;}
.mainmenuqhleft dd{ margin-bottom:70px;}
.mainmenuqhleft dd a{ color:#505050; font-size:30px; text-transform:uppercase; font-weight: bold; display:block;}
.mainmenuqhleft dd.active a, .mainmenuqhleft dd a:hover{ color:#ff7915; background:url(assets/images/sanijao.png) no-repeat right center; }
.mainmenuqhright{ width:79%;}
.menuproqh{}
.menuproqh .menuproqhitem{ display:none;}
.menuproqh .menuproqhitem.show{ display:block;}
.menuproqhitemflex{ display:flex; justify-content:space-between;}
.menuprotjcp{ width:38%;}
.menuprotjcp a{ display:block; position:relative;}
.mask {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 10;
	-webkit-transition: .4s ease-out;
	transition: .4s ease-out;
}
.menuprotjcp a .menuprotjcpimg{ overflow:hidden;}
.menuprotjcp a img{ width:100%; transform: scale(1.05);}
.menuprotjcp a:hover img{ transform: scale(1);}
.menuprotjcp a:hover .mask{opacity:1;}
.menuprotjcp .menuprotjcptext{ position:absolute; bottom:15px; left:0; text-align:center; width:100%; display:none;}
.menuprotjcp .menuprotjcptext h3{ font-size:18px; font-weight:normal; color:#010101; font-family: 'HelveticaLTLight'; text-transform:uppercase;}

.menuproqhlist{ width:60.5%;}
.menuproqhlist dl{ display:flex; flex-wrap:wrap;}
.menuproqhlist dd{ width:31.5%; margin:0 2.5% 2.5% 0;}
.menuproqhlist dd:nth-child(3n){ margin-right:0;}
.menuproqhlist dd a{ text-align:center; display:block; height:225px; overflow:hidden; padding-bottom:15px; background:#f0f0f0;}
.menuproqhlist dd a .menuproimg{ display:flex; justify-content:center; align-items:center; height:180px;}
.menuproqhlist dd a .menuproimg img{ max-height:150px;}
.menuproqhlist dd a .menuprotext{}
.menuproqhlist dd a .menuprotext h3{ font-size:18px; font-weight:normal; color:#010101; font-family: 'HelveticaLTLight'; text-transform:uppercase;}
.menuproqhlist dd a:hover .menuproimg img{ transform: scale(0.95);}

.menuproqhlist dd.menuproimgmore a{ transition:all 0.5s; background:url(assets/images/menumorebg.jpg) no-repeat center center; background-size:105%; display:flex; align-items:center; justify-content:center; position:relative;}
.menuproqhlist dd.menuproimgmore a .menuproimg{ height:100%;transition:all 0.5s; display:none;}
.menuproqhlist dd.menuproimgmore a .menuproimg img{ max-height:100%;}
.menuproqhlist dd.menuproimgmore a .menumoretext{ font-size:18px; color:#fff; text-transform:uppercase; font-family: 'HelveticaLTLight';transition:all 0.5s; position:relative; z-index:11;}
.menuproqhlist dd.menuproimgmore a:hover{  background-size:100%;}
.menuproqhlist dd.menuproimgmore a:hover .mask{opacity:1;}





/*手机按钮*/
.mheaderbtn{ display:none;}
.mheaderbtn a{ display:block; width:35px; height:35px; margin-left:10px;}
.mheaderbtn a.mmenubtn{ background:url(assets/images/hmenuicon.png) no-repeat;}
.colsemenubtn{cursor:pointer; width:30px; height:30px; display:none; position: absolute;right:10px;top:10px;font-size: 40px;color: #ccc; line-height: 30px; text-align: center;}

/*首页开始*/

@keyframes slidemove{
	0%{top:0px;}
	50%{top: -20px;}
	100%{top:0px;}
}
@keyframes move2 {
  50%{
    transform:translateY(2%) 
  }
  100%{
    transform:translateY(0%) 
   }
}
.islide{ position:relative; z-index:1;}
.islidelist{ overflow:hidden;}
.islidelist li{}

.islideimg{}
.islideimg img{ width:100%;}
.islidelist .islidecon{ position:relative;}
.islidelist .islidetextbg{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content: center;}
.islidenr{ display:flex; justify-content:space-between; align-items:center;}
.islidetext{}
.islidetext h3{ font-size:58px; color:#505050; margin-bottom:35px; transform: translateY(-30px); opacity: 0; transition: all 3s; font-family:HelveticaIRoman;}
.islidetextimg{ transform: translateY(50px); opacity: 0; transition: all 3s;}

.islideproimg{ padding:10% 5% 0 0;  position:relative; animation:move2 1.2s infinite;

/*transform: scale(0); opacity: 0; transition: all 2s ease-in;
animation:3s slidemove infinite linear; 
-moz-animation:3s slidemove infinite linear; 
-webkit-animation:3s slidemove infinite linear; 
-o-animation:3s slidemove infinite linear;
*/

}
.islideproimg img{ max-width:460px;}

.islideimg img{ height:calc( 100vh - 80px ); width:100%; object-fit: cover; object-position: center;}

.islidedesc{ display:none;}
.islidetextbottom{ position:absolute; bottom:60px; display:block;}
.islidedesc p{ color:#505050; font-size:20px; font-family: 'HelveticaLTLight'; text-transform:uppercase; line-height:30px; }

.islide_arrowbtn{ position:relative;}
.islide_arrow{ width:80px; display:flex; justify-content:space-between; position:absolute; right:0; bottom:62px; z-index:3;}
.islide_arrow a{ display:block; width:30px; height:30px;}
.islide_arrow a.ibannerprve{ background:url(assets/images/ban_arrowleft.png) no-repeat;}
.islide_arrow a.ibannernext{ background:url(assets/images/ban_arrowright.png) no-repeat;}
.islide_arrow a.ibannerprve:hover{ background:url(assets/images/ban_arrowlefthover.png) no-repeat;}
.islide_arrow a.ibannernext:hover{ background:url(assets/images/ban_arrowrighthover.png) no-repeat;}

.swiper-slide-active .islidetext h3, .swiper-slide-active .islidetextimg{transform: translateY(0); opacity: 1;}

.slide_paging{ display:none; justify-content:center; position:absolute; bottom:55px; width:100%; left:0; z-index:55;}
.slide_paging .swiper-pagination-bullet{ display:block; margin:0 10px; width:56px; height:2px; background:#646464;}
.slide_paging .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ff7915;}

/*产品栏*/
.iprobg{ background:#f5f5f5; padding:100px 0 80px 0;}
.iprotitflex{ display:flex; align-items:center; justify-content:space-between;}
.iprotit{}
.iprotit h2{ font-size:60px; line-height:54px; color:#505050; display:flex; align-items:flex-end; text-transform:uppercase;}
.iprotit h2:after{ content:""; display:block; width:28px; height:28px; background:url(assets/images/arrow.png) no-repeat; margin-left:30px;}
.ipromorebtn{}
.ipromorebtn a{ font-size:24px; color:#505050; text-transform:uppercase; font-family: 'HelveticaLTLight';}
.ipromorebtn a:hover{ color:#ff7a15;}

.iprotop{ padding:20px; background:#ffffff; display:flex; margin-top:35px; position:relative;}

@media(min-width:1060px){
.iprotop.animated, .iproimgtc.animated, .iprotopleft.animated, .iprobottom.animated{ -webkit-animation-duration: 1.2s;  animation-duration: 1.2s;}
}

.iprotopleft{ width:50%;}
.iprotopleftflex{ display:flex;  flex-direction:column; justify-content:flex-end; height:100%; padding-bottom:40px; padding-left:70px;}
.iprotopleftflex .protoplefttextimg{}
.protoplefttext{ font-size:24px; line-height:25px; margin-top:30px; font-family: 'HelveticaLTLight';}
.protopleftbtn{ margin-top:100px;}
.ilearnbtn a{ font-size:24px; display:inline-block; color:#505050; line-height:30px; background:url(assets/images/ipromorebtn.png) no-repeat right center; padding-right:43px; font-family: 'HelveticaLTLight'; transition: all 0.3s; }
.ilearnbtn a:hover{ transform:translateX(10px); color:#ff7a15;}

.iprotopright{ width:50%;}
.iprotopright img{ width:100%;}

.iproimgtc{ position:absolute; right:280px; top:120px; animation-duration:5s; -webkit-animation-duration: 5s;}
/*
.iproimgtc:hover img{animation:move2 1.2s infinite;}
*/

.iprobottom{ margin-top:30px; display:flex; justify-content:space-between;}
.iprobottomleft, .iprobottomright{ padding:20px; background:#fff; width:calc(50% - 15px);}
.iprobottomleft{ position:relative;}
.iprobottomlefttext{ position:absolute; top:60px; left:83px;}
.probottomleftbtn{ margin-top:78px;}

.iprobottomright .iprobottomrightimg, .iprobottomleft .iprobottomleftimg{ overflow:hidden;}
.iprobottomright:hover .iprobottomrightimg img, .iprobottomleft:hover .iprobottomleftimg img{ transform: scale(1.1);}
.iprobottomright .iprobottomrightimg{ position:relative; z-index:2; padding-bottom:20px;}
.iprobottomrighttext{ padding-left:60px; margin-top:10px; position:relative; z-index:1;}
.probottomrightbtn{ margin-top:50px;}



/*视频栏*/
@keyframes av_pulsate {
    0% 		{transform: scale(0.7); opacity: 0.0;}
    50% 	{opacity: 0.7;}
    100% 	{transform: scale(1); opacity: 0.0;}
}


.ireviewsbg{ padding:80px 0;}
.ireviewsall{ position:relative;}
.ireviewsbiglist{ margin-top:38px; height:610px; overflow:hidden;}
.ireviewsbiglist ul{ flex-wrap:wrap;}
.ireviewsbiglist li{}
.ireviewsbiglist li a{ display:block; position:relative; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); z-index:1;}
.ireviewsbiglist li a .ireivewicon{ width:125px; height:125px; border-radius:100%; overflow:hidden; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.ireviewsbiglist li a .ireivewicon:before, .ireviewsbiglist li a .ireivewicon:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.ireviewsbiglist li a .ireivewicon:before{ background:url(assets/images/ivideobtnbg.png) no-repeat center center; z-index:2;}
.ireviewsbiglist li a .ireivewicon:after{ background:#fff; animation: av_pulsate 2s linear infinite; z-index:1; border-radius:100%;}
.ireviewsbiglist li video{position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0; z-index:0;}


.ireviewstab{ position:absolute; width:180px; height:100%; top:0; right:85px; z-index:5; display:flex; flex-direction:column; justify-content:space-between;}
.reviewstabbtn{ height:calc(16.667% - 1.66px); cursor:pointer;}
.reviprvebtn{ background:url(assets/images/reviprvebtn.png) no-repeat center center #ffffff;}
.revinextbtn{ background:url(assets/images/revinextbtn.png) no-repeat center center #ffffff;}
.reviewstabbtnlist{ height:66.666%; overflow:hidden;}
.reviewstabbtnlist ul{ height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.reviewstabbtnlist li{ height:calc(25% - 1.66px); background:#ffffff;}
.reviewstabbtnlist li a{ font-size:24px; color:#353535; display:flex; justify-content:center; align-items:center; height:100%; text-align:center; font-family: 'HelveticaLTLight';}
.reviewstabbtnlist li a:hover{ color:#000;}
.reviewstabbtnlist li.swiper-slide-thumb-active a{ background:#f5f5f5;}

.iviode_moblist{ overflow:hidden;}



/*栏目*/
.ilanmubg{ background:#f5f5f5; padding:80px 0;}
.ilanmulist{}
.ilanmulist ul{ display:flex;}
.ilanmulist li{ width:30.715%; margin-right:3.9275%;}
.ilanmulist li:nth-child(3n){ margin-right:0;}
.ilanmulist li a{ background:#ffffff; padding-top:90px; display:block; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); height: 100%; transition: all 0.3s; }
.ilanmulist li .ilanmuimg{}
.ilanmulist li .ilanmutext{ padding:70px 30px 66px;}
.ilanmulist li .ilanmutext .ilanmutexttop{ display:flex; justify-content:space-between; align-items:center;}
.ilanmulist li .ilanmutext h3{ font-size:36px; line-height:33px; width:calc(100% - 30px); text-transform:uppercase; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ilanmulist li .ilanmutext .ilanmutopbtn{ width:30px; height:30px; background:url(assets/images/ipromorebtn.png) no-repeat;}
.ilanmulist li .ilanmutext .ilanmudesc{ font-size:20px; color:#353535; line-height:21px; margin-top:20px; font-family: 'HelveticaLTLight';}
.ilanmulist li a:hover{ box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2); transform:translateY(-20px);
/*
animation: bounce 1s forwards;
	-webkit-animation:bounce 1s forwards; 
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;*/
	
}



.iexperbg{ background:#fff; padding:80px 0;}

.iexperqhall{ margin-top:90px; display:flex; flex-wrap:wrap;}
.iexperqhitem{ width:30.715%; margin-right:3.9275%;}
.iexperqhitem:nth-child(3n){ margin-right:0;}

.iexperlist{ height:620px; overflow:hidden;  position:relative;}
.str_move{ position:absolute; top:0;}
.iexperlist ul{}
.iexperlist li{ margin-bottom:18px;}
.iexperlist li a{ display:block; position:relative; transition: all 0.3s; }
.iexperlist li a .iexperimg{ overflow:hidden;}
.iexperlist li .iexpericon{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);  justify-content:center; align-items:center; display:none; transition: all 0.3s; }
.iexperlist li a:hover .iexpericon{ display:flex;}
.iexperlist li a:hover .iexperimg img{ transform: scale(1.1);}


.footerbg{ background:#f5f5f5; padding:80px 0;}
.footerflex{ display:flex; justify-content:space-between;}

.footerleft{ width:22.857%; margin-right:0;}
.footer_dyyj{ margin-top:80px;}
.footer_dyyj .footer_dyyjtext{ font-size:24px; line-height:25px; font-family: 'HelveticaLTLight';}
.footer_dyyj .footer_dyyjform{ margin-top:10px;}
.footer_dyyj .footer_dyyjform form{ border:#ff7915 2px solid; height:38px; display:flex; justify-content:space-between;}
.footer_dyyj .footer_dyyjform .dyfield{ line-height:38px; border:none; background:none; width:calc(100% - 70px); font-size:20px; color:#c8c8c8; padding:0 8px; font-family: 'HelveticaLTLight';}
.footer_dyyj .footer_dyyjform .dybtn{ display:block; width:70px; height:100%; border:none; cursor:pointer; background:url(assets/images/fsearchbtn.png) no-repeat center center #ff7915; border-radius: 0;}


.footer_dyyj .footer_dyyjform .dyfield[placeholder]{ color: #c8c8c8;}
.footer_dyyj .footer_dyyjform .dyfield::placeholder{ color: #c8c8c8;}
.footer_dyyj .footer_dyyjform .dyfield:-moz-placeholder{ color: #c8c8c8;}
.footer_dyyj .footer_dyyjform .dyfield::-moz-placeholder{ color: #c8c8c8;}
.footer_dyyj .footer_dyyjform .dyfield::-webkit-placeholder{ color: #c8c8c8;}


.footershare{ margin-top:60px;}
.footershare ul{ display:flex;}
.footershare li{ width:30px; height:30px; margin-right:24px;}
.footershare li:last-child{ margin-right:0;}
.footershare li a{ display:block;}
.footershare li a img{ width:100%; border-radius:100%;}


.footermenu{ width:36.64%;}
.footermenu ul{ display:flex;}
.footermenu>ul>li:nth-child(2){margin:0 8.7%;}
.footermenu li:last-child{ margin-right:0px;}
.footermenu li a, .footertit{ font-size:24px; line-height:42px; color:#353535; text-transform:uppercase; font-weight:bold;}

.footermenu li ul{ display:block; margin-top:30px;}
.footermenu li ul li{ width:100%; margin-bottom:15px;}
.footermenu li ul li a{ font-size:18px; color:#646464; font-family: 'HelveticaLTLight'; text-transform:capitalize; font-weight:normal; line-height:25px;}
.footermenu li ul li a:hover{ color:#353535; text-decoration:underline;}

.footeright{ width:33.7%;}
.footergsm{ font-size:20px; color:#353535; margin-top:30px; text-transform: uppercase;}
.footeraddress{ font-size:20px; color:#646464; line-height:28px; font-family: 'HelveticaLTLight'; margin-top:15px;}

.footer_contact{ margin-top:20px;}
.footer_contact li{ font-size:20px; color:#646464; line-height:25px; font-family: 'HelveticaLTLight'; margin-bottom:14px;}
.footer_contact li.fcphone{ background:url(assets/images/fcontacticon001.png) no-repeat left center;}
.footer_contact li.fcpmail{ background:url(assets/images/fcontacticon002.png) no-repeat left center;}

.footercopyright{ display:flex; justify-content:flex-end; margin-top:60px; position:relative;}
.footercopyrightline{ height:2px; background:#959595; width:100%; position:absolute; z-index:1; top:50%; left:0;}
.footercopyrighttext{ font-size:20px; color:#353535; background:#f5f5f5; padding:0 5px 0 12px; position:relative; z-index:2; line-height:25px; font-family: 'HelveticaLTLight'; }

/*首页结束*/

.tanchuspbg{ width:100%; height:100%; position:fixed; top:0; left:0; background-color: rgba(0,0,0,0.8); z-index:999999; display:none;}
.tanchuspflex{ width:100%; height:100%;display: flex; display: -webkit-flex; justify-content:center; align-items:center;}
.tcspcontiner{ background:#000; max-width:100%; margin:0 auto; position:relative;}
.tcvideo{}
.tcvideo video{ width:100%; height:auto;}
a.colse{ width:30px; height:30px; background:#fff; border:#666 2px solid; display:block; text-align:center; line-height:20px; position:absolute; top:-3%; right:-2%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; font-size:30px;
display:none;}

@media(max-width:7680px){
    .tcspcontiner{ width:90%;}
}

.rside{ position:fixed; bottom:10px; right:20px; z-index:5;}
.rsidelist{}
.rsidelist li{ margin-bottom:30px;}
.rsidelist li:last-child{ margin-bottom:0;}
.rsidelist li.gotop{ display:none;}
.rsidelist li a{ display:block; box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.1); border-radius:100%;}

.nlbg{ width:100%; height:100%; position:fixed; top:0; left:0; background-color: rgba(0,0,0,0.8); z-index:999999; display:none; }
.nlcon{ width:800px; height:500px; background:#fff; padding-top:75px; text-align:center; display:flex; flex-direction:column;}
.nllogo img{ margin:0 auto;}
.nltit{ font-size:20px; color:#000000; font-family:'TAN - OFFICIAL'; margin-top:45px;}
.nldesc{ font-size:18px; font-family: 'HelveticaLTLight'; color:#646464; line-height:22px; margin-top:14px;}
.nldesc span{ color:#ff7915;}
.nlbtn{ margin-top:auto; display:flex;}
.nlbtn button{ width:50%; height:60px; font-size:16px; font-family:TANOFFICIALRegular; line-height:60px;}
.nlbtn button.nlbtn01{ background:#e1e1e1; color:#646464; }
.nlbtn button.nlbtn02{ background:#ff7915; color:#fff;}


/*二级页面开始*/


.erjiprotit{ margin-top:75px;}

/*Site Map*/
.dqwzbg{ background:#f0f0f0; padding:10px 0;}
.dqwz{ line-height:21px; font-size:20px; color:#646464;}
.dqwz a{ color:#646464;}
.dqwz a:hover{ color:#ff7915;}

.erjiconall{ padding:75px 0 170px 0;}
.erjitit{ font-size:40px; text-transform:uppercase; border-bottom:#ededed 1px solid; padding-bottom:20px;}

.site_mainmenu{ margin-top:20px;}
.site_mainmenu ul{ display:flex; flex-wrap:wrap;}
.site_mainmenu li{ width:25%; margin-top:30px;}
.site_mainmenu li a, .site_maptit{ display:block; text-transform:uppercase; font-size:30px; color:#505050; line-height:36px;}
.site_mainmenu li a:hover{ color:#ff7915;}

.site_mapitem{ margin-top:110px;}
.site_maplist{ padding-left:30px; margin-top:35px; position:relative;}
.site_maplist:before{ content:""; display:block; width:1px; background:#c8c8c8; position:absolute; left:0; top:0; height:calc(100% - 50px);}
.site_maplist ul{ display:flex; flex-wrap:wrap;}
.site_maplist li{ margin-bottom:50px; width:16.667%;}
.site_maplist li a{ color:#505050; font-size:20px; display:block;}
.site_maplist li a:hover{ color:#ff7915;}

.site_maplisttit{ color:#505050; font-size:22px; margin-top:45px; text-transform:uppercase;}

.site_maplisttit a:hover{ color:#ff7915;}

.site_mapnewslist:before{ height:calc(100% - 35px);}
.site_mapnewslist li{ width:48.5%; margin-right:3%; margin-bottom:35px;}
.site_mapnewslist li:nth-child(2n){ margin-right:0;}


/*Contact Us*/
.contactall{ padding-top:60px;}
.contactall .dqwzbg{ background:none;}
.contactus{}
.contacttit{ text-align:center; font-size:60px; line-height:60px; color:#505050; text-transform:uppercase;}

.contactflex{ display:flex; justify-content:space-between; margin-top:140px;}
.contactleft{ width:54.3%;}
.contactform{}
.contactform .wpforms-form{ position:relative;}
.contactform .wpforms-form .wpforms-field-container{}
.contactform .wpforms-form .wpforms-field-container .wpforms-field{ margin-bottom:30px; width:100%;}

.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label{ display:flex; flex-direction:row-reverse; justify-content: flex-end; width:100%; font-size:21.5px; color: #646464; line-height:36px;position:relative; font-family: 'HelveticaLTLight';}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-label .wpforms-required-label{ color:#ff0000; margin-right:5px;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium{ margin-top:5px; width: 100%; background:none; padding:9px 10px; line-height:40px; font-size: 18px; color: #d7d7d7; border: 1px solid #c8c8c8; border-radius:5px; }
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium:focus{ border-color:#ff7a15;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field textarea.wpforms-field-medium{ height: 166px; line-height:24px; font-family: 'Pingfang-SC', sans-serif; resize: none;}

/*设置默认颜色*/
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium[placeholder]{ color: #d7d7d7;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::placeholder{ color: #d7d7d7;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium:-moz-placeholder{ color: #d7d7d7;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::-moz-placeholder{ color: #d7d7d7;}
.contactform .wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-medium::-webkit-placeholder{ color: #d7d7d7;}



.contactform .wpforms-form .wpforms-submit-container{ width:100%; padding-top:20px;}
.contactform .wpforms-form .wpforms-submit-container .wpforms-submit{ cursor:pointer; display:block; width:100%; line-height:40px; padding:10px 0px; text-transform:uppercase; border-radius: 5px;  background: #505050;  font-size:21.5px; color: #f0f0f0; display:block;  position:relative; z-index:2;}
.contactform .wpforms-form .wpforms-submit-container .wpforms-submit:hover{ background-color:#ff7a15;}

.wpforms-error{ width:100%; display:block; color:#f00; font-size:14px; line-height:20px; padding-top:5px;}
.wpforms-confirmation-container{ text-align:center; font-size:18px; padding:20px 10px;}


.contactright{ width:36.8%; padding-top:40px;}
.contactdesc{ font-size:21.5px; color: #646464; line-height:36px;font-family: 'HelveticaLTLight';}
.contactlist{ margin-top:60px;}
.contactlist ul{}
.contactlist li{ display:flex; justify-content:space-between; margin-bottom:75px;}
.contactlist li .contacticon{ width:62px;}
.contactlist li .contacttext{ width:calc(100% - 102px);}
.contactlist li .contacttext h3{ font-size:24px; color:#646464; line-height:36px; letter-spacing:1px;}
.contactlist li .contacttext p{ font-size:21.5px; color: #646464; line-height:36px;font-family: 'HelveticaLTLight';}


/*Cooperation*/
.cooperationall{ width:906px; margin:130px auto 0;}

.cooperation_tab{}
.cooperation_tab ul{ display:flex;}
.cooperation_tab li{ width:300px; margin-right:3px; height:60px; line-height:60px; background:#f5f5f5; text-align:center; font-size:30px; color:#505050; cursor:pointer;}
.cooperation_tab li:nth-child(3n){ margin-right:0;}
.cooperation_tab li.active{ background:#ff7915; color:#fff;}

.cooperation_con{ margin-top:40px;}
.cooperation_conitem{ text-align:center; display:none;}
.cooperation_con .cooperation_conitem:nth-child(1){ display:block;}
.cooperation_conitem p{ line-height:30px; font-size:20px; color:#505050;font-family: 'HelveticaLTLight';}

.cooperationform{ width:760px; margin:110px auto 0;}

/*Products*/
.productsall{ margin-top:120px;}

.productstop{ display:flex; justify-content:space-between; border-bottom:#f0f0f0 2px solid; padding-bottom:10px;}
.pronav{ width:calc(100% - 350px);}
.pronav ul{ display:flex;}
.pronav li{ margin-right:60px;}
.pronav li a{ display:block; text-transform:uppercase; white-space:nowrap; color:#505050; line-height:50px; font-size:24px; position:relative;}
.pronav li a:hover, .pronav li.active a{ color:#ff7915;}
.pronav li a:hover:after, .pronav li.active a:after{ content:""; display:block; width:100%; position:absolute; left:0; bottom:-12px; height:2px; background:#000;}

.prosearch{ width:350px;}
.prosearch form{ position:relative;}
.prosearch input.prosearchfield{ height:50px; background:#f5f5f5; border:none; border-radius:30px; padding:0 30px; color:#969696; font-size:22px; width:100%;}
.prosearch input.prosearchbtn{ display:block; width:30px; height:30px; background:url(assets/images/prosearchbtn.png) no-repeat center center; border:none; cursor:pointer; position:absolute; right:30px; top:10px;}

.productslist{ margin-top:70px;}
.productslist ul{ display:flex; flex-wrap:wrap;}
.productslist li{ width:23.929%; margin-right:1.428%; margin-bottom:90px;}
.productslist li:nth-child(4n){ margin-right:0;}
.productslist li a{ display:block;}
.productslist li a .productsimg{ height:400px; background:#f5f5f5; display:flex; align-items:center; justify-content:center; position:relative;}
.productslist li a .promark{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; visibility: hidden; opacity: 0; transition: all 1s;}
.productslist li a .promarknr{ color:#fff; font-size:20px; line-height:30px; text-transform:uppercase; text-align:center; padding:0 20px;}
.productslist li a .productstext{ margin-top:40px;}
.productslist li a .productstext .prolisttitle{ font-size:30px; color:#505050; text-transform:uppercase; line-height:36px; font-weight:normal; text-align:center;}
.productslist li a:hover .promark{visibility: visible; opacity: 1;}
.productslist li a:hover .productstext .prolisttitle{ color:#ff7915;}

.promorebtn{ margin-top:50px;}
.promorebtn a{ display:block; width:45px; height:71px; margin:0 auto; background:url(assets/images/promorebtn.png) no-repeat center center;}

/*Products Verify*/
.products_perify{ margin-top:5px;}
.fwtxm img{ max-width:584px; margin:0 auto;}
.fwtxmtext{ margin-top:90px;}
.fwtxmtext p{ font-size:22px; color:#000000; line-height:42px; text-align:center;font-family: 'HelveticaLTLight';}

.perify{ width:700px; margin:90px auto 0;}
.perifyform{}
.perify_field{ position:relative;}
.perify_field input{ height:50px; line-height:50px; background:#f5f5f5; width:100%; border:none; border-radius:50px; font-size:22px; color:#969696; padding:0 38px;}
.perify_field .saoyisao{ width:28px; height:28px; background:url(assets/images/icon_sys.png) no-repeat center center; cursor:pointer; position:absolute; right:34px; top:11px;}
.perify_noteflex{ display:flex; justify-content:center; margin-top:20px;}
.perify_note{ display:flex; align-items:center;}
.perify_note .perify_fieldicon{ margin-right:15px; width:25px; height:29px; background:url(assets/images/icon_lvduigou.png) no-repeat center top;}
.perify_note .perify_fieldicon.perify_fieldicon-fail{ background:url(assets/images/icon_lvduigoufail.png) no-repeat center top;}
.perify_note .perify_fieldtext{ width:calc(100% - 40px); font-size:20px; color:#000000; line-height:42px;font-family: 'HelveticaLTLight';}
.perify_submit{ margin-top:60px;}
.perify_submit input{ display:block; width:200px; height:50px; border:none; cursor:pointer;font-family: 'HelveticaLTLight'; border-radius:50px; font-size:22px; line-height:42px; color:#fff; background: linear-gradient(180deg, #ffb40b 0%,#ff7915 100%); margin:0 auto;}

.instructions{ margin-top:200px;}
.instructionslist{ margin-top:80px;}
.instructionslist ul{}
.instructionslist li{ margin-bottom:80px;}
.instructionslist li .instr_licon{ display:flex; background:#f5f5f5; align-items:center; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);}
.instructionslist li .instr_licon .instrimg{ width:50%; overflow:hidden;}
.instructionslist li .instr_licon .instrtext{ width:50%; padding:65px 75px 65px 65px;}
.instructionslist li .instr_licon .instrtext h3{ font-size:30px; color:#ff7915; line-height:40px;}
.instructionslist li .instr_licon .instrtext .instrdesc{ margin-top:25px;}
.instructionslist li .instr_licon .instrtext .instrdesc p{ font-size:22px; line-height:36px; color:#000000;font-family: 'HelveticaLTLight';}

/*Experience*/
.experienceall{ padding-top:75px;}
.experdesc{ text-align:center; font-size:22px; line-height:42px; font-family: 'HelveticaLTLight';}

.expernav{ margin-top:110px;}
.experlist{ margin-top:70px;}
.experlist ul{ display:flex; flex-wrap:wrap;}
.experlist li{ width:30.715%; margin-bottom:80px; margin-right:3.928%;}
.experlist li:nth-child(3n){ margin-right:0;}
.experlist li a{ display:block; position:relative; transition: all 0.3s;}
.experlist li a .experimgcon{ position:relative;}
.experlist li a .experimg{ overflow:hidden;}
.experlist li a .experimg img{ width:100%;}
.experlist li a .expericon{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.6);  justify-content:center; align-items:center; display:none; transition: all 0.3s; }
.experlist li a .expertext{ font-size:22px; color:#646464; line-height:24px; margin-top:15px; font-family: 'HelveticaLTLight';}
.experlist li a:hover .expericon{ display:flex;}
.experlist li a:hover .experimg img{ transform: scale(1.1);}
.experlist li a:hover .expertext{ color:#ff7915;}


/*分页样式开始*/
#pageabc{text-align:center;margin:30px 0;clear:both;height:auto;overflow:hidden;color:#c8c8c8;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc a{font-size:20px;color:#c8c8c8;padding:6px 12px;border:1px solid #c8c8c8;text-decoration:none;margin:0px 10px;display:inline-block;text-align:center;}
#pageabc a.prve, #pageabc a.next{ text-indent:-999em; padding:6px 18px; background-position:center center; background-repeat:no-repeat;}
#pageabc a.prve{ background-image:url(assets/images/fyicon_prev.png);}
#pageabc a.next{ background-image:url(assets/images/fyicon_next.png);}
#pageabc a.prve:hover{ background-image:url(assets/images/fyicon_prevhover.png);}
#pageabc a.next:hover{ background-image:url(assets/images/fyicon_nexthover.png);}
#pageabc a:hover,#pageabc a.current{color:#ff7915;border-color:#ff7915;}
/*分页样式结束*/


/*About Us*/
.aboutusflex{ display:flex; justify-content:space-between; margin-top:180px;}
.aboutusleft{ width:47.143%;}
.aboutusright{ width:46.5%;}
.aboutusright p{ font-size:22px; color:#000000; line-height:42px; margin-bottom:40px; font-family: 'HelveticaLTLight';}
.aboutusright p:last-child{ margin-bottom:0;}

.ouradv{ margin-top:200px;}
.ouradvlineall{ margin-top:60px;}
.ouradvlineall li{ margin-bottom:48px;}
.ouradvlineall li .ouradvline{ display:flex; justify-content:space-between; border-bottom:#c8c8c8 6px solid; position:relative; padding-bottom:10px;}
.ouradvlineall li .ouradvline:after{ content:""; display:block; height:6px; background:#646464; position:absolute; left:0; bottom:-6px; z-index:2;}
.ouradvlineall li .ouradvlineleft{ width:70%; font-size:24px; line-height:60px; color:#646464;}
.ouradvlineall li .ouradvlineright{ width:17.5%; font-size:50px; line-height:60px; color:#ff7915; font-weight: bold; font-family: 'LemonMilk';}
.ouradvlineall li .ouradvlineright span{ font-size:36px;}
.ouradvlineall li:last-child{ margin-bottom:0;}
.ouradvlineall li:nth-child(1) .ouradvline:after{ width:64.286%;}
.ouradvlineall li:nth-child(2) .ouradvline:after{ width:71.43%;}
.ouradvlineall li:nth-child(3) .ouradvline:after{ width:57.143%;}
.ouradvlineall li:nth-child(4) .ouradvline:after{ width:85.71%;}


.ouradvlist{ margin-top:120px;}
.ouradvlist ul{ display:flex; flex-wrap:wrap;}
.ouradvlist li{ width:33.333%;}
.ouradvlist li .ouradvlicon{ background:#f5f5f5; height:100%;}
.ouradvlist li .ouradvimg{ width:100%; height:100%;}
.ouradvlist li .ouradvtextcon{ padding:0 45px;  height:100%;display:flex; align-items:center;}
.ouradvlist li .ouradvtext{}
.ouradvlist li .ouradvtext h3{ font-size:40px; line-height:40px; text-transform:uppercase; color:#ff7915; font-weight:bold;}
.ouradvlist li .ouradvtext .ouradvdesc{ margin-top:35px; font-size:22px; line-height:36px; color:#000000; font-family: 'HelveticaLTLight';}

/*FAQ*/
.faqall{}
.faqitem{ margin-top:130px;}
.faqflex{ display:flex; justify-content:space-between;}
.faqleft{ width:37.143%; position:relative;}
.faqleft .faqimg{}
.faqleft .faqtextbg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.faqleft .faqtext{ padding:60px;}
.faqleft .faqtext h3{ font-size:48px; line-height:60px; color:#fff; text-transform:uppercase;}

.faqright{ width:57.143%;}
.faqlist{}
.faqlist ul{}
.faqlist li{ margin-bottom:30px; }
.faqlist li:last-child{ margin-bottom:0;}
.faqlist li .faqwenti{ position:relative; height:80px; background:#f5f5f5; line-height:36px; padding:22px 32px 22px 66px; color: #000000; font-size: 22px;  cursor:pointer; font-family: 'HelveticaLTLight';}
.faqlist li .faqwenti:before{ content:""; display:block; width:30px; height:30px; background:url(assets/images/wenhao.png) no-repeat; position:absolute; left:20px;}
.faqlist li .faqwenti .faqtit{ width:calc(100% - 40px);}
.faqlist li .faqwenti i{display:block; width:24px; height:14px; position:absolute; right:30px; top:35px; background:url(assets/images/faqjt.png) no-repeat center center; transition: all 0.3s;}
.faqlist li .faqhuida{ display:none; padding:20px 40px 50px 66px;font-size: 22px; color:#646464; background:#f5f5f5; line-height:36px; border-top:#c8c8c8 2px solid; font-family: 'HelveticaLTLight'; }
.faqlist li .faqhuida p{color: #646464; }
.faqlist li.active .faqwenti i{  transform: rotate(180deg); }


/*雾化技术*/
.erjibanner, .imgrelative{ position:relative;}
.erjitextbg{ position:absolute; left:0; top:0; padding-top:170px; width:100%; height:100%;}
.erjitext{}
.erjitext h1{ font-size:60px; color:#fff; text-align:center; text-transform:uppercase; font-family: 'TANOFFICIALRegular';}
.erjitext .erjitextdesc{ font-size:24px; color:#fff; text-align:center; line-height:24px; font-family: 'HelveticaLTLight'; margin-top:10px;}

.sytek_jieshaobg{ padding:335px 0;}
.sytek_jieshaoflex{ display:flex; justify-content:space-between;}
.sytek_jieshaoleft{ width:31%;}
.sytek_jieshaoright{ width:58.286%;}
.sytek_jieshaonr{}
.sytek_jieshaonr p{ font-size:20px; line-height:30px; color:#505050; margin-bottom:24px; font-family: 'HelveticaLTLight';}
.sytek_jieshaonr p:last-child{ margin-bottom:0;}



.sytek_enjoybg{ position:relative; overflow:hidden;}
.sytek_enjoytextbg{ position:absolute; left:0; top:0; padding-top:115px; width:100%; height:100%;}
.sytek_enjoytext{ text-align:center; color:#fff;}
.sytek_enjoytext h1{ font-size:40px; text-transform:uppercase; font-weight:normal; font-family: 'TANOFFICIALRegular';}
.sytek_enjoytext .sytek_enjoytextdesc, .sytek_enjoytext .erjitextdesc{ font-size:22px; margin-top:20px; font-family: 'HelveticaLTLight';}

/*特效处理*/
.sytek_enjoybggd.fixed{ position:fixed; top:80px; z-index:5; height:100%;}
.sytek_enjoybgimg{ width:100%; height:100%;}
.sytek_enjoybgimg img{ width:100%; height:100%; object-fit: cover; object-position: center;}
.sytek_enjoyyanqh{}
.sytek_enjoyyanlist{ width:100%; height:764px; overflow:hidden; position:relative; top:50px;}
.sytek_enjoyyanlist ul{}
/*
.sytek_enjoyyanlist li{opacity: 0 !important; transition: all 0.3s; }
.sytek_enjoyyanlist li.swiper-slide-active{opacity: 1 !important;}
*/
.sytek_enjoyyanlist li img{ margin:0 auto; max-width: 12.8125%;}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.sytek_databg{ padding:245px 0 270px 0;}
.sytek_datalist{}
.sytek_datalist ul{ display:flex;}
.sytek_datalist li{ width:25%;}
.sytek_datalist li .sytek_datalicon{ margin:0 auto; max-width:220px;}
.sytek_datalist .sytek_datatop{ width:200px; height:200px; margin:0 auto; background:url(assets/images/sytek_kedu.png) no-repeat; display:flex; align-items:center; justify-content:center;}
.sytek_datalist .syketkd{}
.sytek_datalist .syketkd span{font-family: 'HelveticaLTMedium';}
.sytek_datalist .syketkd .syket_num{ font-size:70px; color:#000000;}
.sytek_datalist .syketkd .syket_dw{ font-size:40px; color:#000000;}
.sytek_datatext{ text-align:center; margin-top:30px;}
.sytek_datatext p{ font-size:20px; line-height:28px; color:#505050; font-family: 'HelveticaLTLight';}
.sytek_datalist li:nth-child(2) .syketkd .syket_num, .sytek_datalist li:nth-child(3) .syketkd .syket_num{ font-size:60px;}
.sytek_datalist li:nth-child(2) .syketkd .syket_dw, .sytek_datalist li:nth-child(3) .syketkd .syket_dw{ display:block; text-align:center; font-size:22px;}
.sytek_datalist li:nth-child(4) .syketkd .syket_dw{ font-size:22px;}

.sytek_multibg{ overflow:hidden;}
.sytek_multibg .sytek_enjoytext h1{ color:#000000;}
.sytek_multibg .sytek_enjoytext .sytek_enjoytextdesc{ color:#000000;}

.sytek_qualitybg{ padding:200px 0;}
.sytek_qualitylist{}
.sytek_qualitylist ul{ display:flex;}
.sytek_qualitylist li{ width:24.643%; margin-right:0.428%; cursor:pointer;}
.sytek_qualitylist li:nth-child(4n){ margin-right:0;}
.sytek_qualitylist li .sytek_qualitycon{ height:500px; padding:80px 60px 0;}
.sytek_qualitylist li .sytek_qualityicon{ height:111px; display:flex; align-items:flex-end;}
.sytek_qualitylist li .sytek_qualityicon .hover{ display:none;}
.sytek_qualitylist li .sytek_qualitytext{ margin-top:35px;}
.sytek_qualitylist li .sytek_qualitytext h3{ color:#4f4f4f; line-height:28px; font-size:28px; text-transform:uppercase;}
.sytek_qualitylist li .sytek_qualitytext .sytek_qualitytextdesc{ margin-top:25px; font-size:20px; color:#505050; line-height:28px; font-family: 'HelveticaLTLight';}
.sytek_qualitylist li:hover .sytek_qualitycon{ background:#ff7915;}
.sytek_qualitylist li:hover .sytek_qualitytext h3, .sytek_qualitylist li:hover .sytek_qualitytext .sytek_qualitytextdesc{ color:#fff;}
.sytek_qualitylist li:hover .sytek_qualityicon .hover{ display:block;}
.sytek_qualitylist li:hover .sytek_qualityicon .mr{ display:none;}

.sytek_timsbg{ position:relative;}
.sytek_timstextbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center;}
.sytek_timstext{}
.sytek_timstext h1{ text-align:center; color:#fff; font-size:40px; line-height:55px; text-transform:uppercase;}
.sytek_timstext .sytek_timstextdesc{ max-width:1080px; margin:50px auto 0;}
.sytek_timstext .sytek_timstextdesc p{ font-size:20px; line-height:28px; color:#fff; text-align:center; font-family: 'HelveticaLTLight';}


.sytek_foodbg{ position:relative;}
.sytek_foodtextbg{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center;}
.sytek_foodtext h1{ color:#353535; font-size:40px; line-height:48px; text-transform:uppercase;}
.sytek_foodtext .sytek_foodtextdesc{ max-width:610px; margin:40px 0 0 0;}
.sytek_foodtext .sytek_foodtextdesc p{ font-size:20px; line-height:28px; color:#353535; font-family: 'HelveticaLTLight';}


/*Top E-Liquid*/
.w1200{ max-width:1200px; margin:0 auto;}
.eliquid_everybg{ padding:274px 0;}
.eliquid_every{ overflow:hidden;}
.eliquid_every .sytek_jieshaoflex{ align-items:center;}
.eliquid_every .sytek_jieshaoleft{ width:45.583333%;}
.eliquid_every .sytek_jieshaoright{ width:44.583333%;}
.sytek_jieshaonr h3{ font-size:40px; line-height:48px; text-transform:uppercase; margin-bottom:40px; color:#505050;}

.eliquid_professionalbg{}
.eliquid_professionalbg .sytek_timstextbg{ background:none;}
.eliquid_professionalbg .sytek_timstext .sytek_timstextdesc{ margin-top:10px;}

.eliquid_gysbg{ padding:90px 0 190px 0;}
.eliquid_gysflex{ display:flex; justify-content:space-between; align-items:flex-end;}
.eliquid_gysleft{ width:34.25%;}
.eliquid_gysright{ width:54%; padding-bottom:35px;}
.eliquid_gystext{}
.eliquid_gystext p{ font-size:20px; color:#505050; line-height:33px; font-family: 'HelveticaLTLight';}
.eliquid_gyslist{ margin-top:50px;}
.eliquid_gyslist ul{ display:flex; flex-wrap:wrap;}
.eliquid_gyslist li{ width:49%; margin:0 2% 2% 0; }
.eliquid_gyslist li:nth-child(2n){ margin-right:0;}
.eliquid_gyslist li .eliquid_gysimg{ background:#787878;}
.eliquid_gyslist li .eliquid_gysimg img{ margin:0 auto;}

.eliquid_gradebg{ padding:107px 0; overflow:hidden;}
.eliquid_grade{}
.eliquid_gradetitimg img{ margin:0 auto;}
.eliquid_gradetit{ margin-top:60px;}
.eliquid_gradetit h1{ font-size:48px; text-align:center; text-transform:uppercase; color:#000000;}
.eliquid_gradedesc{ text-align:center; font-size:20px; line-height:28px; color:#000000; margin-top:20px; font-family: 'HelveticaLTLight';}
.eliquid_gradelist{ margin-top:45px; overflow:hidden;}
.eliquid_gradelist ul{ display:flex;}
.eliquid_gradelist li{ width:32%; margin-right:2%;}
.eliquid_gradelist li:nth-child(3n){ margin-right:0;}


/*News*/
.newsbgll{ padding:80px 0 150px 0;}

.news_tjall{ display:flex; justify-content:space-between; }
.newstjleft{ width:64.643%;}
.newstjitem{ position:relative;}
.newstjitem a{ display:block;}
.newstjitem .newstjitemimg{ overflow:hidden;}
.newstjitem a:hover .newstjitemimg img{transform: scale(1.1);}
.newstjitem .newstjitemtext{ width:100%; position:absolute; left:0; bottom:0; height:60px; background:rgba(0,0,0,.5); padding:0 30px; display:flex; justify-content:space-between; align-items:center;}
.newstjitem .newstjitemtext h3{ font-size:20px; line-height:24px; font-weight:normal; color:#ffffff; text-transform:uppercase; overflow: hidden; width:calc(100% - 250px); white-space: nowrap; text-overflow: ellipsis;}
.newstjitem .newstjitemtext .newstjitemdate{ color:#ffffff; font-size:20px; line-height:35px; width:120px; text-align:right;}
.newstjitem a:hover .newstjitemtext h3{ color:#ff7915;}

.newstjright{ width:33.93%;}
.newstjright .newstjitem{ margin-bottom:20px;}
.newstjright .newstjitem .newstjitemtext{ padding:0 15px;}
.newstjright .newstjitem .newstjitemtext h3{ width:calc(100% - 150px);}

.mtjnewslist{ overflow:hidden;}

.newsnav{ margin-top:50px;}
.newsnav .pronav{ width:100%;}
.newslistall{ margin-top:50px;}
.newslist ul{ display:flex; flex-wrap:wrap;}
.newslist li{ width:32%; margin:0 2% 80px 0;}
.newslist li:nth-child(3n){ margin-right:0;}
.newslist li a{ display:block; height:100%; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);}
.newslist li a .newsimg{ overflow:hidden; height:254px;}
.newslist li a:hover .newsimg img{transform: scale(1.1);}
.newslist li a .newstext{ padding:20px 25px 25px 25px;}
.newslist li a .newstext h3{ font-size:20px; line-height:24px; color:#646464; font-weight:normal; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.newslist li a .newsbottom{ margin-top:20px; display:flex; justify-content:space-between;}
.newslist li a .newsbottom .newsssfl{ font-size:18px; line-height:20px; text-transform:uppercase; position:relative; padding-left:11px; color:#646464;}
.newslist li a .newsbottom .newsssfl:before{ width:2px; height:14px; content:""; display:block; background:#ff7915; position:absolute; left:0; top:3px;}
.newslist li a .newsbottom .newsdate{ font-size:18px; line-height:20px; background:url(assets/images/icon_time.png) no-repeat left center; padding-left:28px; color:#646464;}
.newslist li a:hover .newstext h3{ color:#ff7915;}
.newslist li a:hover{ box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}

/*News-详情页*/
.singlenewsbgll{ padding:70px 0 114px 0;}
.singlenewstit{}
.singlenewstit h1{ font-size:40px; color:#505050; text-transform:uppercase;  line-height:55px; text-align:center; }
.singlenews_authordate{ display:flex; justify-content:space-between; border-bottom:#f0f0f0 2px solid; padding-bottom:11px; margin-top:60px;}

.singlenews_authordate .siglenewsauthor, .singlenews_authordate .singlenewsdate{ font-size:20px; line-height:25px; color:#646464; background:url(assets/images/icon_author.png) no-repeat left center;  font-family: 'HelveticaLTLight'; padding-left:35px;}
.singlenews_authordate .singlenewsdate{ background:url(assets/images/icon_timeda.png) no-repeat left center;}

.singlenewsbogy{ margin-top:65px; padding-bottom:70px;}
.singlenewsbogy p, #outputlinks, #outboundlinks{ font-size:22px; line-height:36px; color:#646464; font-family: 'HelveticaLTLight';}
.singlenewsbogy p{ margin-bottom:65px;}

.singlenewsbogy iframe{ width:80%; height:550px; display:block; margin:0 auto;}

@media(max-width:768px){
    .singlenewsbogy iframe{ width:100%; height:250px; }
}


.singlenewsbogy h2, .singlenewsbogy h3{ margin-bottom:25px; font-size:30px; color:#505050; line-height:55px; text-transform:uppercase;}
.singlenewsbogy h3{font-size:24px;}


.singlenewsbogy a, #internallink{ color:#ff7915;}
.singlenewsbogy a:hover, #internallink:hover{ text-decoration:underline;}

.singlenewsbogy ol, .singlenewsbogy ul{ padding-left:20px; margin-bottom:20px;}
.singlenewsbogy ol li, .singlenewsbogy ul li{ font-size:20px; list-style: decimal; line-height:36px; color:#646464; font-family: 'HelveticaLTLight';}
.singlenewsbogy ul li{ list-style:disc;}

.singlenewsbogy .wp-block-table{ margin:20px 0;}
.wp-element-caption{ font-size:14px; margin-top:10px;}

.morenewsall{ margin-top:50px; border-top:#f0f0f0 2px solid; padding-top:60px;}
h2.morenewstit{ margin-bottom:40px; font-size:30px; color:#505050; line-height:55px; text-transform:uppercase;}
.morenewsqh{ position:relative;}
.morenewslist{ overflow:hidden; padding:0 20px 20px 20px; margin:0 -20px;}
.morenewslist ul{ flex-wrap:nowrap;}
.morenewslist ul li{ margin-bottom:0; height:auto;}
.morenewspage{ margin-top:70px; display:flex; justify-content:center;}
.morenewspage .swiper-pagination-bullet{ display:block; background:#c8c8c8; cursor:pointer; margin:0 12px; width:50px; height:2px;}
.morenewspage .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ff7915;}


/*News-SEO*/
.newsseohot{ display:flex; justify-content:space-between; }
.newsseoleft{ width:71.429%;}
.newsseo_hotnewslist{ overflow:hidden;}
.newsseo_hotnewslist .newstjitem .newstjitemimg{ height:590px;}

.newseoright{ width:23.575%;}
.newsseoflall{}
h2.newsseofltit{ font-size:30px; color:#505050; text-transform:uppercase; white-space:nowrap; font-weight:bold; background:url(assets/images/news_seolbicon.png) no-repeat left center; padding-left:40px; line-height:18px;}
.newsseofllist{ margin-top:40px;}
.newsseofllist li{ margin-bottom:0px;}
.newsseofllist li a{ font-size:16px; color:#505050; line-height:36px; display:block; display:flex; align-items:center;}
.newsseofllist li a:before{ content:""; display:block; width:10px; height:10px; background:#878787; border-radius:100%; margin-right:20px;}
.newsseofllist li a:hover{ color:#ff7915;}
.newsseofllist li a:hover:before{ background:#ff7915;}

.newsseo_hotnewspage{ margin-top:28px; display:flex; justify-content:center;}
.newsseo_hotnewspage .swiper-pagination-bullet{ display:block; background:#c8c8c8; cursor:pointer; margin:0 10px; width:56px; height:2px;}
.newsseo_hotnewspage .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#ff7915;}

.newsseo_listall{ margin-top:80px;}
.newsseo_listall .newslistall{ margin-top:0;}
.newsseo_listall .newseoright{ position:relative;}
.adguanli{ width:100%; position: sticky; top:80px;}
.adlist, .madguanli{ overflow:hidden;}
.newsseo_listall .newslist li a .newstext{ padding:17px 20px;}
.newsseo_listall .newslist li{ margin-bottom:60px;}
.newsseo_listall .newslist li:nth-last-child(-n+3){ margin-bottom:0;}

.newsseo_fy{ margin-top:80px;}


/*News-SEO-二级目录*/
.newsseo_erjitit{}
.newsseo_erjitit h2{ font-size:40px; line-height:55px; color:#505050; text-transform:uppercase;}
.newsseo_erjidesc{ font-size:22px; line-height:36px; color:#646464; font-family: 'HelveticaLTLight'; margin-top:40px;}
.newsseo_erjiad{ margin:60px 0;}
.newsseo_erjiad a{ display:block;}
.newsseo_erjiad a img{ width:100%;}

/*News-SEO-详情页*/
.singlenewsseobgll{}
.singlenewsseoflex{ display:flex; justify-content:space-between; }
.snewsseoleft{ width:74.43%; padding-right:45px; border-right:#f0f0f0 1px solid;}
.singlenewsseoflex .adguanli{ margin-top:68px;}
.singlenewsseoflex .singlenewstit h1{ text-align:left; margin-top:-15px;}
.singlenewsseoflex .singlenewsbogy{ margin-top:32px;}

.snewsseomenu{ width:375px; margin-bottom:40px;}
.snewsseomenubtn{ background:#505050; color:#fff; font-size:20px; line-height:36px; padding:7px 25px; position:relative; cursor:pointer;}
.snewsseomenubtn:after{ content:""; display:block; width:16px; height:13px; background:url(assets/images/snewsseomenubtn.png) no-repeat; position:absolute; right:45px; top:20px; transition: all 0.3s; }
.snewsseomenubtn.zizenglei:after{transform: rotate(180deg);}
.snewsseomenulist{ background:#f0f0f0; padding:20px 20px 20px 25px;}
.snewsseomenulist>ul{}
.snewsseomenulist ul li{ list-style:none;}
.snewsseomenulist ul li a{ font-size:19px; font-family:'Pingfang-SC', sans-serif; line-height:40px; color:#505050; display:block; white-space:nowrap;}
.snewsseomenulist ul li a span{ color:#ff7915;}

.singlenewsbogy .madguanli ul li{ list-style:none;}


/*产品详情页*/
.single_proall{}
.singleprorel{ position:relative;}
.singleproabs{ width:100%; height:100%; position:absolute; top:0; left:0; display:flex; align-items:center;}

.singleprotext h2{ font-size:39px; line-height:40px; color:#783b0d; text-transform:uppercase; margin-top:24px;}
.singlepro_textdesc{ margin-top:24px;}
.singlepro_textdesc p{ font-size:24px; line-height:32px; color:#505050; font-family: 'HelveticaLTLight';}

.singleprosetp001 .singleprotext{ padding-left:80px;}

.singleprosetp002 .singleproabs{ justify-content:center; text-align:center; background:rgba(0,0,0,0.6);}
.singleprosetp002 .singleprotextimg img{ margin:0 auto;}
.singleprosetp002 .singlepro_textdesc{ margin-top:40px;}
.singleprosetp002 .singlepro_textdesc p{ color:#fff;}

.singleprosetp003{ background:#f5f5f5;}
.singleproflex{ display:flex; justify-content:space-between;}
.singleproleft{ width:50%;}
.singleproright{ width:50%;}

.singleprosetp003 .singleprotext h2{ font-size:60px; color:#505050; margin-top:0; line-height:72px;}
.singlepro_gold{ display:flex; margin-top:60px;}
.singlepro_gold img{ margin-right:25px; box-shadow: 0px 26px 27px 0px rgba(0, 0, 0, 0.2);}

.singleprosetp004 .singleproabs{ justify-content:center; text-align:center; align-items:flex-start; padding-top:80px;}
.singleprosetp004 .singleprotext h2{ font-size:60px; color:#505050; margin-top:0; line-height:72px;}

.sproslidelist{ overflow:hidden;}
.sproslidelist li{ position:relative;}
.sproslidelist li .sproslidetext{ color:#fff; text-align:center; position:absolute; width:100%; left:0; bottom:80px; text-transform:uppercase; font-size:24px; line-height:38px;}
.sproslidelist li .sproslideimg img{ width:100%;}

.sproslidepaing{ display:flex; justify-content:center; position:absolute; width:100%; left:0; bottom:32px; z-index: 5;}
.sproslidepaing .swiper-pagination-bullet{ display:block; width:30px; height:30px; margin:0 30px; cursor:pointer; border-radius:100%; position:relative;}
.sproslidepaing .swiper-pagination-bullet:before{ content:""; display:block; width:18px; height:18px; border-radius:100%; position:absolute; left:6px; top:6px;}

.sproslidepaing .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-repeat:no-repeat; background-position:center center;}
.sproslidepaing .swiper-pagination-bullet:nth-child(1):before{ background:#282828;}
.sproslidepaing .swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep001.png);}
.sproslidepaing .swiper-pagination-bullet:nth-child(2):before{ background:#fff;}
.sproslidepaing .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep002.png);}
.sproslidepaing .swiper-pagination-bullet:nth-child(3):before{ background:#ffe360;}
.sproslidepaing .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep003.png);}
.sproslidepaing .swiper-pagination-bullet:nth-child(4):before{ background:#d11212;}
.sproslidepaing .swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep004.png);}
.sproslidepaing .swiper-pagination-bullet:nth-child(5):before{ background:#0942d3;}
.sproslidepaing .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep005.png);}
.sproslidepaing .swiper-pagination-bullet:nth-child(6):before{ background:#bb0fb1;}
.sproslidepaing .swiper-pagination-bullet:nth-child(6).swiper-pagination-bullet-active{ background-image:url(assets/images/singlepro/sproslidep006.png);}


.singleprosetp007 .singleprotext h2{ font-size:60px; line-height:66px; color:#fff;}

.singleprosetp008 .singleprotext h2{ font-size:60px; line-height:72px; color:#505050; margin-top:0;}
.spro8gd{ position:absolute; left:63%; top:40%;}

@-webkit-keyframes Breathing{
	from{opacity: 1; transform:scale(1);}
	50%{opacity: 0.5; transform:scale(2);}
	to{opacity:1; transform:scale(1);}
}
@-moz-keyframes Breathing{
	from{opacity: 1; transform:scale(1);}
	50%{opacity: 0.5; transform:scale(2);}
	to{opacity:1; transform:scale(1);}
}
@-o-keyframes Breathing{
	from{opacity: 1; transform:scale(1);}
	50%{opacity: 0.5; transform:scale(2);}
	to{opacity:1; transform:scale(1);}
}


@keyframes Breathing{
	from{opacity: 1; transform:scale(1);}
	50%{opacity: 0.5; transform:scale(2);}
	to{opacity:1; transform:scale(1);}
}

.spro8gd span{ display:block; width:8px; height:8px; background:#ff7e00; border-radius:100%; position:absolute; top:54px; -webkit-animation: Breathing 1.4s ease-in-out infinite;-moz-animation: Breathing 1.4s ease-in-out infinite;-o-animation: Breathing 1.4s ease-in-out infinite;animation: Breathing 1.4s ease-in-out infinite;}

.singleprosetp009 .singleprotext h2, .singleprosetp009 .singlepro_textdesc p{ color:#fff;}

.singleprosetp009fu .singleprotext{ text-align:right;}
.singleprosetp009fu .singleprotext h2{ font-size:60px; line-height:72px; color:#fff;}
.singleprosetp009fu .singlepro_textdesc p{ color:#fff;}

.spro9gd{ position:absolute; left:40.5%; top:49.7%;}
.spro9gd span{ display:block; width:8px; height:8px; background:#ff7e00; border-radius:100%; position:absolute; top:0px; -webkit-animation: Breathing 1.4s ease-in-out infinite;-moz-animation: Breathing 1.4s ease-in-out infinite;-o-animation: Breathing 1.4s ease-in-out infinite;animation: Breathing 1.4s ease-in-out infinite; z-index:5;}


.singleprosetp010{ padding:88px 0;}
.singleprosetp010 .singleprotext{ text-align:center;}
.singleprosetp010 .singleprotext h2{ font-size:60px; line-height:72px; color:#505050; margin-top:0;}
.single_pro10qh{ width:256px; height:325px; margin:50px auto 0;}
.spro10dz{ display:flex; justify-content:center; margin-top:50px;}
.spro10dzitem{ margin:0 29px;}


.singleprosetp012{ padding:160px 0 90px 0;}
.singleprosetp012 .singleproflex{ align-items:center;}

.spro012left{ width:52.14%;}
.spro012left .singleprotext h2{ font-size:60px; line-height:72px; color:#505050;}
.spro012right{ width:44.57%;display:flex; justify-content:center; }
.spro012rightimg{ position:relative;}
.single_pr12dx{ position:absolute;}
.single_pr12dx001{ bottom: 15px;  left: -134%;}
.single_pr12dx span{ display:block; width:8px; height:8px; background:#ff7e00; border-radius:100%; position:absolute; -webkit-animation: Breathing 1.4s ease-in-out infinite;-moz-animation: Breathing 1.4s ease-in-out infinite;-o-animation: Breathing 1.4s ease-in-out infinite;animation: Breathing 1.4s ease-in-out infinite; z-index:5;}
.single_pr12dx001 span{ right:-4px; top:-4px;}
.single_pr12dx002{bottom: 24%;  right: -95%;}
.single_pr12dx002 span{ left:-4px; top:68%;}
.single_pr12dx003{bottom: 3%;  right: -110%;}
.single_pr12dx003 span{ left:-4px; top:73%;}


.singleprosetp012fu .singleprosetp012text{ margin-top:100px;}
.singleprosetp012fu .singleprosetp012text h2 { font-size:48px; line-height:60px;}
.singleprosetp012fu .singleprosetp012text .singlepro_textdesc{ margin-top:0;}


.singleprosetp013left{ width:43%;}
.singleprosetp013left .singleprotext h2{ font-size:60px; line-height:72px; color:#505050; margin-top:0;}
.single_pro013iconlist{ margin-top:80px;}
.single_pro013iconlist ul{ display:flex; justify-content:space-between;}
.single_pro013iconlist li{}
.single_pro013iconlist li .single_pro013iconimg{}
.single_pro013iconlist li .single_pro013iconimg img{ margin:0 auto;}
.single_pro013iconlist li .single_pro013icontext{ margin-top:20px; font-family: 'HelveticaLTLight'; text-align:center; font-size:24px; color:#ff7915; line-height:30px;}

.spro014dx{}
.spro014dx > div{ position:absolute;}
.spro014dx > div > span{  display:block; width:8px; height:8px; background:#ff7e00; border-radius:100%; position:absolute; -webkit-animation: Breathing 1.4s ease-in-out infinite;-moz-animation: Breathing 1.4s ease-in-out infinite;-o-animation: Breathing 1.4s ease-in-out infinite;animation: Breathing 1.4s ease-in-out infinite; z-index:5; right:-4px; top:40%;}

.spro014dx > div.single_pr14dx001{ left:43%; top:27%;}
.spro014dx > div.single_pr14dx002{ left:42%; top:37%;}
.spro014dx > div.single_pr14dx003{ left:28%; top:54%;}
.spro014dx > div.single_pr14dx004{ left:28%; top:62%;}
.spro014dx > div.single_pr14dx005{ left:22%; top:89%;}
.spro014dx > div.single_pr14dx006{ left:62%; top:37%;}
.spro014dx > div.single_pr14dx006 > span, .spro014dx > div.single_pr14dx007 > span, .spro014dx > div.single_pr14dx008 > span{ left:-4px; top:4px; right:auto;}
.spro014dx > div.single_pr14dx007{ left:51%; top:53%;}
.spro014dx > div.single_pr14dx008{ left:53.5%; top:64%;}


.singleprosetp015{ padding:150px 0;}
.spro15flex{ height:600px;}
.spro15left{ width:50%; background:#f3f3f3; height:100%; display:flex; align-items:center; padding-left:100px; }
.spro15left .singleprotext h2{ font-size:60px; line-height:72px; color:#505050; margin-top:0;}
.spro15right{ width:50%; background:#ddd; height:100%;}
.spro15rightimg img{ margin:0 auto;}

.singleprosetp016{ background:#000; padding:90px 0 110px 0;}
.spro16tit{}
.spro16tit h2{ color:#fff; text-align:center; font-size:60px; line-height:72px;}
.spro16iconlist{ margin-top:160px;}
.spro16iconlist ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.spro16iconlist li{ width:33.333%; margin-bottom:80px;}
.spro16iconlist li .spro16iconimg{}
.spro16iconlist li .spro16iconimg img{ margin:0 auto;}
.spro16iconlist li .spro16icontext{ margin-top:20px; text-align:center; color:#fff; font-size:24px; line-height:32px; font-family: 'HelveticaLTLight';}

.singleprosetp017{ padding:186px 0 150px 0;}
.spro18left{ width:46.3%;} 
.spro18left img{ margin:0 auto;}
.spro18right{ width:51.8%;}
.spro18right{}
.spro18right h3{ font-size:36px; line-height:72px; text-transform:uppercase; margin-top:30px;}
.spro18right .singleprotext h2{ font-size:60px; color:#505050; line-height:72px; margin-top:0;}
.spro18right .singlepro_textdesc{ margin-top:0;}

.singleprosetp018 .singleproabs{ align-items:flex-start;}
.singleprosetp018 .spro18right .singleprotext h2{ color:#000; margin-top:100px;}
.singleprosetp018 .singlepro_textdesc{ margin-top:40px;}
.singleprosetp018 .singlepro_textdesc p{ color:#000; line-height:36px;}