@font-face {
	font-family: DIN-Light;
	src: local("DIN-Light"), url(../font/DIN-Light.eot) format("embedded-opentype"), url(../font/DIN-Light.otf) format("opentype"), url(../font/DIN-Light.woff) format("woff"), url(../font/DIN-Light.ttf) format("truetype");
}
@font-face {
	font-family: DINSchrift;
	src: local("DINSchrift"), url(../font/DINEngschrift.eot) format("embedded-opentype"), url(../font/DINEngschrift.otf) format("opentype"), url(../font/DINEngschrift.woff) format("woff"), url(../font/DINEngschrift.ttf) format("truetype");
}
@font-face {
	font-family: DINPro-Regular;
	src: local("DINPro-Regular"), url(../font/DINPro-Regular.eot) format("embedded-opentype"), url(../font/DINPro-Regular.otf) format("opentype"), url(../font/DINPro-Regular.woff) format("woff"), url(../font/DINPro-Regular.ttf) format("truetype");
}
@font-face {
	font-family: DINPro-Medium;
	src: local("DINPro-Medium"), url(../font/DINPro-Medium.eot) format("embedded-opentype"), url(../font/DINPro-Medium.otf) format("opentype"), url(../font/DINPro-Medium.woff) format("woff"), url(../font/DINPro-Medium.ttf) format("truetype");
}
html {
	height: 100%;
}
body {
	margin: 0px auto; padding: 0px; color: rgb(143, 211, 245); font-family: "DINPro-Regular",Helvetica, Arial; font-size: 100%; background-color: rgb(255, 255, 255);
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
li {
	list-style: none; margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; display: block;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor; display: block;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clearn {
	clear: both;
}
.line {
	margin: 15px 0px; border-top-color: rgb(0, 91, 172); border-top-width: 1px; border-top-style: solid;
}
.HeadLayer {
	margin: 0px auto; width: 75%; position: relative; max-width: 1440px; background-color: rgb(255, 255, 255);
}
.MainLayer {
	margin: 0px auto; width: 75%; position: relative; max-width: 1440px; background-color: rgb(255, 255, 255);
}
.logoDiv {
	width: 51.53%; margin-bottom: 5px; position: relative;
}
.logoDiv img {
	width: 100%; margin-top: 9%;
}
.navDiv {
	text-align: right; padding-top: 5px; padding-bottom: 15px;
}
.navDiv img {
	width: 100%;
}
.navDiv ul {
	width: 98%;
}
.navDiv li {
	width: 14%; text-align: center; display: inline-block;
}
.navDiv a {
	color: rgb(0, 148, 255); text-decoration: none;
}
.navDiv .Current {
	background: url("../images/navbj.png") no-repeat center / 100%;
}
.bottomBlk {
	width: 100%; height: 1%; min-height: 10px; max-height: 15px;
}
.footer {
	margin: 15px auto auto; width: 75%; height: 25px; text-align: center; color: rgb(102, 102, 102); line-height: 25px; font-size: 9pt; position: relative;
}
.footer span {
	margin: 0px 10px; display: inline-block;
}
.footer img {
	vertical-align: middle; display: inline-block;
}
.footer .BeiAn {
	padding-right: 5px; float: right;
}
.footer .PowerBy {
	padding-left: 5px;
}
.mob {
	display: none;
}
.turnpage {
	left: 7%; top: 45%; width: 86%; position: fixed;
}
.turnpage .left {
	float: left;
}
.turnpage .right {
	float: right;
}
.Carousel > img {
	left: 0px; top: 0px; display: none; position: relative;
}
.Carousel_m > img {
	left: 0px; top: 0px; display: none; position: relative;
}
.Thumbnail {
	width: 100%; text-align: center; bottom: 3em; color: rgb(255, 255, 255); position: absolute; z-index: 9999;
}
.Thumbnail_m {
	width: 100%; text-align: center; bottom: 3em; color: rgb(255, 255, 255); position: absolute; z-index: 9999;
}
.Thumbnail li {
	margin: 0px 5px; width: 1em; font-size: 2em; display: inline-block;
}
.Thumbnail_m li {
	margin: 0px 5px; width: 1em; font-size: 2em; display: inline-block;
}
.Thumbnail li a {
	color: inherit; text-decoration: none;
}
.Thumbnail_m li a {
	color: inherit; text-decoration: none;
}
.Thumbnail li a.on {
	font-size: 1.2em;
}
.Thumbnail_m li a.on {
	font-size: 1.2em;
}
.ContentDiv {
	width: 100%; position: relative;
}
.ContentDiv img {
	width: 100%;
}
.ContentDiv_m {
	width: 100%; display: none; position: relative;
}
.ContentDiv_m img {
	width: 100%;
}
.Container {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.Brief {
	width: 56.25%; margin-right: 10%; float: right;
}
.PageTitle {
	width: 56.25%; margin-right: 10%; float: right;
}
.PageTitle {
	text-align: right; letter-spacing: 0.2em; padding-top: 4%; padding-bottom: 2%; font-family:Arial, Helvetica, sans-serif; font-size: 2em;
}
.Brief {
	text-align: justify; line-height: 1.8em; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
.Brief p {
	padding-top: 0.8em; padding-bottom: 0.8em;
}
.Brief b {
	line-height: 1.5em; font-size: 1.2em;
}
.WhatDirectory {
	width: 22%; right: 10%; color: rgb(0, 91, 172); line-height: 1.8em; font-size:1.1em; margin-top: 8%; float: right; position: relative;
}
.WhatDirectory .PhaseTitle {
	line-height: 1em; padding-bottom: 10%; font-family:Arial, Helvetica, sans-serif; font-size: 1.6em;
}
.WhatDirectory a {
	color: rgb(0, 91, 172); text-decoration: none;
}
.WhereDiv {
	color: rgb(255, 255, 255);
}
.WhereInput {
	margin: auto; width: 90%; color: rgb(0, 91, 172); padding-top: 3%;
}
.WhereInput .WhereTitle {
	font-family:Arial, Helvetica, sans-serif; font-size: 2em;
}
.WhereInput input {
	margin: 1% 0px; border: 1px solid rgb(0, 91, 172); width: 100%; height: 32px; color: rgb(0, 91, 172); line-height: 32px;
}
.WhereInput input[name='username'] {
	width: 45%; margin-right: 9%;
}
.WhereInput input[name='email'] {
	width: 45%;
}
.WhereInput textarea {
	margin: 1% 0px; border: 1px solid rgb(0, 91, 172); width: 100%; color: rgb(0, 91, 172); line-height: 32px; font-family: "DINPro-Regular";
}
.WhereInput a {
	background: url("../images/send.png") no-repeat; width: 200px; height: 82px; display: block;
}
.ProcuctDiv {
	margin: 0px 5px; position: relative;
}
.ProcuctDiv .productpic {
	width: 56%; float: left;
}
.ProcuctDiv .productpic img {
	width: 100%;
}
.ProcuctDiv .productpic_m {
	display: none;
}
.ProcuctDiv .productpic_m img {
	width: 100%;
}
.ProcuctDiv .Introduction {
	top: 0px; width: 41.4%; right: 5px; bottom: 0px; color: rgb(0, 0, 0); border-top-color: rgb(0, 91, 172); border-bottom-color: rgb(0, 91, 172); border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid; position: absolute; box-shadow: 3px 3px 5px #666;
}
.ProcuctDiv .Introduction .TextDiv {
	margin: auto; width: 95%;
}
.ProcuctDiv .Introduction img {
	width: 22%;
}
.ProcuctDiv .Introduction p {
	margin:4% auto;; line-height: 1.1em;padding-left: 1em; text-indent: -0.7em; font-size: 0.9em;
}
.ProcuctDiv .Introduction b {
	padding-bottom: 3px; display: block;
}
.ProcuctDiv .Introduction h3 {
	margin: 0.5em auto; text-align: left; color: rgb(0, 91, 172); font-size: 2em;
}
.ProcuctDiv .Iconright {
	background: url("../images/product_1.png") no-repeat 5% 95% / 25%;
}
.ProcuctDiv .Iconleft {
	background: url("../images/product_5.png") no-repeat 95% 95% / 25%;
}
.ProcuctDiv .IconleftTop {
	background: url("../images/product_5.png") no-repeat 95% 5% / 25%;
}
.Packaging .Iconleft {
	background-image: url("../images/product_2.png");
}
.Speciality .Introduction p {
	text-indent: 0em; padding-left: 0em;
}
.Tissue .Introduction p {
	margin: 3% auto;
}
.WhyContext {
	margin: auto; padding: 5% 0px; width: 77%; color: rgb(0, 91, 172); line-height: 1.5em; font-size: 1em;
}
.WhyContext p {
	padding: 0.8% 0px;
}
.WhyContext b {
	font-size: 1.2em; text-decoration: underline;
}
.WhyContext .WhyTitle {
	margin: 1em 0px; font-family:Arial, Helvetica, sans-serif; font-size: 1.7em;
}
.Whybj {
	background-image: url("../images/whybk.jpg");
}
@media screen and (max-width:1440px)
{
.Brief {
	width: 57%; line-height: 1.1em; font-size: 0.9em;
}
.Tissue .Introduction p {
	margin: 2% auto;
}
.Speciality .Introduction p {
	margin: 2% auto;
}
.Tissue .line {
	margin: 10px 0px;
}
.Speciality .line {
	margin: 10px 0px;
}
}
@media screen and (max-width:1366px)
{
.Brief {
	width: 60%; line-height: 1.15em; font-size: 0.9em;
}
.Brief p {
	padding: 0.4em 0px;
}
.WhatDirectory {
	width: 19%;
}
.WhatDirectory .PhaseTitle {
	font-size: 1.9em;
}
.Speciality .Introduction p {
	margin: 1.3% auto; line-height: 1.15em; font-size: 0.9em;
}
.Speciality .line {
	margin: 10px 0px;
}
.Tissue .Introduction p {
	margin: 1.6% auto;
}
.Tissue .line {
	margin: 10px 0px;
}
}
@media screen and (max-width:1024px)
{
.line {
	margin: 5px 0px;
}
.PageTitle {
	padding-top: 2%; padding-bottom: 1%; font-size: 1.8em;
}
.Brief {
	left: 20%; width: 70%; font-size: 0.8em;
}
.Brief p {
	padding: 0.4em 0px;
}
.WhatDirectory {
	width: 41%;
}
.WhatDirectory .PhaseTitle {
	font-size: 1.8em;
}
.ProcuctDiv .Introduction p {
	margin: 4% auto; text-indent: -0.9em; padding-left: 1em; font-size: 0.9em;
}
.ProcuctDiv .Introduction b {
	padding-bottom: 3px; display: block;
}
.ProcuctDiv .Introduction h3 {
	margin: 0.5em auto; text-align: left; color: rgb(0, 91, 172); font-size: 1.7em;
}
.Speciality .Introduction {
	bottom: auto;
}
.Tissue .Introduction {
	bottom: auto;
}
.Speciality .Introduction p {
	margin: 2% auto; font-size: 0.9em;
}
.Tissue .Introduction p {
	margin: 1.6% auto;
}
.Packaging .Introduction p {
	margin: 2% auto;
}
}
@media screen and (max-width:800px)
{
.HeadLayer {
	width: 100%;
}
.MainLayer {
	width: 100%;
}
.turnpage {
	display: none;
}
.PageTitle {
	font-size: 1.7em;
}
.Brief {
	line-height: 1em; font-size: 0.8em;
}
.Brief p {
	padding: 0.3em 0px;
}
.WhyContext {
	width: 90%;
}
.ProcuctDiv .Introduction p {
	margin: 4% auto; text-indent: -0.8em; padding-left: 1em; font-size: 0.8em;
}
.ProcuctDiv .Introduction b {
	padding-bottom: 3px; display: block;
}
.ProcuctDiv .Introduction h3 {
	margin: 0.5em auto; text-align: left; color: rgb(0, 91, 172); font-size: 2em;
}
.Speciality .Introduction {
	bottom: auto;
}
.Speciality .Introduction p {
	margin: 2% auto; font-size: 0.9em;
}
.Tissue .Introduction p {
	margin: 2% auto;
}
}
@media screen and (max-width:640px)
{
.HeadLayer {
	max-width: 640px;
}
.logoDiv {
	width: 85%; margin-right: auto; margin-left: auto;
}
.navDiv {
	text-align: center; padding-top: 5px; padding-bottom: 5px;
}
.navDiv ul {
	margin: auto; width: 98%;
}
.navDiv li {
	width: 17%;
}
.ContentDiv {
	display: none;
}
.ContentDiv_m {
	display: block;
}
.PageTitle {
	letter-spacing: 0.1em; padding-top: 8%; padding-bottom: 2%; font-size: 1.5em;
}
.Brief {
	line-height: 1.2em; font-size: 0.7em;
}
.Brief p {
	padding-top: 0.7em; padding-bottom: 0.5em;
}
.WhyContext {
	margin: auto; font-size: 0.8em;
}
.WhyContext p {
	padding: 0.8% 0px;
}
.WhyContext .WhyTitle {
	margin: 1em 0px; text-align: center; font-family:Arial, Helvetica, sans-serif;font-size: 1.7em;
}
.WhereInput input[name='username'] {
	width: 100%; margin-right: 0px;
}
.WhereInput input[name='email'] {
	width: 100%;
}
.WhereInput a {
	background: url("../images/send_m.png") no-repeat; width: 89px; height: 36px; display: block;
}
.WhatDirectory {
	width: 40%; font-size: 1em;
}
.WhatDirectory .PhaseTitle {
	font-size: 1.7em;
}
.Thumbnail_m {
	bottom: 2em;
}
.Thumbnail_m li {
	font-size: 1em;
}
.ProcuctDiv .productpic {
	display: none;
}
.ProcuctDiv .productpic_m {
	width: 43%; display: block;
}
.ProcuctDiv .Introduction {
	width: 54%;
}
.ProcuctDiv .Introduction img {
	width: 35%;
}
.ProcuctDiv .Introduction p {
	margin: 4% auto; text-indent: -0.8em; padding-left: 1em; font-size: 0.8em;
}
.ProcuctDiv .Introduction b {
	padding-bottom: 3px; display: block;
}
.ProcuctDiv .Introduction h3 {
	margin: 0.5em auto; text-align: left; color: rgb(0, 91, 172); font-size: 1.5em;
}
.Speciality .Introduction {
	bottom: auto;
}
.Tissue .Introduction {
	bottom: auto;
}
.Uncoated .Introduction {
	bottom: auto;
}
.Speciality .Introduction p {
	margin: 2% auto; font-size: 0.9em;
}
.Tissue .Introduction p {
	margin: 2% auto;
}
.pc {
	display: none;
}
.mob {
	display: block;
}
.footer {
	display: none;
}
}
@media screen and (max-width:375px)
{
.ProcuctDiv .productpic {
	display: none;
}
.ProcuctDiv .productpic_m {
	width: 43%; display: block;
}
.ProcuctDiv .Introduction {
	width: 54%;
}
.ProcuctDiv .Introduction img {
	width: 35%;
}
.ProcuctDiv .Introduction p {
	margin: 4% auto; text-indent: -0.7em; padding-left: 1em; font-size: 0.7em;
}
.ProcuctDiv .Introduction b {
	padding-bottom: 3px; display: block;
}
.ProcuctDiv .Introduction h3 {
	margin: 0.5em auto; text-align: left; color: rgb(0, 91, 172); font-size: 1em;
}
.Speciality .Introduction p {
	
}
.Speciality .Introduction .line {
	margin: 5px 0px;
}
.Speciality .Introduction h3 {
	margin: 0.4em auto;
}
.Tissue .Introduction p {
	margin: 1.1% auto; line-height: 1em; font-size: 0.7em;
}
.Tissue .Introduction h3 {
	margin: 0.4em auto;
}
.Tissue .Introduction .line {
	margin: 4px 0px;
}
.Packaging .Introduction {
	bottom: auto;
}
}