@font-face {
font-family: 'Roboto';
src: url('../font/Roboto-Light-10.ttf');
 }
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#666;
	text-decoration:none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	}
a:hover{
	color:#0053c4;
	text-decoration:none;
	}
table{ margin: auto}
em{ font-style:normal}
i{ font-style:normal}
b{ font-family:Arial, Helvetica, sans-serif}

@media (min-width:1200px){

body{
	font-family:Roboto;
	font-size:14px;
	font-weight:normal;
	color:#333;
	line-height:1.5;
	
	}
.header2{ display:none}


.nav-bar2 { width:10%; height: auto; float:right; height:5rem; position:absolute; z-index:11; right:0; top:0; display:none}
.nav-bar2 img{ max-width:80%; max-height:4rem; vertical-align:middle}
.nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle}

.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:-4px; z-index:998; background:url(../images/fangzi.png) no-repeat center bottom;background-color:#0070bb;  }
.v_close { display:block; position: absolute; top: 3%; right: 4%; z-index:102;  width: 25px; height: 25px; background:url(../images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav { margin:0 0 0 0; }
.sjnav{ display:none}


.main-wrap{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; font-size:18px; line-height:35px;}
.main-wrap h1{ font-size:24px; font-weight:normal;}
.main-wrap h2{ font-size:48px; font-weight:normal; margin-bottom:40px; margin-top:40px; line-height:35px;}
.main-wrap ul li{ width:46%; float:left; margin-right:4%; font-size:18px; line-height:35px;}
#mar0{ float:right; margin-right:0px;}
.mar20{ margin-top:10px;}
.mar40{ margin-top:30px;}
.mar30{ margin-top:20px;}

.index01{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:100px;}
.index02{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px;}
.index01-l{ width:51.2%; float:left}
.index01-l img{ max-width:100%; height:auto}
.index01-r{ width:33.48%; float:right; margin-right:9.75%;}
.index01-r h1{ font-size:24px; font-weight:normal; color:#000; margin-top:50px;}
.index01-r h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
#more{ padding:14px 30px; background: #000; color:#FFF; font-size:13px; letter-spacing:2px; text-transform:uppercase}
#more:hover{ background:none; border:1px solid #000; color:#000}

.index01-l1{ width:51.2%; float:left}
.index01-l1 img{ max-width:100%; height:auto}
.index01-r1{ width:33.48%; float:right; margin-right:9.75%;}
.index01-r1 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:50px;}
.index01-r1 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r1 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.index01-l2{ width:41.64%; float:left; margin-left:16.98%;}
.index01-l2 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:150px;}
.index01-l2 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l2 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r2{ width:27%; float:right; margin-right:14.36%; text-align:center}
.index01-r2 img{ width:80%; height:auto}

.index01-l3{ width:38.68%; float:left; margin-left:10.43%;}
.index01-l3 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:150px;}
.index01-l3 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l3 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r3{ width:37.24%; float:right; text-align:right}
.index01-r3 img{ max-width:100%; height:auto;}

.index01-l4{ width:46.31%; float:left; margin-left:7.93%}
.index01-l4 img{ width:100%; height:auto}
.index01-r4{ width:31.44%; float:right; margin-right:6.84%;}
.index01-r4 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:50px;}
.index01-r4 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r4 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.index01-l5{ width:30.51%; float:left; margin-left:8%;}
.index01-l5 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:10px;}
.index01-l5 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l5 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r5{ width:50.96%; float:right; text-align:right; margin-right:5.25%}
.index01-r5 img{ max-width:100%; height:auto;}

.main-wrap2{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; text-align:center; line-height:30px;}
.main-wrap2 h1{font-size:48px; font-weight:normal; margin-bottom:40px; line-height:50px;}


.main-wrap5{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; text-align:center; line-height:30px; margin-top:-50px;}
.main-wrap5 h1{font-size:48px; font-weight:normal; margin-bottom:40px; line-height:50px;}

#more2{ padding:14px 30px; background: #fff; color:#000; font-size:13px; letter-spacing:2px;}
#more2:hover{ background:none; border:1px solid #fff; color:#fff}

