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;min-width: 320px;background: #fff;color: #333;padding-bottom: 59px;}
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 10px;}

.yunu-header {background-color: #fff;padding: 10px 0;}
.yunu-header .logo {float: left;}
.yunu-header .logo img {display: block;height: 38px;width: auto;}
.yunu-header .menu {float: right;height: 15px;margin: 11px 0;}
.yunu-header .menu img {display: block;height: 100%;width: auto;}
.yunu-header .search {float: right;height: 21px;margin: 8px 20px;}
.yunu-header .search img {display: block;width: auto;height: 100%;}

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

.searchbox {position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 100;box-sizing: border-box;padding: 15px 15px 30px;display: none;}
.searchbox .close {width: 28px;height: 28px;line-height: 28px;font-size: 24px;margin-bottom: 10px;display: block;color: #999;}
.searchbox form {display: block;overflow: hidden;border: 1px solid #ddd;border-radius: 5px;position: relative;}
.searchbox input {border: 0;padding: 0 42px 0 10px;line-height: 34px;display: block;width: 100%;box-sizing: border-box;font-size: 14px;}
.searchbox button {position: absolute;right: 0;top: 0;display: block;height: 34px;line-height: 34px;color: #333;width: 32px;border: 0;border-left: 1px solid #ddd;text-align: center;background: linear-gradient(180deg , #fff 0% , #ededed 100%);padding: 0;}
.searchbox button:after {content: '';display: block;width: 100%;height: 100%;background: url(../images/search.png) no-repeat center;background-size: 16px;}

.yunu-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;border-top: 2px solid #1a46a1;overflow: hidden;}
.yunu-footer-fix li {float: left;width: 25%;}
.yunu-footer-fix li a {display: block;text-align: center;padding: 5px 0;font-size: 14px;line-height: 1;border-left: 1px solid #ddd;margin-left: -1px;}
.yunu-footer-fix li i {display: block;height: 28px;background: no-repeat center;background-size: contain;margin-bottom: 5px;}
.yunu-footer-fix li i.i1 {background-image: url(../images/ft01.png);}
.yunu-footer-fix li i.i2 {background-image: url(../images/ft02.png);}
.yunu-footer-fix li i.i3 {background-image: url(../images/ft03.png);}
.yunu-footer-fix li i.i4 {background-image: url(../images/ft04.png);}

.yunu-brand {border-bottom: 1px solid #ddd;margin-left: -1px;}
.yunu-brand li {float: left;width: 25%;;}
.yunu-brand li a {display: block;border-left: 1px solid #ddd;text-align: center;font-size: 12px;padding: 10px 0;}
.yunu-brand li img {display: block;height: 35px;width: auto;margin: 0 auto 5px;}

.yunu-title {margin: 15px 0;font-size: 18px;}
.yunu-title-1 {text-align: center;font-size: 18px;margin: 20px 0;}
.yunu-title-1:after {display: block;content: '';width: 30px;height: 1px;background-color: #1a46a1;margin: 10px auto 0;}

.yunu-title-2 {line-height: 32px;border-bottom: 1px solid #ccc;background-color: #f1f1f1;font-size: 12px;padding: 0 10px;}
.yunu-title-2 .n {float: left;border-right: 1px solid #ddd;border-top: 2px solid transparent;line-height: 30px;padding: 0 20px;}
.yunu-title-2 .n.active {background-color: #fff;border-top-color: #3957ad;}

.yunu-prd-menu {margin-left: -10px;}
.yunu-prd-menu li {float: left;width: 50%;}
.yunu-prd-menu li a {display: block;margin-left: 10px;margin-bottom: 10px;text-align: center;border: 1px solid #ddd;border-radius: 3px;padding: 8px 0;}
.yunu-prd-menu li i {display: inline-block;vertical-align: top;height: 20px;width: 20px;background: no-repeat center;background-size: cover;margin-right: 5px;}
.yunu-prd-menu li.l1 i {background-image: url(../images/proSm01.png);}
.yunu-prd-menu li.l2 i {background-image: url(../images/proSm02.png);}
.yunu-prd-menu li.l3 i {background-image: url(../images/proSm03.png);}
.yunu-prd-menu li.l4 i {background-image: url(../images/proSm04.png);}
.yunu-prd-menu li.active a {background-color: #1a46a1;color: #fff;border-color: #1a46a1;}
.yunu-prd-menu li.l1.active i {background-image: url(../images/proSmh01.png);}
.yunu-prd-menu li.l2.active i {background-image: url(../images/proSmh02.png);}
.yunu-prd-menu li.l3.active i {background-image: url(../images/proSmh03.png);}
.yunu-prd-menu li.l4.active i {background-image: url(../images/proSmh04.png);}
.yunu-prd-con img {display: block;width: 100%;height: auto;}

.yunu-ly-menu {border-left: 1px solid #ddd;}
.yunu-ly-menu li {float: left;width: 25%;}
.yunu-ly-menu li a {display: block;text-align: center;border-top: 1px solid #ddd;border-right: 1px solid #ddd;padding: 8px 0;}
.yunu-ly-menu li.active a {background-color: #1a46a1;color: #fff;}
.yunu-ly-con img {display: block;width: 100%;height: auto;}
.yunu-ly-con h4 {margin: 10px 0;color: #1a46a1;font-weight: normal;font-size: 16px;}
.yunu-ly-con p {margin: 0;}
.yunu-ly-con .more {color: #1a46a1;}

.list-1 li {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
.list-1 li a {display: block;overflow: hidden;}
.list-1 li .m {float: left;width: 105px;}
.list-1 li .m img {display: block;width: 100%;height: auto;}
.list-1 li .text {margin-left: 115px;}
.list-1 li .text h4 {margin: 0 0 10px;font-weight: normal;height: 40px;overflow: hidden;}
.list-1 li .text p {margin: 0;font-size: 12px;color: #999;}

.yunu-footer {color: #777;font-size: 12px;text-align: center;padding: 5px 0;background-color: #303032;}
.yunu-footer a {color: #fff;}

.yunu-navbar {padding: 8px 10px;background-color: #0d4dc2;color: #fff;font-size: 16px;}

.synopsisBoxList {}
.synopsisBoxList li {float: left;border-right: 1px solid #ddd;box-sizing: border-box;width: 33.333333%;text-align: center;font-size: 12px;}
.synopsisBoxList li:last-child {border-right: 0;}
.synopsisBoxList li h4 {margin: 0;font-size: 24px;}
.synopsisBoxList li p {margin: 10px 0 0;}

.yunu-cl-list dl {margin: 0 0 10px;background-color: #0d4dc2;}
.yunu-cl-list dt {float: left;width: 52px;}
.yunu-cl-list dt img {display: block;width: 100%;height: auto;}
.yunu-cl-list dd {margin-left: 52px;padding: 6px 10px;background-color: #fff;}
.yunu-cl-list dd h4 {margin: 0;}
.yunu-cl-list dd p {margin: 0;}

.yunu-jiegou dl {margin: 0 0 10px;background-color: #fff;}
.yunu-jiegou dt img {display: block;width: 100%;height: auto;}
.yunu-jiegou dd {margin: 0;padding: 15px;}
.yunu-jiegou dd .yunu-title-1 {text-align: left;margin-top: 0;color: #1a46a1;font-size: 16px;}
.yunu-jiegou dd .yunu-title-1:after {margin-left: 0;}
.yunu-jiegou dd p {margin: 0;text-align: justify;}

.list-2 {margin-left: -10px;}
.list-2 li {float: left;width: 50%;}
.list-2 li a {display: block;position: relative;margin: 10px 0 0 10px;}
.list-2 li .m {border: 1px solid #ddd;height: 110px;line-height: 110px;text-align: center;font-size: 0;}
.list-2 li .m img {display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;height: auto;width: auto;}
.list-2 li .text {position: absolute;left: 0;bottom: 0;width: 100%;line-height: 34px;text-align: center;background-color: rgba(0,0,0,0.7);color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list-2 li.s {width: 100%;}
.list-2 li.s .m {height: auto;line-height: normal;}
.list-2 li.s .m img {width: 100%;}
.list-2-1 li .text {position: static;background-color: transparent;color: #333;font-size: 12px;}

.swiper-container .list-2 {margin: 0;}
.swiper-container .list-2 li {float: none;width: auto;}
.swiper-container .list-2 li a {margin: 0;}
.swiper-container .list-2 li .m {border: 0;}

.yunu-page {text-align: center;margin: 20px 0;}
.yunu-page a,.yunu-page span {display: inline-block;margin: 0 5px;padding: 6px 12px;}
.yunu-page a {background-color: #1a46a1;color: #fff;border-radius: 3px;}

.list-3 {margin-left: -10px;}
.list-3 li {float: left;width: 50%;}
.list-3 li a {display: block;position: relative;margin: 10px 0 0 10px;background-color: #fff;}
.list-3 li .m {height: 125px;line-height: 125px;text-align: center;font-size: 0;}
.list-3 li .m img {display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;height: auto;width: auto;}
.list-3 li .text {border-top: 1px solid #ddd;padding: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.list-4 {margin-left: -10px;}
.list-4 li {float: left;width: 50%;}
.list-4 li a {display: block;margin: 10px 0 0 10px;}
.list-4 li .m {border: 1px solid #ddd;height: 100px;line-height: 100px;text-align: center;font-size: 0;margin-bottom: 10px;}
.list-4 li .m img {display: inline-block;vertical-align: middle;max-height: 100%;max-width: 100%;height: auto;width: auto;}
.list-4 li .text h4 {margin: 0 0 5px;}
.list-4 li .text h4 small {display: block;color: #999;margin-top: 5px;}
.list-4 li .text p {margin: 0;color: #999;}

.swiper-container.list-4 {margin: 0;}
.swiper-container.list-4 li a {margin: 0;}
.swiper-container.list-4 .swiper-pagination {position: static;display: inline-block;width: auto;vertical-align: middle;}
.swiper-container.list-4 .swiper-pagination span {margin: 0 3px;}
.swiper-container.list-4 .swiper-button-next,.swiper-container.list-4 .swiper-button-prev {position: static;display: inline-block;vertical-align: middle;background-size: contain;width: 9px;height: 16px;margin: 0 3px;outline: none;}

.list-5 li {border-bottom: 1px solid #ddd;}
.list-5 li a {display: block;padding: 10px 0;}
.list-5 li .m img {display: block;width: 100%;height: auto;}
.list-5 li .text h4 {margin: 10px 0;color: #1a46a1;}
.list-5 li .text p {margin: 0;}

.yunu-infocontent-title {text-align: center;margin: 0 0 20px;border-bottom: 1px solid #ddd;padding: 15px 0;}
.yunu-infocontent-title h1 {margin: 0;font-size: 16px;color: #004da2;font-weight: normal;}
.yunu-infocontent-title p {margin: 5px 0 0;color: #999;font-size: 12px;}
.yunu-infocontent-title p span {padding: 0 10px;}
.yunu-infocontent-body {line-height: 2;margin-bottom: 20px;}

.yunu-showcase h1 {font-size: 14px;text-align: center;font-weight: normal;border-bottom: 1px solid #ddd;padding: 10px;margin: 0 -10px 10px;}
.yunu-showcase-info {padding: 20px 30px;}
.yunu-showcase-info p {margin: 0;padding: 5px 0;}
.yunu-showcase-info p span {color: #888;}

.form-group {margin-bottom: 15px;}
.form-label {line-height: 34px;display: block;}
.form-label span {color: #b60005;}
.form-content {}
.form-control {line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 100%;display: inline-block;vertical-align: top;box-sizing: border-box;}
select.form-control {height: 34px;}
.form-submit {padding: 6px 22px;color: #fff;background-color: #1a46a1;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;}

.download-list li a {display: block;margin: 10px 0 0 0;background-color: #eee;overflow: hidden;}
.download-list li .text {padding: 20px;margin-right: 70px;}
.download-list li .text h4 {margin: 0 0 15px;font-weight: normal;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.download-list li .text p {color: #888;margin: 0;}
.download-list li .btn {float: right;width: 70px;height: 130px;}
.download-list li .btn i {display: block;cursor: pointer;width: 34px;height: 35px;margin: 40px auto 0;background: url(../images/nydown_d.png) no-repeat center top;}

.yunu-contact {padding: 15px 40px;background: url(../images/ContactUsBg.png) no-repeat center bottom #fff;}
.yunu-contact .hd {border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 16px;margin-bottom: 10px;}
.yunu-contact p {margin: 0;color: #666;}
.yunu-contact-menu {margin-left: -10px;}
.yunu-contact-menu li {float: left;width: 50%;}
.yunu-contact-menu li a {display: block;margin: 10px 0 0 10px;background-color: #fff;text-align: center;padding: 0 10px;line-height: 42px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.yunu-contact-menu li.active a {background-color: #0D4DC2;color: #fff;}

#menu li img {display: inline-block;vertical-align: middle;height: 25px;width: auto;margin-right: 10px;}
#menu li a{ color: #333; }

.yunu-mendian .m {border: 1px solid #e8e8e8;background-color: #f4f4f4;padding: 10px;}
.yunu-mendian .m img {display: block;width: 100%;height: auto;}
.yunu-mendian p {margin: 10px 0 0;text-align: center;}
.yunu-mendian .swiper-button-prev {background: url(../images/showLt.png) no-repeat center;width: 56px;height: 56px;margin-top: -38px;}
.yunu-mendian .swiper-button-next {background: url(../images/showRt.png) no-repeat center;width: 56px;height: 56px;margin-top: -38px;}

.yunu-message {padding: 10px;}

.yunu-cpdw {padding: 15px 0;background-color: #F4F4F4;margin-left: -1px;}
.yunu-cpdw dl {margin: 0;float: left;width: 50%;border-left: 1px solid #ccc;text-align: center;box-sizing: border-box;}
.yunu-cpdw dt img {display: block;margin: 0 auto;height: 77px;width: auto;}
.yunu-cpdw dd {margin: 0;}
.yunu-cpdw dd h4 {margin: 0;font-size: 20px;font-weight: normal;color: #0d4dc2;}
.yunu-cpdw dd p {margin: 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: #069ed5;transition: background-color .2s;outline: none}
.load_more .load_more_btn:hover{background-color: #069ed5}
.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}



.load_more .load_more_btn {
    width: 95%;
    margin: 20px auto;
    line-height: 2.6em;
    background: #1F42A9;
}
.load_more .load_more_btn:hover {
    background-color: #1F42A9;
}