* {
	margin: 0px;
	padding: 0px;
}
.hidden {
	display: none;
}

body{font-family:'Microsoft Yahei',arial,sans-serif;font-size:14px; color:#333;}

img{border:none;}
i{font-style:inherit;}
ul,li,dl,dt,dd{list-style:none;}

a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#888;}



.fuwuxiala, .chanpinxiala, .hangyexiala, .cailiaoxiala, .ynalxiala {
	position: relative;
}
.fuwuyc {
	width: 150px;
	background: #f5f5f5;
	position: absolute;
	z-index: 9999;
	border-top: 10px solid #888;
	display: none;
	left: -25px;
}
.sjx {
	width: 0;
	height: 0;
	border-width: 20px;
	border-style: solid;
	border-color: transparent transparent #888 transparent;
	margin-top: -50px;
	margin-left: 53px;
	z-index: 9999;
}
.fuwuyc ul {
	width: 100%;
}
.fuwuyc ul li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-left: 0px;
}

.fuwuyc ul li:first-child {
	margin-top: 8px;
}
.fuwuyc ul li a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
}
.fuwuyc ul li a:hover {
	background: #fff;
	color: white;
}
/*材料下拉*/

.cailiaoyc {
	width: 150px;
	background: #f5f5f5;
	position: absolute;
	z-index: 9999;
	border-top: 10px solid #888;
	display: none;
	left: -25px;
}
.sjx {
	width: 0;
	height: 0;
	border-width: 20px;
	border-style: solid;
	border-color: transparent transparent #888 transparent;
	margin-top: -50px;
	margin-left: 53px;
	z-index: 9999;
}
.cailiaoyc ul {
	width: 100%;
}
.cailiaoyc ul li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-left: 0px;
}
.cailiaoyc ul li a:hover {
	background: #888;
	color: white;
}
.cailiaoyc ul li:first-child {
	margin-top: 8px;
}
.cailiaoyc ul li a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #333;
	text-align: center;
}



/*头部*/



