@charset "utf-8";
body{ margin:0px;font-size:12px;background:#FFFFFF; padding:0px; color:#484848;font-family:Arial, Helvetica, sans-serif;}
div,ul,li,p,form,dd,dt,dl,h1,h2,h5{ margin:0px; padding:0px;word-wrap:break-word}
img{ border:0px;vertical-align:middle}
li{ list-style:none}
a{ font-size:12px; color:#484848; text-decoration:none;word-wrap:break-word}
a:hover{ font-size:12px; color:#e40709; text-decoration:underline;word-wrap:break-word}
.clear{ clear:both;}
.headtop{ height:5px;line-height:5px; background:#000;position:fixed;top:0px; width:100%;z-index:1012}






.head{ width:100%;color:#fff; font-size:14px; height:90px; position:fixed; top:5px; z-index:1010; background:#FFF; border-bottom:1px solid #CCC}
.head .logo_nav{width:90%; margin:0px auto; z-index:1000;}
.head .logo_nav .logo{width:440px; overflow:hidden; float:left;}
.head .logo_nav .logo img{margin-top:2px; width:440px;}
.menu{height:90px; float:right; width:660px; margin-left:10px;}
.menu ul{}
.menu ul li{float:left;height:90px;width:100px;text-align:left;line-height:90px; position:relative; background:url(mlibj.png) no-repeat center bottom; background-size:100px 0px;transition: all 0.25s; text-align:center}
.menu ul li span{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.menu ul li a{color:#333; font-size:14px; display:block;font-family:Arial, Helvetica, sans-serif; }
.menu ul li a:hover{ color:#fff; text-decoration:none}
.menu li:hover a{ color:#333; font-size:14px}
.menu li:hover a:hover{ color:#333; text-decoration:none}


.menu li div{position:absolute; width:100px; left:0; top:90px; z-index:5; background:#fff; height:0px;transition: all 0.35s; overflow:hidden; }
.menu li div ul li{width:100px;height:35px; text-align:center;}
.menu li div a{display:block; text-align:center; line-height:35px; height:35px; overflow:hidden; border-bottom:1px solid #ccc;  margin:0px 0px; width:100px;}
.menu li div li:hover{background:#2f2f2f;}
.menu li div a:hover{color:#FFF;}
.menu li:hover{background-size:100px 90px;}
.menu li:hover > a{ color:#fff;}
.menu li:hover > a:hover{ color:#fff;}
.menu li:hover div.mgsjj{height:210px;}
.menu li:hover div.mcpzs{height:140px;}
.menu li:hover div a{ font-size:10px;}

.language{ float:right; border-left:1px solid #CCC; height:90px; line-height:90px; background:url(earth.jpg) no-repeat 10px center ;}
.language a{ margin-left:37px; font-size:16px; font-family:Arial, Helvetica, sans-serif;}

.phone{float:right;background:url(phone.png) no-repeat 0px center; background-size:40px 40px; width:220px; height:60px;margin-top:12px;margin-left:10px;  overflow:hidden;}
.phone .p1{ width:210px; height:16px; line-height:16px; margin-left:76px; margin-top:4px; font-size:16px;}
.phone .p2{margin-left:46px;font-family: Arial, Helvetica, sans-serif; font-size:20px; color:#e40709; margin-top:22px;}


.bannerBox{margin-top:95px}
.bannerBox .iban {
	height: 100vh;
	max-height: 640px;
	position: relative
}
.bannerBox .iban:after {
	content: '';
	position: absolute;
	height: 477px;
	background: url(nav_shadow.png) no-repeat top center/cover;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none
}
.bannerBox .iban .swiper-slide {
	height: 100%;
	overflow: hidden
}
.bannerBox .iban .banner-video {
	height: 100%;
	position: relative
}


.bannerBox .iban .banner-video .v_cover .v_img {
	width: auto;
	height: auto;
	transform: translate(-50%, -50%) !important
}
.bannerBox .iban .banner-video video {
	filter: brightness(0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	z-index: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}
.bannerBox .iban .text {
	position: absolute;
	font-size: 36px;
	color: #fff;
	left: 90px;
	bottom: 80px;
	line-height: 1
}
.bannerBox .iban .swiper-pagination {
	bottom: 50px;
	line-height: 1
}
.bannerBox .iban .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background-color: rgba(255,255,255,1);
	margin: 0 8px;
	opacity: 1;
	transition: all .4s ease
}
.bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active {
	background: #e40709;
	width: 53px
}



.banner_img .v_cover {
	position: absolute;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(banner_sha.png);
	color: #fff;
	text-align: center
}
.v_cover .v_con {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 5
}



.banner-video .pcitem-m {
	display: none
}
.bgimg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: no-repeat center/cover;
	filter: brightness(0.8)
}
.swiper-slide .bgimg {
	transition: 1s 2.5s;
	transform: perspective(1000px) translate3d(0, 0, 100px)
}
.swiper-slide.swiper-slide-active .bgimg {
	transition: 5s 0s;
	transform: perspective(1000px) translate3d(0, 0, 0px)
}
.iban a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}
.mobitem {
	display: none
}

.v_cover {
	position: absolute;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(banner_sha.png);
	color: #fff;
	text-align: center
}
.banner_img .v_cover {
	position: absolute;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(banner_sha.png);
	color: #fff;
	text-align: center
}
.v_cover .v_con {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 5
}
.swiper-slide .v_con * {
	transition-delay: transform 2s, opacity 0s;
	transition-duration: 2s;
	text-shadow: 0px 1px 0px rgba(0,0,0,1);
	transform: translate3d(0, 80px, 0);
	opacity: 0
}
.swiper-slide.swiper-slide-active .v_con * {
	transform: translate3d(0, 0px, 0);
	opacity: 1
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(1) {
	transition-delay: .5s
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(2) {
	transition-delay: .7s
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(3) {
	transition-delay: .9s
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(4) {
	transition-delay: 1.1s
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(5) {
	transition-delay: 1.3s
}
.swiper-slide.swiper-slide-active .v_con *:nth-child(6) {
	transition-delay: 1.5s
}
.v_cover .v_text1 {
	font-size: 48px;
	line-height: 1.6;
	font-weight: normal;
	letter-spacing: 5px;
	margin-top: 2%
}
.v_cover .v_tit_en {
	font-family: 'arial', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 0%
}
.v_cover .v_line {
	width: 80px;
	margin: 20px auto;
	height: 1px;
	background: #fff
}
.v_cover .v_text2 {
	font-size: 15px;
	line-height: 1.6;
	margin-top: 3%;
	margin-bottom: 5%
}
.banner_img .v_cover .v_text2 {
	max-width: 800px
}
.v_playvideo {
	width: 100px;
	height: auto;
	margin: 0 auto
}
.v_border {
	width: 70px;
	height: 70px;
	margin: 0 auto 14px;
	position: relative
}
.v_playvideo .iconfont {
	line-height: 70px;
	height: 70px;
	width: 70px;
	font-size: 13px;
	font-family: arial;
	text-align: center;
	background: rgba(228,7,9,.9);
	margin-right: 0px;
	border-radius: 50%;
	display: inline-block
}
.v_playvideo .v_border:before {
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	top: -1px;
	width: 72px;
	height: 72px;
	border: 5px solid #fff;
	box-sizing: border-box;
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	transition: transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s cubic-bezier(.645, .045, .355, 1), border .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1)
}
.v_playvideo:hover .v_border:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	cursor: pointer
}
.v_playvideo:hover .iconfont:before {
	font-size: 24px
}
.v_cover .v_more {
	font-size: 12px
}
.swiper-slide .v_cover .v_img {
	opacity: 0;
	transition-duration: 2s;
	transition-delay: .8s
}
.swiper-slide.swiper-slide-active .v_cover .v_img {
	opacity: .1
}

@media only screen and (max-width:768px) {
.v_cover .v_con {
	max-width: 84% !important
}
.banner-video .pcitem-m {
	display: block
}
.mobitem {
	display: block
}
.pcitem {
	display: none
}
.bannerBox .iban {
	height: 68vh;
	position: relative
}
.v_cover .v_text1 {
	font-size: 20px
}
.v_cover .v_text2 {
	display: none
}
.v_playvideo {
	display: none
}
.bannerBox .iban .banner-video .v_cover .v_img {
	display: none
}
.bannerBox .iban:after {
	display: none
}
.bannerBox .iban .text {
	bottom: auto;
	top: 10rem;
	font-size: 1.2rem;
	text-align: center;
	left: 0;
	width: 100%
}
.bannerBox .iban .play {
	position: absolute;
	width: 2.8rem;
	height: 2.8rem;
	background: url(yx_vplay.png) no-repeat center/100%;
	top: 15rem;
	left: 50%;
	margin-left: -1.4rem;
	cursor: pointer
}
.bannerBox .iban .swiper-pagination {
	bottom: 1.9rem
}
.bannerBox .iban .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 4px
}
.bannerBox .iban .swiper-pagination .swiper-pagination-bullet-active {
	width: 20px
}

}


.subtitle{width:100%; margin-top:30px;}
.subtitle .titleh1{text-align:center; font-size:32px; font-weight:bold}
.subtitle .titleh1 span{ color:#e40709;}
.subtitle .titleh2{text-align:center; line-height:35px; font-size:16px;}
.subtitle .titleh3{ margin:15px auto 0px auto; height:2px; width:100px; background:#e40709;}
.subtitle .titleh4{text-align:center; line-height:35px; font-size:14px; margin-top:5px;}

.product{overflow:auto; background:url(pro_bg2.jpg) no-repeat center center;}
.product .product_w{width:90%; margin:0px auto; margin-top:30px;}


.product .p_Product {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: inherit;
	margin:0px 10px;
	width: calc(25% - 20px);
	float:left;
}

.product .p_CommonSummaryBoxA {
	text-align: center;
}

.product >div {
	animation-fill-mode: both;
}
.product .proBox {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product .proContainer {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 1rem auto;
}
.product .proLi {
	position: relative;
	overflow: hidden;
}
.product .porTbox {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 230px;
}
.product .proImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	transition: all .5s ease;
}
.product .porBbox {
	position: relative;
	overflow: hidden;
	height: 130px;
	border: 1px solid #f2f2f2;
	background: #fff;
}

.product .proTitle {
	font-size:16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	white-space: nowrap;
	margin:15px 20px 10px 20px;
}
.product .proSummry{
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	margin: 10px 20px;
	font-size:14px;
	text-overflow: ellipsis;
}
.product .lookDetail {
	position: relative;
	display: block;
	color: #777;
	height: 38px;
	line-height: 38px;
	margin: 20px 20px 10px 20px;
	font-size:14px;
	border-top: 1px solid #e5e5e5;
}
.product .arrowsR {
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(0, -50%);
	width: 30px;
}
.product .arrowsR img {
	position: absolute;
	transition: all .5s ease;
}
.product .harr {
	opacity: 0;
}
.product .showBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0,0,0,.6);
	transition: all 0.5s ease;
}
.product .showBoxLink {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 60%;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	padding: 0.5rem 0;
}
.product .showBoxLink::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: #fff;
	transition: all .5s ease;
}
.product .showBoxLink::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: #fff;
	transition: all .5s ease;
}
.product .p_products {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: normal;
}
.product .proLi:hover .porBbox {
	border:1px solid #CCC
}
.product .proLi:hover .proTitle {
	color:#e40709;
}
.product .proLi:hover .lookDetail {
	border-top: 1px solid #CCC;
}
@media only screen and (min-width: 769px) {
.product .proContainer {
	max-width: 100%;
}
.product .proLi {
	height: 400px;
	float: left;
}
.product .lookDetail:hover .barr {
	opacity: 0;
}
.product .lookDetail:hover .harr {
	opacity: 1;
}
.product .proLi:hover .showBox {
	opacity: 1;
}

.product .proLi:hover .proImg {
	transform: translate( -50%, -50%) scale(1.1);
}
.product .proLi:hover .showBoxLink::before {
	width: 1rem;
}
.product .proLi:hover showBoxLink::after {
	width: 1rem;
}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
.product .proContainer {
	max-width: 900px;
}
.product .proLi {
	width: 50%;
	height: 400px;
}
}
.about{height:850px;overflow:hidden;}
.abbj{height:100%;background:url(aboutbg.jpg) no-repeat top center;overflow:hidden; padding-bottom:20px;}
.about_w{width:calc(95% - 30px); margin:0px auto;overflow:hidden;}
.about .about_left{width:calc(60% - 30px); float:left; margin-left:30px}
.about .about_left .zy_title{margin:40px 0px 0px 0px;}
.about .about_left .zy_title h1{font-size:32px; color:#fff}
.about .about_left .zy_title .sp1{font-size:18px;margin:15px 0 10px 0px;display:block;color:#808080; text-align:left}
.about .about_left .zy_title .sp2{font-size:14px;margin:5px 0 10px 0px;display:block;color:#808080;  text-align:left}
.about .line{ height:2px; width:50px; background:#d70121; margin-top:5px;}
.about .company{ height:42px; width:250px; margin-top:25px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#808080}
.about .more{margin-top:20px; background:url(abmore.jpg) repeat-x top center;transition: all 0.25s; width:160px; height:46px; border-radius:8px;}
.about .more a{ display:block; width:100%; height:100%; line-height:46px; text-align:center; font-size:14px; color:#FFF;}
.about .more:hover{background:url(abmore.jpg) repeat-x bottom center;}
.about .more:hover a{ color:#F00; text-decoration:none;}



.about .about_left .ddsc{font-size:16px;line-height:200%; color:#d3d3d3;}
.about .about_right{float:right; width:calc(40% - 40px); margin-right:20px; margin-top:50px; background:url(jrxh.jpg) no-repeat center center; border-radius:10px; height:430px;}

.about .about_right .title{ height:50px; font-size:24px; font-weight:bold; color:#FFF; padding-left:20px; padding-top:10px;}
.about .about_right .title span{ font-size:12px; font-weight:100; margin-left:3px; font-family:Arial, Helvetica, sans-serif; color:#e40709}
.about .about_right .divbt{ margin:20px 20px 0px 20px; }
.about .about_right .divbt div{background:#e40709; float:left; border-right:1px solid #FFF; width:calc(25% - 2px); height:40px; line-height:40px; text-align:center; color:#FFF; overflow:hidden;}
.about .about_right .divnr{margin:0px 20px 20px 20px;height:280px;  overflow:hidden;position:relative; clear:both;}
.about .about_right .divnr .bd{}
.about .about_right .divnr .bd  ul li{height:40px; line-height:40px;}
.about .about_right .divnr .bd  ul li .textnr{background:#FFF;border-right:1px solid #eee;border-top:1px solid #eee; width:calc(25% - 2px); height:40px; line-height:40px; text-align:center; float:left;}
.about .ablink{background:url(abbg2.jpg) repeat-x center center; height:162px;border-radius:8px; margin:40px 20px 0px 30px;}
.about .ablink div{ width:calc(25% - 1px); border-right:1px solid #CCC; float:left; height:147px; margin-top:7px; position:relative;}
.about .ablink div.ico_1{ background:url(ico_1.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_2{ background:url(ico_2.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_3{ background:url(ico_3.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_4{ background:url(ico_4.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink .p1{ font-size:24px; margin-left:110px; margin-top:45px;} 
.about .ablink .p2{ font-size:16px; margin-left:110px; font-family:Arial, Helvetica, sans-serif; margin-top:3px; color:#CCC} 
.about .ablink .p3{ position:absolute; bottom:0px; height:2px; width:0px; background:#d70121;transition: all 0.5s; }
.about .ablink div.ico_1:hover{background:#f9f9f9 url(ico_1.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_2:hover{background:#f9f9f9 url(ico_2.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_3:hover{background:#f9f9f9 url(ico_3.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div.ico_4:hover{background:#f9f9f9 url(ico_4.png) no-repeat 30px center; background-size:55px 55px;}
.about .ablink div:hover .p3{width:100%;}
.about .ablink div a:hover{ text-decoration:none;}

.partner{overflow:hidden;height:301px;}
.partner_w{width:1384px; margin:0px auto 0px auto; overflow:hidden;}
.picMarquee-left{position:relative; margin:50px 10px 20px 10px;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ margin:0 3px; float:left; _display:inline; text-align:center; cursor:pointer; border:1px solid #CCC; width:164px; height:100px; position:relative;}
.picMarquee-left .bd ul li .pic{text-align:center; }
.picMarquee-left .bd ul li .pic img{width:98px;height:98px;display:block;  margin:0px auto;}
.picMarquee-left .bd ul li .title{position:absolute; top:0px; left:0px;opacity: 0; width:164px; height:100px; background:url(pbj.png);overflow:hidden; line-height:95px;transition: all 0.55s;}
.picMarquee-left .bd ul li:hover .title{ width:164px; opacity: 1;}
.picMarquee-left .bd ul li a{ color:#FFF; font-size:14px;}
.yyly {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.yyly .demo {
	margin-top:50px;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.yyly .lists {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.yyly .list {
	position: relative;
}
.yyly .list1 .bg {
	width: 100%;
	height: 100%;
	background: url(tlgy.jpg)no-repeat;
	background-position: 50%;
	background-size: auto 100%;
}
.yyly .list2 .bg {
	width: 100%;
	background: url(gjg.jpg)no-repeat;
	background-position: 50%;
	background-size: auto 100%;
}
.yyly .list3 .bg {
	width: 100%;
	background: url(jzx.jpg) no-repeat;
	background-position: 50%;
	background-size: auto 100%;
}
.yyly .list4 .bg {
	width: 100%;
	background: url(qlgc.jpg) no-repeat;
	background-position: 50%;
	background-size: auto 100%;
}
.yyly .title {
	position: absolute;
	top: 35%;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	z-index: 2;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.yyly .sum {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 2em;
	color: #fff;
}
.yyly .line {
	width: 10%;
	height: 1px;
	background: #eec968;
	position: absolute;
	top: 46%;
	left: 50%;
	transition: .8s;
	transform: translateX(-50%);
}
.yyly .list:hover .line {
	width: 40%;
	transition: .8s;
}
.yyly .title span {
	display: block;
	font-size: 1.125rem;
}
.yyly .more {
	position: absolute;
	bottom: 60px;
	width: 100%;
	height: 50px;
	text-align: center;
	z-index: 9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.yyly .more span {
	display: inline-block;
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	opacity: 1;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #eec968;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	float: center;
}
.yyly .more span i {
	font-style: normal;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
@media only screen and (min-width:992px) {
.yyly .demo {
	height: 550px;
}
.yyly .lists {
	height: 100%;
}
.yyly .list {
	float: left;
	transition: all 0.8s ease-out;
}
.yyly .list1 {
	position: relative;
	width: calc(100% / 4);
	height: 100%;
	float: left;
	overflow: hidden;
}
.yyly .list1 .bg {
	height: 100%;
}
.yyly .list2 {
	position: relative;
	width: calc(100% / 4);
	height: 100%;
	float: left;
	overflow: hidden;
}
.yyly .list2 .bg {
	height: 100%;
}
.yyly .list3 {
	position: relative;
	width: calc(100% / 4);
	height: 100%;
	overflow: hidden;
}
.yyly .list3 .bg {
	height: 100%;
}
.yyly .list4 {
	position: relative;
	width: calc(100% / 4);
	height: 100%;
	overflow: hidden;
}
.yyly .list4 .bg {
	height: 100%;
}
.yyly .bg::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(21, 60, 153, .3);
	opacity: .7;
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
}
.yyly .bg:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #e40709;
	opacity: .75;
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	width: 0%;
	height: 400px;
}
.yyly .list:hover .bg:after {
	width: 54%;
	transition: all .4s;
	border-radius: 56px 0px;
}
.yyly .more {
	bottom: 60px;
	opacity: 0;
}
.yyly .more span:hover {
	opacity: 1;
	background: #f7b503;
}
.yyly .more span:hover i {
	margin-left: 5px;
}
.yyly .list:hover .more {
	opacity: 1;
	bottom: 115px;
}
.yyly .deactive {
	width: 20%;
}
.yyly .active {
	width: 40%;
}
}
@media only screen and (max-width: 993px) {
.yyly .list {
	height: 270px;
}
.yyly .titleLink {
	display: block;
	width: 100%;
	height: 100%;
}
.yyly .list .bg {
	height: 100%;
	background-size: cover;
}
}
.yyly .tit_ico {
	width: 74px;
	height: 74px;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	bottom: auto;
	margin: auto;
	filter: drop-shadow(5px 5px 10px rgba(232, 172, 8,.5));
}
.yyly .tit_ico img {
	width: 100%;
	height: auto;
}
.yyly .list:before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.2);
	top: 20px;
	left: 20px;
	z-index: 1;
}
.yyly .active .list3-cir {
	transition: 0.8s;
	display: none;
}
@media only screen and (max-width: 768px) {
.yyly .list3-cir {
	display: none !important;
}
.yyly .tit_ico {
	display: none !important;
}
.yyly .more span {
	background: #11348d!important;
}
.yyly .more span {
	border: 0px solid #eec968!important;
}
.yyly .title {
	text-shadow: 1px 1px 0px #666;
}
}

.news{
	background:url(new_bg.jpg) no-repeat center/cover;
	padding:10px 0 20px 0;
}	
.news_w{ width:calc(90% - 30px); margin:20px auto 0px auto;}
.news .list{overflow:hidden;}	
.news .list .left{overflow:hidden;float:left;margin-right:20px;width:calc(54% - 20px);background-color:#fff;}
.slideBox{ width:100%; height:501px; overflow:hidden; position:relative; margin:20px; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; position:relative; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:calc(100% - 40px); display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ position:absolute; right:6%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;  background-position:8px 5px;  }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.bdtitle{position:absolute; bottom:0px; color:#FFF;}
.bdtitle .title{ font-size:18px; line-height:50px; margin:0px 10px;}
.bdtitle .desc{ font-size:14px; line-height:23px; margin:0px 10px; margin-bottom:15px;}





.news .list .right{float:right;width:46%;}
.newssub{width:100%; background:#FFF; margin-bottom:15px; border-bottom:1px solid #CCC; clear:both; height:120px; overflow:hidden;transition: all 0.55s;}
.newssub .newsub_time{width:103px; height:90px;float:left; margin:15px 22px 22px 22px; }
.newssub .newsub_time .day{background:#FFF; height:41px; border:2px solid #afafaf; text-align:center; line-height:41px; font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#afafaf; font-weight:bold;transition: all 0.55s;}
.newssub .newsub_time .year{background:#afafaf; height:41px; border:2px solid #afafaf;text-align:center; line-height:41px; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff;transition: all 0.55s;}
.newssub .newsub_con{width:calc(100% - 165px); float:left; margin-right:15px;}
.newssub .newsub_con .title{ height:48px; line-height:48px; overflow:hidden; margin-top:5px;}
.newssub .newsub_con .title a{ font-size:18px;}
.newssub .newsub_con .desc{ height:50px; line-height:25px; overflow:hidden; font-size:14px;}
.newssub:hover{background:#000; color:#FFF;}
.newssub:hover a{ color:#FFF}
.newssub:hover .newsub_time .day{border:2px solid #e40709; color:#e40709}
.newssub:hover .newsub_time .year{border:2px solid #e40709;background:#e40709;}

.newslist{margin:15px 0px 10px 0px;background:#fff; overflow:hidden;}
.newslist ul{ margin:15px 0px;overflow:hidden;}
.newslist ul li{width:48%; float:left; margin:0px 1%; height:35px; line-height:35px;overflow:hidden; background:url(li03.gif) no-repeat 5px 17px;; border-bottom:1px dotted #cccccc;}
.newslist ul li span{float:right;margin-left:5px;}
.newslist ul li a{font-size:14px; padding-left:15px}
.newslist .more{ width:150px; margin:20px auto;}
.news .more a{width:150px;height:40px;display:block;text-align:center;line-height:40px;font-size:15px;color:#e40709;border-radius:22.5px;border:1px solid #e40709;}
.news .more a:hover{color:#fff;background-color:#e40709;transition:all 0.3s linear;}
.lxwm{background:url(lxwm.jpg) no-repeat center center; height:520px; overflow:hidden;}
.lxwm_con{ width:990px; height:390px; background:#f3f3f3; margin-left:calc(55% - 660px); margin-top:80px; overflow:hidden;}
.lxwm_con .lxwm_title{ height:66px; overflow:hidden;  border-bottom:1px solid #CCCCCC; background:#e40709}
.lxwm_con .lxwm_title .p1{text-align:center; font-size:20px; margin-top:10px; color:#FFF;}
.lxwm_con .lxwm_title .p2{text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#CCC}
.lxwm_con .lxwm_gsname{ height:86px; background:#e40709; color:#FFF; text-align:center; line-height:86px; font-size:24px;}
.lxwm_con .lxwm_address{ height:60px; background:url(address2.png) no-repeat left 10px; background-size:40px 40px; color:#000;line-height:25px; font-size:14px; padding-left:40px; padding-top:15px; border-bottom:1px solid #dedede;}
.lxwm_con .lxwm_phone{ height:60px; background:url(ph.png) no-repeat left center; background-size:40px 40px; color:#000;line-height:60px; font-size:14px; padding-left:40px;border-bottom:1px solid #dedede;}
.lxwm_con .lxwm_email{ height:60px; background:url(yx.png) no-repeat left center; background-size:40px 40px; color:#000;line-height:60px; font-size:14px; padding-left:40px;}

.lxwm_subtitle{ height:40px; line-height:40px; width:100%; color:#fff; text-align:center; background:#3d3d3d;font-size:18px; }

.contact_one{width:calc(25% - 1px); float:left; border-right:1px solid #ccc;}
.contact_one .two_sub{background:url(ph.png) no-repeat left -7px; background-size:70px 70px; margin:10px 10px 0px 10px;  height:80px;}
.contact_one .two_sub:hover{background:url(ph.png) no-repeat left -7px; background-size:70px 70px;}
.contact_one .two_sub .title{ margin-left:90px; font-size:20px; line-height:30px; color:#000}
.contact_one .two_sub .lxr{margin-left:90px; color:#666666; font-size:14px;line-height:25px;}
.contact_one .two_sub .ph{margin-left:90px; color:#666666; font-size:14px;line-height:25px; }
.contact_one .two_sub .ph span{font-family:Arial, Helvetica, sans-serif; color:#666666;font-size:14px;}
.contact_one .two_sub:hover .ph span{color:#d70d18; font-weight:bold;}

.contact_two{width:calc(50% - 1px); float:left; border-right:1px solid #ccc;}
.contact_two .two_sub{float:left; width:calc(50% - 20px);background:url(ph.png) no-repeat left -7px; background-size:70px 70px; margin:10px 10px 0px 10px;height:80px;}
.contact_two .two_sub:hover{background:url(ph.png) no-repeat left -7px; background-size:70px 70px;}
.contact_two .two_sub .title{ margin-left:90px; font-size:20px; line-height:30px; color:#000}
.contact_two .two_sub .lxr{margin-left:90px; color:#666666; font-size:14px;line-height:25px;}
.contact_two .two_sub .ph{margin-left:90px; color:#666666; font-size:14px;line-height:25px; }
.contact_two .two_sub .ph span{font-family:Arial, Helvetica, sans-serif; color:#666666;font-size:14px;}
.contact_two .two_sub:hover .ph span{color:#d70d18; font-weight:bold;}

.contact_three{width:25%; float:left;}
.contact_three .two_sub{background:url(ph.png) no-repeat left -7px; background-size:70px 70px; margin:10px 10px 0px 10px;  height:80px}
.contact_three .two_sub:hover{background:url(ph.png) no-repeat left -7px; background-size:70px 70px;}
.contact_three .two_sub .title{ margin-left:90px; font-size:20px; line-height:30px; color:#000}
.contact_three .two_sub .lxr{margin-left:90px; color:#666666; font-size:14px;line-height:25px;}
.contact_three .two_sub .ph{margin-left:90px; color:#666666; font-size:14px;line-height:25px; }
.contact_three .two_sub .ph span{font-family:Arial, Helvetica, sans-serif; color:#666666;font-size:14px;}
.contact_three .two_sub:hover .ph span{color:#d70d18; font-weight:bold;}



.footmenu{height:375px;overflow:hidden;background:#262628;color:#FFF;}





.footmenu_w{width:calc(90% - 30px); margin:0px auto;}
.foot_lxwm{ background:#3d3d3d;overflow:hidden; margin-bottom:30px;margin-top:50px;height:48px; line-height:48px;}
.link_list{background:url(link.jpg) no-repeat 15px center;height:48px; line-height:48px; color:#FFF; font-size:16px; font-weight:bold; padding-left:50px}
.link_list a{font-size:16px; color:#a0a096; font-weight:100;}

.footmenu a{ color:#9d9d9d;}





.footmenu .foot_contact{width:24%; float:left;margin-top:30px;}

.footmenu .foot_contact .foot_logo{ background:#FFF; width:75px; height:70px; text-align:center; border-radius:5px; margin:0px auto 0px auto;}
.footmenu .foot_contact .foot_logo img{ width:70px;}
.footmenu .foot_contact .foot_comname{color:#FFF; font-size:18px; font-weight:bold; width:75px; text-align:center; margin:5px auto;}
.footmenu .foot_contact .foot_phone{ background:#FFF; border-radius:5px; width:260px; height:40px;margin:15px auto;}
.footmenu .foot_contact .foot_phone .phonenums{background:url(fphone.png) no-repeat 5px center;height:40px; color:#e40709; font-size:28px; font-weight:bold; padding-left:48px; line-height:40px; font-family:Arial, Helvetica, sans-serif;}
.foot_about{float:left; width:16%; color:#9d9d9d; margin-top:30px; border-left:1px solid #CCC;  border-right:1px solid #CCC;}
.foot_about .p1{height:35px; background:url(foot1.png) no-repeat left center; line-height:35px; font-size:16px; padding-left:25px; margin-left:20px}
.foot_about ul{ margin-top:15px; margin-left:20px}
.foot_about ul li{ float:left; width:75px; height:25px; margin-left:25px;}
.foot_product{ float:left; width:calc(23% - 30px); color:#9d9d9d;margin-top:30px; margin-left:30px; border-right:1px solid #CCC;}
.foot_product .p1{height:35px; background:url(foot2.png) no-repeat left center; line-height:35px; font-size:16px; padding-left:25px;}
.foot_prolist{width:100%; float:left;}
.foot_prolist ul{margin-top:15px;}
.foot_prolist ul li{float:left; width:90px; height:25px; margin-left:25px;}
.foot_prolist ul li.title{font-size:14px;}
.foot_prodesc{ font-size:14px; line-height:23px; margin-top:10px; margin-right:30px;}
.foot_service{ float:left; width:calc(12% - 30px); color:#9d9d9d; margin-top:30px;margin-left:30px;}
.foot_service .p1{ height:35px; background:url(foot3.png) no-repeat left center; line-height:35px; font-size:16px; padding-left:25px;}
.foot_service ul{ margin-top:15px;}
.foot_service ul li{ float:left; width:75px; height:25px; margin-left:25px;}
.foot_ewm{ float:right; margin-top:40px; width:24%; overflow:hidden}

.foot_ewm .ewm{width:40%;float:left; color:#9d9d9d; text-align:center; font-size:14px; line-height:30px;}
.foot_ewm .ewm img{width:100%;}
.foot_ewm .keywordlist{ width:48%; float:left;}
.foot_ewm .keywordlist ul li{border-radius:5px; width:100%; height:40px; background:#e40709; margin:0px 10px 10px 10px;text-align:center;}
.foot_ewm .keywordlist ul li a{ color:#FFF; font-size:16px; text-align:center;line-height:40px;}
.foot_ewm .keywordlist ul li:hover{background:#e40709;}


.foot{ background:#000; color:#FFF; height:40px; line-height:40px;}
.foot_w{width:calc(90% - 30px); margin:0px auto;}
.foot .left{ float:left;}
.foot .right{ float:right;}
.foot a{color:#fff;}

.nybanner{ height:330px; width:100%; margin-top:96px; background:url(nybanner.jpg) no-repeat center center;}
.daohang{height:60px; background:#f5f5f5;}
.daohang_w{width:90%; margin:0px auto;}
.dhlink{}
.dhlink { background:url(dhad.png) no-repeat center left;line-height:58px; height:58px; display:inline-block; padding-left:27px;font-size:16px;height:58px;}
.dhlink a{ font-size:16px;}
.submenu{ width:70%; float:left;}


.submenu ul li{ float:left; width:110px; line-height:60px;font-size:16px;height:58px; text-align:center; border-bottom:2px solid #f5f5f5;}
.submenu ul li:hover{border-bottom:2px solid #000;}
.submenu ul li a{ font-size:16px;}
.submenu ul li a:hover{ text-decoration:none; color:#000}
.submenu ul li.line{ background:#cccccc; width:1px;height:20px; margin-top:20px;}
.submenu ul li.select{border-bottom:2px solid #000;}
.nycon{margin:20px 0px; overflow:hidden;}
.nycon_w{width:90%; margin:0px auto;}
.nytitle{height:80px; line-height:80px; border-bottom:1px solid #cfd2d9;}
.nytitle .tl{font-size:28px; font-weight:bold; float:left}
.nytitle .tr{font-size:22px; font-weight:bold; float:right}
.nycontent{margin-top:20px;}
.nyygf_clist{}
.nyygf_clist ul li{ width:18%; float:left; margin:19px 1% 9px 1%; text-align:center; line-height:35px; position:relative}
.nyygf_clist ul li img{width:calc(100% - 2px); border:1px solid #ccc}
.nyygf_clist ul li:hover{ background:#e40709;}
.nyygf_clist ul li:hover img{border:1px solid #e40709}
.nyygf_clist ul li:hover a{ color:#FFF;}
.nyygf_clist ul li .showBox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: calc(100% - 35px);;
	opacity: 0;
	background: rgba(0,0,0,.5);
	transition: all 0.5s ease;
}
.nyygf_clist ul li .showBoxLink {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 60%;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	padding: 0.5rem 0;
}
.nyygf_clist ul li .showBoxLink::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: #fff;
	transition: all .5s ease;
}
.nyygf_clist ul li .showBoxLink::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background: #fff;
	transition: all .5s ease;
}


.nyygf_clist ul li:hover .showBox {
	opacity: 1;
}

.nyygf_clist ul li:hover .showBoxLink::before {
	width: 1rem;
}
.nyygf_clist ul li:hover .showBoxLink::after {
	width: 1rem;
}


.xxlist2 ul li{padding-top:0;line-height:25px;border-bottom:1px solid #aaaaaa;margin-bottom:8px;height:170px;overflow:hidden;}
.xxlist2 ul li .xwdate{ width:70px; float:left; font-size:24px;font-weight:bold;margin:45px 0px 30px 0px;transition: all .5s ease; font-family:Arial, Helvetica, sans-serif; background:url(xwico2.png) no-repeat center bottom; height:80px; color:#999999}
.xxlist2 ul li .xwxian{float:left; width:40px; border-bottom:1px solid #aaaaaa; margin:55px 0px 0px 30px;transition: all .5s ease;}
.xxlist2 ul li .xwcon{ float:left; width:calc(100% - 350px);margin:25px 0px 0px 20px;transition: all .5s ease;}
.xxlist2 ul li .xwpic{float:right; width:165px; height:170px; overflow:hidden; margin-top:15px;}
.xxlist2 ul li .xwpic img{float:left;margin-right:5px;width:165px;border:1px solid #CCC;}
.xxlist2 ul li .xwcon .xwtitle{height:25px;line-height:25px}
.xxlist2 ul li .xwcon .xwtitle span{float:right;margin-right:10px}
.xxlist2 ul li .xwcon .xwtitle a{font-weight:bold;font-size:16px;color:#000}
.xxlist2 ul li .xwcon .xwtitle a:hover{font-weight:bold;font-size:16px;color:#f00}
.xxlist2 ul li .xwdesc{margin-top:5px;color:#999999; font-size:14px;}

.xxlist2 ul li .xwtime{padding-left:20px}
.xxlist2 ul li:hover{}
.xxlist2 ul li:hover .xwdate{background:url(xwico1.png) no-repeat center bottom; color:#000}
.xxlist2 ul li:hover .xwxian{ width:60px;}
.xxlist2 ul li:hover .xwcon{ width:calc(100% - 370px);}
.xxlist2 ul li:hover .xwcon .xwtitle a{font-weight:bold;font-size:16px;color:#f00}

.nycontact_one{ margin-top:50px;}
.nycontact_one .one_address{ width:24%; float:left; background:url(nyaddress.png) no-repeat left top; margin-top:10px}
.nycontact_one .one_email{ width:24%; float:left; background:url(nyemail.png) no-repeat left top; margin-left:5%; margin-top:10px}
.nycontact_one .one_phone{ width:24%; float:left; background:url(nyph.png) no-repeat left top;margin-left:5%; margin-top:10px}
.nycontact_one .one_code{ width:13%; float:left;margin-left:5%; text-align:center;}
.nycontact_one .title{margin-left:50px; font-size:22px; line-height:18px; margin-top:5px; font-weight:100;}
.nycontact_one .nums{ margin-left:50px; font-size:30px; line-height:30px; margin-top:20px; font-family:Arial, Helvetica, sans-serif}
.nycontact_one .ddesc{margin-left:50px; font-size:14px; line-height:20px; margin-top:20px;}
.nycontact_one .one_code .img img{ width:120px; border:1px solid #CCC;}
.nycontact_one .one_code .ddesc{margin-left:0px; margin-top:5px;}
.nycontact_two{margin-top:20px; border:1px solid #CCC; overflow:hidden;}
.nycontact_two .two_sub{float:left; width:calc(33% - 60px);background:url(ph.png) no-repeat left top; margin:20px 0px 0px 40px; border-bottom:1px dotted #CCCCCC; height:130px}
.nycontact_two .two_sub:hover{}
.nycontact_two .two_sub .title{ margin-left:110px; font-size:20px; line-height:30px; color:#000; margin-top:10px;}
.nycontact_two .two_sub .lxr{margin-left:110px; color:#666666; font-size:14px;line-height:25px;}
.nycontact_two .two_sub .ph{margin-left:110px; color:#666666; font-size:14px;line-height:25px;}
.nycontact_two .two_sub:hover .title{ margin-left:110px; font-size:20px; line-height:30px; color:#e40709; margin-top:10px;}
.nycontact_two .two_sub:hover .lxr{margin-left:110px; color:#e40709; font-size:14px;line-height:25px;}
.nycontact_two .two_sub:hover .ph{margin-left:110px; color:#e40709; font-size:14px;line-height:25px; font-weight:bold;}
.contactsubtitle{writing-mode:vertical-lr;width:60px;height:160px;float:left;background:#e40709; text-align:center; line-height:60px; color:#FFF; font-size:18px; letter-spacing:5px;}
.msgtitle{text-align:center;font-size:24px;font-weight:bold;margin-top:20px;margin-bottom:20px}
.time2{height:40px;line-height:40px;font-size:14px;border-bottom:1px dashed #ccc;text-align:center;margin-top:15px}
.time2 span{color:#999}
.connt{ margin-top:5px;}
.connt img{ margin:5px;}
.shangxiapian{height:30px;line-height:30px}
.xgxxtitle{height:35px;line-height:35px;border-bottom:1px solid #CCC;margin-top:15px}
.xgxxtitle span{display:inline-block;width:100px;height:35px;background:#e40709;text-align:center;color:#FFF;font-size:16px;font-weight:bold}

.xxlist3 ul li{padding-top:0;line-height:25px;border-bottom:1px dashed #777;margin-bottom:8px;height:105px;overflow:hidden;width:48%;float:left}
.xxlist3 ul li.liright{float:right}
.xxlist3 ul li .xwtitle{height:25px;line-height:25px}
.xxlist3 ul li .xwtitle span{float:right;margin-right:10px}
.xxlist3 ul li .xwtitle a{font-weight:bold;font-size:14px;color:#000}
.xxlist3 ul li .xwtitle a:hover{font-weight:bold;font-size:14px;color:#f00}
.xxlist3 ul li .xwdesc{margin-top:5px;color:#666}
.xxlist3 ul li .xwdesc img{float:left;margin-right:5px;height:65px;border:1px solid #CCC;}
.xxlist3 ul li .xwtime{padding-left:20px}

.gsjianjie{ background:url(h_bg39.jpg) no-repeat center center;margin:0px 0px; overflow:hidden;}
.nygs_l{ float:left; width:49%}
.nygs_l .title{ height:40px; font-size:24px; font-weight:bold; color:#e40709; margin-top:40px}
.nygs_l .desc{ font-size:16px; line-height:200%; margin-top:20px; color:#696969}
.nygs_l .more{ margin-top:20px;}
.nygs_l .more a{ height:40px; width:150px; display:block; border:2px solid #e40709; color:#e40709; border-radius:20px; text-align:center; line-height:40px; transition:ease-in 0.3s}
.nygs_l .more a:hover{ background:#e40709; color:#FFF; text-decoration:none; transition:ease-in 0.3s}
.nygs_r{ float:right; width:49%; text-align:right;}
.nygs_r img{border-radius:20px; width:90%; margin-top:40px}
.nygsry{}
.nygsry_w{width:90%; margin:0px auto;}
.nygstitle{ text-align:center;}
.nygstitle .p1{ font-size:28px; font-weight:bold; color:#FFF; margin-top:50px;}
.nygstitle .p2{ font-size:18px; color:#FFF; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.nygstitle .p3{ font-size:14px; color:#FFF;margin-top:20px; margin:20px 20% 0px 20%; line-height:23px;}
.nygstitle a{ height:40px; width:150px; display:block; border:2px solid #fff; color:#fff; border-radius:20px; text-align:center; line-height:40px; transition:ease-in 0.3s; margin:50px auto}
.nygstitle a:hover{ background:#e40709;border:2px solid #e40709; color:#FFF; text-decoration:none; transition:ease-in 0.3s}
.nyqywh{ margin-top:30px; margin-bottom:30px;}
.nyqywh_sub{ float:left; width:25%;}
.nyqywh_sub .img{width:100%;  overflow:hidden;}
.nyqywh_sub .img img{height:230px;}
.nyqywh_sub .con{ height:230px; background:#f9f9f9; overflow:hidden;}
.nyqywh_sub .con .tit{ font-size:18px; font-weight:bold;color:#e40709; text-align:center; margin-top:90px;}
.nyqywh_sub .con .des{ font-size:14px;text-align:center; margin:10px 20px 20px 20px; line-height:200%}