/*js代码(www.jsdaima.com)是IT资源下载及IT技能学习平台。我们拒绝滥竽充数，只提供精品IT资源！*/
body {
	font-family: "微软雅黑"!important;
	font: 14px Microsoft YaHei!important;
	line-height: 24px;
}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
	margin: 0;
	padding: 0;
}
li, ol {
	list-style: none;
}
a, input, img, textarea {
	border: none;
	outline: none;
}
i, em {
	font-style: normal;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.db {
	display: block;
}
.ma {
	margin: 0 auto;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.transition {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
a {
	text-decoration: none;
	color: #ffffff;
}
a:focus {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none!important;
}
.hide {
	display: none
}
.show {
	display: block
}
.modal a {
	outline: none;
}
label {
	font-weight: normal;
	width: 100%;
}
a:focus, a:hover {
	color: #ffff00;
}
a:focus {
	outline: none;
	outline-offset: 0;
}
.container {
	margin: 0 auto;
	padding: 0!important;
}
@media (min-width: 1700px) {
.container {
	width: 1200px !important;
}
.ny_cont .container {
	width: 1200px !important;
}
}
#wrap {
	overflow: hidden;
}
/*头部*/
#header {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 11;
	border-bottom: 1px solid #fff;
	top: 0;
	transition: 500ms;
	background-color: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000, endcolorstr=#2f000000);
}
#header .container {
width: 80%!important;}
#header.on {
	top: -20px;
	transition: 500ms;
}
#header.on .logo {
	width: 200px;
	height: 80px;
	margin-top: 20px;
	transition: 500ms;
}
#header.on .logo img {
	height: 80px;
	transition: 500ms;
}
#header.on .nav_box .yiji a {
	height: 80px;
	line-height: 80px;
	margin-bottom: 20px;
	transition: 500ms;
}
#header .logo {
	width: 200px;
	height: 100px;
}
#header .collapse {
	width: 1000px;
	padding: 0;
}
#header .nav_box {
	width: 100%;
	height: 100px;
}
#header .nav_box .yiji {
	width: 20%;
	height: 100%;
	text-align: center;
	position: relative;
}
#header .nav_box .yiji a {
	color: #fff;
	display: block;
	line-height: 70px;
	font-size: 16px;
	height: 100px;
	overflow: hidden;
}
#header .nav_box .yiji a:hover, #header .nav_box .yiji.current a {
	color: #ff9000;
	background: none;
}
#header .nav_box .yiji .libox {
	display: none;
	background-color: rgba(0,0,0,.8);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000, endcolorstr=#2f000000);
}
#header .nav_box .yiji .libox a {
	color: #f4f4f4;
	font-size: 16px;
	line-height: 62px;
	width: 100%;
	height: 62px;
	margin: 0 auto;
	border-bottom: 1px solid #333333;
}
#header .nav_box .yiji .libox a:last-child {
	border-bottom: none;
}
#header .nav_box .yiji .libox a:hover {
	color: #a99172;
	background: #1a1a1a;
}
#header .nav_box .yiji.current:before, #header .nav_box .yiji:hover:before {
	content: "";
	opacity: 0;
	width: 100%;
	height: 1px;
	background: #a99172;
	position: absolute;
	bottom: 0px;
	left: 0;
	animation: lines 0.3s 0.25s ease-in-out forwards;
}
#header .nav_box .yiji.current:after, #header .nav_box .yiji:hover:after {
	content: "";
	opacity: 0;
	width: 1px;
	height: 26px;
	background: #a99172;
	position: absolute;
	bottom: 1px;
	left: 50%;
	animation: navgo 0.3s ease-in-out forwards;
}
@-webkit-keyframes navgo {
 0% {
opacity: 0;
 -webkit-transform: translateY(-20px) scale(0);
}
 100% {
opacity: 1;
 -webkit-transform: translateY(0) scale(1);
}
}
@keyframes lines {
 0% {
opacity: 0;
transform: scale(0);
}
 100% {
opacity: 1;
transform: scale(1);
}
}
/*首页banner*/
#banner {
	
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width: 100%;
}
#banner .carousel-indicators {
	
}
#banner .carousel-indicators .active:before {
	content: "";
	width: 1px;
	height: 22px;
	border-radius: 50%
	background: #a99172;
	position: absolute;
	left: 39px;
	top: -22px;
}
#banner .carousel-indicators li {
	background: #;
	border: none;
	width: 80px;
	height: 0px;
	margin: 0px 6px;
	position: relative;
	border-radius: 50px;
}
#banner .carousel-indicators .active{
	background: #fff;
	border: none;
	width: 80px;
	height: 0px;
	margin: 0px 6px;
	position: relative;
	border-radius: 50px;
}
#banner .s-prev {
	top: 50%;
	left: 0;
	display: none;
	font-size: 100px;
	font-family: "微软雅黑";
	background: none;
	color: #a99172;
}
#banner .s-next {
	top: 50%;
	right: 0!important;
	display: none;
	font-size: 100px;
	font-family: "微软雅黑";
	background: none;
	color: #a99172;
}
#banner:hover .s-prev, #banner:hover .s-next {
	display: block;
}
/*手机banner*/
#molbanner {
	position: relative;
	width: 100%;
	height: 11rem;
	overflow: hidden;
	display: none;
}
.swiper-banner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.swiper-banner .banner-img li {
	overflow: hidden;
}
.swiper-banner .banner-img li .pic {
	text-align: center;
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-banner .banner-img li img {
	vertical-align: top;
	height: 11.1rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.swiper-banner .swiper-dote {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0.3rem;
	z-index: 33;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet {
	width: 0.7rem;
	height: 1px;
	background: #dddddd;
	margin: 0 5px;
	opacity: 1;
	border-radius: 0;
}
.swiper-banner .swiper-dote ul li.swiper-pagination-bullet-active {
	background: #a99172;
}
.About {
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 1px solid #ddd;
	padding:80px 0;
}
.About .container {
	width: 1400px !important;
}
.About:before {
	content: "";
	width: 100%;
	height: 880px;
	background: url(../images/jt.png) center no-repeat;
	background-size: 100% 880px;
	position: absolute;
	left: 30px;
	top: 12px;
}
.About .about_img {
	text-align: right;
	right: 0;
	padding: 0;
}
.About .about_img img {
	max-width: 100%;
	height: 660px;
}
.About .about_dec {
	padding-left: 0;
	padding-right: 0;
	height: 660px;
}
.About .about_dec .title, .Probox .pros .title, .Contact .tact_l .title {
	font-size: 20px;
	color: #ddd;
	line-height: 46px;
	text-transform: uppercase;
	padding: 0px 0 40px 0;
}
.About .about_dec .title span {
	display: block;
	font-size: 32px;
	color: #333;
	position: relative;
	animation-delay: 0.4s;
}
.About .about_dec .title span:before {
	content: "";
	width: 108px;
	height: 1px;
	background: #808080;
	position: absolute;
	top: 30px;
	left: 154px;
}
.About .about_dec .a_decs {
	font-size: 16px;
	line-height: 1.6;
	color: #ccc;
	margin-top: 0px;
	animation-delay: 0.6s;
	overflow: hidden;
	background-color: rgba(255,255,255,.0);
    padding: 20px 60px 40px 0 ;
}
.About .about_dec .a_decs  p{
	font-size: 14px;
	text-align: justify;
	line-height: 2;
	color: #666;
	margin-bottom:15px;
}
.About .about_dec .more {
	width: 188px;
	height: 48px;
	border: 1px solid #dcdddd;
	text-align: center;
	line-height: 48px;
	color: #a99172;
	font-size: 16px;
	position: absolute;
}
.more span {
	position: relative;
	z-index: 2;
	color:#999;
}
.more:before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	background: #a99172;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.more:hover:before {
	width: 90%;
	height: 80%;
	top: 10%;
	left: 5%;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#main .more:hover {
	border: 1px solid #dcdddd;
	color: #000;
}
.Probox {
	padding: 80px 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.Probox .container {
	width: 1400px!important;
}
.Probox .pros .title span, .Contact .tact_l .title span {
	padding: 0 10px;
	font-size: 32px;
	color: #333;
	position: relative;
	animation-delay: 0.4s;
}
.Probox .pros .title span:before, .Contact .tact_l .title span:before {
	content: "";
	width: 108px;
	height: 1px;
	background: #808080;
	position: absolute;
	top: 30px;
	right: -108px;
}
.slide_pro {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.slide_prolb {
	width: 1000px;
	height: auto;
	margin: 0 auto;
}
.slide_pro .hd {
	height: 64px;
	padding: 0 0px;
	border-bottom: 1px solid #eee;
}
.slide_pro .hd ul {
	width: 100%;
	height: 64px;
}
.slide_pro .hd ul li.pro_lb {
	float: left;
	cursor: pointer;
	width: 14%;
	height: 50px;
	line-height: 50px;
	color: #333;
	font-size: 18px;
	text-align: center;
	background: #dcdddd;
}
.slide_pro .hd ul li.pro_lb.on {
	color: #fff;
	position: relative;
	background: #7f7f7f;
}
.slide_pro .hd ul li.pro_lb.on:before {
	content: "";
	opacity: 0;
	width: 80%;
	height: 1px;
	background: #a99172;
	position: absolute;
	bottom: 0px;
	left: 10%;
	animation: lines 0.3s 0.25s ease-in-out forwards;
}
.slide_pro .hd ul li.pro_lb.on:after {
	content: "";
	opacity: 0;
	width: 0px;
	height: 26px;
	background: #a99172;
	position: absolute;
	bottom: -25px;
	left: 50%;
	animation: navgo2 0.3s ease-in-out forwards;
}
@-webkit-keyframes navgo2 {
 0% {
opacity: 0;
 -webkit-transform: translateY(20px) scale(0);
}
 100% {
opacity: 1;
 -webkit-transform: translateY(0) scale(1);
}
}
.slide_pro .bd {
	padding: 0;
	padding-top: 20px;
}
.slide_pro .bd .detil {
	zoom: 1;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
}
.slide_pro .bd .detil:first-child {
	display: block;
}
.slide_pro .bd .detil .pro1:nth-child(1n) {
	padding:  10px 10px 10px 0;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1:nth-child(2n) {
	padding:  10px 5px 10px 5px;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1:nth-child(3n) {
	padding:  10px 0px 10px 10px;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1:nth-child(4n) {
	padding:  10px 10px 10px 0;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1:nth-child(5n) {
	padding:  10px 5px 10px 5px;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1:nth-child(6n) {
	padding:  10px 0px 10px 10px;
	overflow: hidden;
}
.slide_pro .bd .detil .pro1 a {
	display: block;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.slide_pro .bd .detil .pro1 img {
	width: 100%;
	transition: 1s transform;
}
.slide_pro .bd .detil .pro1:hover img {
	transform: scale(1.1, 1.1);
	transition: 1s transform;
}
.slide_pro .bd .detil .pro1 .p_title {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-align:left;
	color: #000;
	text-indent: 0px;
	
}
.slide_pro .bd .detil .pro1:hover .p_title {
	bottom: 0;
}
.slide_pro .bd .detil .pro2 {
	right: 0;
	padding-left: 20px;
}
.slide_pro .bd .detil .pro3 {
	position: absolute;
	right: 0;
	padding-left: 20px;
}
.slide_pro .bd .detil .more, .Newbox .news .more {
	position: relative;
	width: 188px;
	height: 48px;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 48px;
	color: #cccccc;
	font-size: 16px;
	margin: 80px auto;
}
.Newbox .container {
	width: 1400px !important;
}
.Newbox {
	overflow: hidden;
	width: 100%;
	height: auto;
}
.newsn{
	padding:80px 0;
}
.Newbox .new_bg {
	padding: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.Newbox img {
	width: 100%;
	height: 100%;
}
.Newbox .news {
	width: 100%;
	height: auto;
	padding-bottom: 40px;
}
.Newbox .news .title {
	text-align: center;
	font-size: 20px;
	color: #ddd;
	line-height: 46px;
	text-transform: uppercase;
	padding: 50px 0 20px 0;
}
.Newbox .news .title span, .Yousbox .title span {
	padding: 0 10px;
	font-size: 32px;
	color: #333;
	position: relative;
}
.Newbox .news .title span:before, .Yousbox .title span:before {
	content: "";
	width: 108px;
	height: 1px;
	background: #808080;
	position: absolute;
	top: 30px;
	right: -118px;
}
.Newbox .news .title span:after, .Yousbox .title span:after {
	content: "";
	width: 108px;
	height: 1px;
	background: #808080;
	position: absolute;
	top: 30px;
	left: -118px;
}
.Newbox .news .newlist {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.Newbox .news .newlist li {
	height: auto;
	overflow: hidden;
	transition: all 0.3s ease-out;
	width: 23%;    
	float: left;
	margin:1%;
}
.Newbox .news .newlist li .nimg {
	padding: 0;
}
.Newbox .news .newlist li .newdec {
	height: auto;
	position: relative;
	color: #fff;
	padding: 10px 10px 0px 10px;
	border: 1px solid #eee;
}
.Newbox .news .newlist li .newdec    h2{
	font-size: 16px;
	line-height: 36px;
	color:#333;
	margin-bottom:5px;
}
.Newbox .news .newlist li .newdec    h2 a{
	font-size: 16px;
	line-height: 36px;
	color:#333;
}
.Newbox .news .newlist li .newdec    p{
	font-size: 14px;
	line-height: 26px;
	color:#999;
	padding-bottom:10px;
	border-bottom: 1px solid #eee;
}
}
.Newbox .news .newlist li .newdec:before {
	content: ">";
	width: 30px;
	height: 208px;
	line-height: 208px;
	font-size: 30px;
	color: #808080;
	position: absolute;
	right: 0;
	top: 0;
}
.Newbox .news .newlist li .newdec .time {
	padding: 0;
	font-size: 14px;
	line-height:40px;
	border-left: 0px solid #808080;
	margin: auto 0;
	color:#999;
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 82px;
	line-height: 90px;
	color:#333;
}
.Newbox .news .newlist li .newdec .descript  {
	width: 100%;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
	font-size: 18px;
	color:#333;
}
.Newbox .news .newlist li .newdec .descript   a{
	font-size: 18px;
	line-height: 44px;
	color:#333;
}
.Newbox .news .newlist li .newdec .descript dt {
	width: 100%;
	height: 84px;
	line-height: 28px;
	color: #999;
	overflow: hidden;
	font-weight: 400;
}
.Newbox .news .newlist li .newdec .descript dt  a{
	color:#333;
}
.Newbox .news .newlist li:hover {
	background: #eee;
}
.Newbox .news .newlist li:hover .newdec, .Newbox .news .newlist li:hover .newdec .descript dt, .Newbox .news .newlist li:hover .newdec:before, .Newbox .news .newlist li:hover .newdec .time span {
	color: #000;
}
.Newbox .news .newlist li:hover .newdec .descript dd a {
	color: #000;
	font-weight: bold;
}
.Newbox .news .newlist li:hover .newdec .time {
	border-left: 0px solid #000;
}
.Yousbox .chiz {
	width: 100%;
	height: 64px;
	background: url(../images/line.png) repeat-x;
}
.Yousbox .title {
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 38px;
	text-transform: uppercase;
	padding: 40px 0 10px 0;
}
.Yousbox .youshis {
	padding: 20px 0;
	text-align: center;
}
.Yousbox .youshis .ys_list li {
	width: 25%;
	padding: 20px 0;
	display: inline-block;
	float: left;
}
.Yousbox .youshis .ys_list li .icon {
	width: 168px;
	height: 168px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #dcdddd;
	margin: 0 auto;
}
.Yousbox .youshis .ys_list li .icon img {
	max-width: 100%;
}
.Yousbox .youshis .ys_list li a:hover .icon {
	border: 1px solid #61605f;
	background: #ddd;
}
.Yousbox .youshis .ys_list li p {
	width: 90%;
	line-height: 28px;
	overflow: hidden;
	font-size: 14px;
	color:#333;
	margin: 0 auto; 
	text-align:left;
}
.Yousbox .youshis .ys_list li h3 {
	width:90%;
	padding: 10px 0;
	line-height: 32px;
	overflow: hidden;
	font-size: 18px;
	color:#333;
	margin: 0 auto; */
}
.Yousbox .chiz2 {
	width: 100%;
	height: 64px;
	background: url(../images/line2.png) repeat-x;
}
.Yousbox #molyousbox {
	display: none;
}
.swiper-yous {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
.swiper-yous .youshi {
	width: 100%;
	height: auto;
	padding-bottom: 0.5rem;
}
.swiper-yous .youshi .swiper-slide {
	height: 14rem;
	text-align: center;
}
.swiper-yous .youshi .swiper-slide .y_icons {
	display: block;
	width: 50%;
	height: 7rem;
	overflow: hidden;
	margin-bottom: 0.3rem;
	float: left;
}
.swiper-yous .youshi .swiper-slide .y_icons .icon {
	width: 4.2rem;
	height: 4.2rem;
	margin: 0 auto;
	border-radius: 50%;
	border: 2px solid #6e6e6c;
}
.swiper-yous .youshi .swiper-slide .y_icons .icon img {
	width: 4.2rem;
	height: 4.2rem;
}
.swiper-yous .youshi .swiper-slide .y_icons p {
	width: 100%;
	height: 2rem;
	font-size: 0.6rem;
	line-height: 1rem;
	overflow: hidden;
	margin: 0.5rem 0;
}
.swiper-yous .swiper-dote {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	z-index: 33;
}
.swiper-yous .swiper-dote ul li.swiper-pagination-bullet {
	width: 0.3rem;
	height: 0.3rem;
	background: none;
	margin: 0 4px;
	opacity: 1;
	border: 1px solid #a99172;
}
.swiper-yous .swiper-dote ul li.swiper-pagination-bullet-active {
	background: #a99172;
	margin: 0 4px;
}
.Map, .Map .container {
	width: 100%!important;
}
.map {
	padding: 0;
}
#platform div {
	height: 600px!important;
}
.Contact {
	background: #272624;
	box-shadow: 0 0 12px #000;
	padding: 0 30px;
	margin-top: -34px;
	z-index: 4;
}
.Contact .tact_l {
	padding-top: 40px;
	padding-bottom: 30px;
}
.Contact .tact_l .compy {
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	padding-top: 20px;
}
.Contact .tact_l .shares {
	width: 100%;
	height: 42px;
	margin-top: 15px;
}
.Contact .tact_l .shares a {
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #808080;
	margin-right: 2%;
}
.Contact .tact_l .shares a:hover {
	background: #a99172;
}
.Contact .tact_r {
	padding-top: 40px;
	padding-bottom: 10px;
	border-left: 1px solid #4d4d4d;
}
.Contact .tact_r .title {
	text-indent: 30px;
	text-transform: uppercase;
	font-size: 40px;
	width: 64%;
	height: 64px;
	line-height: 64px;
	background: #a99172;
	color: #272624;
	position: relative;
	left: -28px;
}
.Contact .tact_r .title:before {
	content: "";
	border-right: 20px solid #272624;
	border-left: 20px solid transparent;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
	position: absolute;
	right: 0;
	top: 0;
}
.Contact .tact_r .title:after {
	content: "";
	border-right: 6px solid #cfa308;
	border-left: 6px solid transparent;
	border-top: 5px solid #cfa308;
	border-bottom: 5px solid transparent;
	position: absolute;
	left: 0;
	top: 64px;
}
.Contact .tact_r .title span {
	padding: 0 10px;
	font-size: 32px;
	position: relative;
}
.Contact .tact_r .title span:before {
	content: "";
	width: 65px;
	height: 1px;
	background: #272624;
	position: absolute;
	top: 20px;
	right: -65px;
}
.tact_r .search_div {
	padding: 0 10%;
}
.tact_r .search_div span {
	display: inline-block;
	height: 70px;
	border-bottom: 1px solid #808080;
	padding: 0 20px;
	line-height: 70px;
	font-size: 16px;
	color: #fff;
}
.tact_r .search_div span.input {
	width: 100%;
}
.tact_r .search_div span.input2 {
	width: 100%;
	height: 140px;
}
.tact_r .search_div span input {
	float: right;
	width: 90%;
	height: 100%;
	background: none;
	border: none;
	display: block;
	outline: none;
}
.tact_r .search_div .btn {
	padding: 0;
	margin: 29px auto;
	display: block;
	width: 178px;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #808080;
	cursor: pointer;
	background: none;
	border-radius: 0;
}
.tact_r .search_div .btn:hover {
	border: 1px solid #a99172;
	color: #000;
	background: #a99172;
}
#footer {
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #1d1c18;
	position: relative;
	padding-top: 50px;
	border-top: 1px solid #fff;
}
#footer  .container {
    width: 80%  !important;
}
#back_top {
	 
}
#back_top:hover {/*background: #a99172 url(../images/top2.png) center no-repeat;*/
	cursor: pointer;
}
#footer .link {
	font-size: 14px;
	color: #ccc;
	line-height: 36px;
	height: auto;
}
#footer .link a {
	color: #ccc;
	margin: 0 6px;
}
#footer .link a:hover, #footer .copy a:hover {
	color: #a99172;
}
#footer .copy {
	color: #808080;
	line-height: 1.5;
}
#footer .copy a {
	color: #808080;
}
#footer .copy  p{
	font-size: 14px;
	color: #ccc;
	line-height: 34px;
	text-align:left;
}
#footer .copyd {
	margin-top: 50px;
	border-top: 1px solid #a99172;
}
#footer .copyd a {
	color: #999;
}
#footer .copyd  p{
	font-size: 14px;
	color: #999;
	line-height: 46px;
	text-align:center;
}
/*about*/
.ny_cont #header .collapse {
	width: 1090px;
}
#banner_ny img {
	position:relative;
}
#banner_nyc img {
	position:relative;
}
#banner_ny h2 {
	position:absolute;
	font-size: 36px;
	color: #999;
	line-height: 46px;
	text-align:center;
}
#main .adr_top {
	width: 100%;
	padding: 0;
	position: relative;
	margin: 0px 0px 0 0;
}
#main .adr_top:before {
	content: "";
	width: 1920px;
	height: 0px;
	background: #535353;
	position: absolute;
	top: 80px;
	left: -23%;
}
#main .adr_top:after {
	content: "";
	width: 13px;
	height: 22px;
	background: url(../images/jt2.jpg) center no-repeat;
	position: absolute;
	top: 69px;
	left: -23%;
}
#main .adr_top p {
	font-size: 26px;
	color: #333;
	position: relative;
	text-align:center;
	overflow: hidden;
}
#main .adr_top  span {
	color: #999;
	font-size: 14px;
	text-align:center;
	line-height:28px;
}
#main .adr_top .adress {
	font-size: 14px;
	color: #ccc;
}
#main .adr_top .adress a {
	color: #ccc;
}
#main .adr_top .adress a:hover {
	color: #a99172;
}
.mainav_l {
	padding-left: 0;
	padding-right: 40px;
}
.mainav_l .ce {
	width: 100%;
	display: block;
}
.mainav_l .ce li {
	width: 100%;
}
.mainav_l .ce li a {
	display: block;
	padding-left: 20px;
	height: 60px;
	overflow: hidden;
	font-size: 18px;
	color: #ccc;
	line-height: 60px;
}
.mainav_l .ce li a:hover, .mainav_l .ce li a.xz, .mainav_l .ce li a.sen_x {
	color: #a99172;
}
.clear {
	clear: both;
}
.mainav_l .ce li ul.er {
	display: none;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.mainav_l .ce ul.er li {
	width: 100%;
	margin: 0;
	border-bottom: none;
}
.mainav_l .ce ul.er li a {
	overflow: hidden;
	padding-left: 40px;
	position: relative;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
}
.mainav_l .ce ul.er .e_li .thr {
	display: none;
}
.mainav_l .ce ul.er .e_li .thr li a {
	padding-left: 54px;
	height: 48px;
	display: block;
	overflow: hidden;
	color: #ccc;
}
.mainav_l .ce ul.er .e_li .thr li a:hover {
	color: #a99172;
}
.mainav_l .ce ul.er .e_li .thr li a:hover span {
	border-bottom: 1px solid #a99172;
	padding: 4px 0;
}
.mainav_l .ce li a .ericon {
	padding-left: 10px;
	float: right;
	display: block;
	font-size: 26px;
	position: relative;
	z-index: 3;
	color: #ccc;
}
.mainav_l .ce li a .ericon .icon1 {
	display: none;
}
.mainav_l .ce .xz .ericon .icon1, .mainav_l .ce .sen_x .ericon .icon1 {
	display: block;
	color: #a99172
}
.mainav_l .ce .xz .ericon .icon2, .mainav_l .ce .sen_x .ericon .icon2 {
	display: none;
}
.main_r {
	padding: 40px 15px;
	border-left: 0px solid #535353;
	margin-bottom: 30px;
	position: relative;
}
#main .main_r:after {
	content: "";
	width: 22px;
	height: 13px;
	background: url(../images/jt3.jpg) center no-repeat;
	position: absolute;
	bottom: 0;
	left: -11px;
}
.main_r .dectil {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	color: #ccc;
	line-height: 1.6;
	border-bottom: 1px solid #eee;
	padding-bottom:40px;
}
.main_r .dectil img{
	max-width:100%;
}
.abo{
	margin:50px 0;
}
.about img{
	max-width:100%;
}
.about p{
	font-size:16px;
	margin-bottom:15px;
	color: #333;
	line-height:36px;
}
.abf{
	margin:50px 0;
}
.hzo {
	width:16.666666%;
	padding:20px;
	float: left;
}
.hzo img{
	max-width:100%;
	filter: grayscale(0%);
}
.pro2  {
	padding:3px;
}
.pro2 a {
	display: block;
	position: relative;
}
.pro2 img {
	max-width: 100%;
	transition: 1s transform;
}
.prol{
	width:20%;
}
.pro2:hover img {
	transform: scale(1, 1);
	transition: 1s transform;
}
.pro2 .p_title {
    position: absolute;
	top:50%;
	width: 100%;
	font-size: 20px;
	text-align:center;
	color: #fff;
	text-indent: 0px;
	z-index: 99;
}
/*pros*/
.products {
	padding: 30px 20px
}
.main_r .list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.main_r .list .prolist li {
	padding: 1.6%;
}
.main_r .list ul li img {
	width: 100%;
}
.main_r .list .prolist li .ptitle {
	width: 91%;
	height: 46px;
	line-height: 46px;
	color: #fff;
	font-size: 16px;
	bottom: 6.6%;
	left: 4.6%;
	background-color: rgba(0,0,0,.7);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000, endcolorstr=#2f000000);
}
.main_r .list .prolist li .li_hover {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 16px;
	color: #a99172;
	line-height: 30px;
	background-color: rgba(0,0,0,.5);
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000, endcolorstr=#2f000000);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.main_r .list .prolist li:hover .li_hover {
	width: 80%;
	height: 80%;
	padding: 8% 2%;
	top: 10%;
	left: 10%;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.main_r .list .prolist li:hover .ptitle {
	display: none;
}
.page {
	height: 40px;
	line-height: 40px;
	margin: 34px 0 24px 0;
}
.page a {
	display: inline-block;
	width: 60px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #cccccc;
	margin: 0 5px;
	font-size: 16px;
	color: #cccccc;
}
.page a:hover {
	background: #a99172;
	border: 1px solid #a99172;
	color: #272624;
}
.page .current {
	background: #a99172;
	border: 1px solid #a99172;
	color: #272624;
}
/*pro_dec*/
.product {
	width: 590px;
	height: 534px;
	margin: 0 auto;
	position: relative;
}
.gallery-top {
	width: 590px;
	height: 412px;
	text-align: center;
	margin: 0 auto;
}
.proimg {
	width: 100%;
	height: 412px;
}
.proimg .pic {
	width: 590px;
	height: 412px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.gallery-thumbs {
	height: 120px;
	box-sizing: border-box;
	padding-top: 18px;
	padding-bottom: 2px;
}
.gallery-thumbs .swiper-slide {
	width: 134px;
	height: 100px;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide .pimg {
	width: 134px;
	height: 94px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.gallery-thumbs .swiper-slide .pimg img, .proimg .pic img {
	max-width: 100%;
	max-height: 100%;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
	border-bottom: 1px solid #a99172;
}
.swiper-button-white {
	width: 32px!important;
	height: 74px;
!important;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1.85rem;
	color: #fff;
	font-family: "微软雅黑";
	background: rgba(0,0,0,0.3);
}
.swiper-button-next {
	right: -52px;
	top: 40%;
}
.swiper-button-prev {
	left: -52px;
	top: 40%;
}
.prodec {
	padding-bottom: 20px;
	border-bottom: 1px solid #4d4d4d;
}
.pro_dtitle {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 20px;
	color: #fff;
	margin: 30px 0;
}
.main_r .choose {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px 0;
}
.main_r .choose a {
	overflow: hidden;
	margin: 0 10px;
	display: inline-block;
	width: 116px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #ccc;
	text-align: left;
}
.main_r .choose a i {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: "微软雅黑";
	font-size: 20px;
	border: 1px solid #4d4d4d;
	float: left;
	text-align: center;
	margin-right: 8px;
}
.main_r .choose a i.back {
	background: url(../images/fh.png) center no-repeat;
}
.main_r .choose a:hover {
	color: #a99172;
}
.main_r .choose a:hover i {
	border: 1px solid #a99172;
	background: #a99172;
	color: #000;
}
.main_r .choose a:hover i.back {
	background: #a99172 url(../images/fh_h.png) center no-repeat;
}
/*newlist*/
.news .container {
	width: 1400px!important;
}
.newss {
	padding: 80px 0 80px 0px;
}
.newlist li {
	float:left;
}
.newlist li .nimg {
	padding-left: 0;
}
.newlist li .newdec2 {
	padding-right: 0;
}
.newlist li .newdec2 h2 a{
	font-size: 16px;
	color: #000;
	line-height:36px;
}
.newlist li .newdec2 p{
	font-size: 14px;
	color: #666;
}
.newlist li .newdec2 dd {
	width: 100%;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
.newlist li .newdec2 dt {
	margin-top: 10px;
	width: 100%;
	height: 84px;
	line-height: 28px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
}
.newlist li .newdec2 span {
	font-size: 14px;
	color: #999;
	line-height: 28px;
	display: block;
}
/*textlist*/
.textlist {
	padding-left: 20px;
}
.textlist li {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #4d4d4d;
}
.textlist li a {
	overflow: hidden;
	display: block;
	padding-left: 24px;
	width: 100%;
	height: 94px;
	line-height: 94px;
	font-size: 18px;
	position: relative;
}
.textlist li a span {
	float: right;
	font-size: 14px;
	color: #808080
}
.textlist li a:before {
	content: "";
	width: 0.2rem;
	height: 0.2rem;
	background: #ffffff;
	position: absolute;
	top: 42px;
	left: 0;
}
.textlist li a:hover:before {
	background: #a99172
}
/*newdectil*/
.newdectil .new_title h1{
	font-size: 18px;
	color: #000;
	line-height: 32px;
	margin-bottom:15px;
}
.newdectil .new_title span {
	font-size: 14px;
	color: #333;
	display: block;
	line-height: 24px;
	margin: 0.2rem 0 0.5rem;
}
.newdectil .new_p p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-bottom:15px;
}
.share2 {
	width: 100%;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #4d4d4d;
}
#bdshare span {
	height: 34px;
}
#bdshare a {
	display: inline-block;
	padding: 20px 12px;
}
.cho_art {
	width: 100%;
	height: auto;
	margin:auto 0;
}
.cho_art a {
	width: 100%;
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	font-size: 14px;
	color: #ccc;
}
.cho_art a:hover {
	color: #a99172;
}
.cho_art a.back {
	width: 100px;
	text-align: center;
	color:#fff;
	background-color: #ccc;
}
.cho_art a.back:hover {
	color:#ff0000;
	background-color: #999;
}
/*search*/
.search {
	border-left: none;
	padding: 30px 0;
}
.search .result {
	font-size: 20px;
	color: #ccc;
	margin: 20px 0;
}
/*panle导航开始*/
.class {
	width: 16rem;
	height: 100%;
	z-index: 7;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0px;
	left: 0px;
	color: #ffffff;
	z-index: 44;
}
.class-top {
	height: 3rem;
	overflow: hidden;
	background: #000;
	margin: 0;
}
.class-top img {
	max-height: 3rem;
	margin-left: 0.5rem;
}
.class-close {
	width: 1rem;
	height: 3rem;
	line-height: 3rem;
	margin-right: 0.5rem;
	float: right;
	display: block;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #a99172;
}
.class-m {
	height: 26rem;
	overflow-y: auto;
}
.opacity2 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 40;
	display: none;
}
.overflow {
	height: 100%;
	overflow: hidden;
}
.class-m .nnav {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.class-m .nnav li {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #333;
}
.class-m .nnav li a.ce {
	padding-left: 1.1rem;
	color: #fff;
	font-size: 0.7rem;
	display: block;
	height: 2rem;
	line-height: 2rem;
}
.menu_head .ericon {
	color: #a99172;
	width: 1.2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	float: right;
	display: inline;
	font-size: 1rem;
	margin-right: 0.5rem;
	position: relative;
	z-index: 3;
}
.menu_head .ericon .icon1 {
	display: none;
}
.menu_head .ericon.xz .icon1 {
	display: block;
}
.menu_head .ericon.xz .icon2 {
	display: none;
}
.class-m .nnav li .menu_body {
	display: none;
}
.class-m .nnav li .menu_body li {
	border-bottom: none;
	padding: 0;
}
.menu_body li a.er {
	padding-left: 1.8rem;
	font-size: 0.65rem;
	display: block;
	height: 2rem;
	line-height: 2rem;
}
.menu_body .thricon {
	color: #a99172;
	width: 1.2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	float: right;
	display: inline;
	font-size: 0.55rem;
	font-family: "微软雅黑";
	margin-right: 0.5rem;
	position: relative;
	z-index: 3;
}
.menu_body .thricon .icont1 {
	display: none;
}
.menu_body .thricon.tz .icont1 {
	display: block;
}
.menu_body .thricon.tz .icont2 {
	display: none;
}
.class-m .nnav li .thr_body {
	display: none;
}
.class-m .nnav li .thr_body li {
	border-bottom: none;
	padding: 0;
}
.thr_body li a.thr {
	position: relative;
	padding-left: 3.1rem;
	font-size: 0.6rem;
	display: block;
	height: 2rem;
	line-height: 2rem;
}
.thr_body li a.thr:before {
	content: "";
	width: 0.2rem;
	height: 0.2rem;
	background: #a99172;
	position: absolute;
	top: 0.9rem;
	left: 2.5rem;
	transform: rotate(45deg)
}
/*panle导航结束*/
.page-prev {
	transform: translate3d(-16rem, 0, 0);
	-ms-transform: translate3d(-16rem, 0, 0);
	-webkit-transform: translate3d(-16rem, 0, 0);
	-o-transform: translate3d(-16rem, 0, 0);
	-moz-transform: translate3d(-16rem, 0, 0);
}
.page-next {
	transform: translate3d(16rem, 0, 0);
	-ms-transform: translate3d(16rem, 0, 0);
	-webkit-transform: translate3d(16rem, 0, 0);
	-o-transform: translate3d(16rem, 0, 0);
	-moz-transform: translate3d(16rem, 0, 0);
}
.page-active {
	transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in {
	transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
}
 @media (min-width: 1360px) and (max-width: 1699px) {
#header .collapse, .ny_cont #header .collapse {
	width: 800px;
}
.About .container {
    width: 1300px !important;
}
.About:before {
	height: 590px;
	background-size: 100% 590px;
}
.About .about_img img {
	height: 556px;
}
.About .about_dec {
	height: 556px;
}
.About .about_dec .more {
	
}
.About .about_dec .a_decs {
	overflow: hidden;
}
.Probox .container {
    width: 1300px!important;
}
.Newbox .container {
    width: 1300px !important;
}
.Newbox .news {
	padding-bottom: 1px;
}
.Newbox .news .newlist li .newdec {
	
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 70px;
}
.Newbox .news .newlist li .newdec .time {
	    font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1699px) {
#banner_nyc img {
    height: 15rem;
}
.Contact .tact_l .title {
	font-size: 40px;
}
.Contact .tact_l .title span {
	font-size: 24px;
}
.Contact .tact_r .title {
	font-size: 30px;
	text-indent: 22px;
	width: 67%;
}
.Contact .tact_r .title span {
	font-size: 22px;
}
#main .Contact .tact_r .title span:before {
	content: "";
	width: 50px!important;
	position: absolute;
	right: -50px;
	top: 12px;
}
.tact_r .search_div span input {
	width: 88%;
}
}
@media (min-width: 1200px) and (max-width: 1359px) {
#header .collapse, .ny_cont #header .collapse {
	width: 900px;
}
#header .container {
    width: 95%!important;
}
#banner_nyc img {
    height: 11rem;
}
.About .container {
    width: 1200px !important;
}
.About:before {
	height: 520px;
	background-size: 100% 520px;
}
.About .about_img img {
	height: 500px;
}
.About .about_dec {
	padding-top: 52px;
	padding-left: 20px;
	height: 500px;
}
.About .about_dec .more {
	bottom: 50px;
}
.About .about_dec .a_decs {
	height: 180px;
	overflow: hidden;
}
.Probox .container {
    width: 1200px!important;
}
.Newbox .container {
    width: 1200px !important;
}
.Newbox .news {
	padding-bottom: 1px;
}
.Newbox .news .newlist li .newdec {
	
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 70px;
}
.Newbox .news .newlist li .newdec .time {
	
}
.Contact {
	margin-top: 0;
}
#footer {
	margin-top: 0;
	padding-top: 16px;
}
#footer .row {
	margin: 0;
}
#footer .container {
	width: 1200px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#header .collapse, .ny_cont #header .collapse {
	width: 770px;
}
#main .row {
	margin: 0;
}
#header .container {
    width: 98%!important;
}
#header .nav_box .yiji {
    width: 19%;
}
#main .adr_top {
    margin: 20px 0px 0 0;
}
#banner_ny img {
    height: 5rem;
}
#banner_nyc img {
    height: 9.5rem;
}
.newsn {
    padding: 40px 0;
}
.pro2 .p_title {
    font-size: 16px;
}
.About {
	padding:0px 0;
}
.About .container {
    width: 100% !important;
}
.About:before {
	height: 460px;
	background-size: 100% 460px;
}
.About .about_img  {
	height: auto;
	padding-top: 20px;
	padding-left: 20px;
}
.About .about_img img {
    max-width: 100%;
    height: 500px;
}
.About .about_dec {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: auto;
}
.About .about_dec .more {
	position: relative;
}
.About .about_dec .a_decs {
	height: auto;
	overflow: hidden;
	padding: 20px 0px 10px 0;
}
.About .about_dec .title, .Probox .pros .title, .Contact .tact_l .title {
    padding: 0px 0 0px 0;
}
.Probox .container {
    width: 100%!important;
}
.slide_pro .bd .detil .more, .Newbox .news .more {
    margin: 20px auto;
}
.Newbox .container {
    width: 100%!important;
}
.Newbox .news .title {
    padding: 20px 0 20px 0;
}
.Newbox .news {
	padding-bottom: 1px;
}
.Newbox .news .newlist li {
	padding: 20px 0px;
}
.Newbox .news .newlist li .newdec {
	
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 50px;
}
.Newbox .news .newlist li .newdec .time {
	font-size: 14px;
}
.Newbox .news .newlist li .newdec:before {
	height: 128px;
	line-height: 128px;
}
.Contact .tact_l, .Contact .tact_r {
	padding-top: 26px;
}
.Contact .tact_l, .Contact .tact_r {
	padding-bottom: 4px;
}
.Contact .tact_l .title {
	font-size: 34px;
}
.Contact .tact_l .title span {
	font-size: 18px;
}
.Contact .tact_r .title {
	font-size: 26px;
	text-indent: 22px;
	width: 76%;
}
.Contact .tact_r .title span {
	font-size: 18px;
}
#main .Contact .tact_r .title span:before {
	content: "";
	width: 42px!important;
	position: absolute;
	right: -50px;
	top: 9px;
}
.tact_r .search_div span input {
	width: 83%;
}
#footer .container {
    width: 100% !important;
}
.main_r .dectil img{
	max-width:100%;
}

