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: 0.7rem;min-width: 320px;background: #fff;color: #333;padding-bottom: 2.75rem;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #301f14;text-decoration: none;}
ul {margin: 0;list-style: none;padding: 0;}

.container {padding: 0 0.5rem;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.yunu-header {background-color: #fff;padding: 0.5rem 0;}
.yunu-header .logo {float: left;}
.yunu-header .logo img {display: block;height: 1.5rem;width: 4.65rem;}
.yunu-header .menu {float: right;height: 1.5rem;}
.yunu-header .menu img {display: block;height: 100%;width: auto;}
.yunu-header ul {margin: 0.50rem 1.5rem 0 5.65rem;font-size: 0;}
.yunu-header li {display: inline-block;width: 45%;-webkit-box-sizing: border-box;box-sizing: border-box;border-right: 1px solid #ddd;}
.yunu-header li:last-child {border-right: 0;}
.yunu-header li a {display: block;font-size: 0.6rem;color: #666;text-align: center;line-height: 1;}

.yunu-menu-box {position: absolute;top: 2.5rem;right: 0;width: 50%;z-index: 10;background: #0066d9;display: none;}
.yunu-menu-box li {line-height: 1.8rem;border-bottom: 1px solid #ddd;}
.yunu-menu-box li a {display: block;text-align: center;color: #fff;}

.yunu-swiper img {display: block;width: 100%;height: auto;}

.yunu-section {padding: 1.5rem 0;}
.yunu-section-title {text-align: center;padding-top: 1rem;font-size: 0.9rem;color: #565656;margin-bottom: 1rem;background: no-repeat center 0;background-size: auto 3.2rem;}
.yunu-section-title span {color: #0066d9;display: block;}
.yunu-section-title p {margin: 0;font-size: 0.6rem;}

.yunu-kunr {margin-left: -0.5rem;}
.yunu-kunr li {float: left;width: 50%;}
.yunu-kunr li a {border: 1px solid #ddd;padding: 0.5rem;margin: 0 0 0.5rem 0.5rem;display: block;}
.yunu-kunr li span {display: block;width: 1.8rem;height: 1.8rem;line-height: 1.8rem;text-align: center;background-color: #f1f1f1;font-weight: bold;border-radius: 50%;}
.yunu-kunr li p {margin: 0.5rem 0 0;font-size: 0.6rem;}

.yunu-kunr-lx {text-align: center;margin-top: 1rem;}
.yunu-kunr-lx p {font-size: 0.8rem;margin: 0 0 0.5rem;}
.yunu-kunr-lx img {display: block;margin: 0 auto;width: 1.5rem;height: auto;}

.yunu-fuw {text-align: center;margin-left: -1rem;}
.yunu-fuw dl {float: left;width: 50%;}
.yunu-fuw dt {margin-left: 1rem;}
.yunu-fuw dt img {display: block;width: 100%;height: auto;}
.yunu-fuw dd {margin: 1rem 0 0 1rem;}
.yunu-fuw dd h4 {margin: 0;color: #0066d9;font-size: 0.7rem;}
.yunu-fuw dd p {margin: 0.5rem 0 0;font-size: 0.6rem;}

.yunu-pro-nav li {float: left;width: 33.333333%;margin-bottom: 1rem;}
.yunu-pro-nav li a {display: block;margin-left: 0.5rem;background: url(../images/flico1.jpg) no-repeat 0 0;line-height: 0.75rem;font-size: 0.6rem;padding-left: 1rem;background-size: 0.75rem 0.75rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yunu-pro-list {margin-left: -0.5rem;}
.yunu-pro-list li {float: left;width: 50%;}
.yunu-pro-list li a {display: block;margin-left: 0.5rem;margin-bottom: 0.5rem;}
.yunu-pro-list li .m {border: 1px solid #ddd;height: 5.35rem;line-height: 5.35rem;}
.yunu-pro-list li .text {text-align: center;border-bottom: 1px solid #ddd;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1.5rem;font-size: 0.6rem;}

.yunu-case-menu {margin-left: -0.5rem;}
.yunu-case-menu li {float: left;width: 33.333333%;}
.yunu-case-menu li a {display: block;margin: 0 0 0.5rem 0.5rem;border: 1px solid #ddd;text-align: center;line-height: 2.5rem;font-size: 0.6rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yunu-case-menu li.active a {background-color: #0066d9;border-color: #0066d9;color: #fff;}
.yunu-case-con a {display: block;position: relative;}
.yunu-case-con .m img {display: block;width: 100%;height: auto;}
.yunu-case-con .text {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,102,217,.8);color: #fff;}
.yunu-case-con .text p {margin: 0;padding: 0.5rem;font-size: 0.6rem;}

.yunu-ys {padding-bottom: 20px;}
.yunu-ys .swiper-pagination {bottom: 0;}
.yunu-ys dl {margin: 0.5rem 0 0;}
.yunu-ys dt {font-size: 0.8rem;background: no-repeat 0 0;line-height: 2rem;background-size: auto 2rem;padding-left: 2rem;}
.yunu-ys dt span {color: #0066d9;}
.yunu-ys dd {margin: 0;font-size: 0.6rem;color: #999;padding: 0.25rem 0 0.25rem 1rem;background: url(../images/ysico.png) no-repeat 0.2rem 0.45rem;background-size: 0.5rem 0.5rem;}

.yunu-hzkh {padding-left: 1px;}
.yunu-hzkh li {float: left;width: 33.333333%;margin-left: -1px;margin-bottom: -1px;}
.yunu-hzkh li a {display: block;position: relative;border: 1px solid #ddd;line-height: 2.7rem;}
.yunu-hzkh li .m {height: 2.7rem;}

.yunu-about-in {margin: 0;}
.yunu-about-in dt {position: relative;}
.yunu-about-in dt img {display: block;width: 100%;height: auto;}
.yunu-about-in dd {margin: 0;}
.yunu-about-in dd p {font-size: 0.6rem;color: #666;margin: 0.5rem 0;line-height: 2;}
.yunu-about-in dd a {display: block;width: 6rem;line-height: 1.6rem;text-align: center;margin: 0.75rem auto 0;background-color: #0066d9;color: #fff;}

.yunu-news-menu {background-color: #eff1f6;}
.yunu-news-menu li {float: left;}
.yunu-news-menu li a {display: block;text-align: center;line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.6rem;padding: 0 0.5rem;}
.yunu-news-menu li.active a {background-color: #0066d9;color: #fff;}
.yunu-news-con ul {margin-top: 0.25rem;}
.yunu-news-con li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 2rem;position: relative;border-bottom: 1px dashed #ddd;background: url(../images/ysico.png) no-repeat 0 center;background-size: 0.5rem 0.5rem;padding-left: 0.75rem;font-size: 0.6rem;}

.yunu-footer {text-align: center;font-size: 0.6rem;}
.yunu-footer p {margin: 0.25rem 0;}
.yunu-footer .top {display: block;border: 1px solid #ddd;background-color: #ededed;color: #555;line-height: 1.5rem;border-radius: 0.25rem;margin-bottom: 0.5rem;}
.yunu-footer .top img {display: inline-block;vertical-align: top;height: 0.6rem;width: auto;margin-top: 0.45rem;}

.yunu-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #0066d9;z-index: 10;}
.yunu-footer-fix li {float: left;width: 25%;}
.yunu-footer-fix li a {display: block;text-align: center;color: #fff;padding: 0.25rem 0;font-size: 0.6rem;line-height: 1;}
.yunu-footer-fix li i {display: block;height: 1.4rem;background: no-repeat center;background-size: contain;margin-bottom: 0.25rem;}
.yunu-footer-fix li i.i1 {background-image: url(../images/f_01.jpg);}
.yunu-footer-fix li i.i2 {background-image: url(../images/f_02.jpg);}
.yunu-footer-fix li i.i3 {background-image: url(../images/f_03.jpg);}
.yunu-footer-fix li i.i4 {background-image: url(../images/f_04.jpg);}

.yunu-title-1 {text-align: center;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #0066d9;background-size: cover;font-size: 0.8rem;margin-bottom: 1rem;color: #fff;border-bottom: 1px solid #FA756E;}

.yunu-title-2 {border-bottom: 0.05rem solid #ececeb;margin-bottom: 0.75rem;font-size: 0.8rem;}
.yunu-title-2 span {display: inline-block;padding-bottom: 0.25rem;border-bottom: 0.05rem solid #a9c94b;margin-bottom: -0.05rem}
.yunu-title-2-m {font-size: 0.6rem;color: #999;text-transform: uppercase;}
.yunu-title-2-m span {background: url(../images/m-cx-4-3-01-icon1.png) no-repeat 0 0.105rem;background-size: auto 0.75rem;padding-left: 1rem;font-size: 0.7rem;color: #333;}

.yunu-title-3 {margin-bottom: 0.75rem;background-color: #f3f7ff;}
.yunu-title-3 span {display: inline-block;vertical-align: top;background: #0066d9;color: #fff;font-size: 0.7rem;line-height: 1.5rem;padding: 0 0.5rem;}

.yunu-title-4 {padding: 0 0 1rem;text-align: center;}
.yunu-title-4 .t {position: relative;display: block;font-size: 1rem;}
.yunu-title-4 .t:before {content: "";width: 13%;border-top: 1px solid #ddd;position: absolute;top: 50%;left: 24%;z-index: 0;}
.yunu-title-4 .t:after {content: "";width: 13%;border-top: 1px solid #ddd;position: absolute;top: 50%;right: 24%;z-index: 0;}
.yunu-title-4 h4 {margin: 0;font-size: 0.9rem;}
.yunu-title-4 h4 span {color: #0066d9;}
.yunu-title-4 .b {position: relative;display: block;font-size: 0.6rem;text-transform: uppercase;color: #999;}
.yunu-title-4 .b:before {content: "";width: 7%;border-top: 1px solid #ddd;position: absolute;top: 50%;left: 20%;z-index: 0;}
.yunu-title-4 .b:after {content: "";width: 7%;border-top: 1px solid #ddd;position: absolute;top: 50%;right: 20%;z-index: 0;}

.list-3 li {padding: 0.5rem 0;border-bottom: 1px solid #ddd;}
.list-3 li a {display: block;overflow: hidden;}
.list-3 li .m {float: left;width: 5rem;}
.list-3 li .m img {display: block;width: 100%;height: auto;}
.list-3 li .text {margin-left: 5.5rem;}
.list-3 li .text h4 {margin: 0;font-size: 0.7rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom: 1px solid #ddd;padding-bottom: 0.5rem;}
.list-3 li .text p {margin: 0.5rem 0 0;color: #777;font-size: 0.6rem;height: 1.7rem;overflow: hidden;}
.list-3 li.top .tt {float: left;padding: 0.3rem 0.6rem;background-color: #0066d9;color: #fff;}
.list-3 li.top .text {margin-left: 3.2rem;}

.yunu-page {text-align: center;margin: 1rem 0;}
.yunu-page a,.yunu-page span {display: inline-block;margin: 0 0.25rem;padding: 0.3rem 0.6rem;}
.yunu-page a {background-color: #0066d9;color: #fff;border-radius: 0.15rem;}

.yunu-column {position: fixed;z-index: 10;left: 0;bottom: 0;width: 100%;background-color: #313131;color: #fff;border-top: 0.1rem solid #0066d9;}
.yunu-column a {color: #fff;}
.yunu-column-btn {text-align: center;padding: 0.5rem 0;}
.yunu-column-btn a {display: inline-block;padding: 0.25rem 0.6rem;border: 0.05rem solid #fff;border-radius: 0.15rem;min-width: 5rem;}
.yunu-column ul {border-bottom: 0.05rem solid #222;display: none;}
.yunu-column li {float: left;width: 50%;text-align: center;border-bottom: 0.05rem solid #222;margin-bottom: -0.05rem;}
.yunu-column li a {display: block;line-height: 1.75rem;}

.yunu-infocontent {margin-bottom: 1rem;}
.yunu-infocontent .more {display: block;text-align: center;line-height: 1.5rem;color: #fff;background-color: #a9c94b;}
.yunu-infocontent-title h1 {text-align: center;margin: 0 0 1rem;border-bottom: 1px solid #ddd;font-size: 0.8rem;padding: 0 0 1rem 0;}
.yunu-infocontent-body {line-height: 2;margin-bottom: 1rem;}
.yunu-infocontent-body img {max-width: 100%;height: auto;}

.yunu-infocontent-desc {overflow: hidden;background-color: #f8f8f8;margin-bottom: 1rem;}
.yunu-infocontent-desc strong {background-image: -webkit-gradient(linear, left top, right top, from(#0166da), to(#95bdff));background-image: linear-gradient(to right, #0166da, #95bdff);color: #fff;padding: 0.75rem;font-size: 1rem;font-weight: bold;display: block;text-align: center;}
.yunu-infocontent-desc p {margin: 0;padding: 1rem;}

.yunu-infocontent-epx {margin-bottom: 1rem;}
.yunu-infocontent-epx li {line-height: 1rem;margin-bottom: 0.75rem;}
.yunu-infocontent-epx li span {background-color: #a2a2a2;color: #fff;padding: 0 0.25rem;font-size: 0.6rem;float: left;}
.yunu-infocontent-epx li a {display: block;margin-left: 2.75rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.yunu-showcase {margin: 1rem 0;}
.yunu-showcase-info {margin-top: 0.75rem;line-height: 1.8;color: #666;font-size: 0.6rem;}
.yunu-showcase-info p {margin: 0;padding: 0.25rem 0;}

.yunu-pro-l1 {margin-bottom: 0.75rem;}
.yunu-pro-l1 img{max-width: 100%;}
.yunu-pro-l1 li {margin: 0.25rem 0;font-size: 0.6rem;}
.yunu-pro-l1 li:before {display: inline-block;vertical-align: top;content: '';width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #a9c94a;margin-top: 0.3rem;margin-right: 0.3rem;}

.yunu-pro-table {width: 100%;border-collapse: collapse;margin-bottom: 0.75rem;font-size: 0.6rem;}
.yunu-pro-table tr:nth-child(even) {background-color: #f8f8f8;}
.yunu-pro-table td {border: 1px solid #eee;padding: 0.25rem 0.5rem;}
.yunu-pro-table td:first-child {width: 30%;font-weight: bold;}

.yunu-pro-td dl {margin: 0 0 0.75rem;overflow: hidden;}
.yunu-pro-td dt {border: 1px solid #ddd;background-color: #fff;}
.yunu-pro-td dt img {display: block;width: 100%;height: auto;}
.yunu-pro-td dd {margin: 0.5rem 0 0;line-height: 2;color: #0066d9;}

.yunu-pro-l2 {margin-bottom: 0.75rem;}
.yunu-pro-l2 li {background-color: #f8f8f8;padding: 0.5rem;border-bottom: 1px dashed #eee;margin-bottom: 0.5rem;font-size: 0.6rem;}

.yunu-about {margin: 0 0 1rem;}
.yunu-about dt img {display: block;width: 100%;height: auto;}
.yunu-about dd {margin: 0.75rem 0 0;}
.yunu-about dd h4 {border-bottom: 1px solid #ddd;margin: 0 0 0.5rem;padding-bottom: 0.5rem;color: #0066d9;font-size: 0.8rem;}
.yunu-about dd h4 span {display: block;font-size: 1rem;font-family: "Times New Roman", Times, serif;color: #666;font-weight: normal;}
.yunu-about dd p {margin: 0.5rem 0 0;line-height: 2;color: #666;font-size: 0.6rem;}

.yunu-hxjz dl {margin: 1rem 0 0;}
.yunu-hxjz dt img {display: block;width: 100%;height: auto;}
.yunu-hxjz dd {margin: 0.5rem 0 0;border-bottom: 2px solid #ddd;text-align: center;}
.yunu-hxjz dd h4 {color: #0066d9;font-size: 0.8rem;margin: 0;}
.yunu-hxjz dd p {color: #666;line-height: 2;font-size: 0.6rem;margin: 0.5rem 0;}

.yunu-contact h4 {margin: 0 0 0.5rem;font-size: 0.8rem;}
.yunu-contact dl {margin: 0;padding: 0.5rem 0;border-bottom: 1px solid #ddd;overflow: hidden;}
.yunu-contact dt {float: left;}
.yunu-contact dt img {width: 1.5rem;height: auto;}
.yunu-contact dd {margin-left: 2rem;line-height: 1.5rem;}

.yunu-message {margin-bottom: 1rem;}
.form-group {margin-bottom: 0.75rem;}
.form-label {line-height: 1.7rem;display: block;}
.form-label span {color: #b60005;}
.form-control {line-height: 1rem;font-size: 0.7rem;border: 0.05rem solid #ddd;padding: 0.3rem 0.6rem;width: 100%;display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;}
select.form-control {height: 1.7rem;}
.form-submit {padding: 0.3rem 1.1rem;color: #fff;background-color: #0066d9;border: 0;cursor: pointer;font-size: 0.8rem;border-radius: 0.15rem;}
.form-button {padding: 0.3rem 1.1rem;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 0.8rem;border-radius: 0.15rem;}

.mt15{ margin: 15px 0; }
.load_more{position: relative; transition: all .3s; text-align: center;}
.load_more .la-ball-fall{position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -9px; opacity: 0; visibility: hidden; cursor: not-allowed}
.load_more .la-ball-fall.la-sm{margin-left: -18px; margin-top: -4px}
.load_more .la-ball-fall.la-2x{margin-left: -72px; margin-top: -18px}
.load_more .la-ball-fall.la-3x{margin-left: -108px; margin-top: -27px}
.load_more .load_more_btn{border: 0; color: #fff; text-align: center; width: 100%; line-height: 2em; border-radius: 2em; background-color: #0066d9; transition: background-color .2s; outline: none}
.load_more .load_more_btn:hover{background-color: #0066d9}
.load_more .load_more_btn[disabled]{color: transparent; opacity: .6; cursor: not-allowed}
.load_more .load_more_btn[disabled]~.la-ball-fall{opacity: 1; visibility: visible; transition-delay: 0s}
.la-ball-fall{display: block; font-size: 0; color: #fff}
.la-ball-fall,
.la-ball-fall>div{position: relative; box-sizing: border-box}
.la-ball-fall.la-dark{color: #333}
.la-ball-fall>div{display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: a 1s ease-in-out infinite; animation: a 1s ease-in-out infinite}
.la-ball-fall>div:first-child{-webkit-animation-delay: -.3s; animation-delay: -.3s}
.la-ball-fall>div:nth-child(2){-webkit-animation-delay: -.2s; animation-delay: -.2s}
.la-ball-fall>div:nth-child(3){-webkit-animation-delay: -.1s; animation-delay: -.1s}
.la-ball-fall>div:nth-child(4){-webkit-animation-delay: 0ms; animation-delay: 0ms}
.la-ball-fall.la-sm>div{width: 5px; height: 5px; margin: 2px}
.la-ball-fall.la-2x>div{width: 20px; height: 20px; margin: 8px}
.la-ball-fall.la-3x>div{width: 30px; height: 30px; margin: 12px}