.about{ width:80%; float:left; margin-left:10%; margin-right:10%; text-align:center}
.about h1{ font-size:24px; font-weight:normal; color:#000; margin-top:0px;}
.about h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.about p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.about img{ max-width:100%; height:auto;}

.index03{ width:100%; float:left; height:610px; overflow:hidden; background:url(../images/1204802026.jpg) no-repeat; background-position:50.00% 72.50%; background-size:100%; background-size:cover}
.index03 img{ width:100%; height:auto; display:block}

.index04{ width:100%; float:left; height: auto; background:url(../images/649708356.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; padding-bottom:50px; padding-top:50px; font-family:Roboto;}
.index04-1{ width:49.2%; float:right}
.index04-101{ width:78.47%; float:left;font-size:18px; line-height:32px; font-weight: 500;}
.index04-101 h1{ font-size:48px; padding-bottom:50px; border-bottom:2px solid #FFF; margin-bottom:10px; margin-top:20px; font-weight:normal}

.foot{ width:80%; float:left; background:#000; padding-bottom:50px; padding-top:50px; padding-left:10%; padding-right:10%; color:#FFF}
.foot01{ width:32%; float:left; text-align:center; margin-top:100px;}
.foot01 a{ padding:10px; margin-left:5px; margin-right:5px;}
.aa01{ background:url(../images/x01.jpg) no-repeat center}
.aa02{ background:url(../images/x02.jpg) no-repeat center}
.aa03{ background:url(../images/x03.jpg) no-repeat center}
.aa04{ background:url(../images/x04.jpg) no-repeat center}
.foot02{ width:29.58%; float:left; padding:0px 20px;}
.foot02 h1{ font-size:18px;line-height:35px;}
.foot02 div{ width:100%; margin-bottom:15px; margin-top:15px;}
.foot02 div img{ max-width:90%; height:auto; display:block}
.foot02 b{font-size:18px; }
.foot03{ width:30.53%; float:right; }
.foot03 h1{ font-size:18px; line-height:35px;}
.foot03 dl dd{ height:40px; line-height:40px; margin-top:10px; font-size:13px}
.bk{ width:79%; border:1px solid rgba(255, 255, 255, 0.4); height:38px; line-height:38px; background-color:transparent;}
.anniu{ padding:10px 20px 10px 20px; border:1px solid rgba(255, 255, 255, 0.4); color:#FFF; background-color:transparent; cursor:pointer; font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-top:15px;}
.red{ color:#F00}

.nybanner{ width:100%; float:left; height:538px; background:url(../images/b01.jpg) no-repeat center; background-size:cover; position:relative}

.about01{ width:100%; float:left; height:352px; background:url(../images/group-2_orig.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}

.about02{ width:80%; float:left; margin-left:10%; margin-right:10%; font-size:18px; line-height:35px;}
.about02-l{width: 72.28%; float:left;}
.about02-r{width: 27.71%; float:right}
.about02-r img{ max-width:100%; height:auto}
.about02 h1{ font-size:24px; font-weight:normal; color:#000;}
.about02 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.about02 b{ font-weight:900; font-family:Arial, Helvetica, sans-serif}

.about03{ width:100%; float:left; height:352px; background:url(../images/b02.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about04{ width:100%; float:left; height:352px; background:url(../images/b03.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about05{ width:100%; float:left; height:352px; background:url(../images/b04.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about06{ width:100%; float:left; height:352px; background:url(../images/b05.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}

.black{ color:#000}

.line{ width:100%; float:left; background:#FFF; height:1px;}

.nyindex{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex-l{ width:42.03%; float:left; margin-left:7.05%}
.nyindex-l img{ width:100%; height:auto}
.nyindex-r{ width:34.1%; float:right; margin-right:8.09%;}
.nyindex-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.nyindex img{ max-width:100%; height:auto}

.nyindex1{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex1-l{ width:42.03%; float:left; margin-left:7.05%}
.nyindex1-l img{ width:100%; height:auto}
.nyindex1-r{ width:34.1%; float:right; margin-right:8.09%;}
.nyindex1-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex1-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.nyindex1 img{ max-width:100%; height:auto}

.nyindex2{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex2-r{ width:20.59%; float:right; margin-right:20.11%}
.nyindex2-r img{ width:100%; height:auto}
.nyindex2-l{ width:34.36%; float:left; margin-left:18.01%;}
.nyindex2-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:130px; margin-bottom:30px;}
.nyindex2-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex3{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex3-l{ width:22.21%; float:left; margin-left:16.35%}
.nyindex3-l img{ width:100%; height:auto}
.nyindex3-r{ width:40%; float:right; margin-right:11.19%;}
.nyindex3-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:130px; margin-bottom:30px;}
.nyindex3-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex4{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex4-r{ width:19.15%; float:right; margin-right:21.64%}
.nyindex4-r img{ width:100%; height:auto}
.nyindex4-l{ width:18.55%; float:left; margin-left:30.55%;}
.nyindex4-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:130px; margin-bottom:30px;}
.nyindex4-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex5{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex5-l{ width:37.49%; float:left; margin-left:9.52%}
.nyindex5-l img{ width:100%; height:auto}
.nyindex5-r{ width:42.2%; float:right;}
.nyindex5-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex5-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex6{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex6-l{ width:42.03%; float:left; margin-left:7.05%}
.nyindex6-l img{ width:100%; height:auto}
.nyindex6-r{ width:34.1%; float:right; margin-right:8.09%;}
.nyindex6-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex6-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.nyindex6 img{ max-width:100%; height:auto}


.nyindex7{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex7-r{ width:38.55%; float:right; margin-right:11.36%; text-align:center}
.nyindex7-r img{ width:100%; height:auto}
.nyindex7-l{ width:42.13%; float:left; margin-left:7.94%;}
.nyindex7-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:60px; margin-bottom:30px;}
.nyindex7-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.proshow{ width:80%; float:left; margin-left:10%; margin-right:10%;}
.proshow01{width: 20.46%; float:left; font-size:18px; line-height:30px; margin-right:8.06%;}
.proshow01 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px;font-weight:normal}
.proshow03{width: 18.78%; float:left;font-size:18px; line-height:30px; margin-right:6.53%;}
.proshow03 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px; font-weight:normal}
.proshow05{width: 18.66%; float:left;font-size:18px; line-height:30px; margin-right:8.82%}
.proshow05 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px; font-weight:normal}


.index01-l33{ width:34.2%; float:left; margin-left:8.26%;}
.index01-l33 h2{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:100px; margin-bottom:30px;}
.index01-l33 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r33{ width:51.29%; float:right; text-align:right; margin-top:100px;}
.index01-r33 img{ max-width:100%; height:auto;}

.index01-l1{ width:53.23%; float:left}
.index01-l1 img{ max-width:100%; height:auto}
.index01-r1{ width:37.52%; float:right; margin-right:9.24%;}
.index01-r1 h1{ font-size:xx-large; font-weight:normal; color:#000; margin-top:50px;margin-bottom:30px;line-height:50px;}
.index01-r1 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.Variations{ width:80%; float:left; margin-left:10%; margin-right:10%;}
.Variations ul li{ width:49.2%; float:left; margin-bottom:2rem}
.Variations ul li img{ width:100%; height:auto; display:block}

.Products{ width:100%; float:left}
.Products ul li{ width:49.8%; float:left;}
.Products ul li img{ max-width:100%; height:auto; transition:transform 0.4s; transform: scale(1); -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-filter: brightness(60%); -o-transition: -o-transform .4s ease;}
.Products ul li img:hover{transform: scale(0.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -o-transform: scale(.95); -webkit-filter: brightness(100%);;}

.pro{ width:100%; float:left}
.pro ul li{ width:33.33%; float:left; text-align:right; }
.pro ul li img{ max-width:100%; height:auto;}
.pro ul li p{font-size:x-large;}
.line2{ width:100%; float:left; height:1px; background:#000}

.about2{ width:80%; float:left; margin-left:10%; margin-right:10%; font-size:18px; line-height:35px;}
.about2 h1{ font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height:40px; margin-bottom:30px;}
.about2 img{ max-width:100%; height:auto}

.pro2{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro2 ul li{ width:49.88%; float:left;font-size:18px; line-height:35px;}
.pro2 ul li img{max-width:100%; height:auto;}
.pro2 ul li p{font-size:x-large; text-align:right}

.large{ font-size:x-large}
.pro3{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro3-l{ width:66.5%; float:left}
.pro3-l img{ max-width:100%; height:auto}
.pro3-r{ width:32.2%; float:right}
.pro3-r ul li{ width:100%; float:left;}
.pro3-r ul li img{ max-width:100%; height:auto; display:block}

.pro4{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro4-l{ width:59.75%; float:left}
.pro4-l img{ max-width:100%; height:auto; display:block}
.pro4-r{ width:39.18%; float:right}
.pro4-r ul li{ width:100%; float:left;}
.pro4-r ul li img{ width:100%; height:auto; display:block}

.pro5{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro5-l{ width:56.19%; float:left}
.pro5-l img{ max-width:100%; height:auto; display:block}
.pro5-r{ width:42.8%; float:right}
.pro5-r ul li{ width:100%; float:left;}
.pro5-r ul li img{ max-width:100%; height:auto; display:block}





}


@media (max-width:1200px){


	
	
.header2{ width:100%; float:left; height:3rem; line-height:3rem; background: black; position:relative; }

.logo{ width:80%; float:left; height:3rem; margin-left:3%; }
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:60%; max-height:3rem; vertical-align:middle}

nav{display:none}

.nav-bar2 { width:20%; height: auto; float:right; height:3rem; position:absolute; z-index:11; right:3%; top:0; text-align:right}
.nav-bar2 img{ max-width:80%; max-height:1.5rem; vertical-align:middle}
.nav-bar2 span{ display:inline-block; height:100%; vertical-align:middle}

.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:0px; z-index:998; background:url(../images/fangzi.png) no-repeat center bottom;background-color:#0070bb;  }
.v_close { display:block; position: absolute; top: 3%; right: 4%; z-index:102;  width: 25px; height: 25px; background:url(../images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav { margin:0 0 0 0; }

.sjnav{ display:none}
.nav-bg { width:0px; height: auto; overflow:hidden; position: absolute; right:0px; top:0rem; z-index:998; background-color:#272727;  }
.v_close { display:block; position: absolute; top: 3%; right: 4%; z-index:102;  width: 25px; height: 25px; background:url(../images/close.png) no-repeat; background-size:100% 100%; display:none;}
.nav2 { margin:0 0 0 0; }

.subNavBox2{width:94%;float:left; padding-left:3%; padding-right:3%; background:#272727; margin-top:1.5rem }
.subNav2{width:95%; float:left; HEIGHT:3.5rem;DISPLAY: block; line-height:3.5rem; FONT-SIZE:1.0rem; OVERFLOW: hidden; CURSOR: pointer; color:#613f35;padding-left:5%;color:#fff; text-align:left;border-bottom:1px solid #3a3a3a}
.subNav2 i{ margin-right:0.5rem; padding:10px;}
.subNav2 span{ margin-left:1rem; font-size:0.8rem}
.subNav2 a{color:#fff}
.subNav2:hover{float:left;color:#fff;background:#2f2f2f url(../images/y02.jpg) no-repeat 95% 18px; }
.currentDd2{ color:#fff; background:#2f2f2f url(../images/y02.jpg) no-repeat 95% 18px;}
.currentDt2{color:#fff}
.navContent2{display: none;float:left; width:90%; background:#ecf7f; padding-left:10% }
.navContent2 li a{LINE-HEIGHT:2.5rem; WIDTH: 100%; DISPLAY: block; HEIGHT:3rem; FONT-SIZE:0.8rem; CURSOR: pointer; color:#fff}
.navContent2 li a:hover{ color:#613f35}


.main-wrap{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; font-size:18px; line-height:35px;}
.main-wrap h1{ font-size:24px; font-weight:normal;}
.main-wrap h2{ font-size:3.0rem; font-weight:normal; margin-bottom:40px; margin-top:40px; line-height:3.5rem;}
.main-wrap ul li{ width:100%; float:left; font-size:18px; line-height:35px; margin-bottom:2rem}
#mar0{ float:right; margin-right:0px;}
.mar20{ margin-top:10px;}
.mar40{ margin-top:30px;}
.mar30{ margin-top:20px;}

.index01{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:2rem;}
.index02{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px;}
.index01-l{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l img{ max-width:100%; height:auto}
.index01-r{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-r h1{ font-size:24px; font-weight:normal; color:#000; margin-top:50px;}
.index01-r h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
#more{ padding:10px 10px; background: #000; color:#FFF; font-size:13px; letter-spacing:2px; text-transform:uppercase}
#more:hover{ background:none; border:1px solid #000; color:#000}

.index01-l1{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l1 img{ max-width:100%; height:auto}
.index01-r1{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-r1 h1{ font-size:24px; font-weight:normal; color:#000; margin-top:50px;}
.index01-r1 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r1 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.index01-l2{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l2 h1{ font-size:1.8rem; font-weight:normal; color:#000; margin-top:0rem;}
.index01-l2 h2{ font-size:2.0rem; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l2 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r2{ width:90%; float:left; margin-left:5%; margin-right:5%; text-align:center; margin-top:2rem}
.index01-r2 img{ width:80%; height:auto}

.index01-l3{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l3 h1{ font-size:1.8rem; font-weight:normal; color:#000; margin-top:0;}
.index01-l3 h2{ font-size:2.0rem; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l3 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r3{ width:90%; float:left; margin-left:5%; margin-right:5%; text-align:right;margin-top:2rem}
.index01-r3 img{ max-width:100%; height:auto;}

.index01-l4{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l4 img{ width:100%; height:auto}
.index01-r4{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-r4 h1{ font-size:1.8rem; font-weight:normal; color:#000; margin-top:50px;}
.index01-r4 h2{ font-size:2.0rem; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-r4 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.index01-l5{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l5 h1{ font-size:1.8rem; font-weight:normal; color:#000; margin-top:0;}
.index01-l5 h2{ font-size:2.0rem; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.index01-l5 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r5{ width:90%; float:left; margin-left:5%; margin-right:5%; text-align:right; margin-top:2rem}
.index01-r5 img{ max-width:100%; height:auto;}

.main-wrap2{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; text-align:center; line-height:30px;}
.main-wrap2 h1{font-size:2.0rem; font-weight:normal; margin-bottom:40px; line-height:50px;}
.main-wrap5{ width:80%; float:left; background:rgb(0, 0, 0); padding-left:10%; padding-right:10%; padding-bottom:50px; padding-top:50px; font-family:Roboto; color:#FFF; text-align:center; line-height:30px;}
.main-wrap5 h1{font-size:2.0rem; font-weight:normal; margin-bottom:40px; line-height:50px;}
#more2{ padding:14px 30px; background: #fff; color:#000; font-size:13px; letter-spacing:2px;}
#more2:hover{ background:none; border:1px solid #fff; color:#fff}

.about{ width:80%; float:left; margin-left:10%; margin-right:10%; text-align:center}
.about h1{ font-size:24px; font-weight:normal; color:#000; margin-top:0px;}
.about h2{ font-size:2.0rem; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.about p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.about img{ max-width:100%; height:auto;}

.index03{ width:100%; float:left; height:610px; overflow:hidden; background:url(../images/1204802026.jpg) no-repeat; background-position:50.00% 72.50%; background-size:100%; background-size:cover}
.index03 img{ width:100%; height:auto; display:block}

.index04{ width:100%; float:left; height: auto; background:url(../images/649708356.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; padding-bottom:50px; padding-top:50px; font-family:Roboto;}
.index04-1{ width:90%; float:left; margin-left:5%; margin-right:5%;}
.index04-101{ width:78.47%; float:left;font-size:18px; line-height:32px; font-weight: 500;}
.index04-101 h1{ font-size:2.0rem; padding-bottom:50px; border-bottom:2px solid #FFF; margin-bottom:10px; margin-top:20px; font-weight:normal}

.foot{ width:80%; float:left; background:#000; padding-bottom:50px; padding-top:50px; margin-left:10%; margin-right:10%; color:#FFF}
.foot01{ width:100%; float:left; text-align:center; margin-top:3rem;}
.foot01 img{ max-width:80%; height:auto}
.foot01 a{ padding:10px; margin-left:5px; margin-right:5px;}
.aa01{ background:url(../images/x01.jpg) no-repeat center}
.aa02{ background:url(../images/x02.jpg) no-repeat center}
.aa03{ background:url(../images/x03.jpg) no-repeat center}
.aa04{ background:url(../images/x04.jpg) no-repeat center}
.foot02{ width:100%; float:left; margin-top:3rem;}
.foot02 h1{ font-size:18px;line-height:35px;}
.foot02 div{ width:100%; margin-bottom:15px; margin-top:15px;}
.foot02 div img{ max-width:90%; height:auto; display:block}
.foot02 b{font-size:18px; }
.foot03{ width:100%; float:left; margin-top:3rem; }
.foot03 h1{ font-size:18px; line-height:35px;}
.foot03 dl dd{ height:40px; line-height:40px; margin-top:10px; font-size:13px}
.bk{ width:79%; border:1px solid rgba(255, 255, 255, 0.4); height:38px; line-height:38px; background-color:transparent;}
.anniu{ padding:10px 20px 10px 20px; border:1px solid rgba(255, 255, 255, 0.4); color:#FFF; background-color:transparent; cursor:pointer; font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-top:15px;}
.red{ color:#F00}

.nybanner{ width:100%; float:left; height:438px; background:url(../images/b01.jpg) no-repeat center; background-size:cover; position:relative}

.about01{ width:100%; float:left; height:352px; background:url(../images/group-2_orig.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}

.about02{ width:80%; float:left; margin-left:10%; margin-right:10%; font-size:18px; line-height:35px;}
.about02-l{width: 72.28%; float:left;}
.about02-r{width: 27.71%; float:right}
.about02-r img{ max-width:100%; height:auto}
.about02 h1{ font-size:24px; font-weight:normal; color:#000;}
.about02 h2{ font-size:48px; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.about02 b{ font-weight:900; font-family:Arial, Helvetica, sans-serif}

.about03{ width:100%; float:left; height:352px; background:url(../images/b02.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about04{ width:100%; float:left; height:352px; background:url(../images/b03.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about05{ width:100%; float:left; height:352px; background:url(../images/b04.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}
.about06{ width:100%; float:left; height:352px; background:url(../images/b05.jpg) no-repeat; background-position:50% 50%; background-size:100%; background-size:cover; vertical-align:top;background-attachment:fixed;background-color:transparent; color:#FFF; font-family:Roboto;}

.black{ color:#000}

.line{ width:100%; float:left; background:#FFF; height:1px;}
.nyindex{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex-l{ width:90%; float:left; margin-left:5%; margin-right:5%}
.nyindex-l img{ width:100%; height:auto}
.nyindex-r{ width:90%; float:left; margin-left:5%; margin-right:5%}
.nyindex-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.nyindex img{ max-width:100%; height:auto}


.nyindex1{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex1-l{ width:90%; float:left; margin-left:5%; margin-right:5%}
.nyindex1-l img{ width:100%; height:auto}
.nyindex1-r{ width:90%; float:left; margin-left:5%; margin-right:5%}
.nyindex1-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex1-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.nyindex1 img{ max-width:100%; height:auto}

.nyindex2{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex2-r{ width:90%; float:left; margin-left:5%;margin-right:5%; margin-top:2rem}
.nyindex2-r img{ width:100%; height:auto}
.nyindex2-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex2-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:2rem; margin-bottom:30px;}
.nyindex2-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex3{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex3-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex3-l img{ width:100%; height:auto}
.nyindex3-r{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex3-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:3rem; margin-bottom:30px;}
.nyindex3-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex4{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex4-r{ width:90%; float:left; margin-left:5%;margin-right:5%; margin-top:2rem}
.nyindex4-r img{ width:100%; height:auto}
.nyindex4-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex4-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex4-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex5{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex5-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex5-l img{ width:100%; height:auto}
.nyindex5-r{ width:90%; float:left; margin-left:5%;margin-right:5%; margin-top:2rem}
.nyindex5-r h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:30px; margin-bottom:30px;}
.nyindex5-r p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.nyindex6{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex6-r{ width:90%; float:left; margin-left:5%;margin-right:5%;margin-top:2rem; text-align:center}
.nyindex6-r img{ max-width:80%; height:auto}
.nyindex6-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex6-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:2rem; margin-bottom:30px;}
.nyindex6-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}


.nyindex7{ width:100%; float:left; background:rgb(238, 238, 238); padding-bottom:50px; padding-top:50px; border-bottom:1px solid #ddd}
.nyindex7-r{ width:90%; float:left; margin-left:5%;margin-right:5%; text-align:center;margin-top:2rem}
.nyindex7-r img{ width:100%; height:auto}
.nyindex7-l{ width:90%; float:left; margin-left:5%;margin-right:5%;}
.nyindex7-l h1{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:2rem; margin-bottom:30px;}
.nyindex7-l p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.proshow{ width:80%; float:left; margin-left:10%; margin-right:10%;}
.proshow01{width:100%; float:left; font-size:18px; line-height:30px;}
.proshow01 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px;font-weight:normal}
.proshow03{width:100%; float:left;font-size:18px; line-height:30px;}
.proshow03 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px; font-weight:normal}
.proshow05{width:100%; float:left;font-size:18px; line-height:30px;}
.proshow05 h1{ color:#000; font-size:x-large; line-height:40px; margin-bottom:30px; font-weight:normal}


.index01-l33{ width:90%; float:left; margin-left:5%; margin-right:5%;}
.index01-l33 h2{ font-size:xx-large; font-weight:normal; color:#000; line-height:50px; margin-top:3.0rem; margin-bottom:30px;}
.index01-l33 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}
.index01-r33{ width:90%; float:left; margin-left:5%; margin-right:5%; margin-top:3rem;}
.index01-r33 img{ max-width:100%; height:auto;}

.index01-l1{ width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-l1 img{ max-width:100%; height:auto}
.index01-r1{width:90%; float:left; margin-left:5%; margin-right:5%}
.index01-r1 h1{ font-size:xx-large; font-weight:normal; color:#000; margin-top:50px;margin-bottom:30px;line-height:50px;}
.index01-r1 p{ font-size:18px; line-height:32px; font-weight: 500; margin-bottom:10px;}

.Variations{ width:80%; float:left; margin-left:10%; margin-right:10%;}
.Variations ul li{ width:100%; float:left; margin-bottom:2rem}
.Variations ul li img{ width:100%; height:auto; display:block}

.Products{ width:100%; float:left}
.Products ul li{ width:100%; float:left; text-align:center}
.Products ul li img{ max-width:80%; height:auto; transition:transform 0.4s; transform: scale(1); -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-filter: brightness(60%); -o-transition: -o-transform .4s ease;}
.Products ul li img:hover{transform: scale(0.95); -webkit-transform: scale(.95); -moz-transform: scale(.95); -o-transform: scale(.95); -webkit-filter: brightness(100%);;}

.pro{ width:100%; float:left}
.pro ul li{ width:100%; float:left; text-align:center; }
.pro ul li img{ max-width:80%; height:auto;}
.pro ul li p{font-size:x-large;}
.line2{ width:100%; float:left; height:1px; background:#000}

.about2{ width:80%; float:left; margin-left:10%; margin-right:10%; font-size:18px; line-height:35px;}
.about2 h1{ font-size:1.8rem; font-family:Arial, Helvetica, sans-serif; line-height:40px; margin-bottom:30px;}
.about2 img{ max-width:100%; height:auto}

.pro2{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro2 ul li{ width:100%; float:left;font-size:18px; line-height:35px;}
.pro2 ul li img{max-width:100%; height:auto;}
.pro2 ul li p{font-size:x-large; text-align:right}

.large{ font-size:x-large}
.pro3{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro3-l{ width:100%; float:left}
.pro3-l img{ max-width:100%; height:auto}
.pro3-r{ width:100%; float:right; margin-top:20px;}
.pro3-r ul li{ width:100%; float:left;}
.pro3-r ul li img{ max-width:100%; height:auto; display:block}

.pro4{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro4-l{ width:100%; float:left}
.pro4-l img{ max-width:100%; height:auto; display:block}
.pro4-r{ width:100%; float:right; margin-top:20px;}
.pro4-r ul li{ width:100%; float:left;}
.pro4-r ul li img{ width:100%; height:auto; display:block}

.pro5{ width:80%; float:left; margin-left:10%; margin-right:10%; }
.pro5-l{ width:100%; float:left}
.pro5-l img{ max-width:100%; height:auto; display:block}
.pro5-r{ width:100%; float:right;margin-top:20px;}
.pro5-r ul li{ width:100%; float:left;}
.pro5-r ul li img{ max-width:100%; height:auto; display:block}
























}