.slide_pro {
	width: 100%;
}


}
 @media (max-width: 991px) {
#molbanner {
	display: block;
}
#banner, #header .collapse {
	display: none!important;
}
#header.on .mol_navbutton {
	margin: 1.3rem 0.5rem 0 0;
}
.pro2 .p_title {
    font-size: 16px;
}
.mol_navbutton {
	width: 1rem;
	height: 1rem;
	float: right;
	margin: 1rem 0.5rem 0 0;
}
.mol_navbutton img {
	width: 1rem;
	height: 1rem;
}
.main_r .list ul li .ptitle {
	width: 94%;
	bottom: 3.6%;
	left: 2.8%;
}
.main_r .list ul li:hover .li_hover {
	font-size: 14px;
	padding: 4% 2%;
}
.About {
	padding:0px 0;
}
.About .container {
    width: 100% !important;
}
#footer .container {
    width: 100% !important;
}
.main_r .dectil img{
	max-width:100%;
}
.slide_pro {
	width: 100%;
}
.slide_prolb {
	width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#header {
    height: 3rem;
}	
#banner_ny img {
    height: 5rem;
}
#banner_nyc img {
    height: 8rem;
}
#main .adr_top {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 0.5rem;
    border-bottom: 0px solid #4d4d4d;
}
#main .adr_top p {
    font-size: 20px;
}
.pro2 .p_title {
    font-size: 16px;
}
.About {
	padding:0px 0;
}
.About .container {
    width: 100% !important;
}
.About:before {
	display: none;
}
.About .about_img img {
	height: auto;
}
.About .about_dec {
	padding: 0.5rem;
	height: auto;
	   
}
.About .about_dec .title, .Probox .pros .title {
	font-size: .5rem;
	line-height: 1rem;
}
.About .about_dec .title span, .Probox .pros .title span, .Newbox .news .title span, .Yousbox .title span {
	font-size: 0.8rem;
}
.About .about_dec .title span:before {
	width: 2rem;
	top: 0.7rem;
	left: 3.5rem;
}
.About .about_dec .a_decs {
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	margin: 0rem 0;
	padding: 20px 0px 20px 0;
}
.About .about_dec .more {
	 position: relative;
}
.About .about_dec .title, .Probox .pros .title, .Contact .tact_l .title {
    padding: 10px 0 10px 0;
}
.Probox .container {
    width: 100%!important;
}
.slide_pro .bd .detil .pro1  {
    padding: 10px 10px 10px 0!important;
  
}
.slide_pro .bd .detil .more, .Newbox .news .more {
    margin: 20px auto;
}
.Probox {
	padding: 0.5rem 0;
}
.slide_pro .hd {
    padding-right: 15px;
    padding-left: 15px;
}
.slide_pro .bd {
    padding-right: 15px;
    padding-left: 15px;
}
.slide_pro .hd ul li.pro_lb {
	font-size: 18px;
}
.slide_pro .bd .detil .pro2 {
	top: -10%;
}
.newsn {
    padding: 40px 0;
}
.Newbox .news .newlist {
    padding: 00.5rem;
}
.Newbox .news .title {
    padding: 20px 0 20px 0;
}
.Newbox .container {
    width: 100% !important;
}
.Newbox .news .newlist li {
	padding: 10px 0px;
	width: 31.3333%;
    margin: 1%;
}
.Newbox .news .newlist li .newdec:before {
	display: none;
}
.Newbox .news .newlist li .newdec p {
    display:none;
}
.Newbox .news .newlist li .newdec .time {
	font-size: 14px;
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 60px;
}
.Newbox .news .newlist li .newdec {
	padding: 0 0.4rem;
}
.main_r .list .prolist li .ptitle {
	width: 94%;
	bottom: 3.6%;
	left: 2.6%;
}
.class, .mol_navbutton {
	display: block !important;
}
#footer .container {
    width: 100% !important;
}
.main_r .dectil img{
	max-width:100%;
}
.slide_pro {
	width: 100%;
}
.slide_prolb {
	width: 100%;
}
}
@media (max-width: 767px) {
.row {
	margin: 0;
}
#header {
	height: 3rem;
}
#header.on {
	top: -0.5rem;
	transition: 500ms;
	border-bottom: none;
}
#header .logo {
	width: 10rem;
	height: 3rem;
	margin-left: 0.5rem;
}
#header .logo img {
	max-height: 3rem;
}
#header.on .logo {
	width: 10rem;
	height: 2.5rem;
	margin-top: 0.5rem;
	transition: 500ms;
}
#header.on .logo img {
	height: 2.5rem;
	transition: 500ms;
}
#main .adr_top p {
    font-size: 18px;
}
.About {
	padding:0px 0;
}
.About .container {
    width: 100% !important;
}
.About:before {
	display: none;
}
.About .about_dec {
	width: 100%;
	height: auto!important;
	overflow: hidden;
	padding: 0.5rem;
}
.About .about_dec .title, .Probox .pros .title {
	font-size: 0.5rem;
	line-height: 1rem;
}
.About .about_dec .title, .Probox .pros .title, .Contact .tact_l .title {
    padding: 0px 0 0px 0;
}
.slide_pro .bd .detil .pro1  {
    padding: 10px 10px 10px 0!important;
  
}
.About .about_dec .title span, .Probox .pros .title span, .Newbox .news .title span, .Yousbox .title span {
	font-size: 0.8rem;
}
.About .about_dec .title span:before {
	width: 2rem;
	top: 0.7rem;
	left: 3.5rem;
}
.About .about_dec .a_decs {
 
	overflow: hidden;
	font-size: 0.6rem;
	line-height: 1rem;
	margin: 0.5rem 0;
	padding: 0;
}
.About .about_dec .more {
	position: relative;
	bottom: 0;
	width: 4.7rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.4rem;
	margin: .5rem auto;
}
.Probox .container {
   width: 100% !important;
}
.Probox {
	padding: 0.5rem 0;
}
.Probox .pros .title span:before {
	width: 2rem;
	top: 0.5rem;
	left: 4.8rem;
}
.slide_pro .hd {
	padding: 0.5rem 0.5rem 0.5rem 0;
	height: 2.5rem;
}
.slide_pro .hd ul {
	height: 2rem;
}
.slide_pro .hd ul li.pro_lb {
	font-size: 0.5rem;
	height: 1rem;
    line-height: 1rem;
	width: 35%;
}
.slide_pro .bd .detil .pro2 {
	top: 0;
	position: relative;
	padding-left: 0;
	padding-right: 0.25rem;
	padding-top: 0.5rem;
}
.slide_pro .bd .detil .pro3 {
	position: relative;
	right: 0;
	bottom: 0;
	padding-left: 0.25rem;
	padding-top: 0.5rem;
}
.slide_pro .bd .detil .pro1 .p_title {
	bottom: 0;
	height: 1.3rem;
	line-height: 1.3rem;
	font-size: 0.5rem;
}
.slide_pro .bd .detil .more, .Newbox .news .more {
	margin: .5rem auto;
	width: 4.7rem;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.4rem;
}
.newsn {
    padding: 20px 0;
}
.Newbox .container {
    width: 100% !important;
}
.Newbox .news {
	padding-bottom: 0.5rem;
}
.Newbox .news .title {
	padding: 1rem 0 0.5rem 0;
	font-size: .5rem;
	line-height: 1rem;
}
.Newbox .news .title span:before, .Yousbox .title span:before {
	width: 2rem;
	top: 0.5rem;
	left: 4.5rem;
}
.Newbox .news .title span:after, .Yousbox .title span:after {
	width: 2rem;
	top: 0.5rem;
	left: -2.5rem;
}
.Newbox .news .newlist {
	padding: 00.5rem;
}
.Newbox .news .newlist li {
	padding: 0.5rem 0;
	border-bottom: 0px solid #808080;
	width: 48%;
    margin: 1%;
}
.Newbox .news .newlist li .newdec {
	padding: 0;
}
.Newbox .news .newlist li .newdec h2 {
    margin-left: 5px;
	 margin-top: 10px;
	margin-bottom: 0px;
	
}
.Newbox .news .newlist li .newdec h2 a{
	font-size: .5rem;
	line-height: .8rem;
	
}
.Newbox .news .newlist li .newdec p {
    margin-left: 5px;
	margin-bottom: 0px;
	display:none;
}
.Newbox .news .newlist li .newdec:before {
	display: none;
}
.Newbox .news .newlist li .newdec .time {
	font-size: 0.4rem;
	margin-left: 5px;
	line-height: 30px;
}
.Newbox .news .newlist li .newdec .time span {
	font-size: 1.6rem;
	line-height: 2rem;
}
.Newbox .news .newlist li .newdec .descript dd {
	height: 1rem;
	line-height: 1rem;
	font-size: 0.7rem;
}
.Newbox .news .newlist li .newdec .descript dt {
	height: 2.5rem;
	line-height: 1rem;
	font-size: 0.55rem;
	padding-top: 0.5rem;
}
.Yousbox #molyousbox {
	display: block;
}
.Yousbox .chiz {
	height: 1.6rem;
}
.Yousbox .title {
	padding: 0.5rem 0;
	font-size: 0.55rem;
	line-height: 1rem;
}
.map div, #platform div {
	height: 8.5rem!important;
}
.BMap_omCtrl.BMap_noprint.anchorBR.quad4 {
	display: none;
}
#footer .copyd {
    margin-top: 0px;
}
.Contact {
	padding: 0.5rem;
	width: 14.5rem;
	margin: 0 auto;
}
.Contact .tact_l {
	padding: 0.5rem 0;
	border-bottom: 1px solid #4d4d4d;
}
.Contact .tact_l .title {
	font-size: 0.9rem;
	line-height: 1.3rem;
}
.Contact .tact_l .title span {
	font-size: 0.7rem;
}
.Contact .tact_l .compy {
	font-size: 0.6rem;
	line-height: 1.2rem;
	padding-top: 0.2rem;
}
.Contact .tact_l .shares a, .Contact .tact_l .shares a img {
	width: 1.45rem;
	height: 1.45rem;
}
.Contact .tact_r {
	padding: 0.5rem 0 0 0;
	border-left: none;
}
.Contact .tact_r .title {
	font-size: 0.8rem;
	text-indent: 1.2rem;
	width: 90%;
	left: -1rem;
	height: 2rem;
	line-height: 2rem;
}
.Contact .tact_r .title:before {
	border-right: 0.5rem solid #272624;
	border-left: 0.5rem solid transparent;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
}
.Contact .tact_r .title:after {
	top: 2rem;
}
.Contact .tact_r .title span {
	font-size: 0.7rem;
}
.cone p{ 
text-align:center;
}
#main .Contact .tact_r .title span:before {
	content: "";
	width: 50px!important;
	position: absolute;
	right: -50px;
	top: 12px;
}
.tact_r .search_div {
	padding: 0;
}
.tact_r .search_div span {
	height: 2rem;
	line-height: 2rem;
	font-size: 0.6rem;
	padding: 0 0.5rem;
}
.tact_r .search_div span.input2 {
	height: 3.5rem;
}
.tact_r .search_div span input {
	width: 88%;
}
.tact_r .search_div .btn {
	width: 4.8rem;
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: 0.6rem;
	margin: 1rem auto;
}
#footer {
	margin-top: 0;
	padding-top: 16px;
}
#footer .copy {
	line-height: 1.5;
}
.Yousbox .molyousbox {
	display: block;
	padding-bottom: 0.5rem;
}
.Yousbox .youshis {
	
}
.Yousbox .youshis .ys_list li {
    width: 50%;
}
.Yousbox .youshis .ys_list li .icon {
    width: 100px;
    height: 100px;
}
.Yousbox .youshis .ys_list li h3 {
    width: 100%;
    font-size: 16px;
}
.Yousbox .youshis .ys_list li p {
    width: 90%;
    line-height: 22px;
    font-size: 12px;
}
/*about*/
#banner_ny img {
	width: auto;
	height: 3rem;
}
#banner_nyc img {
	width: auto;
	height: 6rem;
}
#main .adr_top {
	height: 2rem;
	line-height: 2rem;
	padding: 0 0.5rem;
	border-bottom: 0px solid #4d4d4d;
}
#main .adr_top:before, #main .main_r:after {
	display: none;
}
#main .adr_top p.posnav {
	font-size: 0.8rem;
	padding-left: 0.5rem;
}
#main .adr_top .posnav:before {
	top: 0.6rem;
	height: 0.8rem;
}
#main .adr_top p.posnav span {
	font-size: 0.6rem;
}
#main .adr_top .navmore {
	color: #fff;
	float: right;
	font-size: 24px;
	margin-right: 0.5rem;
}
#main .adr_top .navmore .up, #main .adr_top .more_h .down {
	display: none;
}
#main .adr_top .more_h .up {
	display: block;
}
.mainav_l {
	display: none;
	width: 15rem;
	padding: 0.3rem 0.5rem;
	border: 1px solid #4d4d4d;
	margin: 0.5rem;
}
.main_r {
	padding: 0.5rem 0.5rem 1rem 0.5rem;
	border-left: none;
	margin-bottom: 0;
}
.mainav_l .ce li a {
	height: 40px;
	line-height: 40px;
	padding-left: 14px;
}
.mainav_l .ce li a .ericon {
	padding-right: 6px;
}
.page a {
	width: 2.2rem;
	height: 1.2rem;
	line-height: 1.2rem;
}
/*prodec*/
.product {
	width: 15rem;
	padding-top: 0.5rem;
	height: 16.5rem;
}
.gallery-top, .proimg {
	width: 15rem;
	height: 12.25rem;
}
.proimg .pic {
	width: 15rem;
	height: 12.25rem;
}
.gallery-thumbs {
	height: 3.6rem;
	padding-top: 0.4rem;
}
.gallery-thumbs .swiper-slide {
	width: 4rem;
	height: 3rem;
}
.gallery-thumbs .swiper-slide .pimg {
	width: 4rem;
	height: 2.8rem;
}
.pro_dtitle {
	font-size: 0.7rem;
	margin: 0.5rem 0;
}
.main_r .choose {
	margin: 0.8rem 0 0.3rem 0;
}
.main_r .choose a {
	width: 4rem;
	margin: 0 0.2rem;
	font-size: 0.6rem;
}
.main_r .list ul {
	margin-top: 0.4rem;
}
.main_r .list .prolist li {
	padding: 0.3rem 0.2rem;
}
.main_r .list .prolist li .ptitle {
	width: 95%;
	left: 0.2rem;
	bottom: 0.2rem;
	height: 1.4rem;
	line-height: 1.4rem;
	font-size: 0.6rem;
}
.newlist li .nimg, .newlist li .newdec2 {
	padding: 0;
}
.newlist li {
	padding: 3% 0;
}
.newlist li .newdec2 dd {
	font-size: 0.7rem;
	height: 1.6rem;
	line-height: 1.2rem;
	padding-top: 0.4rem;
}
.newlist li .newdec2 dt {
	margin-top: 0;
	font-size: 0.55rem;
	line-height: 1rem;
	height: 3rem;
}
.newlist li .newdec2 span {
	font-size: 0.55rem;
	line-height: 1rem;
}
.textlist {
	padding-left: 0;
}
.textlist li a {
	height: 2.2rem;
	line-height: 2.2rem;
	font-size: 0.7rem;
	padding-left: 0.6rem;
}
.textlist li a span {
	font-size: 0.55rem;
}
.textlist li a:before {
	top: 1rem;
}
.main_r .newdectil {
	border-bottom: 1px solid #4d4d4d;
	padding: 0.5rem 0;
	margin-bottom: 0.4rem;
}
.newdectil .new_title {
	font-size: 0.7rem;
	line-height: 1rem;
}
.newdectil .new_title span {
	font-size: 0.6rem;
}
.main_r .prodec {
	font-size: 0.65rem;
}
.search .result {
	font-size: 0.7rem;
	margin: 0.5rem 0;
}
.search .textlist li a span {
	display: none;
}
.abo {
    margin: 40px 0;
}
.prol {
    width: 33.3333%;  
}
.abf {
    margin: 30px 0;
	padding:0;
}
.pro2 .p_title {
    top: 50%;
    font-size: 14px;
}
.hzo {
    width: 25%;
    padding:5px 10px ;
}
#footer .copyd {
    display: none;
}
.main_r .dectil img{
	max-width:100%;
}
.slide_pro {
	width: 100%;
}
.slide_prolb {
	width: 100%;
}
}
@media (max-width: 320px) {
.page {
	margin: 1rem 0 0 0;
}
.page a {
	width: 1.1rem;
	height: 1.1rem;
	line-height: 1.1rem;
	font-size: 0.55rem;
}
.main_r .dectil img{
	max-width:100%;
}
.slide_pro {
	width: 100%;
}
.slide_prolb {
	width: 100%;
}
}