.dropdown {position: relative;}
.dropdown-box {position: absolute;left: 0;top: 100%;z-index: 10;width: 100%;display: none;overflow: hidden;}
.dropdown-box li {border-top: 1px solid #fff;text-align: center;}
.dropdown-box li a {display: block;line-height: 40px;color: #333;}
.dropdown.open .dropdown-box {display: block;}

.yunu-header {padding: 0px 0;overflow: hidden;}
.yunu-header #logo{padding:16px 0;}
.yunu-header .logo {float: left;}
.yunu-header .logo img {display: block;height: 90px;width: auto;}
.yunu-header .text {float: left; height: 72px;font-size: 24px;margin: 20px 0 0 0;color: #333;line-height: 1;padding-left: 30px; background: url(../images/logobg.png) no-repeat left 8px;}
.yunu-header .text strong {display: block;font-size: 20px;color: #666666;margin-bottom: 5px;line-height: 30px;}
.yunu-header .tel {float: right;margin-top: 20px;}
.yunu-header .tel span{background: url(../images/tel.png) no-repeat 0 center;padding-left: 25px;font-size: 16px;font-family: "SourceHanSansCN";color: #333333;}
.yunu-header .tel strong {display: block;line-height: 1.5;font-size: 28px; font-family: "SourceHanSansCN"; color: #32c3b8;}
.yunu-header .ewm{text-align:center;float:right;border-left: 1px solid #333;margin-left: 20px;padding-left:20px;}
.yunu-header .ewm .wechat{line-height: 0;}
.yunu-header .ewm p{font-size: 16px; font-family: "SourceHanSansCN"; color: #333; }

.top{height: 36px;line-height: 36px;color: #666; border-bottom: 1px solid #e2e2e2; background: #eeeeee;}
.top a{padding: 5px 8px; color: #666;}
.top .fr{ position:relative;}
.top .fr img{position:relative; top:3px; margin-right: 4px; }

.yunu-nav {border-top: #dedede 1px solid;  background: #32c3b8;}
.yunu-nav ul {padding-left: 2px;}
.yunu-nav li {float: left;position: relative;margin-left: -2px;}
.yunu-nav li:before {position: absolute;width: 2px;height: 29px;content: "";right: 0;top: 50%;margin-top: -15px;background: url(../images/shun.gif) no-repeat center;}
.yunu-nav li a {display: block;font-size: 18px;text-align: center;padding: 0 50px;color: #fff;line-height: 60px;position: relative;}
.yunu-nav li a:hover,.yunu-nav li.active a,.yunu-nav li.open a {background-color: #32c3b8;color: #fff;}
.yunu-nav .dropdown-box {padding-left: 0;}
.yunu-nav .dropdown-box li {background: none;float: none;padding: 0;margin: 0;}
.yunu-nav .dropdown-box li:before {display: none;}
.yunu-nav .dropdown-box li a {color: #fff;padding: 6px 2px;line-height: 2;font-size: 14px;font-weight: normal;background-color: rgba(255,255,255,0.9); color: #333;}
.yunu-nav .dropdown-box li a:hover {color: #32c3b8;background: #fff;}


.about{padding:80px 0;}
.about .about-l{width:760px;}
.about .about-l .text{padding-top:20px;}
.about .about-l .text p{font-size:20px;color:#333;line-height: 2.2;padding:0 35px;}
.about .about-l .qyyj{padding-top:20px;}
.about .about-l .qyyj p{font-size:20px;color:#333;line-height: 1.8;padding:0 35px;}
.about .about-l .qyyj p span{font-size:25px;color:#32c3b8;}
.about .about-r{width:440px}


.ys-l-bg{width:560px;height:160px;background:url(../images/ys-l.png) no-repeat 0 center;margin:20px 0;}
.ys-l-bg .title{width: 210px; float: left; text-align: center;padding-top: 30px;}
.ys-l-bg .title i{display:block;font-size: 40px; font-family: "SourceHanSansCN"; color: #fff; font-weight: bold; line-height: 1.2;}
.ys-l-bg .title p{font-size: 25px; font-family: "SourceHanSansCN"; color: #fff; line-height: 1.92; }
.ys-l-bg .desc{ font-size: 20px; font-family: "SourceHanSansCN"; color: #333; line-height: 1.5; padding:54px 30px 0 0;}
.ys-l-bg .desc.d3{padding-top:38px;}


.ys-r-bg{width:560px;height:160px;background:url(../images/ys-r.png) no-repeat 0 center;margin:20px 0;}
.ys-r-bg .title{width: 190px; float: right; text-align: center;padding-top: 30px;}
.ys-r-bg .title i{display:block;font-size: 40px; font-family: "SourceHanSansCN"; color: #fff; font-weight: bold; line-height: 1.2;}
.ys-r-bg .title p{font-size: 25px; font-family: "SourceHanSansCN"; color: #fff; line-height: 1.92; }
.ys-r-bg .desc{ font-size: 20px; font-family: "SourceHanSansCN"; color: #333; line-height: 1.5; padding:54px 0 0 60px;}
.ys-r-bg .desc.d3{padding-top:38px;}
.ys-r-bg .title.d3{padding-top:25px;}
.ys-r-bg .title.d3 p{line-height: normal;}


.fc ul{margin-bottom:50px;}
.fc ul li{float:left;width:290px;height:410px;background:#f2f0f1;margin:5px;}
.fc ul li .img{text-align:center;padding:5px 0;}
.fc ul li .title{width:240px;height:60px;line-height:60px;margin: 0 auto;font-size: 30px; font-family: "Source Han Sans CN"; color: #333;text-align:center;background:url(../images/fc-title.png) no-repeat 0 center;}
.fc ul li .desc{font-size: 18px; font-family: "Microsoft YaHei"; color: #333333;padding:0 40px;}
.fc ul li:nth-child(2n) .title{padding:20px 0;}
.fc ul li:nth-child(8) .title{padding:0;margin-top:5px;}
.fc ul li:nth-child(8) .img{padding:0;}
.fc ul li:nth-child(5) .title,.fc ul li:nth-child(7) .title{padding:20px 0;}


.dianm ul{padding:30px;}
.dianm ul li{float:left;padding: 5px;}
.dianm ul li:nth-child(1){width:602px;height:342px;}

.news .news-l{width:850px;}
.news .news-l ul li{float:left;width:414px; position: relative;}
.news .news-l ul li .title{background: rgba( 51, 51, 51,0.6 );position: absolute;left: 0;right: 0; bottom: 0; text-align: center;font-size:18px;color:#fff;padding:5px 10px;}
.news .news-l ul li .img{width:414px;height:232px;overflow: hidden;}
.news .news-l ul li .img img{width:414px;height:232px;-webkit-transition: 1s; -moz-transition: 1s;  transition: 1s;}
.news .news-l ul li a:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);  -transform: scale(1.1,1.1);}
.news .news-l ul li:nth-child(2n){margin-left:15px;}
.news .news-l ul li:nth-child(3),.news .news-l ul li:nth-child(4){margin-top:8px;}
.news .news-l ul li:nth-child(3) .img ,.news .news-l ul li:nth-child(4) .img{height:270px;}
.news .news-l ul li:nth-child(3) .img img,.news .news-l ul li:nth-child(4) .img img{height:270px;}
.news .news-r{width:340px;position: relative;}
.news .news-r .img{width:340px;height:510px;}
.news .news-r .cover{position: absolute;left: 0; right: 0; bottom: 0; top: 0; font-size: 0; background: rgba(1,1,1,0.6);}
.news .news-r .text{display: inline-block;width: 100%; vertical-align: middle; text-align: center;}
.news .news-r .title{font-size:35px;color:#fff;}
.news .news-r .text .more {margin: 40px auto; border: 1px solid #fff; font-size: 16px; padding:5px 10px;color: #fff; text-align: center; display: inline-block; user-select: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer;}
.midline { display: inline-block; width: 1px; margin-left: -1px; height: 100%;  vertical-align: middle;}

.product{margin-bottom:20px;}
.product .pro-l{width:370px;position: relative;}
.product .pro-l .img{width:370px;height:555px;}
.product .pro-l .cover{position: absolute;left: 0; right: 0; bottom: 0; top: 0; font-size: 0; background: rgba(0,0,0,0.6);}
.product .pro-l .text{display: inline-block;width: 100%; vertical-align: middle; text-align: center;}
.product .pro-l .title{font-size:35px;color:#fff;}

.product .pro-r{width:820px;}
.product .pro-r ul li{float:left;width:262px; position: relative;margin:5px;}
.product .pro-r ul li .title{background: rgba( 51, 51, 51,0.6 );position: absolute;left: 0;right: 0; bottom: 0; text-align: center;font-size:18px;color:#fff;padding:5px 10px;}
.product .pro-r ul li .img{width:262px;height:176px;overflow: hidden;}
.product .pro-r ul li .img img{width:262px;height:176px;-webkit-transition: 1s; -moz-transition: 1s;  transition: 1s;}
.product .pro-r ul li a:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);  -transform: scale(1.1,1.1);}
.product .pro-r .cover{position: absolute;left: 0; right: 0; bottom: 0; top: 0; font-size: 0; background: rgba(1,1,1,0.6);}
.product .pro-r .text{display: inline-block;width: 100%; vertical-align: middle; text-align: center;}
.product .pro-r .text .more {margin: 40px auto; border: 1px solid #fff; font-size: 16px; padding:5px 10px;color: #fff; text-align: center; display: inline-block; user-select: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; cursor: pointer;}

.index-title{margin:30px 0;}