.yn_head {
	width: 100%;
	max-width: 1920px;
	height: 57px;
	background: #888; line-height:57px;
}
.con {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.yn_headleft {
	float: left;
	color: white;
	line-height: 57px;
	font-size: 20px;
}







.yn_navbox {
	width: 100%;
	max-width: 1920px;
	height: 77px;
}
.yn_navright {
	float: right;
}
.yn_navright ul li {
	float: left;
	color: #333;
	font-size: 18px;
	line-height: 77px;
	margin-left: 40px;
}
.yn_navright ul li a{color:#333;}
.yn_navright ul li a:hover{color:#888;}



.ynxwbox {
	width: 100%;
	max-width: 1920px;
	padding-bottom:50px; padding-top:50px;
}
.ynxwleft {
	width: 544px;
	float: left;
}
.ynxwleft h1 {
	color: #222;
	margin-bottom: 20px;
	font-size: 33px;
}
.ynxwleft h2 {
	color: #333;
	margin-top: 10px;
	font-size: 25px;
	font-weight: normal;
}
.ynxwleft p {
	color: #444852;
	font-size: 15px;
	line-height: 20px;
	margin-top: 10px;
}
.ynxwlefttp {
	width: 544px;
	overflow: hidden;
}
.ynxwlefttp img {
	width: 100%;
	height: 396px;
	transition:.3s;
}
.ynxwlefttp:hover img{transform: scale(1.1);}
.ynxwright {
	float: right;
	width: 615px;
}
.ynxwright ul {
	margin-top: 50px;
	width: 100%;
	height: 540px;
}
.ynxwright ul li {
	width: 300px;
	height: 260px;
	float: left;
	margin-left: 7.5px;
	margin-top: 14px;
}
.ynxwrighttp{
	width: 100%;
	height: 205px;
	overflow: hidden;
}
.ynxwrighttp img {
	width: 100%;
	height: 205px;
	transition:.3s;
}
.ynxwrighttp:hover img{transform: scale(1.1);}
.ynxwright ul li p {
	font-size: 14px;
	color: #444852;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 10px;
}
.ynxwright ul li p span{color:#ccc; font-size:12px;}
.syynfwbox {
	width: 100%;
	max-width: 1920px; 
}
.ynfwtit {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 40px;
}
.ynfwtit h1 {
	font-size: 33px;
	color: #222;
	text-align: center;
}
.ynfwtit p{width:100%; text-align:center; font-size:16px; line-height:25px; float:left; padding:15px 0; letter-spacing:5px;}
.ad .ynfwtit{padding-top:10px; padding-bottom:60px;}
.ad .ynfwtit h1{color:#fff;}

.syynfwnr {
	width: 100%;
	margin: 0 auto;
}
.syynfwnr ul li {
	width: 575px;
	float: left; padding-bottom:30px;
}
.syynfwnr ul li:nth-child(2n+0){
	float: right;
}
.syynfwnr ul li span{width:100%; height:300px; overflow:hidden; display:inline-block; border-radius:20px;}
.syynfwnr ul li img{width:100%; height:300px; transition:.3s;}
.syynfwnr ul li p{font-size:25px;color:#444852;text-align:center;margin-top:10px; font-weight:bold;}
.syynfwnr ul li a:hover img{transform: scale(1.1);}
.ynalbox {
	width: 100%;
	max-width: 1920px; padding-top:20px;
}
.ynalnr {
	width: 100%;
	margin-top: 10px;
}
.ynalnr ul li {
	width: 31%;
	overflow: hidden;
	float: left;
	margin-right: 3.5%;
}
.ynalnr ul li a:first-child{width:100%; height:260px; overflow:hidden; border-radius: 0.7rem; display:inline-block;}
.ynalnr ul li a:first-child img{width:100%; height:260px; transition:.3s;}
.ynalnr ul li a:first-child:hover img{transform: scale(1.1);}
.ynalnr ul li h3 {
	font-size: 20px;
	color: #444852;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 95%;
	height: 60px; font-weight:100;
}
.ynalnr ul li p {
	width: 85%;
	padding-left: 20px;
	font-size: 15px;
	color: #444852;
}
.ynalnr ul li:nth-child(3n+0) {
	margin-right:0;
}
.ynft {
	width: 100%;
	max-width: 1920px;
	background-image: -webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
}
.ynft1 {
	width: 100%;
	height: 65px;
	background: #007cf8;
}
.an1 {
	width: 50%;
	height: 65px;
	text-align: right;
	float: left;
}
.an1 a {
	font-size: 28px;
	color: white;
	line-height: 65px;
	padding-right: 50px;
}
.an2 {
	width: 50%;
	height: 65px;
	text-align: left;
	float: right;
}
.an2 a {
	font-size: 28px;
	color: white;
	line-height: 65px;
	padding-left: 50px;
}
.ynft2 {
	width: 100%;
	padding-bottom: 30px;
}
.ynft2left {
	width: 490px;
	margin-top: 40px;
	float: left;
}
.ynft2left p {
	line-height: 30px;
	color: white;
	font-size: 15px;
}
.ynft2right {
	/*width:620px;*/

	float: right;
	margin-top: 55px;
}
.ynft2right ul li {
	float: left;
	margin-left: 87px;
}
.ynft2right ul li:first-child {
	margin-left: 0px;
}
.ynft2right ul li h2 {
	color: white;
	font-size: 20px;
	padding-bottom: 20px;
}
.ynft2right ul li p a {
	font-size: 15px;
	color: white;
	line-height: 35px;
}


.ynalbox{
	width:100%;
}
.ynalnr1left{
	width:556px;
	float:left;
}
.ynalnr1left h2{
	font-size:33px;
	color:#222;
}
.ynalnr1leftp1,.ynalnr1leftp2{
	font-size:16px;
	color:#444852;
	line-height:30px;
}
.ynalnr1leftp2{padding-top:25px;}
.ynalnrright{
	float:right;
	display:block;outline: none;
}


.toolbar {
	width: 52px;
	position: fixed;
	right: 1%;
	top: 44%;
	z-index: 999;
}
.toolbar dd {
	width: 51px;
	height: 51px;
	margin-bottom: 1px;
	position: relative;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 4px;
	border: #ebebeb solid 1px;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 8px 0 0 8px;
	background: url(../img/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 53px;
	top: -1px;
	right: -2px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -65px;
	background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	padding: 20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 52px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: -35px -47px;
}
.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
	border-radius: 100%;
}
.toolbar .qq:hover span {
	background-position: 0 -47px;
}
.toolbar .tel span {
	background-position: -35px 0;
}
.toolbar .tel:hover {
	background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
}
.toolbar .tel:hover span {
	background-position: 0 0;
}
.toolbar .code span {
	background-position: -35px -95px;
}
.toolbar .code:hover {
	background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
	border-radius: 100%;
}
.toolbar .code:hover span {
	background-position: 0 -95px;
}
.toolbar .top span {
	background-position: -35px -142px;
}
.toolbar .top:hover {
	background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
	border-radius: 100%;
}
.toolbar .top:hover span {
	background-position: 0 -142px;
}
.toolbar dd:hover {
}



.banner {
    height: auto!important;
}
.wrap {
	position: relative;
}
.centered-btns_nav {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 38px;
	height: 61px;
	transition: .5s;
	margin-top: -40px;
	line-height: 200px;
	background-image: url(../img/arrow.gif);
	overflow: hidden;
	opacity: .1;
}
.centered-btns_nav:hover{
	opacity: .7;
}
.prev{
	left: 0;
}
.next {
	right: 0;
	background-position: right 0;
}

.centered-btns_nav:active {
	opacity: 1;
}

.centered-btns_tabs {
    margin-top: 15px;
    text-align: center;
    font-size: 0;
    position: absolute;
    list-style-type: none;
    width: 100%;
    z-index: 99;
    bottom: 15px;
}

.centered-btns_tabs li {
	display: inline-block;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}

.centered-btns_tabs a {
	display: inline-block;
	width: 15px;
	height: 8px;
	border-radius: 8px;
	line-height: 8px;
	background-color: rgba(255, 255, 255, .3);
	background-color: #ccc\9;
	overflow: hidden;
	*display: inline;
	*zoom: 1; text-indent:-9999px;
}
.centered-btns_here a{
	width: 30px;
	background-color: rgba(255, 255, 255, .9);
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}


.fl{ float:left;}

.fr{ float:right;}
.dong{ transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.dropup, .dropdown{position: relative;}

.header{ width: 100%; height: 100px; padding: 0 80px; position: fixed; top: 0; left: 0; z-index: 999; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ background-color:rgba(0,0,0,0.5);}

.header .left{ display: flex; align-items: center; height: 35px; margin-top: 30px;}

.header .left a,.header:hover .left a,.header.in:hover .left a{ color: #fff;}

.header .left .lang{ display: block; background: url(../img/topIcon1.png) center left no-repeat; background-size: 7px; margin: 0 40px; padding-left: 15px; position: relative;}

.header .left .lang em{ display: block; opacity: 0; position: absolute; transition: all ease 500ms; -webkit-transition: all ease 500ms;}

.header .left .lang:hover em{ opacity: 1;}

.header .left .tel{ display: block; font-size: 20px; background: url(../img/topIcon2.png) center left no-repeat; background-size: 22px; padding-left: 30px; margin-left:30px;}

.header .left .logo{ display: block; width: 211px; height: 35px; background: url(../img/logoR.png) no-repeat; background-size: 100%;}

.header .navbar_nav li{ float: left; margin-left: 60px;}

.header .navbar_nav li a{ line-height: 100px; font-size:16px;}

.header .navbar_nav li a,.header:hover .navbar_nav li a,.header:hover .navbar_nav li:hover a,.header.in:hover .navbar_nav li a{ display: block; color: #fff;}

.header .navbar_nav li:hover a,.header .navbar_nav li.slt a{ color: #888;}

.navbar_nav li.dropdown .dropdown_menu{ display: none; background: #888; text-align: center; position: absolute; top: 100px; left: -40px; width: 140px; animation: 250ms show1 ease-in; -webkit-animation: 250ms show1 ease-in;-moz-animation: 250ms show1 ease-in;}

.navbar_nav li.dropdown .dropdown_menu a{ width: 100%; color: #fff; line-height: inherit; padding: 15px 10px; border: none;}

.navbar_nav li.dropdown .dropdown_menu a:hover{ background: rgba(0,0,0,.2);}

.navbar_nav li.dropdown:hover .dropdown_menu{ display: block;}





.header.in{ background: #fff;}

.header.is-fixed{ height: 80px; background: #fff;}

.is-fixed .left{ margin-top: 20px;}

.is-fixed .left a,.header.in .left a{ color: #000;}

.is-fixed .left .lang,.header.in .left .lang{ background-image: url(../img/topIcon1H.png);}

.is-fixed .left .tel,.header.in .left .tel{ background-image: url(../img/topIcon2H.png);}

.is-fixed .navbar_nav li a{ line-height: 80px;}

.is-fixed .navbar_nav li a,.header.in .navbar_nav li a{ color: #000;}

.is-fixed .navbar_nav li.dropdown .dropdown_menu{ top: 80px;}

.header:hover,.header.in:hover{background-color:rgba(0,0,0,0.5);}

.header:hover .left .lang,.header.in:hover .left .lang{ background-image: url(../img/topIcon1.png);}

.header:hover .left .tel,.header.in:hover .left .tel{ background-image: url(../img/topIcon2.png);}

.header:hover .left .logo,.header.in:hover .left .logo{ background-image: url(../img/logoW.png);}


.clear {
	clear: both;
}
.recommend_products_classify {
	max-width: 1170px;
	margin: 0 auto;
}
.recommend_products_classify ul {
	text-align: center;
	margin-bottom: 0 !important;
}
.recommend_products_classify ul li {
	border-radius: 5px;
	float: none;
	padding: 0 20px !important;
	margin: 0 5px;
	height: 40px;
	line-height: 38px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	background: #FFF;
	color: #333;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-family: "微软雅黑";
	font-size: 16px;
}
.recommend_products_classify ul:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	box-sizing: border-box;
}
.recommend_products_left_title {
	float: left;
	font-family: "微软雅黑";
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.recommend_products_title :after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	box-sizing: border-box;
}
.recommend_products_title {
	height: 70px;
	line-height: 40px;
	height: auto;
	border-bottom: none;
	box-sizing: border-box;
	margin-top: 0px;
}
.recommend_products_classify {
	float: none;
}
.recommend_products_content {
}
.module-view div:nth-child(2) {
	display: block;
}
.recommend_products_classify ul li.active {
	border: 1px solid #3b60aa;
	color: #fff;
	background: #3b60aa;
	box-sizing: border-box;
}
.recommend_products_content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.recommend_products_content ul li {
	width: 25%;
	float: left;
	border: 1px solid #fff;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	transition: all 0.4s ease-out 0s;
	box-sizing: border-box;
	background: #fff;
}
.recommend_products_content ul:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	box-sizing: border-box;
}
.recommend_products_content_img {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	box-sizing: border-box; display: flex;
}
.recommend_products_content_img img {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}
.recommend_products_content ul li a {
	text-decoration: none;
}
.recommend_products_content ul li:hover {
	margin-top: 0px;
	box-sizing: border-box;
}
.recommend_products_content ul li:nth-child(4n-0) {
	margin-right: 0;
	box-sizing: border-box;
}
.recommend_products_content ul li:nth-child(4n-3) {
	clear: both;
	box-sizing: border-box;
}
.recommend_products_content ul li .recommend_products_content_pric {
	line-height: 30px;
	padding: 0 15px 0 15px;
	box-sizing: border-box;
	color: #d93a21;
	font-size: 20px;
}
.recommend_products_content_img {
	position: relative;
}
.recommend_products_content_img .recommend_products_content_title {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	background-image: -webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%);
	opacity:0.8;
}
.recommend_products_content_img:hover .recommend_products_content_title {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.recommend_products_content_title {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	text-align: center;
}
.recommend_products_content_title p {
	margin-top: 30%;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}


.mode-list {
	padding-top: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background-color: #fff;
}
.mode-list ul li {
	margin-bottom: 80px;
	font-size: 16px;
	text-align: center;
}
.mode-list ul li a {
	display: block;
}
.mode-list ul li img {
	display: block;
	margin: 0 auto 12px;
}
.mode-list ul li h3 {
	margin: 0 0 8px;
	font-weight: normal;
	color: #4f4f4f;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
}
.mode-list ul li p {
	margin: 0;
	color: #a9a9a9;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease; text-transform:uppercase;
}
.mode-list ul li:first-child {
	margin-left: 12.5%;
}
.mode-list ul li a:hover h3,  .mode-list ul li a:hover p {
	color: #935bc2;
}

.pull-left{float:left;}.pull-right{float:right;}.pull-none{float:none;}.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}* html .clearfix{zoom:1;}*:first-child+html .clearfix{zoom:1;}img.full{display:block;width:100%;}.list{padding:0;margin:0;list-style:none;}.hidden{ display:none;}.col-1{ float:left; width:8.33333333%;}.col-2{ float:left; width:16.66666667%;}.col-3{ float:left; width:25%;}.col-4{ float:left; width:33.33333333%;}.col-5{ float:left; width:41.66666667%;}.col-6{ float:left; width:50%;}.col-7{ float:left; width:58.33333333%;}.col-8{ float:left; width:66.66666667%;}.col-9{ float:left; width:75%;}.col-10{ float:left; width:83.33333333%;}.col-11{ float:left; width:91.66666667%;}.col-12{ float:left; width:100%;}.col-13{ float:left; width:20%;}.col-offset-3{ margin-left:25%;}.tb{display:table; width:100%; height:100%;}.tbr{display:table-row;}.tbc{display:table-cell;width:100%;vertical-align:middle;}.container{width:1550px;margin:0 auto;}::-webkit-input-placeholder{color: #b0b0b0;}::-moz-placeholder{color: #b0b0b0;}:-moz-placeholder{color: #b0b0b0;}:-ms-input-placeholder{color: #b0b0b0;}





.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; } 
.C { zoom: 1; }
.content{ margin:0 auto; width:1200px;}
.ad{ background:url(../img/adbg.jpg) no-repeat center; padding:60px 0 80px 0;}
.ad li{ width:239px; height:300px; padding:20px 30px 10px 30px; border-right:1px solid #ccc; text-align:center; float:left; color:#ececec; font-size:14px; line-height:22px;}
.ad li:nth-child(4){border:none;}
.ad li img{width:50px; height:50px; transition:.3s; }
.ad li:hover img{transform: rotateY(180deg);}
.ad p{ line-height:80px; font-size:24px; color:#fff; font-weight:bold;}

.yn1_1{float:left; color:#fff;}
.yn1_2{float:right;}
.yn1_2 span{color:white;font-size:28px;display:inline; font-weight:bold;}
.yn1_3{width:100%; height:226px; background:url(../img/hf1.jpg) no-repeat center;}
.yn1_4{text-align:center;color:white;padding-top:30px;}
.yn1_4 a{color:#fff;}
.yn1_5{line-height:30px; padding-bottom:40px; padding-top:10px;}
.yn1_5 span{font-weight:bold; float:left; font-size:18px;}
.yn1_5 a{margin:0 10px;}
.yn1_6{width:100%; height:500px; background:url(../img/dt1.jpg) no-repeat center;}
.yn1_7{width:100%; height:500px; background:url(../img/dt2.jpg) no-repeat center;}
.yn1_8{width:100%; height:584px; background:url(../img/ny1.jpg) no-repeat center;}
.yn1_9{width:100%; height:auto; text-align:center;}


.yn2_1{width:100%;}
.yn2_2{width:59%; float:left;}
.yn2_2 a{width:100%; height:auto; float:left; position:relative; display:flex; overflow:hidden; margin-bottom:10px;}
.yn2_2 a:last-child{margin:0;}
.yn2_2 a img{width:100%; height:auto; transition:.3s;}
.yn2_2 a i{position:absolute; width:100%; height:100%; background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%); line-height:1120px; top:0; left:0; transition:.3s; opacity:0;}
.yn2_2 a span{position:absolute; top:50%; width:100%; text-align:center; font-size:24px; color:#fff; font-weight:bold; opacity:0; transition:.3s;}
.yn2_2 a:hover i{opacity:0.8;}
.yn2_2 a:hover span{opacity:1;}
.yn2_2 a:hover img{transform: scale(1.1);}
.yn2_3{width:41%; float:right; padding-left:10px; box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.yn2_3 a{width:100%; height:auto; float:left; position:relative; margin-bottom:10px; display:flex; overflow:hidden;}
.yn2_3 a img{width:100%; height:auto; transition:.3s;}
.yn2_3 a i{position:absolute; width:100%; height:100%; background-image:-webkit-linear-gradient(0deg, rgb(96, 113, 213) 0%, rgb(189, 72, 177) 100%); line-height:350px; top:0; left:0; transition:.3s; opacity:0;}
.yn2_3 a span{position:absolute; top:46%; width:100%; text-align:center; font-size:24px; color:#fff; font-weight:bold; opacity:0; transition:.3s;}
.yn2_3 a:hover i{opacity:0.8;}
.yn2_3 a:hover span{opacity:1;}
.yn2_3 a:hover img{transform: scale(1.1);}
.yn2_3 a:last-child{margin:0;}

.yn3_1{width:1200px; margin:0 auto;}
.yn3_1 .ynfwtit{margin-top:30px;