﻿* {
    outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
    -o-box-sizing: border-box;box-sizing: border-box;font-size:16px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/*******************---[=public]-----***************/
body{padding-top: 80px;}
.row-a1{margin: 20px 0;overflow: hidden;}
.row-a2{overflow: hidden;padding-top: 30px;background-color: #4393BD;}
.pagemenuloc{width:100%;max-width:1170px;min-height:15px;margin:0 auto;padding:0px;text-align:left;}
.pagemenuloc>.content{max-width: 1140px;min-height: auto;margin: 0px 15px 5px 15px;line-height: 100%;padding-bottom: 20px;}
.pagemenuloc>.content>.l{float:left;width:60%;min-height:15px;color:#fff;}
.pagemenuloc>.content>.l>a{color:#fff;}
.pagemenuloc>.content>.l>a.checked{font-weight:600;color:#b9e0ff;}
.pagemenuloc>.content>.r{display:block;overflow:hidden;min-height:15px;color:#fff;font-size:12px;}
.paddingtopmin{padding-top:10px !important;}

.indexpublictitle{
	float: left;FONT-VARIANT: JIS90;width: 100%;padding: 10px 0;background: #FFEDD1;
    margin-bottom: 5px;border-radius: 10px;box-shadow: 0px 0 2px #666;
    overflow: hidden;text-align: center;
}
.indexpublictitle>h2{font-size:30px;color: #3f1616;}
.indexpublicdetail{float:left;width:100%;height:auto;}
.indexpublicdetail>.detail{display: block;line-height:200%;color:#444444;padding:15px;}
/**************-------[=head]-----*****************/
.udede-header{position: fixed;top: 0;left: 0;right: 0;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.05);z-index: 999;}
.udede-header .logo{float: left;height: 80px;line-height: 80px;}
.udede-header .logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height:60%;}
/*-----------------[location menu]--------------*/
.menuBtn{	display: none;position: relative;float: right;	margin-top: 5px;width: 40px;height: 40px;padding: 5px;cursor: pointer;}
.menuBtn b{display: block;width: 100%;height: 2px;border-radius: 2px;background-color: #1c5b99;margin: 5px 0 7px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn .open b{position: absolute;left: 5px;top: 35%;display: none;width: 30px;}
.menuBtn .open b:first-child{display: block;	transform: rotate(45deg);	-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.menuBtn .open b:last-child{display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.udede-nav{float: right;}
.udede-nav li{float: left;position: relative;}
.udede-nav li a.v1{display: block;height: 80px;line-height: 80px;font-size: 16px;color: #181818;text-align: center;}
.udede-nav li a.v1 span{position: relative;top: 0;display: block;padding: 0 25px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.udede-nav li.on a.v1 span,
.udede-nav li:hover a.v1 span{top: 0px;color: #1c5b99;}
.udede-nav li.on a.v1 span:after,
.udede-nav li:hover a.v1 span:after{display: block;}
.udede-nav li >ul{display:none;}
.udede-nav li:hover >ul{
	display: block;width: 200px;height: auto;position: absolute;
    background: #fff;padding: 15px 0 15px 20px;box-shadow: 0 0 5px black;}
.udede-nav li >ul>li{display:block;float:left;width:100%;height:auto;list-style-type:none;padding: 0px 0px 10px 0px;}
.udede-nav dl{
	display: none;position: absolute;top: 100%;left: 0;right: 0;width: 300px;height:auto;
	background-color: rgba(255,255,255,.5); z-index: 99;
}
.udede-nav dl:after{
	content: '';position: absolute;right: 100%;top: 0;height: 60px;width: 100%;background-color: rgba(255,255,255,.5);
}
.udede-nav li:hover dl{display: block;}
.udede-nav dl dd{float: left;}
.udede-nav dl dd a{
	display: block;padding: 0 25px;text-align: center;height: 60px;
	line-height: 60px;color: #505050;font-size: 14px;
}
.udede-nav dl dd a:hover{color: #1c5b99;}
/*******************************	-------[=index]-------********************************/
.allcenter{text-align:center;}
.indexprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexprofile>.content{float:left;max-width:1140px;min-height:auto;margin:0px 15px;line-height: 200%;}
.indexprofile>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;color:#3f1616;font-size: 30px;}
.indexprofile>.contentborder{float:left;width:100%;min-height:20px;margin-top:5px;line-height:200%;border:1px solid #fbf4ea;background:#fffcf7;}
.indexprofile>.contentborder>.left{float:left;width:40%;margin:20px;line-height:150%;color:#525252;}
.indexprofile>.contentborder>.left>h3{margin:10px 0;font-family:"Open Sans",sans-serif !important;}
.indexprofile>.contentborder>.right{float:right;width:381px;height:166px;}
.indexprofile>.contentborder>.right>img{float:right;width:auto;height:220px;margin:18px;box-shadow:2px 0px 5px #333;}
.indexsteps{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexsteps>.content{float:left;max-width:1140px;min-height:auto;margin:0px 15px;line-height: 200%;overflow:HIDDEN;}
.indexsteps>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;}
.indexsteps>.content>.all{float:left;width:100%;min-height:200px;}
.indexsteps>.content>.all>a{display: block;float:left;width:285px;height:271px;overflow:hidden;}
.indexsteps>.content>.all>a>img{float:left;width:100%;height:auto;transform: all 0.5S;}
.indexsteps>.content>.all>a:hover>img{float:left;width:100%;height:auto;transform: scale(1.1);}
.indexsteps>.content>.all>.bg{background:#DA9634; /*#ff6a50;*/}
.indexsteps>.content>.all>.bg>h2{border: 5px solid #FFF5E3;border-radius: 50%;margin: 50px auto 20px auto;width: 80px;height: 80px;text-align: center;line-height: 65px;font-size: 50px;font-weight: 900;color: #fff;}
.indexsteps>.content>.all>.bg>h3{font-size:30px;color:#fff;text-align: center;width:100%;}
.indexrdcenter{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexrdcenter>.content{float:left;max-width:1140px;min-height:auto;margin: 0px 15px 20px 15px;line-height: 200%;}
.indexrdcenter>.content>img{float:left;width:350px;height:auto;border-radius:5px;border:5px solid #d8edff}
.indexrdcenter>.content>div{display:block;overflow:hidden;height:auto;padding:0 20px 0 20px;color:#fff;}
.indexrdcenter>.content>div>h2{font-size:20px;}
.indexcustomers{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.indexcustomers>.content{float:left;width:1140px;min-height:auto;margin: 0px 15px 20px 15px;line-height: 200%;}
.indexcustomers>.content>h2{margin-bottom:20px;font-family:"Open Sans",sans-serif !important;}
.indexcustomers>.content>.customerlogo{float:left;width:100%;height:auto;}
.indexcustomers>.content>.customerlogo>a{float:left;width:16.3%;height:auto;}
.indexcustomers>.content>.customerlogo>a>img{float:left;width:96%;height:auto;margin:5px 2%;}
/*******************************	-------[=ABOUT US]-------********************************/
.aboutprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.aboutprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.aboutprofile>.profileimg{float:left;width:100%;height:auto;text-align:center;}
.aboutprofile>.profileimg>img{width:80%;margin:20px auto;height:auto;}
/*******************************	-------[=History Profile]-------********************************/
.historyprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.historyprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.historyprofile>.content>dl{display:block;float:left;width:100%;height:auto;}
.historyprofile>.content>dl>.limg{float:left;width:200px;height:200px;}
.historyprofile>.content>dl>.limg>img{float:left;width:100%;height:100%;border-radius:50%;border:5px solid #ffddad;}
.historyprofile>.content>dl>.cword{float:left;margin:20px auto auto 20px;max-width:450px;min-height:100px;}
.historyprofile>.content>dl>.rid{display: block;width: 150px;overflow: hidden; padding: 30px 0 0 30px;float: right;}
.historyprofile>.content>dl>.rid>img{float:left;width:auto;height:80px;}
.historyprofile>.content>dl>.rid>span{display: block;font-weight: 900;font-size: 60px;color: #aaa;padding-top: 20px;font-style: italic; text-shadow: 0 5px #ddd;}
.historyprofile>.content>dl>.lid{display:block;overflow:hidden;padding:30px 0 0 30px;float:left;width:150px;}
.historyprofile>.content>dl>.lid>img{float:right;width:auto;height:80px;}
.historyprofile>.content>dl>.lid>span{display: block;float:right;font-weight: 900;font-size: 60px;color: #aaa;padding-top: 20px;font-style: italic; text-shadow: 0 5px #ddd;}
.historyprofile>.content>dl>.rword{float:right;margin:20px auto auto 20px;max-width:450px;min-height:100px;}
.historyprofile>.content>dl>.rimg{float:right;width:200px;height:200px;}
.historyprofile>.content>dl>.rimg>img{float:left;width:100%;height:100%;border-radius:50%;border:5px solid #ffddad;}

/******************	-------[=Certificate Profile]------**********/
.environmentalpolicyprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.environmentalpolicyprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.environmentalpolicyprofile>.content>.l{float:left;width:48%;height:auto;overflow:hidden;margin:10px 1%;transform: all 0.5;}
.environmentalpolicyprofile>.content>.l>img{width:100%;height:auto;}
.environmentalpolicyprofile>.content>.l:hover>img{transform: scale(1.5);}
.environmentalpolicyprofile>.content>.r{display: block;overflow: hidden;float: left;width: 100%;}
/****************------[=nonwoven Profile]-----****************/
.productprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.productprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.productprofile>.content>.word{float:left;width:60%;height:auto;}
.productprofile>.content>.word>b{font-size:20px;margin-top:10px;}
.productprofile>.content>img{float:right;width:35%;margin-top: 0px;}
.productprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.productprofile>.content>.thrimg>a{
	float:left;width:31%;height:auto;margin:10px 1%;overflow:hidden;
    transform: all 0.5s;border:5px solid #EADBC6;
}
.productprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;}
.productprofile>.content>.thrimg>a:hover>img{transform: scale(1.5);}
.productprofile>.content>.properformance{float:left;width:100%;min-height:auto;}
.productprofile>.content>.properformance>.title{float:left;width:100%;background:url(producttitlebg86.png);height:69px;}
.productprofile>.content>.properformance>.title>img{float:left;width:auto;margin:20px;}
.productprofile>.content>.properformance>.title>span{display:block;float:left;width:auto;margin:15px;font-size:30px;}
.productprofile>.content>.properformance>.detail{float:left;width:100%;height:auto;}
.productprofile>.content>.properformance>.detail>div{float:left;width:98%;margin:0 1%;}
.productprofile>.content>.properformance>.detail>div>.title{
	float: left;width: 100%;height: auto;background: #b9e0ff;padding: 5px 0 5px 0;
    text-indent: 10px;margin-top: 10px;margin-bottom: 20px;border-radius: 20px;
    font-size: 18px;text-align: center;font-weight: 600;color: #FF7C08;
}
.productprofile>.content>.properformance>.detail>div>img{float:left;margin-left:10px;height:150px;}
.productprofile>.content>.properformance>.detail>div>span{display:block;float:left;width:80%;padding:0px 0 0 10px;line-height:200%;}
/*******************************	-------[=Technology]-------********************************/
.technologyprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.technologyprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.technologyprofile>.tachoengprofileimg{float:left;width:100%;height:auto;text-align:center;}
.technologyprofile>.tachoengprofileimg>img{width:80%;margin:20px auto;height:auto;}
/*******************************	-------[=Application]-------********************************/
.applicationprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.applicationprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.applicationprofile>.tachoengprofileimg{float:left;width:100%;height:auto;text-align:center;}
.applicationprofile>.tachoengprofileimg>img{width:80%;margin:20px auto;height:auto;}
.applicationprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.applicationprofile>.content>.thrimg>a{float:left;width:342px;height:331px;margin:10px 1%;border:5px solid #ffddad;overflow:hidden;}
.applicationprofile>.content>.thrimg>a>img{float:left;width:342px;height:331px;transition: all 0.5s;}
.applicationprofile>.content>.thrimg>a:hover>img{transform: scale(1.1);}
/*******************************	-------[=R&D]-------********************************/
.rdprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.rdprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.rdprofile>.rdprofileimg{float:left;width:100%;height:auto;text-align:center;}
.rdprofile>.rdprofileimg>img{width:80%;margin:20px auto;height:auto;}
.rdprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.rdprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.rdprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #ffddad;}
/*******************************	-------[=factorytarear Profile]-------********************************/
.factorytarearofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.factorytarearofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.factorytarearofile>.content>a{display:block;float:left;width:527px;height:292px;margin:10px 1%;overflow: hidden;border-radius: 10px;border: 5px solid #EADBC6;}
.factorytarearofile>.content>a>img{float: left;width: 100%;height: auto;transition: all .5s;}
.factorytarearofile>.content>a:hover>img{transform: scale(2);}
/*******************************	-------[=Equipment]-------********************************/
.equipmentprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.equipmentprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.equipmentprofile>.rdprofileimg{float:left;width:100%;height:auto;text-align:center;}
.equipmentprofile>.rdprofileimg>img{width:80%;margin:20px auto;height:auto;}
.equipmentprofile>.content>.thrimg{float:left;width:100%;min-height:auto;}
.equipmentprofile>.content>.thrimg>a{float:left;width:31%;height:auto;margin:10px 1%;}
.equipmentprofile>.content>.thrimg>a>div{float:left;height:auto;border:5px solid #ffddad;overflow:hidden;transform: all 0.5s;}
.equipmentprofile>.content>.thrimg>a>div>img{float:left;width:100%;height:auto;}
.equipmentprofile>.content>.thrimg>a:hover>div>img{transform: scale(1.5);}
.equipmentprofile>.content>.thrimg>a>img{float:left;width:100%;height:auto;border:5px solid #ffddad;}
.equipmentprofile>.content>.thrimg>a>span{
	display: block;width:100%;color: #2f2f2f;line-height: 120%;
    text-align: center;padding: 10px 0px;float: left;font-weight: 600;
}

/*******************************	-------[=Contact US]-------********************************/
.contactprofile{width:100%;max-width:1170px;min-height:100px;margin:0 auto;padding:0px;text-align:left;}
.contactprofile>.content{float:left;width:94%;min-height:auto;margin:0px 3%;line-height: 200%;}
.contactprofile>.content>img{width: 100%;height: auto;}
.contactprofile>.content>span{display:block;overflow:hidden;padding:10px 20px;line-height:200%;}
/*-----------------[banner]--------------*/
.banner .item .con{
	padding-top: 44%;background-repeat: no-repeat;background-position: center center;
	-o-background-size: cover;-ms-background-size: cover;-moz-background-size: cover;
	-webkit-background-size: cover;	background-size: cover;
}
.banner .slick-arrow{
    position: absolute;top: 50%;margin-top: -40px;overflow: hidden;cursor: pointer;
    width: 82px;height: 82px;font-size: 0;line-height: 0;z-index: 9;
    background-repeat: no-repeat;background-position: center center;
	-o-background-size: auto 30px;-ms-background-size: auto 30px;
	-moz-background-size: auto 30px;-webkit-background-size: auto 30px;
	background-size: auto 30px;background-color: rgba(0,0,0,.1);
    border: 0;outline: 0;padding: 0;
}
.banner .slick-arrow:hover{	background-color: rgba(0,0,0,.2);}
.banner .slick-prev{left: 0;background-image: url(../images/pres1.png);}
.banner .slick-next{right: 0;background-image: url(../images/nexts1.png);}
.banner .slick-dots{
	position: absolute;left: 0;bottom: 3%;width: 100%;text-align: center;
	z-index: 99;font-size: 0;
}
.banner .slick-dots li{display: inline-block;margin: 0 10px;}
.banner .slick-dots button{
	background-color: #fff;cursor: pointer;border-radius: 50%;border: 0;
	width: 10px;height: 10px;outline: 0;font-size: 0;padding: 0;
}
.banner .slick-dots li.slick-active button{background: #4393BD;}
/***************------[=footer]-------***************/
.udede-footer{background-color: #4393BD;}
.fd-top{overflow: hidden;padding: 20px 0;}
.fd-top>h3{color:#ededed;font-size:20px;font-family:Times New Roman;text-indent:10px;}
.fd-top>span{color:#dbdbdb;font-size:14px;line-height:180%;padding-left:10px;display: block;}
.udede-footer .copy{padding: 10px 0;	overflow: hidden;border-top: 1px solid #4e5288;font-size: 14px; text-align:right;background: #f8f9ff;}
.udede-footer .copy>.wp{font-size:12px;}
.udede-footer .copy p{color: #9c9db7;}
.udede-footer .copy a{ display:inline-block;	color: #9c9db7;}
.udede-footer .copy a:hover{color: #fff;}
/****------------[float menu]---------****/
.h50{display: none;}
.udede-link{display: none;	overflow: hidden;position: fixed;	bottom: 0;	left: 0;right: 0;z-index: 9;background-color: #fff;padding: 4px 0;box-shadow: 5px 0 10px rgba(0,0,0,.05);}
.udede-link li{float: left;width: 25%;}
.udede-link li a{display: block;text-align: center;font-size: 13px;color: #000;}
.udede-link li.on a,
.udede-link li:hover a{color: #1c5b99;}
.udede-link li a i{
    display: block;width: 20px;margin: 0 auto;height: 20px;font-size: 18px;
    background-repeat: no-repeat;background-position: center center;
    -o-background-size: auto 18px;-ms-background-size: auto 18px;
    -moz-background-size: auto 18px;-webkit-background-size: auto 18px;
    background-size: auto 18px;padding-top: 3px;
}