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:1200px;
     background:#fff;
     color:#333;
}
 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:#333;
     text-decoration:none;
}
 a:hover {
     color:#da251c;
}
 ul {
     margin:0;
     list-style:none;
     padding:0;
}
 .container {
     width:1200px;
     margin:0 auto;
}
 .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;
}
 .dropdown {
     position:relative;
}
 .dropdown-box {
     position:absolute;
     left:0;
     top:100%;
     z-index:10;
     background-color:#333;
     min-width:100%;
     display:none;
     overflow:hidden;
}
 .dropdown-box li {
     border-top:1px solid #ddd;
     text-align:center;
}
 .dropdown-box li a {
     color:#fff;
}
 .dropdown.open .dropdown-box {
     display:block;
}
 .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:#da251c;
     color:#fff;
     height:56px;
     width:247px;
     padding:9px 0 6px;
     float:left;
}
 .kefu .kefu-main {
     background:#da251c;
     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;
}
 .yunu-header .topbar {
     line-height:33px;
     background-color:#e6e6e6;
     font-size:14px;
     border-bottom:1px solid #ddd;
}
 .yunu-header .topbar ul {
     float:right;
}
 .yunu-header .topbar li {
     float:left;
     margin-left:15px;
}
 .yunu-header .topbar li.pipe {
     padding:0 10px;
}
 .yunu-header .logo {
     float:left;
     padding:30px 0;
}
 .yunu-header .logo img {
     display:block;
    /* height:70px;
     */
    width:auto;
}
 .yunu-header .text {
     float:left;
     border-left:1px solid #ddd;
     font-size:22px;
     padding:0 0 0 30px;
     margin:30px 0 30px 20px;
}
 .yunu-header .text strong {
     display:block;
     font-size:28px;
     color:#da251c;
}
 .yunu-header .tel {
     float:right;
     margin-top:35px;
     text-align:right;
}
 .yunu-header .tel span {
     background:url(../images/tel.gif) no-repeat 0 center;
     padding-left:25px;
     font-size:18px;
}
 .yunu-header .tel strong {
     display:block;
     font-size:36px;
     font-family:Impact;
     line-height:1;
     margin-top:5px;
     color:#de231a 
}
 .yunu-nav {
     background-color:#333;
}
 .yunu-nav li {
     float:left;
     background:url(../images/nav_bor.gif) no-repeat right center;
}
 .yunu-nav li:last-child {
     background:none;
}
 .yunu-nav li a {
     display:block;
     padding:0 36px;
     line-height:60px;
     font-size:16px;
     color:#fff;
     position:relative;
}
 .yunu-nav li a:before {
     position:absolute;
     left:0;
     bottom:0;
     width:100%;
     height:0;
     content:'';
     -webkit-transition:all 0.3s;
     transition:all 0.3s;
     background-color:#da251c;
}
 .yunu-nav li a:hover:before,.yunu-nav>.container>ul>li.active>a:before,.yunu-nav>.container>ul>li.open>a:before {
     height:100%;
}
 .yunu-nav li a span {
     position:relative;
     z-index:1;
}
 .yunu-nav .dropdown-box li {
     float:none;
     background:none;
}
 .yunu-nav .dropdown-box a {
     line-height:20px;
     font-size:14px;
     padding:15px 10px;
     margin:0;
}
 .yunu-nav .sc {
     float:right;
     position:relative;
}
 .yunu-nav .sc a {
     display:block;
     height:60px;
     width:40px;
     background:url(../images/c.gif) no-repeat center;
}
 .yunu-nav .sc form {
     position:absolute;
     right:0;
     top:100%;
     z-index:10;
     width:250px;
     display:none;
}
 .yunu-nav .sc input {
     float:left;
     width:190px;
     height:20px;
     padding:10px;
     line-height:20px;
     border:0;
     background-color:#fff;
     font-size:14px;
}
 .yunu-nav .sc button {
     width:40px;
     height:40px;
     padding:0;
     border:0;
     font-size:0;
     float:left;
     background:url(../images/c.gif) no-repeat center #333;
     cursor:pointer;
}
 .yunu-slideBox {
     height:600px;
     position:relative;
     overflow:hidden;
}
 .yunu-slideBox .hd {
     position:absolute;
     bottom:20px;
     font-size:0;
     left:0;
     width:100%;
     text-align:center;
     z-index:2;
}
 .yunu-slideBox .hd li {
     display:inline-block;
     width:60px;
     height:5px;
     margin:0 10px;
     background-color:#333;
     cursor:pointer;
}
 .yunu-slideBox .hd li.on {
     background-color:#da251c;
}
 .yunu-slideBox .bd,.yunu-slideBox .bd ul,.yunu-slideBox .bd li {
     width:100% !important;
     height:100% !important;
}
 .yunu-slideBox .bd li {
     background:no-repeat center;
}
 .yunu-slideBox .bd li a {
     display:block;
     width:100%;
     height:100%;
}
 .yunu-section {
     padding:30px 0;
}
 .yunu-section-title {
     text-align:center;
     font-size:0;
     margin-bottom:40px;
}
 .yunu-section-title span {
     display:block;
     font-size:36px;
     color:#333;
     font-weight:bold;
}
 .yunu-section-title p {
     margin:10px 0 0;
     background:url(../images/cp_line01.png) no-repeat center 0;
     font-size:18px;
     padding-top:32px;
}
 .yunu-prd-l {
     float:left;
     width:254px;
}
 .yunu-prd-l .tit {
     color:#fff;
     padding:0 0 0 80px;
     font-size:24px;
     background:#078684 url(../images/cp_ico07.gif) no-repeat 32px center;
     line-height:80px;
     font-weight:bold;
}
 .yunu-prd-l h3 {
     margin:0;
     padding:0 0 0 50px;
     font-weight:normal;
     line-height:60px;
     font-size:18px;
     cursor:pointer;
     position:relative;
     background:no-repeat 20px center #f3f3f3;
     border-bottom:#cbcbcb 1px solid;
}
 .yunu-prd-l h3.on {
     color:#da251c;
     font-weight:bold;
}
 .yunu-prd-l ul {
     display:none;
     background-color:#f3f3f3;
}
 .yunu-prd-l li {
     border-bottom:1px solid #cbcbcb;
}
 .yunu-prd-l li a {
     display:block;
    /* line-height:50px;
     */
    background:url(../images/cp_ico05.gif) no-repeat 40px 20px;
     padding-left:40px;
     padding:15px 10px 15px 60px;
}
 .yunu-prd-l li a:hover {
     background-image:url(../images/cp_ico06.gif);
}
 .yunu-prd-l .tel {
     width:168px;
     height:224px;
     background:url(../images/cp_tel.jpg) no-repeat 0 0;
     padding:20px 0 0 96px;
     color:#fff;
     line-height:28px;
}
 .yunu-prd-l .tel strong {
     display:block;
     font-size:20px;
}
 .yunu-prd-l .tel a {
     display:inline-block;
     width:100px;
     line-height:30px;
     background-color:#fff;
     color:#333;
     text-align:center;
     border-radius:20px;
     margin:35px 0 0 45px;
}
 .yunu-prd-r {
     float:right;
     width:936px;
}
 .yunu-prd-r .prd-t .bd {
     float:left;
     width:710px;
     height:453px;
}
 .yunu-prd-r .prd-t .bd a {
     display:block;
     position:relative;
}
 .yunu-prd-r .prd-t .bd .m {
     height:453px;
     line-height:453px;
}
 .yunu-prd-r .prd-t .bd .text {
     position:absolute;
     right:0;
     top:50%;
     background-color:rgba(0,0,0,0.8);
     color:#fff;
     width:187px;
     padding:30px 20px 0;
     height:236px;
     margin-top:-133px;
}
 .yunu-prd-r .prd-t .bd .text h4 {
     margin:0;
     font-size:18px;
     background:url(../images/cp_ico08.gif) no-repeat 0 bottom;
     padding-bottom:10px;
}
 .yunu-prd-r .prd-t .bd .text p {
     line-height:1.8;
     margin:10px 0;
}
 .yunu-prd-r .prd-t .hd {
     float:right;
     width:226px;
}
 .yunu-prd-r .prd-t .hd li {
     height:88px;
     border:1px solid transparent;
     background:no-repeat 30px center;
     line-height:88px;
     font-size:18px;
     padding-left:80px;
     cursor:pointer;
}
 .yunu-prd-r .prd-t .hd li.on {
     border-color:#da251c;
}
 .yunu-prd-r .prd-b {
     overflow:hidden;
     margin-top:20px;
}
 .yunu-prd-r .prd-b li {
     float:left;
     width:288px;
     margin-right:25px;
}
 .yunu-prd-r .prd-b li a {
     display:block;
     position:relative;
}
 .yunu-prd-r .prd-b li .m {
     height:216px;
     line-height:216px;
     overflow:hidden;
}
 .yunu-prd-r .prd-b li .m img {
     -webkit-transition:all 0.3s;
     transition:all 0.3s;
}
 .yunu-prd-r .prd-b li a:hover .m img {
     -webkit-transform:scale(1.1);
     transform:scale(1.1);
}
 .yunu-prd-r .prd-b li .text {
     line-height:30px;
     text-align:center;
}
 .yunu-honor {
     padding:0;
     background:url(../images/honor_bg.jpg) no-repeat center 0;
     overflow:hidden;
}
 .yunu-honor .tel {
     float:left;
     color:#fff;
     padding:335px 0 0 48px;
     font-size:18px;
}
 .yunu-honor .lm {
     float:right;
     width:850px;
     margin-right:-40px;
     padding-top:150px;
}
 .yunu-honor .lm li {
     float:left;
     width:295px;
}
 .yunu-honor .lm li a {
     display:block;
     background:url(../images/honor_k.png) no-repeat center bottom;
     height:310px;
}
 .yunu-honor .lm li .m {
     width:200px;
     margin:0 auto;
     height:267px;
     line-height:267px;
     overflow:hidden;
}
 .yunu-honor .lm li .m img {
     -webkit-transition:all 0.3s;
     transition:all 0.3s;
}
 .yunu-honor .lm li a:hover .m img {
     -webkit-transform:scale(1.1);
     transform:scale(1.1);
}
 .yunu-case {
     position:relative;
}
 .yunu-case li {
     width:1200px;
}
 .yunu-case li a {
     display:block;
     position:relative;
}
 .yunu-case li .m {
     line-height:600px;
     height:600px;
}
 .yunu-case li .text {
     position:absolute;
     right:0;
     top:0;
     width:490px;
     height:100%;
     background:url(../images/case_k.png) repeat 0 0;
     color:#fff;
     text-align:center;
}
 .yunu-case li .text h4 {
     margin:80px auto 20px;
     width:330px;
     font-size:24px;
     background:url(../images/case_line.gif) no-repeat center bottom;
     padding-bottom:20px;
}
 .yunu-case li .text p {
     margin:0 auto;
     width:385px;
     line-height:25px;
     text-align:justify;
}
 .yunu-case li .text img {
     display:inline-block;
     margin-top:60px;
}
 .yunu-case .prev,.yunu-case .next {
     position:absolute;
     background:no-repeat center #fff;
     width:80px;
     height:80px;
     top:50%;
     z-index:2;
     border-radius:50%;
     margin-top:-40px;
}
 .yunu-case .prev {
     left:-40px;
     background-image:url(../images/case_lico01.png);
}
 .yunu-case .prev:hover {
     background-image:url(../images/case_lico02.png);
}
 .yunu-case .next {
     right:-40px;
     background-image:url(../images/case_rico01.png);
}
 .yunu-case .next:hover {
     background-image:url(../images/case_rico02.png);
}
 .yunu-case-list {
     margin-top:30px;
}
 .yunu-case-list li {
     float:left;
     width:240px;
}
 .yunu-case-list li .m {
     margin:10px;
     -webkit-box-shadow:0 3px 8px 3px #d0d0d0;
     box-shadow:0 3px 8px 3px #d0d0d0;
     line-height:124px;
}
 .yunu-case-list li .m img {
     -webkit-filter:grayscale(100%);
     -moz-filter:grayscale(1);
     -ms-filter:grayscale(100%);
     -o-filter:grayscale(100%);
     filter:grayscale(100%);
     -webkit-filter:gray;
     filter:gray;
}
 .yunu-case-list li .text {
     text-align:center;
}
 .yunu-case-list li a {
     display:block;
}
 .yunu-case-list li a:hover .m img {
     -webkit-filter:grayscale(0%);
     -moz-filter:grayscale(0);
     -ms-filter:grayscale(0%);
     -o-filter:grayscale(0%);
     filter:grayscale(0%);
}
 .yunu-ys {
     background:url(../images/ys_bg.jpg) no-repeat center;
}
 .yunu-ys li {
     float:left;
     width:25%;
     background-color:#fff;
}
 .yunu-ys li:nth-of-type(odd) {
     background-color:#f1f1f1;
}
 .yunu-ys li .m {
     background-color:#000;
     height:300px;
     line-height:300px;
}
 .yunu-ys li .m img {
     opacity:0.6;
}
 .yunu-ys li .text {
     padding:30px 30px 0;
     height:257px;
}
 .yunu-ys li .text h4 {
     margin:0;
     text-align:center;
     font-size:24px;
}
 .yunu-ys li .text h5 {
     margin:0;
     font-size:18px;
     text-align:center;
     font-weight:normal;
}
 .yunu-ys li .text i {
     height:1px;
     width:40px;
     background-color:#da251c;
     margin:15px auto;
     display:block;
}
 .yunu-ys li .text p {
     margin:0;
     line-height:25px;
     color:#666;
}
 .yunu-ys li:hover {
     background-color:#da251c;
     color:#fff;
}
 .yunu-ys li:hover .m img {
     opacity:1;
}
 .yunu-ys li:hover .text i {
     background-color:#fbea63;
}
 .yunu-ys li:hover .text p {
     color:#fff;
}
 .yunu-video {
     background:url(../images/video_bg.jpg) no-repeat center;
     position:relative;
     padding-bottom:0;
}
 .yunu-video .play {
     position:absolute;
     width:10000px;
     right:50%;
     height:100%;
     top:0;
}
 .yunu-video .info {
     float:right;
     width:600px;
     height:560px;
}
 .yunu-video .info h4 {
     margin:110px 0 40px;
     font-size:30px;
     padding-left:115px;
     background:url(../images/video_ico01.png) no-repeat 0 center;
     color:#fff;
}
 .yunu-video .info h4 strong {
     font-size:42px;
     display:block;
}
 .yunu-video .info li {
     float:left;
     line-height:50px;
     padding-left:40px;
     width:260px;
}
 .yunu-video .info li a {
     display:block;
     background:url(../images/video_ico02.png) no-repeat 0 center;
     color:#fff;
     padding-left:20px;
     font-size:16px;
}
 .yunu-news-title {
     font-size:24px;
     line-height:26px;
     margin-bottom:20px;
}
 .yunu-news-title .more {
     float:right;
     font-size:16px;
     color:#999;
}
 .yunu-news-title .more:hover {
     color:#da251c;
}
 .yunu-news-1 {
     float:left;
     width:410px;
     padding:20px;
     -webkit-box-shadow:0 3px 5px 3px #d0d0d0;
     box-shadow:0 3px 5px 3px #d0d0d0;
}
 .yunu-news-1 dl {
     margin:0;
}
 .yunu-news-1 dt {
     line-height:231px;
     height:231px;
     overflow:hidden;
}
 .yunu-news-1 dt img {
     -webkit-transition:all 0.3s;
     transition:all 0.3s;
}
 .yunu-news-1 dt a:hover img {
     -webkit-transform:scale(1.1);
     transform:scale(1.1);
}
 .yunu-news-1 dd {
     margin:20px 0 0;
}
 .yunu-news-1 dd h4 {
     margin:0 0 10px;
     font-size:16px;
     font-weight:normal;
}
 .yunu-news-1 dd span {
     display:block;
     height:40px;
     background:url(../images/news_ico01.gif) no-repeat;
     line-height:20px;
     padding:0 0 0 30px;
     font-size:12px;
}
 .yunu-news-1 dd p {
     line-height:1.8;
     text-align:justify;
}
 .yunu-news-1 dd .more {
     display:block;
     border:#da251c 1px solid;
     border-radius:5px;
     width:116px;
     line-height:32px;
     text-align:center;
}
 .yunu-news-1 dd .more:hover {
     background-color:#da251c;
     color:#fff;
}
 .yunu-news-2 {
     float:right;
     width:715px;
     padding-top:20px;
}
 .picMarquee-top {
}
.picMarquee-top li {
     margin-bottom:34px;
}
 .picMarquee-top li a {
     display:block;
     overflow:hidden;
}
 .picMarquee-top li .m {
     float:left;
     width:226px;
     overflow:hidden;
}
 .picMarquee-top li .m img {
     -webkit-transition:all 0.3s;
     transition:all 0.3s;
}
 .picMarquee-top li .text {
     margin-left:246px;
     padding-top:20px;
}
 .picMarquee-top li h4 {
     margin:0 0 10px;
     line-height:30px;
     font-size:16px;
     padding-left:32px;
     background:url(../images/wen.gif) no-repeat 0 center;
}
 .picMarquee-top li p {
     margin:0;
     padding-left:32px;
     background:url(../images/da.gif) no-repeat 0 0;
     line-height:25px;
     color:#666;
}
 .picMarquee-top li a:hover .m img {
     -webkit-transform:scale(1.1);
     transform:scale(1.1);
}
 .yunu-about {
     background:url(../images/ab_bg.gif) no-repeat center 0;
     padding-top:70px;
}
 .yunu-about dl {
     margin:0;
}
 .yunu-about dd {
     padding:10px;
     margin:0;
}
 .yunu-about dd .m {
     position:relative;
     height:460px;
     line-height:460px;
}
 .yunu-about dd ul {
     position:absolute;
     left:0;
     bottom:0;
     background:rgba(0,0,0,0.4);
     width:100%;
     line-height:1.42857143;
     text-align:left;
     padding:25px 0;
}
 .yunu-about dd li {
     display:inline-block;
     font-size:16px;
     color:#fff;
     border-left:1px solid #fff;
     padding:10px 0 10px 10px;
     margin-left:60px;
     width:155px;
}
 .yunu-about dd li p {
     margin:5px 0 0;
}
 .yunu-about dd li strong {
     font-size:36px;
     line-height:1;
     display:block;
}
 .yunu-about dd li small {
     font-size:16px;
     font-weight:normal;
}
 .yunu-about dt {
     margin-top:20px;
     line-height:32px;
     color:#666;
     font-size:16px;
}
 .yunu-about .li {
     font-size:0;
     text-align:center;
     margin-top:30px;
}
 .yunu-about .li a {
     display:inline-block;
     font-size:14px;
     color:#fff;
     line-height:50px;
     width:130px;
     background-color:#333;
     margin:0 8px;
}
 .yunu-about .li a:hover {
     background-color:#da251c;
}
 .more a {
     color:#da251c;
}
 .more a:hover {
     text-decoration:underline;
}
 .yunu-link {
     padding:10px 0 30px;
}
 .yunu-link h4 {
     border-bottom:1px solid #ddd;
     margin:0;
     line-height:55px;
     font-size:18px;
     color:#da251c;
}
 .yunu-link h4 small {
     text-transform:uppercase;
     font-size:16px;
     font-weight:normal;
     color:#999;
}
 .yunu-link ul {
     margin-left:-20px;
}
 .yunu-link li {
     float:left;
     margin-left:20px;
     margin-top:20px;
}
 .yunu-footer {
     background:url(../images/f_bg.gif) no-repeat center 0;
     color:#fff;
     padding-top:55px;
}
 .yunu-footer a {
     color:#fff;
}
 .yunu-footer a:hover {
     color:#da251c;
}
 .yunu-footer .link {
     color:#333;
     padding:20px 0;
}
 .yunu-footer .link a {
     color:#333;
}
 .yunu-footer .link a:hover {
     color:#da251c;
}
 .yunu-footer .link .t {
     float:left;
     background:url(../images/f_line02.gif) no-repeat right center;
     line-height:26px;
     font-size:18px;
     width:130px;
     text-align:center;
}
 .yunu-footer .link .t small {
     display:block;
     font-size:18px;
     color:#da251c;
     text-transform:uppercase;
     font-weight:normal;
}
 .yunu-footer .link .p {
     margin-left:130px;
     line-height:52px;
     font-size:16px;
}
 .yunu-footer .link .p a {
     margin-left:20px;
}
 .yunu-footer .logo {
     float:left;
     width:326px;
     text-align:center;
     height:271px;
}
 .yunu-footer .logo .l {
     display:block;
     margin:0 auto;
}
 .yunu-footer .logo p {
     margin:0;
}
 .yunu-footer .logo ul {
     margin:15px 0 0;
}
 .yunu-footer .logo li {
     display:inline-block;
     margin:0 5px;
}
 .yunu-footer .logo li .m {
     background:url(../images/f_erbg.gif) no-repeat 0 0;
     padding:9px;
     width:75px;
     height:75px;
     line-height:75px;
}
 .yunu-footer .logo li span {
     display:block;
     line-height:30px;
}
 .yunu-footer .info {
     float:left;
     background:url(../images/f_line.gif) no-repeat right 0;
     padding:10px 0 0 50px;
     width:355px;
}
 .yunu-footer .info p {
     margin:0;
     padding:5px 0;
}
 .yunu-footer .nav {
     float:right;
     width:396px;
     padding-top:10px;
}
 .yunu-footer .nav li {
     float:left;
     width:33.333333%;
     line-height:40px;
}
 .yunu-banner {
     height:300px;
     background:no-repeat center;
}
 .yunu-banner a {
     display:block;
     width:100%;
     height:100%;
}
 .yunu-sou {
     padding:20px 0;
     border-bottom:1px solid #ddd;
}
 .yunu-sou .hot {
     float:left;
     padding:8px 0;
}
 .yunu-sou .hot a {
     margin-right:10px;
}
 .yunu-sou .hform {
     float:right;
}
 .yunu-sou .hform input {
     float:left;
     font-size:14px;
     border:0;
     padding:8px 10px;
     line-height:20px;
     width:240px;
}
 .yunu-sou .hform button {
     border:0;
     border-bottom:1px solid transparent;
     padding:0;
     float:left;
     cursor:pointer;
     outline:none;
     width:49px;
     height:36px;
}
 .yunu-sou-inner {
     background-color:#F2F2F2;
}
 .yunu-sou-inner .yunu-sou {
     border-bottom:0;
}
 .yunu-sou-inner .hot {
     padding:6px 0;
}
 .yunu-sou-inner .hform {
     background-color:#fff;
     border-radius:20px;
     overflow:hidden;
}
 .yunu-sou-inner .hform input {
     width:240px;
     background:none;
     padding:6px 15px;
}
 .yunu-sou-inner .hform button {
     background:url(../images/VISkins-p1.png) no-repeat -258px -936px;
     width:30px;
     height:30px;
}
 .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-curmbs em {
     font-style:normal;
     padding:0 5px;
     color:#999;
}
 .ct2-sd {
     float:left;
     width:240px;
}
 .ct2-mn {
     float:right;
     width:930px;
}
 .panel-sd-hd {
     background-color:#333;
     color:#fff;
    /* padding-bottom:5px;
     */
}
 .panel-sd-hd h4 {
     text-align:center;
     border-bottom:1px solid #fff;
     margin:0;
     font-size:24px;
     padding:20px 0;
}
 .panel-sd-bd {
     border:1px solid #ececeb;
     padding:5px 10px;
     border-top:0;
}
 .yunu-column h3 {
     margin:0 0 2px;
     font-weight:normal;
     background:url(../images/p14-icon5.png) no-repeat right center #3e3e3e;
     padding:0 20px;
}
 .yunu-column h3 a {
     display:block;
     line-height:24px;
     font-size:16px;
     color:#fff;
     padding:10px 0;
}
 .yunu-column h3.on,.yunu-column h3:hover {
     background:url(../images/p14-icon2.png) no-repeat right center #da251c;
}
 .yunu-column h3.on a,.yunu-column h3:hover a {
     color:#fff;
}
 .yunu-column li {
    /* line-height:50px;
     */
    border-bottom:1px solid #fff;
}
 .yunu-column li a {
     display:block;
     padding:0 40px;
     background-color:#ECECEC;
}
 .yunu-column .sub>a {
     position:relative;
     padding:12px 40px 12px 35px;
     background-color:#f1f1f1;
}
 .yunu-column .sub>a:hover {
}
.yunu-column .sub>a:after {
     content:'';
     width:8px;
     height:8px;
     border:2px solid #b8b8b8;
     border-style:solid solid none none;
     position:absolute;
     top:50%;
     right:32px;
     margin-top:-4px;
     -webkit-transform:rotate(45deg);
     transform:rotate(45deg);
}
 .yunu-column .sub.open>a:after {
     border-color:#da251c;
}
 .yunu-column .sub-box {
     border-left:1px solid #ECECEC;
     border-right:1px solid #ECECEC;
     display:none;
}
 .yunu-column .sub.open .sub-box {
     display:block;
}
 .yunu-column .sub-box p {
     margin:0;
     border-bottom:1px solid #ECECEC;
}
 .yunu-column .sub-box a {
     background-color:transparent;
     padding-left:60px;
}
 .yunu-contact-z1 {
     height:140px;
     background:url(../images/contact-z1.jpg) no-repeat;
     margin-bottom:20px;
}
 .yunu-contact-z1 p {
     margin:0;
     font-size:20px;
     line-height:30px;
     background:url(../images/contact-z1_tel.png) no-repeat 74px 44px;
     padding:37px 0 0 95px;
}
 .yunu-contact-z1 span {
     line-height:30px;
     font-size:18px;
     padding-left:73px;
}
 .yunu-pages {
     text-align:center;
     margin:30px 0;
     width:100%;
     float:left;
}
 .yunu-pages a {
     display:inline-block;
     margin:0 3px;
     border:1px solid #ddd;
     padding:4px 12px;
     border-radius:3px;
}
 .yunu-pages a.active {
     background-color:#da251c;
     border-color:#da251c;
     color:#fff;
}
 .yunu-title-1 {
     border-bottom:1px solid #ececeb;
     height:44px;
     margin-bottom:15px;
     font-size:24px;
}
 .yunu-title-1 span {
     display:inline-block;
     padding-bottom:10px;
     border-bottom:1px solid #333;
}
 .pro-dl {
     margin-bottom:20px;
}
 .pro-dl dl {
     margin:0 0 1px;
     overflow:hidden;
     background-color:#fff;
     border-bottom:1px dotted #ababab;
     padding:10px 0;
}
 .pro-dl dt {
     float:left;
     width:125px;
     background:#da251c;
     color:#fff;
     line-height:42px;
     font-weight:bold;
     font-size:16px;
     margin-top:10px;
}
 .pro-dl .on {
     background:#e22c00;
     color:#fff;
}
 .pro-dl dt a {
     display:block;
     color:#fff;
     padding-left:15px;
}
 .pro-dl dd {
     margin-left:150px;
     overflow:hidden;
}
 .pro-dl dd .on {
     background:#da251c;
     color:#fff;
}
 .pro-dl dd a {
     float:left;
     text-align:center;
     border:1px solid #c7c7c7;
     line-height:30px;
     word-break:break-all;
     color:#565656;
     text-overflow:ellipsis;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:1;
     -webkit-box-orient:vertical;
     width:140px;
     height:30px;
     font-size:13px;
    /* margin-left:35px;
     */
    padding:5px 8px;
     margin:10px 5px 5px 10px;
}
 .pro-dl dd a:hover {
     background:#da251c;
     color:#fff 
}
 .list-pro {
     width:100%;
     float:left;
     min-height:320px;
}
 .list-pro li {
     margin-bottom:15px;
     float:left;
     width:25%;
}
 .list-pro li a {
     display:block;
     border:1px solid #ddd;
     padding:15px;
     overflow:hidden;
     height:240px;
     margin-left:-1px;
}
 .list-pro li .m {
     float:left;
     width:100%;
     height:160px;
}
 .list-pro li .m img {
     display:block;
     width:100%;
     height:auto;
}
 .list-pro li .text {
     width:100%;
     float:left;
     text-align:center;
     margin-top:0;
}
 .list-pro li .text h4 {
     margin:0;
     line-height:40px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     font-size:16px;
     margin-bottom:10px;
}
 .list-pro li .text p {
     margin-bottom:20px;
     color:#797979;
     text-overflow:ellipsis;
     overflow:hidden;
     display:-webkit-box;
     -webkit-line-clamp:3;
     -webkit-box-orient:vertical;
}
 .list-pro li .text .more {
     padding:6px 12px;
     color:#fff;
     background-color:#B6B6B6;
}
 .list-pro li a:hover {
}
.list-pro li a:hover .text h4 {
     color:#da251c;
}
 .list-pro li a:hover .text .more {
     background-color:#da251c;
}
 .list-pro li .time {
     float:right;
     font-weight:initial;
     margin:0;
     line-height:40px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     font-size:16px;
}
 .list-5 li {
     margin-bottom:15px;
}
 .list-5 li a {
     display:block;
     border:1px solid #ddd;
     padding:15px;
     overflow:hidden;
}
 .list-5 li .m {
     float:left;
     width:250px;
}
 .list-5 li .m img {
     display:block;
     width:100%;
     height:auto;
}
 .list-5 li .text {
     margin-left:270px;
}
 .list-5 li .text h4 {
     margin:0;
     line-height:40px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     font-size:18px;
}
 .list-5 li .text p {
     color:#797979;
}
 .list-5 li .text .more {
     float:right;
     padding:6px 12px;
     color:#fff;
     background-color:#B6B6B6;
}
 .list-5 li a:hover {
     border-color:#da251c;
}
 .list-5 li a:hover .text h4 {
     color:#da251c;
}
 .list-5 li a:hover .text .more {
     background-color:#da251c;
}
 .list-5-1 li .m {
     width:200px;
}
 .list-5-1 li .text {
     margin-left:230px;
}
 .list-5-1 li .time {
     float:right;
     font-weight:initial;
     margin:0;
     line-height:40px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
     font-size:16px;
}
/*��Ʒ*/
 .row-a2 {
     overflow:hidden;
     padding:0;
     overflow:hidden;
}
 .row-a2 .col-l {
     width:240px;
     float:left 
}
 .row-a2 .col-r {
     margin-left:260px;
     float:none;
}
 .snv-index {
     position:relative;
}
 .snv-index h3 {
     font-size:30px;
     margin:0;
     height:84px;
     line-height:84px;
     text-align:center;
     background:url(../images/bj1.jpg) no-repeat;
     color:#fff;
}
 .snv-index ul {
     background-color:#f3f3f3;
     padding:10px 10px;
}
 .snv-index ul li {
     margin-bottom:10px;
     background-color:#fff;
}
 .snv-index ul li > a {
     display:block;
     padding:10px 18px;
     line-height:24px;
     color:#000;
     font-size:15px;
}
 .snv-index ul li > a:hover {
     color:#fff;
     background-color:#da251c;
}
 .snv-index ul li > a > span {
     display:block;
     background:url(../images/icon3.png) right center no-repeat;
     -o-background-size:17px auto;
     -ms-background-size:17px auto;
     -moz-background-size:17px auto;
     -webkit-background-size:17px auto;
     background-size:17px auto;
}
 .m-sub01 {
     display:none;
     border-top:1px solid #eee;
}
 .m-sub01 dd a {
     display:block;
     font-size:14px;
     height:40px;
     line-height:40px;
     padding:0 50px;
     border-bottom:1px solid #eee;
}
 .m-sub01 dd a:hover {
     color:#0d62be;
}
 .m-tel01 {
     background-color:#383838;
     padding:25px 15px;
     color:#fff;
}
 .m-tel01 p {
     padding:0 24px;
     font-size:16px;
     height:28px;
     line-height:28px;
}
 .m-tel01 p span {
     padding-left:20px;
     background:url(../images/icon2.png) left center no-repeat;
     -o-background-size:16px auto;
     -ms-background-size:16px auto;
     -moz-background-size:16px auto;
     -webkit-background-size:16px auto;
     background-size:16px auto;
}
 .m-tel01 strong {
     display:block;
     margin:6px 0;
     text-align:center;
     font-size:24px;
}
 .ul-imgtxt01 {
     overflow:hidden;
     margin:0 -9px;
}
 .ul-imgtxt01 li {
     float:left;
     width:31%;
     padding:0 9px;
     margin-bottom:15px;
}
 .ul-imgtxt01 li h3 {
     margin:0;
}
 .ul-imgtxt01 li .pic {
     overflow:hidden;
     position:relative;
     height:0;
     padding-top:75%;
     border:1px solid #ebeaea;
}
 .ul-imgtxt01 li .pic img {
     position:absolute;
     top:0;
     left:0;
     display:block;
     width:100%;
     height:100%;
}
 .ul-imgtxt01 li .pic .bj {
     position:absolute;
     top:100%;
     left:0;
     width:100%;
     height:100%;
     background-color:rgba(0,0,0,.5);
     transition:.8s;
     -ms-transition:.8s;
     -moz-transition:.8s;
     -webkit-transition:.8s;
     -o-transition:.8s;
}
 .ul-imgtxt01 li:hover .pic .bj {
     top:0;
}
 .ul-imgtxt01 li .pic .more {
     position:absolute;
     top:50%;
     margin-top:-16px;
     right:100%;
     display:block;
     width:100%;
     height:32px;
     line-height:32px;
     text-align:center;
     font-size:18px;
     color:#fff;
     transition:.8s;
     -ms-transition:.8s;
     -moz-transition:.8s;
     -webkit-transition:.8s;
     -o-transition:.8s;
}
 .ul-imgtxt01 li:hover .pic .more {
     right:0;
}
 .ul-imgtxt01 li h3 a {
     display:block;
     font-weight:400;
     height:45px;
     line-height:45px;
     text-align:center;
     color:#000;
     font-size:15px;
     background-color:#f3f3f3;
     -ms-text-overflow:ellipsis;
     text-overflow:ellipsis;
     overflow:hidden;
     white-space:nowrap;
}
 .ul-imgtxt01 li h3 a:hover {
     color:#0d62be;
}
 .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-desc1 {
     margin-bottom:20px;
     border:1px solid #ddd;
     padding:20px;
}
 .yunu-infocontent-body {
     line-height:2;
     margin-bottom:20px;
}
 .yunu-infocontent-body img {
     max-width:100%;
}
 .yunu-infocontent-desc {
     overflow:hidden;
     background-color:#f8f8f8;
     margin-bottom:20px;
}
 .yunu-infocontent-desc strong {
     float:left;
     display:table;
     height:77px;
     background-image:-webkit-gradient(linear,left top,right top,from(#0166da),to(#95bdff));
     background-image:linear-gradient(to right,#0166da,#95bdff);
     color:#fff;
     width:230px;
     padding:15px;
     text-align:center;
     font-size:20px;
     font-weight:bold;
}
 .yunu-infocontent-desc strong span {
     display:table-cell;
     width:100%;
     vertical-align:middle;
}
 .yunu-infocontent-desc p {
     margin:0 0 0 260px;
     padding:30px;
}
 .yunu-infocontent-epx {
     margin-bottom:20px;
}
 .yunu-infocontent-epx li {
     line-height:32px;
     margin-bottom:5px;
}
 .yunu-infocontent-epx li span {
     display:inline-block;
     background-color:#A2A2A2;
     color:#fff;
     padding:0 15px;
     margin-right:10px;
}
 .yunu-infocontent-epx li em {
     float:right;
     font-style:normal;
}
 .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-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;
}
 .yunu-showcase {
     padding:20px;
     margin-bottom:20px;
     border:1px solid #ddd;
}
 .yunu-showcase-pic {
     position:relative;
     width:400px;
     height:300px;
     overflow:hidden;
     float:left;
     border:1px solid #ddd;
}
 .yunu-showcase-pic li {
     text-align:center;
     line-height:300px;
     width:400px;
     font-size:0;
}
 .yunu-showcase-pic li img {
     display:inline-block;
     vertical-align:middle;
     max-width:100%;
     max-height:100%;
     width:auto;
     height:auto;
}
 .yunu-showcase-pic .arr {
     position:absolute;
     top:50%;
     width:12px;
     height:23px;
     margin-top:-11px;
     z-index:2;
}
 .yunu-showcase-pic .prev {
     left:15px;
     background:url(../images/p15-icon2.png) no-repeat 0 0;
}
 .yunu-showcase-pic .next {
     right:15px;
     background:url(../images/p15-icon3.png) no-repeat 0 0;
}
 .yunu-showcase-info {
     float:right;
     width:460px;
}
 .yunu-showcase-info h1 {
     margin:0 0 15px;
     font-size:24px;
     line-height:40px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
 .yunu-showcase-info p {
     margin:0;
     color:#666;
     height:168px;
}
 .yunu-showcase-info .tel {
     border-top:2px solid #e6e6e6;
     margin-top:15px;
     padding-top:15px;
     background:url(../images/pc-xc-icon2.png) no-repeat 10px 15px;
     height:42px;
     padding-left:70px;
     line-height:21px;
     font-size:18px;
}
 .yunu-showcase-info .tel a {
     float:right;
     line-height:42px;
     padding:0 15px;
     background-color:#da251c;
     color:#fff;
}
 .list-3 {
     margin-left:-15px;
}
 .list-3 li {
     float:left;
     width:25%;
}
 .list-3 li a {
     display:block;
     margin:0 0 15px 15px;
     border:1px solid #ddd;
     position:relative;
}
 .list-3 li a:hover {
     border-color:#da251c;
}
 .list-3 li .m {
     height:165px;
     line-height:165px;
}
 .list-3 li .text h4 {
     margin:0;
     font-size:16px;
     padding:12px 20px 0;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
 .list-3 li .text p {
     margin:0;
     padding:0 20px 12px;
     overflow:hidden;
     text-overflow:ellipsis;
     white-space:nowrap;
}
 .yunu-prdv-title {
     text-align:center;
     margin-bottom:20px;
     font-size:26px;
     font-weight:bold;
}
 .yunu-prdv-title span {
     color:#da251c;
}
 .yunu-prdv-title p {
     margin:0;
     font-size:18px;
     font-weight:normal;
     color:#999;
}
 .yunu-product-1 {
     background:url(../images/07275978a2494a4dba7c7774460ecde6_2.jpg) no-repeat 0 0;
     height:569px;
     padding:0 110px;
     margin-bottom:30px;
}
 .yunu-product-1 .item h4 {
     margin:15px 0;
     font-size:20px;
}
 .yunu-product-1 .item p {
     font-size:16px;
     line-height:28px;
     margin:0;
     color:#666;
}
 .yunu-menu-inner {
     text-align:center;
     margin-bottom:20px;
}
 .yunu-menu-inner a {
     float:left;
     width:14.2857142857%;
}
 .yunu-menu-inner span {
     display:block;
     margin-left:1px;
     background-color:#f4f4f4;
     color:#333;
     font-size:18px;
     line-height:55px;
}
 .yunu-menu-inner a:hover span,.yunu-menu-inner a.active span {
     background:url(../images/p16-icon6.png) no-repeat center bottom #da251c;
     color:#fff;
}
 .yunu-about-1 {
     background:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_99.jpg) no-repeat 100% 100%;
     margin:0;
     overflow:hidden;
    /* height:405px;
     */
}
 .yunu-about-1 dt {
     float:left;
     width:580px;
     padding-right:30px;
}
 .yunu-about-1 dd {
    /* margin-left:639px;
     */
    padding-right:20px;
     margin:0 
}
 .yunu-about-1 dd h4 {
     margin:0 0 30px;
     font-size:28px;
}
 .yunu-about-1 dd p {
     margin:0;
     line-height:2.2;
     font-size:16px;
     color:#666;
     text-align:justify;
    /*text-indent:32px;
     */
}
 .yunu-about-2 {
     padding-top:0;
}
 .yunu-about-2 dl {
     margin-bottom:30px;
     overflow:hidden;
     height:328px;
}
 .yunu-about-2 dl:last-child {
     margin-bottom:0;
}
 .yunu-about-2 dt {
     float:left;
     width:580px;
}
 .yunu-about-2 dd {
     margin-left:610px;
     background-color:#f4f4f4;
     padding:20px;
     height:288px;
}
 .yunu-about-2 dd h4 {
     margin:0 0 20px;
     width:250px;
     line-height:40px;
     color:#fff;
     background-color:#000;
     text-align:center;
     font-size:16px;
}
 .yunu-about-2 dd p {
     margin:0;
     padding-top:20px;
     border-top:1px dashed #333;
     font-size:16px;
     color:#666;
     line-height:1.8;
}
 .yunu-about-2 dl:nth-of-type(even) dt {
     float:right;
}
 .yunu-about-2 dl:nth-of-type(even) dd {
     margin:0 610px 0 0;
}
 .lxkf {
     margin:0;
     overflow:hidden;
}
 .lxkf dt {
     float:left;
}
 .lxkf dt img {
     display:block;
}
 .lxkf dd {
     margin-left:260px;
}
 .lxkf dd h4 {
     margin:0 0 15px;
     padding:25px 0 10px;
     display:inline-block;
     border-bottom:5px solid #da251c;
     font-size:24px;
     color:#da251c;
}
 .lxkf dd h4 span {
     color:#999;
     font-size:16px;
     margin-left:10px;
}
 .lxkf dd p {
     margin:0;
     line-height:2;
}
 .yunu-contact-text {
     float:left;
     width:530px;
     margin:0;
}
 .yunu-contact-text dt {
     font-size:22px;
}
 .yunu-contact-text dd {
     padding:0 0 14px 80px;
     line-height:45px;
     border-bottom:1px solid #ddd;
     margin:15px 0 0;
     background:no-repeat 0 top;
}
 .yunu-contact-text dd.i1 {
     background-image:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_71.png) 
}
 .yunu-contact-text dd.i2 {
     background-image:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_73.png) 
}
 .yunu-contact-text dd.i3 {
     background-image:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_75.png) 
}
 .yunu-contact-text dd.i4 {
     background-image:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_77.png) 
}
 .yunu-contact-text dd.i5 {
     background-image:url(../images/46cc1f05fc8741ac8aa9c77e43961aff_79.png) 
}
 .yunu-contact-map {
     float:right;
     width:600px;
}
 .yunu-message {
     background:url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
     border:1px solid #ddd;
     padding:50px 200px;
     margin-bottom:30px;
}
 .form-group {
     margin-bottom:15px;
}
 .form-label {
     float:left;
     line-height:34px;
     width:120px;
     text-align:right;
}
 .form-label span {
     color:#e50112;
}
 .form-content {
     margin-left:130px;
}
 .form-control {
     line-height:20px;
     font-size:14px;
     border:1px solid #ddd;
     padding:6px 12px;
     width:600px;
     display:inline-block;
     vertical-align:top;
     font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
 select.form-control {
     height:34px;
}
 .form-submit {
     padding:6px 22px;
     color:#fff;
     background-color:#da251c;
     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:#da251c;
}
 .list-4 li .m {
     padding:10px;
     height:200px;
     line-height:200px;
}
 .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;
}
 .form {
     border-collapse:collapse;
     margin-bottom:30px;
}
 .form tr td {
     border:#fff 4px solid;
     padding:2px;
     line-height:45px;
}
 .prd-lc {
     height:480px;
     background-color:#eeeeee;
     position:relative;
     margin-bottom:30px;
}
 .prd-lc .bg1 {
     background-color:#fff;
}
 .prd-lc .bg2 {
     background-color:#088683;
     color:#fff;
}
 .prd-lc .lc_l {
     float:left;
}
 .prd-lc li {
     width:247px;
     height:220px;
     float:left;
}
 .prd-lc .lc_l {
     position:absolute;
     top:20px;
     left:10px;
     width:500px;
     height:472px;
}
 .prd-lc .lc_l p,.prd-lc .lc_l span {
     text-align:center;
}
 .prd-lc .lc_l span {
     font-weight:bold;
     font-size:20px;
     display:block;
     margin-top:30px;
}
 .prd-lc .lc_l p {
     display:block;
     width:200px;
     margin:10px auto 0;
     padding-bottom:10px;
     font-size:15px;
}
 .prd-lc .lc_r {
     float:right;
     margin-top:18px;
}
 #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;
}
 .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:100px;
}
 .btn-1 input.focus {
     background:#da251c;
     color:#fff;
}
 .btn-1 input.focus:hover {
     background:#444;
}
 .btn-1 input:hover {
     background:#ccc;
}
 .yunu-cptd>div {
     float:left;
     width:250px;
     padding:10px 20px;
     height:200px;
     margin-right:30px;
     margin-bottom:30px;
     border-radius:20px;
     border-bottom:3px solid #088683;
     box-shadow:0 0 8px;
}
 .yunu-cptd>div:nth-child(3n) {
     margin-right:0;
}
 .yunu-cptd>div>p:first-child {
     text-align:center;
     font-size:16px;
     color:#088683;
     font-weight:bold;
     border-bottom:1px solid #088683;
     margin-top:5px;
     padding-bottom:15px;
}
 .yunu-cptd>div>p:last-child {
     color:#444;
     font-size:15px;
     line-height:30px;
}
 .pc-slide {
     width:400px;
     float:left;
}
 .view {
     border:1px solid #ddd;
}
 .view .swiper-slide .imgauto {
     width:100%;
     height:300px;
     line-height:300px;
}
 .view .swiper-container {
     width:100%;
}
 .preview {
     width:100%;
     margin-top:10px;
     position:relative;
}
 .preview .swiper-container {
     width:80%;
     margin:0 10%;
}
 .preview .swiper-slide {
     width:30.33%;
     padding:5px;
}
 .preview .swiper-slide .imgauto {
     width:100%;
     height:65px;
     line-height:62px;
     border:1px solid #ddd;
     text-align:center;
}
 .preview .swiper-slide .imgauto img {
     display:inline-block;
     vertical-align:middle;
     max-width:100%;
     max-height:100%;
}
/* .preview .swiper-slide .imgauto img {
     display:inline-block;
     vertical-align:middle;
     max-width:100%;
     max-height:100%;
     padding:5px;
}
 */
 .preview .slide6 {
     width:82px;
}
 .preview .arrow-left {
     background:url(../images/feel3.png) no-repeat left top;
     position:absolute;
     left:10px;
     top:50%;
     margin-top:-9px;
     width:9px;
     height:18px;
     z-index:10;
}
 .preview .arrow-right {
     background:url(../images/feel4.png) no-repeat left bottom;
     position:absolute;
     right:10px;
     top:50%;
     margin-top:-9px;
     width:9px;
     height:18px;
     z-index:10;
}
/* .preview img {
     padding:1px;
}
 */
 .preview .active-nav .imgauto {
     border:1px solid #da251c;
}
 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;
}