@import "base.css";

html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;line-height: 1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {margin: 0;font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;line-height: 1.42857143;font-size: 14px;background: #fff;color: #333;}

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


.container {width:98%;max-width:1200px;margin: 0 auto;}
.img-center {text-align: center;font-size: 0;}


.topbar {line-height: 34px;font-size: 12px;color: #7C7C7C;text-align: right;background: #dfe0e4;border-bottom:1px solid #d5d5d7}
.topbar a {color: #7C7C7C;display: inline-block;padding: 0 15px;background: url(../images/head_top1.png) no-repeat right center;}
.topbar a:hover {color: #d82634;}

.header {background: #dfe0e4;padding: 25px 0}
.header .logo {float: left;border-right: 1px solid #DADADA;width: 190px;padding-right: 50px;margin-right: 30px;}
.header .text {float: left;font-size: 20px;padding-top: 10px;}
.header .text strong {font-size: 28px;color: #D82633;}
.header .tel {float: right;margin-top: 25px;background: url(../images/tel.png) no-repeat 0 center;padding-left: 50px;}
.header .tel strong {display: block;font-size: 34px;font-family: Impact;line-height: 1;margin-top: 5px;}


.nav {background-color: #232323;}
.nav ul li {width: calc(100% / 8);float: left;position: relative;text-align: center;font-size: 16px;line-height: 66px;}
.nav ul li:after {content: "";background:#454545;width:1px;height:100%;right: 0;position: absolute;top: 0;}
.nav ul li>a {display: block;font-weight: bold;text-align: center;color: #fff;}
.nav ul li:hover>a{background-color: #d82634;}
.nav ul li dl {position: absolute;left:0;top: 100%;width: 100%;z-index:9;font-size: 14px;line-height:2.6;display: none}
.nav ul li dl dd a{color: #fff;display: block;background: #d82634;border-top: 2px solid #ffffff}
.nav ul li dl dd:hover a{color: #333;background: #fff;}
.nav ul li:hover dl{display: block}

.menu-button {width:30px;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer;-webkit-transition: .3s;transition: .3s;display: none;position: absolute;z-index: 99999;background: rgba(0,0,0,0.2);padding: 5px;}
.menu-button .bar {position: relative;display: block;width:100%;height:3px;background: #fff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(2) {margin:8px 0;}
.cross .bar:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);-ms-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {opacity: 0;}
.cross .bar:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);-ms-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}


.banner ul li{height: 650px;background-position: center;background-repeat: no-repeat;background-size: cover}

.banner ul li a{ display:block;width: 100%;height: 100%;overflow: hidden;text-indent: -1000px;}

@media (max-width: 812px) {
	body{font-size: 12px;}

	.header {padding:15px 0;position: relative}
	.header .logo {width: 160px;border: 0;}

	.menu-button{display: block}

	.nav {float: none;width:100%;text-align: center;position: absolute;height: 100vh;top: 0;left: 0;z-index:998;display: none}
	.nav.open {display: block}
	.nav ul{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
	.nav ul li {font-size: 16px;width:100%;line-height:60px;float: none;}
	.nav ul li dl {display: none!important;}

	.banner ul li{height:400px;}

	.no_mobile{display: none}

}
@media (max-width: 640px) {
	.header {padding:10px 0}
	.header .logo {width: 100px;}
	.nav ul li {font-size: 14px;line-height:40px;}
	.banner ul li{height:260px;}
}


.yunu-sou {padding: 20px 0;border-bottom: 1px solid #eee;line-height: 36px;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hform {float: right;background:#f7f7f7;font-size: 14px;width: 220px;}
.yunu-sou .hform input {width:calc(100% - 49px);text-indent: 10px;float: left;border: 0;line-height:36px;background:transparent;}
.yunu-sou .hform button {float: right;cursor: pointer;outline: none;width: 49px;height: 36px;background: url(../images/s_so.gif) no-repeat  center #dc2821;border: 0;}



.yunu-section {padding: 65px 0;}
.yunu-section-title {padding-bottom: 40px;font-size: 40px;text-align: center;}
.yunu-section-title .sl-tit {float: right;font-size: 30px;padding-top: 14px;}
.yunu-section-title h3 strong,.yunu-section-title .sl-tit span {color: #d82634;}
.yunu-section-title h3 img {margin-top: 8px;max-width: 90%;}

.yunu-section-title i.img {display: block;margin:auto;width: 57px;height: 66px;background: url(../images/sl_tbg.png) no-repeat center;position: relative}
.yunu-section-title i.img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.yunu-section-title p {font-size: 20px;margin: 5px 0 0;}
.yunu-section-title p span {color: #ddd;padding: 0 10px;}



.box1 .text {font-size: 16px;margin-bottom: 40px;line-height: 2.2;color: #6e6e6e;text-align: center;}
.box1 ul {display: flex;justify-content: space-between;flex-wrap: wrap}
.box1 ul li {width: 20%;}
.box1 ul li .img{overflow: hidden;width: 96%;margin: 0 auto;text-align: center}
.box1 ul li img {-webkit-transition: all 0.5s;transition: all 0.5s;max-width: 100%}
.box1 ul li a:hover .img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.box1 ul li a p{ text-align: center;width: 100%;padding: 20px 10px;}

.bg1 {padding-top: 25px;background:url("../images/bg1.png") no-repeat center top #f5f5f5;position: relative;overflow: hidden;}

.list li {float: left;width:calc((100% - 75px) / 6);margin-right: 15px;}
.list li:nth-child(6n){margin-right: 0;}
.list li .img {border: 2px solid #fff;margin-bottom: 20px;border-radius: 50%;background: #fff;overflow: hidden;}
.list li h3 {text-align: center;line-height:2;background:#2b2b2b;color: #fff;font-size: 18px;}
.list li a:hover .img {border-color: #d82634;}
.list li a:hover h3 {background:#d82734;}

.index_pro {margin-top: 20px;display: flex; justify-content: space-between;flex-wrap: wrap;}
.index_pro li { width: 24%;margin-top: 20px;background: #ffffff;overflow: hidden }

.index_pro li .img{position: relative;height: 200px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.index_pro li .img:after {content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));-webkit-transform: skewx(-25deg);transform: skewx(-25deg);}

.index_pro li .text {border-top: 1px solid #eee;font-size: 16px;padding: 20px 60px 20px 20px;position: relative;}
.index_pro li .text:after {content: '';position: absolute;right: 10px;top: 50%;width: 30px;height: 35px;transform: translateY(-50%);;background: url(../images/pz_more2.png) no-repeat center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index_pro li .text h4 {font-size: 18px;margin-bottom: 10px;}
.index_pro li .text p {color: #8B8B8B;height: 22px;font-size: 14px;}

.index_pro li:hover .img:after {left: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.index_pro li:hover .text:after {transform: translateY(-130%);background-image: url(../images/pz_more2h.png);}

.bg2 {background: url(../images/sl_bg.png) no-repeat center top;background-size: cover;color: #fff;padding-top: 25px;}
.bg2 .yunu-section-title {text-align: left;}

.sl-desc {font-size: 24px;width: 48%;float: left;}
.sl-desc li {float: left;width: 25%;text-align: center;position: relative}
.sl-desc li:before{width: 1px;height: 100%;background:rgba(255,255,255,0.15);content: '';position: absolute;left: 0;top: 0;}
.sl-desc li:last-child:after{width: 1px;height: 100%;background:rgba(255,255,255,0.15);content: '';position: absolute;right: 0;top: 0;}
.sl-desc li .img{margin-bottom: 10px;}

.sl-tel {float: right;width:45%;margin-top: 20px;}
.sl-tel h3{font-size: 36px;padding-left: 38px;background: url(../images/sl_tel.png) no-repeat left center;}
.sl-tel p{font-size: 16px;opacity: 0.4;}


@media (max-width: 1200px) {
	.yunu-section {padding:40px 0;}
	.yunu-section-title {padding-bottom:30px;font-size:34px;}
	.yunu-section-title p {font-size: 18px;}
	.box1 .text {font-size: 14px;margin-bottom:30px;}

	.list li {width:calc((100% - 45px) / 4);}
	.list li:nth-child(4n){margin-right: 0;}
	.list li:nth-child(6n){margin-right: 15px;}
	.list li h3 {font-size: 16px;}


	.index_pro li .img{height: 200px;}
	.index_pro li .text {font-size: 14px;padding: 20px 10px;}
	.index_pro li .text:after {display: none}
	.index_pro li .text h4 {font-size: 16px;}


}


@media (max-width: 812px) {
	.yunu-sou {padding:10px 0;}
	.yunu-sou .hform {float: none;font-size: 12px;margin: auto}

	.yunu-section-title {padding-bottom:20px;font-size:28px;}
	.yunu-section-title p {font-size:16px;}

	.box1 .text {font-size: 14px;margin-bottom:30px;}



	.list li {display: inline-block;margin-right: 10px!important;margin-bottom: 10px;}
	.list li .img{display:none}
	.list li h3 {font-size: 14px;}

	.index_pro li{width: 48%;margin: 20px 1% 0}
	.index_pro li .img{height: 200px;}
	.index_pro li .text {padding:10px;text-align: center}
	.index_pro li .text h4 {margin-bottom: 0;}
	.index_pro li .text p {display:none}

}


@media (max-width: 640px) {

	.yunu-section-title {padding-bottom:10px;font-size:20px;}
	.yunu-section-title p {font-size:14px;}

	.box1 .text {font-size: 12px;margin-bottom:0;}
	.box1 ul li {width: 50%;}
}



.gyds dd>div {float: left;width: 50%;}
.gyds .img_box img,.gyds .img_box video {max-width: 100%;}
.gyds .text {padding-top: 20px;padding-left: 40px;}
.gyds dd:nth-child(even) .text {padding-left:0;padding-right: 40px;}
.gyds dd:nth-child(even) .img_box {float: right}

.gyds .text .tit {margin-bottom: 40px;}
.gyds .text .tit i {float: left;font-size: 36px;width: 61px;line-height: 70px;margin-right: 20px;background:#d82633;color: #fff;text-align: center;font-family: Impact;font-style: normal}
.gyds .text .tit div {float: left;font-size: 12px;text-transform: uppercase;color: #999;}
.gyds .text .tit div h3 {font-size: 36px;color: #333}
.gyds .text .text_con {font-size: 16px;line-height: 2;margin-bottom: 8px;}


.about_slide {margin-top: 25px;}
.about_slide ul li .img{position: relative;overflow: hidden}
.about_slide ul li .img img{max-width: 100%}
.about_slide ul li .img:after {content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));-webkit-transform: skewx(-25deg);transform: skewx(-25deg);}
.about_slide ul li:hover .img:after {left: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}

.about_slide .pagination_box {text-align: center;position: relative;margin:20px 0;}
.about_slide .pagination_box:before {content: '';height: 1px;width: 100%;top: 50%;left: 0;background-color: #eee;position: absolute;}

.about_slide .pagination {background-color: #fff;position: relative;z-index: 1;display: inline-block;vertical-align: middle;padding: 0 5px;}
.about_slide .pagination span {display: inline-block;vertical-align: middle;background: url(../images/sl_cqh.png) no-repeat 0 0;height: 13px;width: 11px;margin: 0 5px;cursor: pointer;}
.about_slide .pagination .swiper-pagination-bullet-active {background-image: url(../images/sl_cqhh.png);}





.hzal {border-top: 1px solid #ddd;padding: 30px 0;}
.hzal li {float: left;width: calc(100% / 7);font-size: 18px;text-align: center;}
.hzal li .img {height: 41px;margin-bottom: 10px;}

.hzal_slide {position: relative;}
.hzal_slide ul li .img {height: 340px;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden}
.hzal_slide ul li .img img{max-width: 100%;}
.hzal_slide ul li .img:after {content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));-webkit-transform: skewx(-25deg);transform: skewx(-25deg);}
.hzal_slide ul li a:hover .img:after {left: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.hzal_slide ul li .text {background-color: #D5D5D5;padding: 0 20px;}
.hzal_slide ul li .text h4 {font-size: 18px;line-height: 60px;text-align: center}
.hzal_slide ul li .text h4 span {font-size: 14px;display: none;color: #d82634;background: url(../images/case_more.png) no-repeat right center;padding-right: 30px;float: right;}
.hzal_slide ul li .text p {display: none;margin: 0;font-size: 16px;color: #fff;opacity: 0.4;}
.hzal_slide ul li.swiper-slide-active .text {background-color: #2A2A2A;padding-bottom: 20px;}
.hzal_slide ul li.swiper-slide-active .text h4 {text-align: left;color: #fff;}
.hzal_slide ul li.swiper-slide-active .text h4 span {display: block;}
.hzal_slide ul li.swiper-slide-active .text p {display: block;}

.hzal_slide .hd:before, .hzal_slide .hd:after {content: '';position: absolute;top: 0;width:33.3%;height:400px;z-index: 1;background-color: rgba(0,0,0,0.52);}
.hzal_slide .hd:before {left:0;}
.hzal_slide .hd:after {right:0;}

.hzal_slide .hd a {position: absolute;top: 50%;width: 22px;height: 42px;background: no-repeat center;z-index: 2;margin-top: -21px;}
.hzal_slide .hd a.prev {background-image: url(../images/case_left.png);left: 25%;}
.hzal_slide .hd a.next {background-image: url(../images/case_right.png);right: 25%;}

@media (max-width: 812px) {
	.gyds .text {padding-top:0;padding-left: 20px;}
	.gyds dd:nth-child(even) .text {padding-left:0;padding-right: 20px;}

	.gyds .text .tit {margin-bottom: 20px;}
	.gyds .text .tit i {font-size: 28px;line-height:60px;margin-right:10px;}
	.gyds .text .tit div h3 {font-size: 28px;}
	.gyds .text .text_con {font-size: 14px;margin-bottom: 10px;}

	.about_slide {margin-top: 25px;}

	.hzal {padding: 30px 0;}
	.hzal li {width: 25%;font-size: 14px;}
	.hzal li .img {height: 41px;margin-bottom: 10px;}

	.hzal_slide{width: 90%;margin: auto}
	.hzal_slide ul li .text h4 {font-size: 16px;line-height: 60px;text-align: center}
	.hzal_slide ul li .text h4 span {font-size: 12px;}
	.hzal_slide ul li.swiper-slide-active .text {padding-bottom:0;}
	.hzal_slide ul li.swiper-slide-active .text p {display: none;}

}
@media (max-width: 640px) {
	.gyds dd>div{float: left;width: 100%;}
	
	.gyds .text {padding: 10px 20px !important; }
	.gyds .text .tit {margin-bottom:10px;line-height: 40px;}
	.gyds .text .tit i {font-size: 20px;width: 40px;margin-right:10px;line-height: 40px;}
	.gyds .text .tit div h3 {font-size: 20px;}
	.gyds .text .tit div p {display: none}
}

.content{line-height: 1.8;font-size: 14px;}



.gylc {background: url(../images/lc_bg.jpg) no-repeat center 165px;}
.gylc li {float: left;width: 25%;text-align: center;}
.gylc li .img-center {padding-bottom: 30px;background: url(../images/lc_cbg.png) no-repeat center bottom;width: 96%;margin: auto}
.gylc li .img-center .p2 {display: none;}

.gylc li p {margin: 40px 0 0;font-size: 18px;font-weight: bold;}
.gylc li.active,.gylc li:hover {color: #d82634;}
.gylc li.active .img-center,.gylc li:hover  .img-center{background-image: url(../images/lc_cbgh.png);}
.gylc li.active .img-center .p1,.gylc li:hover .img-center .p1 {display: none;}
.gylc li.active .img-center .p2 ,.gylc li:hover .img-center .p2 {display: inline-block;}







.news-box {margin-bottom: 20px;padding:20px 30px;background: no-repeat center 0 #fff;-webkit-box-shadow: 0 0 10px 2px #e7e7e7;box-shadow: 0 0 10px 2px #e7e7e7;}
.news-tit {font-size: 24px;line-height: 1;margin-bottom: 25px;}
.news-tit small {display: block;font-size: 12px;color: #999;margin-top: 5px;}
.news-tit a {float: right;background: url(../images/new_more2.png) no-repeat 0 0;width: 33px;height: 33px;}

.news-left {float: left;width: 35%;}
.news-left .news-box {background: url(../images/new_bg.jpg) repeat-x;}
.news-left .news-tit {color: #fff;}
.news-left .news-tit a {background-image: url(../images/new_more1.png);}
.news-left ul li h4 {margin-top: 10px;line-height:3;font-size: 16px;}
.news-left ul li p {color: #999;}

.news-right {float: right;width:60%;}

.news-1 li{width: 48%;float: left;margin-bottom: 20px;}
.news-1 li:nth-child(odd){margin-right: 4%;}
.news-1 li h4 {line-height:1;font-size: 14px;margin-bottom: 15px;}
.news-1 li p {color: #999;height: 50px;overflow: hidden;}
.news-1 li span {display: block;text-align: right;color: #999;line-height: 1;background: url(../images/new_line.jpg) no-repeat 0 center;font-family: Times New Roman;margin-top: 10px;}

.about-cover {height: 600px;background: url(../images/about_pic.jpg) no-repeat center;position: relative;overflow: hidden;margin-bottom: 40px;background-size: cover;}
.about-desc {margin: 0 0 35px;}
.about-desc dt {font-size: 22px;font-weight: bold;}
.about-desc dd {font-size: 16px;line-height: 1.8;margin: 20px 0 0;}
.about-menu {line-height: 28px;margin-bottom: 30px;}
.about-menu .item {float: left;font-size: 0;margin-right: 40px;}
.about-menu .item img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.about-menu .item span {display: inline-block;vertical-align: middle;font-size: 20px;font-weight: bold;}
.about-menu .more {float: right;color: #D82633;text-decoration: underline;padding-right: 22px;background: url(../images/about_more.png) no-repeat right center;}

.about-pic {}
.about-pic li {float: left;width: 23%;margin: 10px 1%}
.about-pic li .img-center {position: relative;overflow: hidden;}
.about-pic li .img-center:after {content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));-webkit-transform: skewx(-25deg);transform: skewx(-25deg);}
.about-pic li a:hover .img-center:after {left: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}

@media (max-width: 812px) {
	.news-left,.news-right {float: none;width: 100%;}
	.news-tit {font-size: 16px;margin-bottom:10px;}

	.about-cover {height:280px;margin-bottom:20px;}
	.about-desc {margin: 0 0 20px;}
	.about-desc dt {font-size:16px;}
	.about-desc dd {font-size: 14px;margin: 10px 0 0;}

	.about-menu {margin-bottom: 20px;}
	.about-menu .item {margin-right: 40px;}
	.about-menu .item span {font-size:16px;}
	.about-menu .more {display: none}

	.about-pic li {width:48%;}
	.news-1 li{width: 98%;}
}



.yunu-link {background-color: #2a2a2a;padding: 10px;}
.yunu-link h4 {border-bottom: 1px solid #666;margin: 0;line-height: 30px;font-size: 16px;color: #ffffff;}
.yunu-link h4 small {text-transform: uppercase;font-size: 14px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 10px;}
.yunu-link li a {color: #666;font-size: 12px;}

.footer {background-color: #2a2a2a;padding: 50px 0;color: #fff;}
.footer a {color: #fff;}
.footer a:hover {color: #d82634;}

.footer-title {color: #CA1624;font-size: 26px;font-weight: bold;margin-bottom:20px;}
.footer-title small {display: block;font-size: 12px;color: #fff;opacity: 0.2;}
.footer-title:after {display: block;content: '';width: 25px;height: 1px;background-color: #CA1624;}

.footer-nav {width: 270px;margin-right: 40px;float: left;border-right: 1px solid rgba(255,255,255,0.04);}
.footer-nav li {float: left;width: 50%;line-height: 48px;}

.footer-contact {float: left;padding-right: 60px;}
.footer-contact li {padding-left:32px;background: no-repeat 0 center;margin-bottom: 20px;}
.footer-contact li.i1 {background-image: url(../images/foot_icon1.png);}
.footer-contact li.i2 {background-image: url(../images/foot_icon2.png);}
.footer-contact li.i3 {background-image: url(../images/foot_icon3.png);}
.footer-contact li.i4 {background-image: url(../images/foot_icon4.png);}

.footer-ewm {float: right;width: 280px;border-left: 1px solid  rgba(255,255,255,0.04);padding-left: 40px;}
.footer-ewm li {float: left;width:48%;margin: 0 1% 10px;}
.footer-ewm li .img-center {width: 90%;margin: 0 auto 10px;max-width: 180px;}
.footer-ewm li .img-center img {width: 100%; }
.footer-ewm li p {padding-left: 32px;background: url(../images/foot_ss.png) left center no-repeat;}

@media (max-width: 812px) {
	.footer {padding: 30px 0;}

	.footer-title {font-size:18px;margin-bottom:10px;text-align: center}
	.footer-title:after{margin: auto}

	.footer-nav,.footer-contact, .footer-ewm{width: 100%;margin-right:0;float: none;border: 0;padding: 0;margin-bottom: 10px;}
	.footer-nav li {float: none;width:auto;line-height:30px;margin: 0 10px;display: inline-block}

	.footer-contact li {padding-left: 23px;margin-bottom: 10px;background-size: 18px;margin-left: 20px;}


	.footer-ewm li {float: left;width:48%;margin: 0 1% 10px;}

}

/*about*/
.yunu-sou-inner {background-color: #F2F2F2;}
.yunu-sou-inner .yunu-sou {border-bottom: 0;}
.yunu-sou-inner .hform {background-color: #fff;border-radius: 20px;overflow: hidden;}

.yunu-banner {height: 400px;background: no-repeat center;background-size: cover;}

.yunu-curmbs {padding: 15px 0;border-bottom: 1px dashed #dcdcdc;margin-bottom: 20px;}
.yunu-curmbs span {padding-left: 10px;border-left: 10px solid #333;}


.yunu-menu-inner {text-align: center;margin-bottom: 20px;}
.yunu-menu-inner a {float: left;width:calc(100% / 6);display: block;background-color: #f4f4f4;color: #333;font-size: 18px;line-height: 55px;}
.yunu-menu-inner a:hover, .yunu-menu-inner a.active{background: url(../images/p16-icon6.png) no-repeat center bottom #d82634;color: #fff;}

.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: calc(100% - 270px);}
.panel-sd-hd {font-size: 24px;padding: 20px 0;background: #d82634;color: #fff;text-align: center;border-bottom: 1px solid #fff;}

.yunu-column h3 {line-height: 50px;font-size: 18px;margin: 0 0 2px;background: url(../images/p14-icon5.png) no-repeat right center #ddd;padding: 0 40px;}
.yunu-column h3 a {display: block;color: #333;}
.yunu-column h3.on, .yunu-column h3:hover {background: url(../images/p14-icon2.png) no-repeat right center #d82634;}
.yunu-column h3.on a, .yunu-column h3:hover a {color: #fff;}

.yunu-contact-z2 {background-color: #d82634;text-align: center;color: #fff;padding: 20px;margin-bottom: 20px;}
.yunu-contact-z2 p {margin: 0;}
.yunu-contact-z2 p img {vertical-align: middle;margin-right: 5px;}
.yunu-contact-z2 span {display: block;font-size: 26px;font-weight: bold;margin-top: 10px;line-height: 1;}

.yunu-pages {text-align: center;margin: 30px 0;}
.yunu-pages a {display: inline-block;margin: 5px 3px;border: 1px solid #ddd;padding: 4px 12px;border-radius: 3px;}
.yunu-pages a.active {background-color: #d82634;border-color: #d82634;color: #fff;}


.yunu-title-1 {border-bottom: 1px solid #ececeb;line-height:2;margin-bottom: 15px;font-size: 24px;}
.yunu-title-1 span {display: inline-block;padding-bottom: 10px;border-bottom: 1px solid #333;}
.yunu-title-2 {margin-bottom: 20px;padding: 15px 0;background-color: #f2f2f2;margin-top: 40px;}
.yunu-title-2 span {display: block;line-height: 1;font-size: 24px;border-left: 3px solid #d82634;padding-left: 10px;}
.yunu-title-2 span small {font-size: 18px;text-transform: uppercase;color: #999;}


.list-2 {display: flex;justify-content: space-between;flex-flow: wrap;width: 100%;}
.list-2 li {width: 32%;margin-bottom: 20px;text-align: center;}

.list-2 li a {display: block;border: 1px solid #ddd;}
.list-2 li .img-center {display:block;height: 200px;line-height: 200px;background: #f9f9f9;overflow: hidden;}
.list-2 li .img-center img{width: 100%;height: 100%;}
.list-2 li .text {padding:20px;font-size: 16px;}
.list-2 li a:hover {border-color: #d82634;}


.list-5 {}
.list-5 li {float: left;width:49%;margin-bottom: 20px;}
.list-5 li:nth-child(odd){margin-right: 1%}
.list-5 li a {display: block;border: 1px solid #ddd;}
.list-5 li .img-center {height: 255px;line-height: 255px;background: #f9f9f9}
.list-5 li .img-center img{object-fit: cover;width: 100%; height: 100%;}
.list-5 li .text {padding: 20px;}
.list-5 li .text h4 {font-size: 18px;}
.list-5 li .text h4 span {float: right;font-size: 12px;color: #999;font-weight: normal;}
.list-5 li .text p {color: #797979;height: 60px;overflow: hidden;}
.list-5 li .text .more {padding: 6px 12px;color: #fff;background-color: #B6B6B6;font-size: 16px;margin-top: 20px;display: inline-block;}
.list-5 li a:hover {border-color: #d82634;}
.list-5 li a:hover .text .more {background-color: #d82634;}

@media (max-width: 812px) {
	.yunu-menu-inner a {width:25%;font-size: 16px;}
	.ct2-sd,.ct2-mn {float: none;width:100%;}

	.panel-sd-hd {font-size:18px;padding: 10px 0;}
	.yunu-column{margin-bottom: 20px;display: flex;justify-content: space-between;flex-flow: wrap;}
	.yunu-column h3 {line-height:36px;margin: 5px 0;font-size: 12px;background:#ddd;padding: 0 5px;width: 30%;}

	.yunu-pages {margin: 20px 0;}

	.yunu-title-1 {font-size: 18px;}

	.yunu-title-2 {margin-bottom: 10px;padding: 15px 0;margin-top:20px;}
	.yunu-title-2 span {font-size:16px;border-left: 3px solid #d82634;padding-left: 10px;}
	.yunu-title-2 span small {font-size: 12px;text-transform: uppercase;color: #999;}



	.list-2 li {width:48%;margin: 0 1% 15px !important;}
	.list-2 li .img-center {height:160px;line-height: 160px}
	.list-2 li .text {padding:10px;font-size: 14px;}

	.list-5 li {width:49%;margin-bottom: 10px;}
	.list-5 li .img-center {height:180px;line-height: 180px}

	.list-5 li .text {padding: 10px;text-align: center}
	.list-5 li .text h4 {font-size: 14px;}
	.list-5 li .text p {display: none}

	.list-5 li .text .more {display: none}
}

@media (max-width:640px) {
	.yunu-banner {height: 150px;}
	.yunu-curmbs span {border-left: 5px solid #333;}
	.yunu-menu-inner a {width:50%;font-size: 14px;line-height:40px;}
}




.yunu-infocontent {margin-bottom: 30px;}
.yunu-infocontent-title {margin-bottom: 20px;text-align: center;}
.yunu-infocontent-title h1 {margin: 0;font-size: 24px;}
.yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #999;}
.yunu-infocontent-title p span {padding: 0 5px;}


.yunu-infocontent-body {line-height: 2;margin-bottom: 20px;}
.yunu-infocontent-body img {max-width: 100% !important;height: auto !important;}

.yunu-infocontent-rem {margin-bottom: 20px;}
.yunu-infocontent-rem h4 {margin: 0;font-size: 24px;line-height: 55px;}
.yunu-infocontent-rem li {border-top: 1px dashed #dbdbdb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}
.yunu-infocontent-rem li span {float: right;}


@media (max-width:640px) {
	.yunu-infocontent-title h1 {font-size: 18px;}
	.yunu-infocontent-rem h4 {font-size:14px;line-height:1.5;}
}

.yunu-infocontent-epx {margin-bottom: 20px;}
.yunu-infocontent-epx li {line-height:2;margin-bottom: 5px;}

.yunu-infocontent-return {border-top: 1px solid #333;line-height: 32px;}
.yunu-infocontent-return a {margin-right: 10px;}
.yunu-infocontent-return .more {margin: 0;float: right;background-color: #333;color: #fff;padding: 0 10px;}


.yunu-showcase {padding: 20px;margin-bottom: 40px;border: 1px solid #ddd;}
.pc-slide {width:43%;float: left;}

.view {border: 1px solid #ddd;}

.preview {margin-top: 10px;position: relative;}
.preview .arrow-left,.preview .arrow-right{position: absolute;top: 50%;transform: translateY(-50%);width:15px;height:100%;z-index: 10;}
.preview .arrow-left {background: url(../images/feel3.png) no-repeat center;left:0;}
.preview .arrow-right {background: url(../images/feel4.png) no-repeat center;right:0;}
.preview .preview_con{width: calc(100% - 30px);margin: auto}
.preview .preview_con .imgauto {border: 1px solid #ddd;width:100%;}
.preview .preview_con .imgauto img {width:100%;height:100%;}
.preview .swiper-slide-thumb-active .imgauto {border: 1px solid #dc2821;}

div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #ddd;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
.btn {display:block;text-align:center;height: 42px;width:200px;font-size: 18px;line-height: 42px;padding: 0 15px;background-color: #ce2520;color: #fff;margin: 20px auto;border-radius: 5px;}
a.btn:hover {background-color:#f12d26 ;color: #fff;}
.yunu-showcase-info {width:52%;float: right;}
.yunu-showcase-info .protit{margin-bottom: 15px;padding-bottom: 15px;font-size: 24px;line-height:1;border-bottom: 2px solid #e6e6e6;}
.yunu-showcase-info p {margin: 0;color: #666;}
.yunu-showcase-info .tel {padding-left: 70px;font-size: 18px;line-height: 21px;margin-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat left center;}
.yunu-showcase-info .twobtn{width:100%;display: flex;justify-content: space-around;}
.yunu-showcase-info .twobtn a { margin: 20px 0;width:80px;}

@media (max-width:812px) {

	.yunu-showcase {padding:10px;margin-bottom:20px;}
	.pc-slide {width:100%;float: none;margin-bottom: 15px;}

	.preview {margin-top: 10px;position: relative;}


	div.zoomDiv {display: none}

	.yunu-showcase-info {width:100%;float: none;}
	.yunu-showcase-info .protit{font-size: 16px;}
	.yunu-showcase-info .tel {font-size: 16px;}

}



.cptd {margin-left: -20px;}
.cptd li {float: left;width: 20%;}
.cptd li a {display: block;margin-left: 20px;border: 1px solid #ccc;padding: 25px 10px 10px;-webkit-transition: all 0.5s;transition: all 0.5s;text-align: center;}
.cptd li img {display: block;margin: 0 auto;height: 45px;width: auto;}
.cptd li h4 {margin: 15px 0 10px;color: #d82634;font-weight: normal;font-size: 18px;}
.cptd li h4:after {display: block;content: '';height: 1px;width: 20px;margin: 5px auto 0;background-color: #d82634;}
.cptd li p {margin: 0;line-height: 1.8;color: #666;height: 75px;overflow: hidden;}
.cptd li a:hover {border-color: #d82634;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.gsys {margin: 0 0 0 -30px;}
.gsys dl {float: left;width: 450px;margin: 0 0 15px 30px;}
.gsys dt {position: relative;}
.gsys dt span {position: absolute;left: 0;top: 0;background-color: #d82634;color: #fff;font-size: 20px;padding: 6px 15px;}
.gsys dd {margin: 0;}
.gsys dd p {margin: 15px 0;line-height: 26px;}
.gsys dd p:before {content: "";width: 5px;height: 5px;display: block;border: 2px solid #d82634;float: left;margin-top: 8px;margin-right: 5px;border-radius: 50%;}
.lxwm {background: url(../images/e7b21494464e4269981db9e767e7f646_10.jpg) no-repeat center / cover;color: #fff;}
.lxwm li {float: left;width: 25%;height: 180px;}
.lxwm li .wrap {display: table;width: 100%;height: 100%;}
.lxwm li .inner {display: table-cell;vertical-align: middle;border-right: 1px solid #444;padding: 30px;line-height: 1.8;}
.zzrz li {float: left;width: 50%;text-align: center;}
.zzrz li .img-center img {-webkit-box-shadow: 28px 25px 20px #e9e9e9;box-shadow: 28px 25px 20px #e9e9e9;}
.zzrz li p {margin: 30px 0 0;}
.prd-btn {display: block;width: 120px;line-height: 34px;font-size: 16px;background-color: #d82634;color: #fff !important;text-align: center;margin: 20px auto 0;}



.gsjj dt {float: left;width: 886px;}
.gsjj dd {margin-left: 886px;border: 2px solid #d82634;border-left: 0;margin-top: 45px;padding: 45px 0 45px 64px;}
.gsjj dd small {display: block;font: 20px "Times New Roman", Times, serif;text-transform: uppercase;}
.gsjj dd strong {display: block;font: bold 50px "Times New Roman", Times, serif;text-transform: uppercase;}
.gsjj dd h4 {margin: 5px 0 0;color: #d82634;font-size: 36px;}
.gsjj dd h5 {margin: 0;font-size: 26px;font-weight: normal;}
.gsjj-text {margin: 30px 0 0;}
.gsjj-text dt {font-size: 24px;}
.gsjj-text dt strong {display: block;font-size: 36px;}
.gsjj-text dt strong span {font-weight: normal;color: #d82634;font-family: "Times New Roman", Times, serif;}
.gsjj-text dd {margin: 20px 0 0;color: #666;line-height: 1.8;}
.sb {background-color: #f8f8f8;padding: 45px 0;}
.sb dl {margin: 0;}
.sb dt {float: left;width: 600px;}
.sb dd {margin-left: 650px;}
.sb dd p {margin: 60px 0 0;line-height: 1.8;text-align: justify;}
.sb dd p:before {content: '';display: block;width: 55px;height: 4px;background-color: #d82634;margin-bottom: 15px;}
.fwhf {background: url(../images/8525187fff7e4089b943bac717c75b8d_4.jpg) no-repeat 0 0;height: 698px;position: relative;}
.fwhf .text {width: 269px;position: absolute;bottom: 0;right: 0;border: 2px solid #ccc6c6;padding: 55px 68px 0;text-align: justify;height: 295px;}
.fwhf .text p {margin: 0;line-height: 2;}
.contact-1 {margin: 0 0 40px;background-color: #f5f5f5;}
.contact-1 dt {float: left;width: 440px;}
.contact-1 dd {margin-left: 440px;padding: 70px 50px 0 50px;}
.contact-1 dd h4 {margin: 0;font-weight: normal;font-size: 16px;color: #d82634;}
.contact-1 dd p {font-size: 16px;color: #666;line-height: 2;margin: 20px 0 0;}
.contact-2 {margin-left: -20px;margin-bottom: 40px;}
.contact-2 li {float: left;width: 25%;}
.contact-2 li .wrap {border: 1px solid #ddd;margin-left: 20px;text-align: center;padding: 20px;}
.contact-2 li img {display: block;height: 50px;width: auto;margin: 0 auto;}
.contact-2 li p {margin-bottom: 0;height: 60px;overflow: hidden;}

.yunu-message {background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;border: 1px solid #ddd;padding: 50px 0;margin-bottom: 30px;}
.form-group {width: 90%;margin: 0 auto 15px;max-width:600px;line-height: 30px;}
.form-label {float: left;line-height: 34px;width:90px;height: 30px;}
.form-label span {color: #d82634;}
.form-control {font-size: 14px;border: 1px solid #ddd;width: calc(100% - 99px);float: left;line-height: 30px;text-indent: 10px;}
select.form-control {height: 34px;}
.form-submit {padding: 6px 22px;color: #fff;background-color: #d82634;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.form-button {padding: 6px 22px;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}
.list-4 {margin: 0 0 0 -20px;}
.list-4 li {float: left;width: 25%;}
.list-4 li a {display: block;margin: 0 0 20px 20px;border: 1px solid #ececeb;}
.list-4 li a:hover {border-color: #d82634;}
.list-4 li .m {padding: 10px;height: 148px;line-height: 148px;}
.list-4 li .text {padding: 5px 20px;background-color: #F0F0F0;}
.list-4 li .text h4 {margin: 0;font-size: 14px;line-height: 45px;height: 45px;overflow: hidden;font-weight: normal;text-align: center;}
#message {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content {margin-top: 10%;}
#message .m-content .m-message {background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message {width: 494px;margin: 48px auto 0;}
.m-message label {margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em {display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span {width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;/*margin-right: 30px;*/
	display: inline-block;}
.time {float: right;font-weight: initial;margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;margin-top: 5px;}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding: 0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus, .m-message label textarea:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea {height: 72px;line-height: 24px;padding: 10px 14px;}
.m-message label.code {line-height: 34px;}
.m-message label.code input {width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic {display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img {display: block;width: 100%;height: 100%;}
.btn-1 input {width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1 {padding-left: 72px;}
.btn-1 input.focus {background: #e70012;color: #fff;}
.btn-1 input.focus:hover {background: #444;}
.btn-1 input:hover {background: #ccc;}




.kefu {position: fixed;right: -170px;top: 50%;z-index: 900;}
.kefu li a {text-decoration: none;}
.kefu li {margin-top: 1px;clear: both;height: 71px;position: relative;}
.kefu li i {background: url(../images/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0 auto;text-align: center;}
.kefu li p {height: 20px;font-size: 14px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;margin: 0;}
.kefu .kefu-qq i {background-position: 4px 5px;}
.kefu .kefu-tel i {background-position: 0 -21px;}
.kefu .kefu-liuyan i {background-position: 4px -53px;}
.kefu .kefu-weixin i {background-position: -34px 4px;}
.kefu .kefu-weibo i {background-position: -30px -22px;}
.kefu .kefu-ftop {display: none;}
.kefu .kefu-ftop i {width: 33px;height: 35px;background-position: -27px -51px;}
.kefu .kefu-left {float: left;width: 77px;height: 47px;position: relative;}
.kefu .kefu-tel-right {font-size: 16px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 14px;}
.kefu .kefu-right {width: 20px;}
.kefu .kefu-tel-main {background: #d82634;color: #fff;height: 56px;width: 247px;padding: 9px 0 6px;float: left;}
.kefu .kefu-main {background: #d82634;width: 97px;height: 56px;position: relative;padding: 9px 0 6px;float: left;}
.kefu .kefu-weixin-pic {position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.kefu-weixin-pic img {width: 115px;height: 115px;}

.outerdiv {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.innerdiv {
	margin: 0 auto;
	width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 530px;
	padding: 50px 0;

}

.closepop {
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	background: rgba(0,0,0,0.7);
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 60px;
	cursor: pointer
}