@charset "utf-8";
	/* CSS Document */
	html,body{width:100%;height:100%;padding: 0px; margin: auto; }
	*{padding:0px;margin:0px;}
	*{font-family:寰蒋闆呴粦; font-size: 14px; color:#333; }
	a{text-decoration:none;}
	ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
	.clear{	clear:both;}
	a{text-decoration:none;}
	button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    -webkit-user-modify: read-write-plaintext-only;outline:none;text-decoration: none;}
.layui-layer-btn{ display: none; }
		body{max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative;   }
	/*棣栭〉瀵艰埅*/
.Yong{ overflow: hidden; }
.cen{ width: 1200px; margin: auto;}
.lc_zhuying,.lc_wenzhang{height:0px;width:0px;overflow:hidden;color:#fff;}

@font-face {
  font-family: '鑻规柟A';
  src:
    url('../font/PingFang.ttf?#font-spider') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.tongji{height:0px;width:0px;overflow:hidden;}

.anim1{ animation: dz1 .6s linear 1 normal forwards; }
.anim2{ animation: dz2 .6s linear 1 normal forwards; }
.anim3{ animation: dz3 .6s linear 1 normal forwards; }
.anim4{ animation: dz4 .6s linear 1 normal forwards; }
.anim99{ animation: dz99 .6s linear 1 normal forwards; }
/* .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
article>div>.cen{ opacity: 0;}


@keyframes dz1
{
0% {opacity: 0; top:-20px;position: relative; }
100% {opacity: 1; top: 0;position: relative;  }
}
@keyframes dz2
{
0% {opacity: 0; bottom:-20px;position: relative; }
100% {opacity: 1; bottom: 0;position: relative;  }
}
/* @keyframes dz3
{
0% {opacity: 0; left:-20px;position: relative; }
100% {opacity: 1; left: 0;position: relative;  }
}
@keyframes dz4
{
0% {opacity: 0; right:-20px;position: relative; }
100% {opacity: 1; right: 0;position: relative;  }
} */
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/
@keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}
@keyframes dz3
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz4
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}

     .box{
			   width: 400px; height: 84px; position: absolute; left: 50%; margin-left: -200px; top: 50%; margin-top: -42px;
        }
				.Yd1{ text-align: center; font-family: "鑻规柟A"; font-weight: bold; font-size: 53px;color:#ff0000; letter-spacing: 5px; }
				.Yd1 span{text-align: center; font-family: "鑻规柟A"; font-weight: bold; font-size: 53px;color:#ff0000; letter-spacing: 7px; position:relative; overflow: hidden;
			display: inline-block; line-height: 40px; border-radius: 50%;width: 27px;height: 27px; border-radius: 50%; border: 7px solid #ff0000; margin-right: 7px;
			background: #fff;
		}
				.Yd1 span::before{ width: 33px; height: 0px; background: #ff0000; display: block; position: absolute;
					content: ""; border-radius: 50%;
					animation: center2 1s linear 1.6s forwards; margin-top: -2px; margin-left: -2px;
				}
				.Hq1{
            display: block;
            width: 20px;
            height: 20px;
            animation: center1 1s ease-in forwards,center3 1s ease-out .9s forwards;
						position: absolute;border-radius: 50%; left: 55%; margin-left: -79px;
						top: 0; background: #ff0000;
        }
        /* .Hq1:after{
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #ff0000;position: absolute;
            animation: center3 2s ease-in 1.5s forwards;
        } */
        @keyframes center1 {

						to{top: 45%;left: 55%;}

        }

        @keyframes center2 {
            to{height: 36px;}
        }
@media screen and (max-width:1920px) and (min-width:1600px){
				  @keyframes center3 {
						90%{ opacity: .7;}
						to{ transform: rotate(-220deg); transform-origin: -40px; opacity: 0;}
	        }
}
@media screen and (max-width:1600px) and (min-width:1200px){
				  @keyframes center3 {
						90%{ opacity: .7;}
						to{ transform: rotate(-220deg); transform-origin: -30px; opacity: 0;}
	        }
}
@media screen and (max-width:1200px) and (min-width:800px){
				  @keyframes center3 {
						90%{ opacity: .7;}
						to{ transform: rotate(-220deg); transform-origin: -20px; opacity: 0;}
	        }
}
@media screen and (max-width:800px) and (min-width:400px){
				  @keyframes center3 {
						90%{ opacity: .7;}
						to{ transform: rotate(-220deg); transform-origin: -10px; opacity: 0;}
	        }
}

.Yd2{ width: 0;height: 0; overflow: hidden; transition: 2s; }
.Yd2 .Yd1{font-size: 32px;width: 400px;}
.Yd2.on{ width: 100%; height: auto; padding-top: 20px; }
.Ms1{ width: 100%; height: auto;overflow: hidden; transition: 2s; float: right; }
.Ms1.on{ width: 0%;}
.Ms1.on .Yd1{ width: 400px; }


		/* 鏈緥瀛恈ss */
		.slideBox{ width:1200px; height:443px; position:relative; margin-top: 20px;  }
		.slideBox .bd{ position:relative;  z-index:0;   }
		.slideBox .bd li{ overflow: hidden; }
		.slideBox .bd li .left{ float: left; width: 49%; position: relative;}
		.slideBox .bd li .left a>img{width: 100%; display: block; }
		.slideBox .bd li .right{ float: right; width: 49.7%; }
		.slideBox .bd li .right .pic{ position: relative;  overflow: hidden; width: 48%; float: left; margin-right: 2%; margin-bottom: 2%;  }
		.slideBox .bd li .right a>img{width: 100%;display: block; }
		.slideBox .bd img{ }
.slideBox .bd li a:hover .Mkes{ display: flex; }
		/* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙� */
		.slideBox .prev,
		.slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:65px; height:65px;
			  filter:alpha(opacity=10);opacity:0.1; border-radius: 50%; }
		.slideBox .next{ background:url("../i/right.png") center no-repeat #333;margin-right: -70px; right: 0; left: auto;}
		.slideBox .prev{ background:url("../i/left.png") center no-repeat #333;  margin-left: -80px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=50);opacity:.5;  }


.ho4{ background: #f2f2f2;padding-bottom: 60px; }
		.picScroll-left{ width:100%;position:relative; max-width: 980px;  margin: auto; }
		.picScroll-left .tempWrap{ margin: auto; }
		.picScroll-left .hd{  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:28px; height:28px; float:right;   overflow:hidden;
			border-radius: 28px; line-height: 30px; text-align: center;
			 position:absolute; top: 50%; margin-top: -14px;
			 cursor:pointer;

		 }
		.picScroll-left .hd .prev span,.picScroll-left .hd .next span{ font-size: 20px; color:#c2c2c2;  }
		.picScroll-left .hd .prev{ left: 0; margin-left: -60px; }
		.picScroll-left .hd .next{ right: 0; margin-right: -60px; }
		.picScroll-left .bd{ position: relative; z-index: 999; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ float:left; _display:inline; text-align:center; height: 405px; width: 981px; transition: .5s;
			background: #fff; position: relative; border-radius: 10px;top: 0;
			box-shadow: 0 0 0 rgba(0,0,0,0);
		}
		.picScroll-left .bd ul li .pic{ text-align:center; width: 106%; height: 110px; background: #336699; margin-left: -3%; margin-top: 40px;
			padding-top: 20px; transition: .5s; }
		.picScroll-left .bd ul li .pic img{ display: block; margin: auto;position: relative; top: -15%;  }
		.picScroll-left .bd ul li .pic span{font-size: 16px; color:#fff; padding-top: 14px; display: block; margin: auto; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .Plu{ line-height: 27px; color:#666666; padding-top: 25px; }
		.picScroll-left .bd ul li .Plu .more{ width: 34px; height: 34px; border-radius: 50%; text-align: center; border: 1px solid #666; margin: auto; margin-top: 40px; transition: .5s; }
.picScroll-left .bd ul li .Plu .more img{ position: relative; top: 5px; }
.picScroll-left .bd ul li .Plu .more .jh2{ display: none; }

		.picScroll-left .bd ul li .title{ line-height:24px; margin-top: 15px; color:#333333; font-size: 12px; }
		.picScroll-left .bd ul li .Mup{position: absolute; text-align: left; max-width: 270px; width: 100%;margin-top: 11%; margin-left: 5%;  }
.picScroll-left .bd ul li .Mup .h1{ font-size: 25px; color:#ffffff; padding-bottom: 20px; }
.picScroll-left .bd ul li .Mup .h2{color:#999999; line-height: 27px; border-top: 1px solid #383839; border-bottom: 1px solid #383839; padding-top: 5px; padding-bottom: 5px; }


.Home1{ background: #ff0000;overflow: hidden; transition: 2s; }
.Top .cen{ width: 94%; margin: auto; }
.Top .left{ width: 78px; height: 23px; float: left;  cursor: pointer;
	margin-top: 86px; border: 1px solid #fff; border-radius: 15px; text-align: center; line-height: 23px; color:#fff;  }
.Top .right{ width: 140px; float: right; margin-top: 86px; }
.Top .right .icon-weixin{ font-size: 26px; color:#fff;  }
.Top .right .icon-weibo{ font-size: 26px; color:#fff; }
.Top .right .icon-douyin{ font-size: 26px; color:#fff; }
.Top .right>div{ position: relative; display: inline-block;margin-left: 15px; }
.Top .right .ewm{ position: absolute; margin-left: -40px; background: #fff; padding: 10px; border-radius: 10px; margin-top: 10px; display: none; }
.Top .right .ewm img{ display: block; margin: auto; width: 89px; }
.Top .right .ewm .sjt{ position: absolute; margin-top: -15px;left: 50%; margin-left: -8px;  width: auto;}
.ewm .Hs1{ text-align: center; padding-top: 8px; }
.Top .right .wx:hover .ewm{ display: block; }
.Top .right .wb:hover .ewm{ display: block; }

.Home1.on{ overflow: inherit; }
.Xnei1{ padding-bottom: 45px; }
.H1e{ position: absolute;  left: 78%; top: 50%; margin-top: -143px; }
.Yj{ width: 135px; position: relative; margin: auto; }
.Yj .Yj1{ float: left; }
.Yj .Yj2{ float: right; }
.Yj1 .H1x{ position: absolute; }
.Yj1 .H1x img{width: 10px; height: auto; position: absolute;}
.Yj1 .H1x .H1x2{ width: 17px; height: auto; margin-left: 4px; margin-top: -10px;animation: name2 1.5s linear infinite alternate; }
.Yj1 .H1x .H1x1{ margin-top: 0px; animation: name2 1s linear infinite alternate;}
.Yj1 .H1x .H1x3{ margin-left: 18px; margin-top: -8px; animation: name2 .5s linear infinite alternate;}
.H2e{ clear: both; margin-top: 108px; }
.H2e .H2tx{ color:#fff; font-size: 80px; font-family: "鑻规柟A"; font-weight: bold; text-align: center;letter-spacing: 7px; }
.H2e .H2tx span{ width: 28px; height: 28px; border-radius: 15px; background: #fff; display: inline-block; position: absolute;margin-top: 70px;
transition: 2s; top: inherit;
}
.H2e .H2tx .Mntx1{ top: 105px; }
.H2e .H2tx .Mntx2{ top: -999px; }
.H3e{ text-align: center; margin-top: 125px;animation: name3 1s linear infinite alternate; position: relative; }
.H3e a span{ color:#fff; font-size: 24px;}

@keyframes name2 {
	0%{ opacity: 1;}
	100%{ opacity: 0; }
}

@keyframes name3 {
	0%{top: 0;}
	100%{ top: 10px; }
}
@keyframes name3 {
	0%{top: 0;}
	100%{ top: 10px; }
}

.H4e{ position: absolute; bottom: 49px; float: right; right: 3%; color:#fff; transition: .5s; }
.H4e span{ font-size: 25px; margin-right: 6px; color:#fff; position: relative; top: 5px; transition: .5s; }
.H4e a{ color:#fff; }
.H5e{ position: absolute; top: 50%; margin-top: -19px; width: 94%; left: 3%;}
.H5e .Left{ float: left; cursor: pointer; }
.H5e .Right{ float: right; cursor: pointer;  }
.H5e div span{ font-size: 18px; color:#fff; }

.Home1.on{ background: #fff; }
.Home1.on .H2e .H2tx .Mntx2{ top:105px;}
.Home1.on .H2e .H2tx .Mntx1{ top: 999px;
	animation: namec 1s linear 1 normal forwards;

}

.BMapLabel{ background: #fff !important; border: none !important; padding: 3px !important; }

@keyframes namec {
	80%{display: none;}
	100%{ display: block; }
}
.Home1.on .H5e div span{ color:#c2c2c2;}
.Home1.on .H2e .H2tx{ color:#ff0000; }
.Home1.on .H3e a span{ color:#ff0000; }
.Home1.on .H2e .H2tx span{ color:#ff0000; background: #f00; }
.Home1.on .Top .right .icon-weixin{color:#999; }
.Home1.on .Top .right .icon-weibo{color:#999; }
.Home1.on .Top .right .icon-douyin{color:#999; }
.Home1.on .Top .right .wx:hover .icon-weixin{ color:#f00;}
.Home1.on .Top .right .icon-weibo:hover{ color:#f00;}
.Home1.on .Top .right .icon-douyin:hover{ color:#f00;}
.Home1.on .Top .right .wx:hover .ewm{ box-shadow: 0 0 5px rgba(0,0,0,.5); }
.Home1.on .Top .right .wb:hover .ewm{ box-shadow: 0 0 5px rgba(0,0,0,.5); }
.Home1.on .Top .left{ border: 1px solid #999; color:#999; transition: .5s; }
.Home1.on .Yj>p>img{ box-shadow: 0 0 5px rgba(0,0,0,.2); border-radius: 100%; }
.Home1.on .H4e{color:#999; }
.Home1.on .H4e span{ color:#999; }
.Home1.on.Home2 .H4e{ position: fixed; }

.Navl{ width: 100%; height: 100%; position: fixed; background: #fff; z-index: 9999; padding: 60px 40px; box-sizing: border-box; left: 0; top: 0;
 transition: .5s; top: -100%;
 }
.Ys1 .Wme1 .left{ text-align: center; }
.Ys1 .Wme1 .left .Lmbe{ display: inline-block;}
 .Navl.on{ top: 0; cursor: none;}
.Navl .close{ color:#ff0000;}
.Navl .close span{ padding-right: 8px; color:#ff0000; transition: .5s; }
.Navl .close a{color:#ff0000; transition: .5s; font-size: 18px; font-weight: bold; }

.Nl1{ text-align: center;}
.Nl1 li{ display: inline-block; width: 140px; position: relative; height: 55px; cursor: none;
	transition: .5s; }
.Nl1 li::before{
	/* content: "";	transition: .5s;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-top: -40px;
	margin-left: -20px;
	z-index: -9;
	background: #fff; */
}
.Nl1 li.on::before{
/* content: "";
width: 80px;
margin-top: -55px;
margin-left: -40px;
height: 80px;
background: #ff0000; */

 }
.Nl1 li h1{  font-size: 18px; color:#454545; transition: .5s;pointer-events:none;  letter-spacing: 4px; }
.Nl1 li .en{color:#999999; font-size: 12px; padding-top: 7px;transition: .5s; pointer-events:none; }
.Nl1 li.on{ }
.Nl1 li a{ cursor: none; display: block; width: 100%; height: 100%; position: absolute; transition: .5s;
 padding-top: 15px;left: 0; top: 0;
}
.Nl1 li a.on{  animation: name5 1s linear 1 normal forwards; }

@keyframes name5 {
	100%{ left: 0 !important; top: 0!important; }
}
.Nl1 li a.on h1{ color:#fff}
.Nl1 li a.on .en{ color:#fff; }
 .aa{
        height: 30px;
        width: 30px;border-radius: 80px;
        position: absolute;
        background-color: #ff0000;
				transition: 0s;
				z-index: -1;
}
.aa.on::before{
	content: "";

}
.aa.on{
	width: 120px; height: 120px;transition: .1s;
	margin-left: -40px; margin-top: -40px;
}
.tel{ display: none; }
.pc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pc .tu1{  position: absolute; left: 50%; top: 50%; width: 100%; margin-left: -50%; margin-top: -25%; transition: 2s; }
.pc .tu2{ opacity: 0; position: absolute; left: 50%; top: 50%; width: 100%; margin-left: -50%; margin-top: -25%; transition: 2s;}
.Home1.on .tu1{ opacity: 0; }
.Home1.on .tu2{ opacity: 1; }
.Nl1{ position: absolute; top: 50%; margin-top: -40px; width: 80%; left: 10%; }
.close{ margin-top: 20px; cursor: pointer; float: left; transition: .5s; }
.close.on{ color:#fff; cursor: none; }
.close.on span{ color:#fff;}
.close.on a{ color:#fff; cursor: none; }
.Wme{ overflow: hidden; }
.Top{ position: relative; z-index: 99; }
.Abt1{
	position: absolute; width: 100%; height: 100%;
display: table;
table-layout: fixed;
}
.Wme{
display: table-cell;
vertical-align: middle;
width: 975px;margin: auto;
}
.Wme1{ width: 975px; margin: auto; }
.Wme1 .left{ float: left; width: 350px; padding-left: 20px; box-sizing: border-box; }
.Wme1 .left .Lmbe h1{ color:#454545; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; }
.Wme1 .left .Lmbe .Lmb1{ font-size: 12px; color:#454545; text-transform: uppercase; padding-top: 8px; }
.Wme1 .left .Lmbe .Lmb2{  font-size: 12px; color:#454545; padding-top: 35px; }
.Wme1 .right{ float: left; width: 613px; }
.Wme1 .right p{ color:#999999; margin-bottom: 30px; line-height: 24px; }

.bootm{ clear: both; width: 100%; text-align: center; padding-top: 40px; }
.bootm li{ display: inline-block; width: 88px; height: 88px; border-radius: 50px; line-height: 88px; border: 1px solid #999999;
font-size: 12px; color:#999999; font-weight: bold; text-transform: uppercase;position: relative; transition: .5s;margin: 0 4%;
}
.bootm li:nth-child(1){ margin-left: 0; }
.bootm li:last-child{margin-right: 0; }
.bootm li span{ font-size: 12px; color:#999999; font-weight: bold; transition: .5s; }
.bootm li::before{
content: "";
width: 0px;height: 0px;border: 0px solid #ff0000; position: absolute; left: 50%; top: 50%; border-radius: 50px;
transition: .5s;
}
.bootm li:hover::before{ width: 88px;height: 88px; left: 50%; top: 50%; margin-top: -45px; margin-left: -45px;border: 1px solid #ff0000;}
.bootm li:hover span{ color:#ff0000; }
.bootm li:hover{border:1px solid #fff; }



.Lmbe{ position: relative; }
.Mntx3{ position: absolute; width: 7px; height: 7px; display: block; border-radius: 7px; background:none; margin-left: -15px; margin-top: 10px;left: 20%;
	animation: centerX 1s ease-out forwards;
}
.Mntx3::before{content: ""; position: absolute; width: 7px; height: 7px; display: block; border-radius: 7px; background: #ff0000;
	animation: centerY .3s ease-in forwards;top: -150px;
}

		/* .Hq1:after{
				content: '';
				display: block;
				width: 20px;
				height: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				background: #ff0000;position: absolute;
				animation: center3 2s ease-in 1.5s forwards;
		} */
		@keyframes centerX {

				to{ left: 0;}

		}

		@keyframes centerY {
			100%{ top: 0px;}

		}
		.Mbyun li{ width: 180px; height: 135px; position: relative; float: left; margin-right: 9px; top: 0; transition: .5s; }
		.Mbyun li img{ display: block; }
		.Zplb1 .Wme1{ width: 1120px; overflow: hidden; margin-bottom: 0px; padding-top: 60px; }
		.Zplb1 .Wme1:last-child{ margin-bottom: 0; }
.Wme1 .right .Mbyun li p{ position: absolute; width: 100%; height: 100%; margin-bottom: 0 !important;line-height: 135px; text-align: center; background: rgba(0,0,0,.5);
 color:#fff; opacity: 0; transition: .5s;
}
.Mbyun li:hover{ opacity: 1;top: -10px; }
.Wme1 .right .Mbyun li:hover p{ opacity: 1; }
.Wme1 .right .Mbyun li p{color:#fff; }
	.Zplb1 .Wme1 .right{ width: 757px; }
.Zplb1 .Wme1 .left .Lmbe .Lmb2{color:#999999; font-size: 12px; line-height: 27px; padding-top: 15px; }
.Zplb1 .Wme1 .left .Lmbe .Lmb3 a{font-size: 12px; color:#999999; transition: .5s; }
.Zplb1 .Wme1 .left .Lmbe .Lmb3 a:hover{ color:#ff0000;}
.Zplb1 .Wme1 .left .Lmbe .Lmb3{ padding-top: 25px; }
.Wme1 .right.Dgen .Mbyun li{ margin-bottom: 80px; }
.Nbe{ width: 100%; max-width: 980px; margin: auto; }
.Nbe .Nh1{ color:#454545; font-size: 18px; padding-top: 20px; padding-bottom: 12px; }
.Nbe .Nh2{font-size: 12px; color:#999999; line-height: 20px; }
.Nbe .Nh3{ font-size: 12px; color:#999;line-height: 20px; margin-top: 20px; }
.Nbe .Nh3 p{ color:#999; font-size: 12px; color:#999;line-height: 20px;}
.Nbe .Nh3 p.pic{text-align: center; margin-top: 5px; margin-bottom: 5px; }
.Nbe .Nh3 img{ max-width: 100%; height: auto; }
.Nbe .Nh3 p strong{ color:#999; font-weight: 400; font-size: 12px; }
.Nrys{ padding-top: 180px; }
.Xcor{ position: fixed; right: 70px;top: 50px; cursor: pointer; }
.Xcor span{ font-size: 20px; color:#989898; }

.cw1 li{ width: 79px; height: 79px; border-radius: 50px;overflow: hidden; float: left; margin-right: 18px; margin-bottom: 20px; }
.cw1 li::before{ content: ""; position: absolute; width: 79px; height: 79px; border-radius: 50px; background: #f2f2f2; z-index: -1; margin-left: 5px; margin-top: 2px;transition: .5s; }
.cw1 li:hover::before{ margin-left: 8px; margin-top: 4px; background: #ff0000; }

.cw1 li img{ width: 100%; height: 100%; }
.Wme1 .cw1{ width: 570px; float: right; }
.Wme1 .ys2{ width: 98%; float: none; clear: both; overflow: hidden;  margin: auto; padding-top:20px; }
.Wme1 .ys2 li{ background: #f2f2f2; width: 90px; height: 90px; margin-right: 20px; margin-left: 25px; cursor: pointer; }
.Wme1 .ys2 li::before{ margin: 0;  width: 90px; height: 90px; }
.Wme1 .ys2 li img{ transition: 1s; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);}
.Wme1 .ys2 li.on img{
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
.Wme1 .ys2 li:hover::before{  margin-left: 8px; margin-top: 4px;}
.Wme1 .ys2 li:hover img{
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
	    filter: grayscale(0%);
}

.cy1 .Wme1 .left .Lmbe  .Lmb2{color:#999999; font-size: 12px; line-height: 27px; padding-top: 25px; }
.Nrea1{ overflow: hidden; width: 100%;  margin: auto;margin-top: 130px; text-align: center;}
.Nrea1 .left{display: inline-block; width: 155px; height: 155px; border-radius: 100px; overflow: hidden; vertical-align: top; }
.Nrea1 .left::before{ content: ""; position: absolute; z-index: -1; width: 155px; height: 155px;
animation: ky1 .5s linear forwards;
 border-radius: 100px; overflow: hidden;background: #f8f8f8; margin-left: 0px; margin-top: 0px;
 }
 .Home1.on .H4e a{ color:#999; font-size: 12px; }
		@keyframes ky1 {
			100%{ margin-left: 15px; margin-top: 2px; background: #ff0000;}

		}

.Nrea1 .left img{ width: 100%; height: 100%; }
.Nrea1 .right{margin-left: 75px;display: inline-block; text-align: left; }
.Nrea1 .right h1{ color:#454545; font-size: 24px; font-weight: bold; }
.Nrea1 .right .Nra2{ padding-top: 2px; color:#454545; font-size: 18px; }
.Nrea1 .right .Nra3 p{color:#999999; line-height: 24px; font-size: 12px; margin-top: 40px; margin-bottom: 26px; }
.Nrea1 .right .Nra4{color:#999999; line-height: 24px; font-size: 12px;}
.Ys1 .Wme1 .left{ float: none;  margin: auto; }
.Ys1 .Wme1 .left h1{text-transform: uppercase; }

.Met1 .Left li{ width: 170px; height: 170px; border: 1px solid #d0d0d0; border-radius: 100px; text-align: center; padding-top: 63px; box-sizing: border-box;
position: absolute; transition: .5s;
 }
.Met1 .Left li:nth-child(2){ margin-top: 120px; margin-left: -70px; }
.Met1 .Left li:nth-child(3){ margin-top: 120px; margin-left: 70px; }
.Met1 .Left li .p1{ color:#999; transition: .5s; font-size: 16px;}
.Met1 .Left li .p2{color:#454545; padding-top: 4px; font-size: 16px; }
.Met1 .Left li.on{ border: 1px solid #ff0000;}
.Met1 .Left li.on .p1{ color:#ff0000; }
.Met1 .zs{ width: 400px; height: 1px; background: #d0d0d0; position: absolute; margin-top: 140px; margin-left: 240px; }
.Met1 .Right .Yxn{  width: 170px; height: 170px;
 float:right;animation: ky2 .5s linear forwards;
	 border: 1px solid #d0d0d0; border-radius: 100px; text-align: center; padding-top: 63px; box-sizing: border-box; transition: .5s;}
.Met1 .Right .Yxn.on{  border: 1px solid #ff0000; }
.Met1 .Right .Yxn .p1{  color:#999; transition: .5s; font-size: 16px;}
.Met1 .Right .Yxn.on .p1{ color:#ff0000; }
.Met1 .Right .Yxn .p2{  color:#454545;  padding-top: 4px; font-size: 16px; }
		@keyframes ky2 {
			100%{ margin-top: 55px; }

		}
.Ys1 .Wme1{ width: 820px; margin-top: 15px; }
.Ys1 .Met1{ overflow: hidden; margin-top: 30px; }
.jrwm1{ width: 450px; margin: auto; margin-top: 0px; animation: ky3 1s linear forwards; opacity: 0;}
.jrwm1 p{ color:#999999; line-height: 27px; margin-bottom: 20px; }
		@keyframes ky3 {
			100%{ margin-top: 35px; opacity: 1; }
		}
.news1 li{height: 145px; margin-bottom: 8px; }
.news1 li .left{ float: left; width: 193px; height: 145px; position: relative;padding-left: 0;}
.news1 li .right{ float: left; width: 527px; float: right; }
.news1 li .left .Nlen{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); text-align: center; opacity: 0;transition: .5s; }
.news1 li .left img{ display: block; width: 100%; height: 100%; }
.news1 li .left .Nlen span{  font-size: 18px; color:#fff; position: relative; top: 45%; background: #ea0e0a;
	box-shadow: 0 0 10px rgba(222,5,2,.6);
 border-radius: 50px; padding: 10px;
}
.xwm1 .Wme1{width: 1120px;}
.Wme1 .news1{width: 750px;}
.xwm1 .news1 .right .bt{ margin-bottom: 0px; color:#454545; font-size: 15px; margin-top: 10px; transition: .5s; }
.xwm1 .news1 .right .smea{ line-height: 27px; margin-bottom: 0; margin-top: 5px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
 }
.xwm1 .news1 .right{ position: relative; }
.xwm1 .news1 .right .smea1{ color:#999999; margin-bottom: 0; margin-top: 20px; }
	.xwm1 .news1 .right .smea1 span{ color:#999999; font-size: 12px;padding-right: 8px; padding-left: 8px; }
.xwm1 .news1 .right .smea1 span:nth-child(1){ padding-left: 0; }
.xwm1 .icon-youjiantou1{ position: absolute; right: 0; top: 45%; color:#999; font-size: 20px; margin-right: -50px;
transition: .5s;
}
.news1 li:hover .Nlen{ opacity: 1; }
.news1 li:hover .right .bt{color:#ff0000;  }
.news1 li:hover .right .icon-youjiantou1{ color:#ff0000; }
.Nset{ text-align: right; margin-bottom: 0 !important;}
.Nset a{ color:#999999; font-size: 12px; margin-right: 10px; transition: .5s; }
.Nset a:hover{ color:#ff0000;}

.Nmes1{width: 684px; margin: auto; }
.Nmes1 .Nti1{ color:#454545; font-size: 18px; text-align:center;}
.Nmes1 .Nti2{ color:#999999; font-size: 12px; text-align: center; margin-top: 13px; }

.Nti3{ margin-top: 55px; }
.Nti3 p{text-indent: 24px;  color:#999; line-height: 24px; }
.Nti3 img{ max-width: 100%; height: auto;}
.Nti3 p.pic{ text-indent: 0; margin-top: 10px; padding-bottom: 10px; text-align: center; }
.Nti4{text-align: center;color:#999; margin-top: 40px; }
.Nti4 a{ color:#999999; font-size: 12px; margin-left: 8px; margin-right: 8px;transition: .5s; }
.Nti4 a:hover{ color:#ff0000; }
.Xnei1{ padding-top: 140px; }
#map{ height: 155px; }
.Rmap{background: #f2f2f2; padding: 5px;box-sizing: border-box; }
.cont1 .Wme1 .right p{ margin-bottom: 0; line-height: 20px; font-size: 13px; }
.cont1 .Wme1 .Lsme0{ float: left;  margin-left: 10px; }
.cont1 .Wme1 .Lsm1{ float: left;width: 540px; }
.lxwm .right{ width: 100%; margin-top: 30px; }


.Rmap{ overflow: hidden; display: none; }
.Lxms{ margin-top: 0px; }
.Lxms li{ width: 50%; }
.Lxms ul li{width: 58%; display: inline-block; font-size: 12px; color:#999;margin-top: 10px; }
.Lxms ul li:nth-child(2n){width: 37%; margin-left: 4%; }
.Lxms ul li span{font-size: 14px; color:#ff0000; margin-right: 5px;}


.foem{ clear: both; padding-top: 50px; }
.foem p{ float: left;margin-right: 15px; }
.foem p input{ border: 1px solid #dedede;border-radius: 20px; text-indent: 12px; color:#999; font-size:14px; line-height: 27px; margin-left: 5px;width: 180px; }
.foem p textarea{border: 1px solid #dedede;border-radius: 20px; text-indent: 12px; color:#999; font-size:14px; line-height: 27px; margin-left: 5px; }
.foem p span{ font-size: 12px; color:#999999; }
.foem .p5 input{ background: none; border: none; font-size: 12px; transition: .5s;cursor: pointer;width: auto;}
.foem .p5 input:hover{ color:#ff0000;}
.foem .p3 input{width: 290px; }
.foem .p5{ margin-left: 15px; margin-right: 0; }

.Nti4 span{ color:#999; font-size: 12px; }


.Bwus{ color:#999; font-size: 12px; padding-top: 15px; }
.Nset a:nth-child(1) b{ display: none; }
.Nset .dofile{ display: none; }
.Nset b{ display: none; }
.Nset .thispage{ display: none; }
.Nti4 i{ font-style: normal; color:#999;margin-right: 5px; }
.BMap_stdMpCtrl{ display: none !important;}
.BMap_cpyCtrl{ display: none !important;}
.map .tua1 img{ }
.map .tua2{ display: none; }

@media screen and (max-width:1300px) and (min-width:640px){


	.map .tua2 img{ display: none; }

	.H2e .H2tx{ font-size: 50px; }
	.H2e .H2tx .Mntx1{ top: 78px; }
	.Home1.on .H2e .H2tx .Mntx2{ top: 78px; }
	.H2e .H2tx span{width: 12px; height: 12px; }
	.Nl1 li{ width: 130px; }
	.Wme1 .left .Lmbe h1{letter-spacing: 2px; }

}

@media screen and (max-width:640px) and (min-width:0px){

	.map .tua1{display: none; }
		.map .tua2{ display: block; }
	.map .tua2 img{ width: auto; max-width: 100%; }
	.pc{ display: none; }
	.tel{ display: block; }

	.tel{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
	.tel .tu1{  position: absolute; left: 50%; top: 5.4rem; width: 70%; margin-left: -35%; transition: 2s; }
	.tel .tu2{ opacity: 0; position: absolute; left: 50%;top: 5.4rem;   width: 70%; margin-left: -35%; transition: 2s;}
	/* .Home1.on .tu1{ opacity: 0; }
	.Home1.on .tu2{ opacity: 1; } */
	*{ font-size: 12px; }
	.Zplb1 .Wme1 .left .Lmbe .Lmb2{ line-height: 20px; }
body{max-width:100%; min-width: 100%; width: 100%; height:auto; min-height: 100%; }
.H1e{  margin: auto; top: inherit ; left: 88%;  }
.Top .left{ margin-top: 24px; }
.Top .right{ margin-top: 24px; }
.H2e .H2tx{ font-size: .7rem;}
.H2e .H2tx span{ margin-top:4.1rem ; width: 10px; height: 10px;  }
.H4e{ bottom: 10px; right: inherit; width: 100%; text-align: center; }

.H5e{ top: 5.7rem; margin-top: 0; }
.Yd2 .Yd1{ font-size: 24px; }
.Navl{ padding: 20px 20px; top: -200%; }
.Nl1 li{ width: 100%;  }
.Nl1{ position: absolute; width: 100%; margin: auto; top: 50%; left: 0; margin-top: -224px; }
.Nl1 li a{ padding-top: 0; left: 0 !important; top: 0 !important;}
.Wme1 .left{ float: none; width: 100%; height: auto; padding-left: 0; }
.Wme{ width: 100%; display: block;}
.Wme1{ width: 86% !important; }
.Wme1 .right{ float: none; width: 100%; }
.Abt1{ position: relative; padding-top: 30px; }
.Home1{ overflow: inherit; }

.Wme1 .left .Lmbe .Lmb2{ padding-top: 12px;padding-bottom: 14px; }
.Wme1 .right p{margin-bottom: 12px; }
.bootm{padding-top: 20px; }
.bootm li{ margin: 1%; }
.bootm li:nth-child(1){ margin: 1%;  }
.bootm li:last-child{margin: 1%; }


.Home1.on .H4e{  padding-top: 15px; position: inherit; padding-bottom: 15px; }
.Zplb1 .Wme1{width: 90%; padding-top: 0; padding-bottom: 30px; }
.Zplb1 .Wme1 .left .Lmbe .Lmb2{ padding-top: 14px; }
.Zplb1 .Wme1 .left .Lmbe .Lmb3{ padding-top: 0px; padding-bottom: 20px; }
.Zplb1 .Wme1 .left .Lmbe .Lmb2 br{ display: none; line-height: 24px; }
.Zplb1 .Wme1 .right{ width: 100%; height: auto; }
.Mbyun li{ width: 49%; margin-left: auto; margin-right: 1%; height: auto; margin-bottom: 1%;}
.Mbyun li img{ width: 100%; height: auto; }
.Wme1 .right .Mbyun li p{ line-height: 100%; width: 100%; padding: 0 10px; box-sizing: border-box; padding-top: 20%; line-height: 22px; }
.Zplb1 .Wme1{ overflow: initial; }
.Wme1 .right.Dgen .Mbyun li{ margin-bottom: 5px; }
.Mbyun{ overflow: hidden; }
.picScroll-left .bd ul li{ width: 100%; height: auto; }
.picScroll-left .bd ul li img{ width: 100%; height: auto; }
.picScroll-left{ width: 86%; margin: auto; }
.Xcor{ top: 20px; right: 20px; }
.Nrys{ padding-top: 70px; }
.Nbe{ width: 86%; margin:auto;}
.picScroll-left .hd .prev{ margin-left: -25px; }
.picScroll-left .hd .next{ margin-right: -25px; }
.cy1 .Wme1 .left .Lmbe .Lmb2 br{ display: none; }
.cy1 .Wme1 .left .Lmbe .Lmb2{ padding-top: 14px; }
.cw1 li{ margin-right: 3%; float: none; display: inline-block; margin-bottom: 10px; }
.Wme1 .cw1{ text-align: center; }
.Nrea1{ width: 90%; margin: auto; }
.Nrea1 .right{ margin-left: 0; margin-top: 15px; }
.Nrea1 .right .Nra3{ margin-top: 20px; margin-bottom: 20px; }
.Home1.on .H4e{ text-align: right; padding-right: 10px; width: 90%; padding-top: 50px;  }
.Ys1 .Wme1{ width: 90%; margin: auto; }
.Ys1 .Met1 .Left{ height: 262px; width: 155px; margin: auto; margin-top: 45px; }
.Met1 .zs{ display: none; }
.Ys1 .Met1 .Right{ width: 180px; margin: auto; }
.Met1 .Right .Yxn{ width: 180px; height: 180px;padding-top: 73px; }
.Ys1 .Met1{ margin-top: 0px; }
.jrwm1{ width: 100%; }
.Ys1 .Wme1 .left{ width: 90%; }
.xwm1 .Wme1{ width: 86%; }
.news1 li .right{ float: none; width: 100%; }
.news1 li .left{ float: none; width: 100%; height: auto; }
.news1 li .left img{ max-width: 100%; height: auto; }
.news1 li{ height: auto; margin-bottom: 25px; }
.news1{ margin-top: 40px; }
.xwm1 .news1 .right .smea1{ margin-top: 0px; margin-bottom: 20px; }
.Nmes1{ width: 90%;margin: auto; }
.Nti3{ margin-top: 20px; margin-bottom: 20px; }
.cont1 .right{ margin-top: 20px; }
.Lxms ul li{ width: 100%; }
.Lxms ul li:nth-child(2n){ width: 100%; margin-left: 0; }
.foem p input{ width: 75%; }
.foem p span{ width: 20%; display: inline-block; }
.foem p{ float: none; width: 100%; margin-bottom: 10px; }
.foem .p3 input{ width: 75%; }
.foem .p5 input{ text-indent: 0; margin-left: 0; margin-right: 5px; }
.foem{ padding-top: 30px; }
.Nti4 span{ display: block; }
.Nti4 i{ display: none; }
.aa{ display: none !important;}

.Yd1{ font-size: 35px; }
.Yd1 span{ width: 17px; height: 17px; border: 5px solid #ff0000;}

.Yd1{ letter-spacing:3px; }
 .Yd2 .Yd1{ width: 320px; margin: auto; }
.Ms1.on .Yd1{ width: 320px; margin: auto;}
.Yd2.on{ padding-top: 10px; }
.box{ width: 100%; margin-left: -50%; }
.Hq1{ width: 15px; height: 15px; margin-left: -50px; }
.Yd1 span::before{ margin-left: -5px; margin-top: -5px; }
.foem .p5{ margin-left: 0; }

.Lxms{ margin-top: 15px; }

.Wme1 .left .Lmbe h1{ font-size: 18px; letter-spacing: 1px; }
.Nl1 li h1{ font-size: 16px; }
.Wme1 .right{ margin-top: 10px; }

.Met1 .Left li{ width: 140px; height: 140px; padding-top: 45px; }
.Met1 .Right .Yxn{ width: 140px; height: 140px; padding-top: 50px; }
.Ys1 .Met1 .Right{ width: 140px; }
.Met1 .Left li:nth-child(3){ margin-top: 110px; margin-left: -60px; }
.Met1 .Left li:nth-child(2){ margin-top: 110px; margin-left: 60px; }
.Met1 .Left li .p1{ font-size: 14px; }
.Met1 .Left li .p2{ font-size: 14px; }
.Met1 .Right .Yxn .p1{ font-size: 14px; }
.Met1 .Right .Yxn .p2{ font-size: 14px; }
.Ys1 .Met1 .Left{ width: 140px; }
		@keyframes ky2 {
			100%{ margin-top: 35px; }

		}
	.Nrea1 .left img{ border-radius: 50%; }
.cont1 .Wme1 .Lsm1{ width: 100%; }
.Wme1 .right p{ margin-bottom: 8px; }
.jrwm1 p{ line-height: 24px; }
/* .Nbe .Nh3 p strong{ font-size: 14px; }
.Nbe .Nh3 p{ font-size: 14px; } */
.cont1 .Wme1 .right p{ font-size: 12px; }
.cont1 .Wme1 .Lsme0{ margin-left: 0; }
.Nrea1 .left{ width: 100%;}
.Nrea1 .left img{ width: 155px; height: 155px; }
.Nrea1 .right .Nra3 p{ margin-top: 30px; margin-bottom: 16px; }
.Nrea1 .right{ margin-top: 30px; }
.Nrea1 .right h1{ text-align: center; font-size: 16px; padding-bottom: 4px; }
.Nrea1 .right .Nra2{ font-size: 14px;}
.Nrea1 .right .Nra2{ text-align: center; }
.Home1.on .Bhome .H4e{ position: absolute; width: 100%;text-align: center; padding-bottom: 0; }
	@keyframes ky2 {
		100%{ margin-top: 35px; }

	}
.Met1 .Right .Yxn{ float: none; }
.Nrea1 .left img{ width: 130px; height: 130px; }
.Nrea1 .left::before { width: 130px; height: 130px; }
.Huems .H4e{ position: absolute !important;right:0;bottom: 10px; }
.Wme1 .ys2 li{ width: 80px; height: 80px; }
.Wme1 .ys2 li::before{ width: 80px; height: 80px; }
.Wme1 .ys2 li{ margin: 2px; }
	}
	@media screen and (max-width:460px) and (min-width:0px){


	}
	@media screen and (max-width:445px) and (min-width:0px){

	}
@media screen and (max-width:420px) and (min-width:0px){
.Nl1 li h1{ font-size: 14px; }
	.Yd2 .Yd1{ font-size: 18px; font-weight: 400; }
	.Hq1{ left: 60%; }
	.Yd1 span{ margin-right: 4px; }
	.Yj p>img{ width: 45px; }
	.Yj{ width: 115px; }
	  @keyframes center3 {
			90%{ opacity: .7;}
			to{ transform: rotate(-220deg); transform-origin: -13px; opacity: 0;}
		}
			@keyframes center1 {

					to{top: 45%;left: 60%;}

			}
	.bootm li{ width: 80px; height: 80px; margin: 2% !important; line-height: 80px; }

	.Met1 .Left li{ width: 100px; height: 100px; padding-top: 30px;  }
	.Ys1 .Met1 .Right{ width: 100px; }
	.Ys1 .Met1 .Left{ width: 100px; height: 240px;margin-top: 25px; }
	.Met1 .Right .Yxn{ width: 100px; height: 100px; padding-top: 30px; }
			@keyframes ky2 {
				100%{ margin-top: 35px; }

			}

.Met1 .Left li:nth-child(2){margin-top: 87px; margin-left: 50px;}
.Met1 .Left li:nth-child(3){margin-top: 87px; margin-left: -50px;}
.cw1 li{ width: 70px; height: 70px; margin-right: 5%;}
.cw1 li::before { width: 70px; height: 70px; }

}
	@media screen and (max-width:390px) and (min-width:0px){
.H2e .H2tx span{ margin-top: 3.9rem; }
	}
	@media screen and (max-width:350px) and (min-width:0px){
.H2e .H2tx span{ margin-top: 3.5rem; }
	}
		@media screen and (max-width:340px) and (min-width:0px){
.H2e .H2tx span{ margin-top: 3.3rem; }
		}