@charset "UTF-8";
/* dede58.com 做最好的织梦模板 */
/* Design By Gkmk Copyright 2014 UED Interaction */

/*reset.css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin:0;
    padding:0
}
fieldset, img {
    border:0
}
:focus {
    outline:0
}
address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style:normal;
    font-weight:normal
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal
}
abbr, acronym {
    border:0;
    font-variant:normal
}
input, button, textarea, select, optgroup, option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit
}
code, kbd, samp, tt {
    font-size:100%
}
input, button, textarea, select {
    *font-size:100%
}
body {
    line-height:1.5
}
ol, ul {
    list-style:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
caption, th {
    text-align:left
}
sup, sub {
    font-size:100%;
    vertical-align:baseline
}
:link, :visited, ins {
    text-decoration:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
/* typography.css */
html {
    font-size:62.5%;
}
body {
    font-family:'HanHei SC',"PingFang SC","microsoft yahei", arial, tahoma, "\5b8b\4f53", sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    background:#ffffff;
    z-index:0;
    position:relative;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    color:#111;
}
h1 {
    font-size:3em;
    line-height:1;
    margin-bottom:0.5em;
}
h2 {
    font-size:2em;
    margin-bottom:0.75em;
}
h3 {
    font-size:1.5em;
    line-height:1;
    margin-bottom:1em;
}
h4 {
    font-size:1.2em;
    line-height:1.25;
    margin-bottom:1.25em;
}
h5 {
    font-size:1em;
    margin-bottom:1.5em;
}
h6 {
    font-size:1em;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin:0;
}
a:hover {
    text-decoration:underline;
}
a {
    color:#dd4250;
    text-decoration:underline;
    outline:none;
}

::-moz-selection { /*���Firefox*/
    background:#dd4250;
    color:#fff;
}
::selection {
    background:#dd4250;
    color:#fff;
}
/*clear float*/
.clearfix:after {
    font-size:0;
    line-height:0;
    content: "\020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
/*global*/
.header-warp, .service-warp, .banner-warp, .case-warp, .contact-warp, .comment-warp, .client-warp, .footer-warp, .about-warp {
    position:relative;
    min-width:980px;
    width:100%;
    background:#ffffff;
}
.Container {
    margin-right:auto;
    margin-left:auto;
    padding-left:10px;
    padding-right:10px;
    min-width:960px;
    max-width:1180px;
}
.pos-rel {
    position:relative;
}
.bg-gray {
    background:#f8f8f8;
}
.bg-red {
    background:#dd4250;
}
.padding60 {
    padding-top:60px;
    padding-bottom:60px;
}
.c-red {
    color:#dd4250;
}
.c-black {
    color:#121212;
}
.fright {
    float:right;
    text-align:right;
}
/*layout*/
.header-warp {
    height:90px;
    border-bottom:1px solid #ddd;
}
.header {
    /*position:fixed;*/
    z-index:1000;
    width:100%;
    padding:20px 0;
    box-shadow:0 0 1px #ddd;
    height:50px;
    background:#ffffff;
}
.header h1 {
    margin:0;
    padding:0;
    float:left;
    width:400px;
    height:40px;
}
.header h1 a.logo {
    display:block;
    opacity:1;
    text-indent:-9999px;
    width:100%;
    height:100%;
    background-image:url("../images/logo.png")/*tpa=http://www.yunss.com/skin/images/logo.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.header h1 a:hover.logo {
    opacity:0.78;
}
.contact-group {
    float:right;
}
.contact-group li {
    float:left;
    margin:5px 0 5px 20px;
}
.navlist {
    display:block;
    float:right;
}
.navlist ul li {
    float:left;
    padding:0 25px 0 15px;
    height:50px;
    line-height:50px;
    font-size:16px;
    background:url("../images/line_1.gif")/*tpa=http://www.yunss.com/skin/images/line_1.gif*/ no-repeat right center;
}
.navlist ul li span{border-bottom: 1px solid #dd4250;display: none;margin-top: 19px;}
.navlist ul li:last-child {
    background:none;
}
.navlist ul li a {
    color:#888;
    text-decoration:none;
    transition: color 0.3s linear 0s;
    display: block;
}
.navlist ul li a:hover {
    color:#dd4250;
}
.navlist ul li.current-menu-item >a {
    color:#dd4250;
    font-weight:600;
}

.nav_second{display:none;position: absolute;width: 100%;height: 300px;background-color:#ffffff;left: 0;top:90px;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;z-index:10;}
.nav_second>div{position: absolute;height: 300px;min-width:200px;padding: 0 20px 20px;}
.nav_second .list_second{float:left;margin-left: 20px;}
.nav_second .list_second li{background: none;float: none;padding-left: 0;height: 30px;line-height: 30px;}
.nav_second .list_second>a{color: #dd4250;font-size: 16px;}
.nav_second .list_second li a{font-size: 14px;}
.nav_second .u_one{/*left:50%;*//*right: 35%;*/margin-left: -10px}
.nav_second .u_two{left:45%;margin-left: -10px}
.nav_second .u_three{left:50%;margin-left: 345px}
.nav_second .u_three ul{margin-top: 20px;}
/*animate btns*/
.animate-btn a {
    display:block;
    text-indent:-9999px;
    width:40px;
    height:40px;
    border-radius:50%;
    box-shadow: 0 0 0 1px rgba(136,136,136,1);
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.animate-btn a:hover {
    background-color: rgba(221,66,80,1);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.qq {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ no-repeat 0px 0px;
    box-shadow: 0 0 0 1px rgba(221,66,80,1);
}
.animate-btn a:hover.qq {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ #dd4250 no-repeat 0px -40px;
    box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.mail {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ no-repeat 0px -80px;
}
.animate-btn a:hover.mail {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ #dd4250 no-repeat 0px -120px;
}
.animate-btn a.all {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ no-repeat 0px -160px;
}
.animate-btn a.all:hover {
    background:url("../images/icons_40.png")/*tpa=http://www.yunss.com/skin/images/icons_40.png*/ #dd4250 no-repeat 0px -200px;
}
/*animate btns*/
/*banner img*/
#banner {
    min-width:980px;
    display:none;
}
#banner .sub_0_1{
    display:block;
    position:absolute;
    left:0%;
    top:170px;
    margin-left:-593px;
}
#banner .sub_0_1 h3{
    font-size: 50px;color: #666;text-align: left;
    font-weight: 100;
}
#banner .sub_0_1 h1{
    margin-top: 25px;
    font-size: 18px;color: #666;
    font-weight: 100;
}
#banner .sub_0_2 {
    display:block;
    position:absolute;
    bottom:-140px;
    left:50%;
    margin-left:-593px;
}
#banner .sub_0_2 a {
    display:block;
    width:180px;
    text-align:center;
}


#banner .sub_1_1 {
    display:block;
    position:absolute;
    left:50%;
    top:126px;
    margin-left:-590px;
}
#banner .sub_1_1 h3{
    font-size: 17px;color: #eaedf7;background-color: #000;width: 120px; height: 24px;text-align: center;line-height: 24px;
    font-weight: normal;
}
#banner .sub_1_1 h1{
    margin-top: 10px;
    font-size: 50px;color: #666;
    font-weight: 100;
}
#banner .sub_1_2 {
    display:block;
    position:absolute;
    left:50%;
    bottom:0px;
    width:100%;
    margin-left:-590px;
    font-size:16px;
    line-height:25px;
    color:#000;
}
#banner .sub_1_2 span {
    display:block;

}
#banner .sub_1_3 {
    display:block;
    position:absolute;
    bottom:-140px;
    left:50%;
    margin-left:-590px;
}
#banner .sub_1_3 a {
    display:block;
    width:180px;
    text-align:center;
}
#banner .sub_2_1 {
    display:block;
    position:absolute;
    right:-50%;
    margin-right:-590px;
    top:138px;
}
#banner .sub_2_1 h1 {
    font-size:50px;
    font-weight:100;
    color:#666;
    line-height:120%;
    text-align: right;
}
#banner .sub_2_1 h2 {
    font-size:24px;
    margin-top: 17px;
    font-weight:normal;
    text-align: right;
    color:#666;
    line-height:110%;
}
#banner .sub_2_1 p {
    font-size:16px;
    margin-top: 58px;
    font-weight:normal;
    text-align: right;
    color:#666;
    line-height:30px;
}
#banner .sub_2_2 {
    display:block;
    position:absolute;
    bottom:-100px;
    right:50%;
    margin-right:-590px;
}
#banner .sub_2_2 a {
    display:block;
    width:180px;
    text-align:center;
}
#banner .sub_3_1 {
    display:block;
    position:absolute;
    left:-50%;
    bottom:260px;
    margin-left:-590px;
}
#banner .sub_3_1 h1 {
    font-size:20px;
    font-weight:100;
    color:#ffffff;
    line-height:120%;
}
#banner .sub_3_1 h2 {
    font-size:36px;
    font-weight:100;
    color:#ffffff;
    line-height:110%;
    margin-top: 42px;
}
#banner .sub_3_1 a {
    display:block;
    margin:60px 0 0;
    width:180px;
    text-align:center;
}
#banner .sub_3_2 {
    display:block;
    position:absolute;
    right:-50%;
    top:70px;
    margin-right:-600px;
}
#banner .sub_4_1{
    display:block;
    position:absolute;
    left:50%;
    top:170px;
    margin-left:-590px;
}
#banner .sub_4_1 h3{
    font-size: 50px;color: #666;text-align: left;
    font-weight: 100;
}
#banner .sub_4_1 h1{
    margin-top: 15px;
    font-size: 24px;color: #666;
    font-weight: 100;
}
#banner .sub_4_2 {
    display:block;
    position:absolute;
    bottom:-140px;
    left:50%;
    margin-left:-590px;
}
#banner .sub_4_2 a {
    display:block;
    width:180px;
    text-align:center;
}

#banner .sub_5_1 {
    display:block;
    position:absolute;
    right:-50%;
    margin-right:-590px;
    top:138px;
    width: 530px;
    text-align: center;
}
#banner .sub_5_1 h1 {
    font-size:40px;
    font-weight:100;
    color:#000;
    line-height:120%;

}

#banner .sub_5_1 div {
    font-size:20px;
    margin-top: 45px;
    font-weight:normal;
    text-align: center;
    color:#000;
    line-height:40px;
}
#banner .sub_5_2 {
    display:block;
    position:absolute;
    bottom:-100px;
    right:50%;
    margin-right:-420px;
    text-align: center;
}
#banner .sub_5_2 a {
    display:block;
    width:180px;
    text-align:center;
}

#banner .sub_6_1 {
    display:block;
    /*position:absolute;*/
    /*right: -50%;*/
    /*margin-right: -590px;*/
    /*left: 40%;*/
    /*top:138px;*/
    margin: 162px auto 0px auto;
    width: 730px;
    text-align: center;
}
#banner .sub_6_1 h1 {
    font-size:50px;
    font-weight:100;
    color:#FFF;
    line-height:120%;
    margin-bottom: 49px;
    position: relative;
    bottom: 500px;
}

#banner .sub_6_1 div {
    font-size:24px;
    margin-top: 45px;
    font-weight:normal;
    text-align: center;
    color:#FFF;
    line-height:40px;
    margin-bottom: 64px;
    position: relative;
    bottom: 500px;
}
#banner .sub_6_2 {
    display:block;
    margin: 0px auto;
    text-align: center;
    position: relative;
    bottom: -200px;
}
#banner .sub_6_2 a {
    font-size: 16px;
    color: #DD4250;
    display:inline-block;
    text-align:center;
    background-color: #FFF;
    width: 150px;
    height: 40px;
}
#banner .sub_6_2 a:hover{
    box-shadow: 0 0 0 4px rgba(255,255,255,0.5) !important;
}

/*banner img*/
.service-warp {
  
}
.Sbox {
    float:left;
    width:33%;
  border-left: 1px solid #ddd;
    height:134px;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-image:url("../images/arr.png")/*tpa=http://www.yunss.com/skin/images/arr.png*/;
    background-repeat:no-repeat;
    background-position:87% 63%;
    -webkit-transition: background-position 0.3s;
    -moz-transition: background-position 0.3s;
    transition: background-position 0.3s;
}

.Sbox:hover {
    background-position:90% 63%;
}
.Sbox:nth-child(3n) {
    border-right:1px solid #ddd;
}
.Sbox a {
    display:block;
    height:100px;
    margin:17px;
    padding:0 17px 0 117px;
    text-decoration:none;
}
.Sbox a p {
    margin:0;
    padding:23px 0 0 0;
    font-size:14px;
    height:22px;
    line-height:22px;
    color:#888;
}
.Sbox a h3 {
    margin:0;
    padding:0 0 23px 0;
    font-size:28px;
    height:32px;
    line-height:36px;
    color:#121212;
    font-weight:100;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.Sbox a:hover h3 {
    color:#dd4250;
}
.Sbox a:hover p {
    color:#ccc;
}
.Sbox a.des {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0px 0px;
}
.Sbox a.del {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0px -100px;
}
.Sbox a.mar {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0px -200px;
}
.Title-group {
    padding:0 0 40px 0;
    overflow:hidden;
    text-align:center;
}
.Title-group h2 {
    margin:0;
    font-size:26px;
    font-weight:100;
    line-height:40px;
    height:40px;
    padding:5px 0;
    text-align:center;
    color:#ccc;
}
.Title-group h2 span {
    display:inline-block;
    padding:0;
}
.Title-group p {
    font-size:16px;
    line-height:30px;
    color:#888;
}
.Title-group .animate-btn {
    float:right;
}
.Title-group .animate-btn a {
    margin:5px;
}
.case-warp {
    border-bottom:1px solid #ddd;
}
.case-list {
    margin-left:-0.8333%;
    margin-right:-0.8333%;
    overflow:hidden;
}
.case-list li, .case-list article {
    float:left;
    width:23.3333%;
    margin:0.8333%;
    background:#fff;
}
.citem a {
    position:relative;
    display:block;
    text-decoration:none;
}
.citem a span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color: rgba(255,255,255,0);
    background-position:top center;
    background-repeat:no-repeat;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.citem a img {
    display:block;
    width:100%;
    height:64.2857%;
}
.citem a:hover span {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#fff;
    background-color: rgba(255,255,255,0.87);
    background-image:url("../images/see_bg.png")/*tpa=http://www.yunss.com/skin/images/see_bg.png*/;
    background-repeat:no-repeat;
    background-position:center center;
}
.citemtxt {
    padding:3.571429% 7.1429%;
}
.citemtxt a {
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.citemtxt a h4 {
    margin:0;
    padding:0;
    font-weight:100;
    color:#333;
    font-size:16px;
    line-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align: center;
}
.citemtxt a:hover h4 {
    color:#dd4250;
}
.citemtxt p {
    overflow:hidden;
    text-align:right;
    font-size:12px;
    line-height:20px;
    color:#999;
}
.citemtxt p span {
    float:left;
    width:auto;
    text-align:left;
    width:50%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.citemtxt p span a {
    color:#dd4250;
}
.citemtxt p a {
    display:inline-block;
    color:#999;
}
.contact-indexbg {
    background-image:url("../images/cbg.jpg")/*tpa=http://www.yunss.com/skin/images/cbg.jpg*/;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:cover;
    Background-attachment:fixed;
}
.contact-txt {
    float:left;
    padding:7px 0;
}
.contact-txt h3 {
    margin:0;
    padding:0;
    font-size:26px;
    height:60px;
    line-height:40px;
    font-weight:100;
}
.contact-btn1 {
    box-shadow: 0 0 0 1px rgba(221,66,80,0);
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.contact-btn1, .contact-btn1:hover {
    height:40px;
    line-height:40px;
    display:inline-block;
    padding:0 40px;
    font-size:20px;
    color:#fff;
    text-decoration:none;
    background:#dd4250;
    background-color:rgba(221,66,80,0.87);
    border-radius:40px;
}
.contact-btn1:hover {
    background-color:rgba(221,66,80,1);
    box-shadow: 0 0 0 4px rgba(221,66,80,0.3)
}
/* .sub_0_2 .contact-btn1,.sub_0_2 .contact-btn1:hover{ */
/*     background:#ffffff; */
/*     background-color:rgba(255, 255, 255, 1); */
/*     color:#ff0000; */
/* } */
/* .sub_0_2 .contact-btn1:hover { */
/*     background-color:rgba(255,255,255,1); */
/*     box-shadow: 0 0 0 4px rgba(221,66,80,0.3) */
/* } */
.good-item {
    float:right;
}
.good-item .gbox {
    float:left;
    width:84px;
    height:74px;
    padding:20px 10px;
    background:url("../images/b_border.png")/*tpa=http://www.yunss.com/skin/images/b_border.png*/ no-repeat center;
    margin-left:20px;
    text-align:center;
}
.good-item .gbox span {
    display:block;
    font-size:40px;
    line-height:50px;
    color:#dd4250;
    font-weight:600;
}
.good-item .gbox em {
    display:block;
    font-size:11px;
    line-height:12px;
    color:#666;
}
.comm-list {
    text-align:center;
}
.comm-img {
    margin:0 0 40px 0;
}
.comm-img img {
    display:block;
    margin:0 auto;
}
.comm-txt p {
    margin:0 auto;
    font-size:18px;
    line-height:36px;
    color:#666;
    font-style:italic;
    width:680px;
}
.comm-name {
    text-align:center;
    margin:40px 0 0 0;
    font-size:18px;
    line-height:30px;
    color:#333;
}
.client-comments {
    margin:0 auto;
    position: relative;
    width:960px;
    height:360px;
}
.client-comments img {
    display:block;
    margin:0 auto;
}
/*num style*/
.client-comments .num {
    overflow:hidden;
    height:10px;
    padding:20px 0;
    text-align:center;
}
.client-comments .num li {
    display:inline-block;
    width:10px;
    height:10px;
    line-height:10px;
    text-align:center;
    background:#ccc;
    margin:0 4px;
    border-radius:50%;
    cursor:pointer;
}
.client-comments .num li a {
    display:block;
}
.client-comments .num li.on {
    background:#dd4250;
} /*��ǰ��*/
/*prev  next*/
.client-comments .prev, .client-comments .next {
    display: none;
    width: 40px;
    height: 100px;
    background: url("../images/arr_1.png")/*tpa=http://www.yunss.com/skin/images/arr_1.png*/ no-repeat;
    position: absolute;
    top: 115px;
}
.client-comments .prev {
    left: -40px;
}
.client-comments .next {
    right: -40px;
    background-position: right
}
.clients-list li {
    float:left;
    width:20%;
    height:50px;
    margin:10px 0;
}
.clients-list li img {
    display:block;
    margin:0 auto;
}
.footer-warp {
    position:relative;
    /*z-index:-2;*/
    height:507px;
    background:url("../images/bs-docs-masthead-pattern.png")/*tpa=http://www.yunss.com/skin/images/bs-docs-masthead-pattern.png*/ #ffffff repeat;
    Background-attachment:fixed;
}
.footer-warp .footfixed {
    /*position:fixed;*/
    /*z-index:-1;*/
    left:0;
    bottom:0;
    width:100%;
    border-top:1px solid #ddd;
    padding:20px 0;
    height:480px;
    z-index:200;
/*background:url(../images/logo_f.png) no-repeat center;*/
}
.c-txt {
    float:left;
    font-size:13px;
    line-height:25px;
    color:#666;
}
.c-txt span {
    display:block;
    font-size:12px;
    line-height:15px;
    color:#999;
}
.c-way {
    float:right;
    color:#ddd;
}
.c-way a {
    display:inline-block;
    padding:0 0 0 26px;
    margin:9px 10px;
    font-size:16px;
    height:22px;
    line-height:22px;
    color:#888;
    text-decoration:none;
    -webkit-transition: background 0.2s, color 0.3s;
    -moz-transition: background 0.2s, color 0.3s;
    transition: background 0.2s, color 0.3s;
}
.c-way a.qq {
    background:url("../images/icons_contact_f.png")/*tpa=http://www.yunss.com/skin/images/icons_contact_f.png*/ no-repeat 0px 0px;
}
.c-way a:hover.qq {
    background:url("../images/icons_contact_f.png")/*tpa=http://www.yunss.com/skin/images/icons_contact_f.png*/ no-repeat 0px -22px;
    color:#dd4250;
}
.c-way a.mail {
    background:url("../images/icons_contact_f.png")/*tpa=http://www.yunss.com/skin/images/icons_contact_f.png*/ no-repeat 0px -44px;
}
.c-way a:hover.mail {
    background:url("../images/icons_contact_f.png")/*tpa=http://www.yunss.com/skin/images/icons_contact_f.png*/ no-repeat 0px -66px;
    color:#dd4250;
}
.csort {
    height:84px;
    border-bottom:1px solid #ddd;
}
.case-sort {
    z-index:999;
    overflow:hidden;
    width:100%;
    padding:20px 0;
    height:44px;
    background:#f4f4f4;
    box-shadow:0 0 3px #ddd;
}
.case-sort ul {
    margin:0 auto;
    height:44px;
    width:744px;
    background:url("../images/sort_bg.png")/*tpa=http://www.yunss.com/skin/images/sort_bg.png*/ #fff no-repeat;
}
.case-sort ul li {
    float:left;
}
.case-sort ul li a {
    display:block;
    color:#888888;
    border:1px solid #ddd;
    background:rgba(50,50,50,0);
    width:186px;
    height:44px;
    padding:0 0 0 75px;
    line-height:44px;
    font-size:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.case-sort ul li a:hover {
    background:rgba(50,50,50,0.08);
    color:#333;
}
.case-sort ul li.current-cat a {
    padding:0;
    text-align:center;
    background:#f8f8f8;
    color:#DD4250;
    font-weight:600;
}
.c-redbox {
    text-align:center;
    display:block;
    font-size:2em;
    color:#dd4250;
}
.more-loading {
    background-color: #dd4250;
    background-image: url("../images/more.gif")/*tpa=http://www.yunss.com/skin/images/more.gif*/;
    background-position: 50% 10px;
    background-repeat: no-repeat;
    border-radius: 4px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 100px;
}
.case-sort h3 {
    margin:0;
    padding:0;
    width:100%;
    height:44px;
    line-height:44px;
    font-size:30px;
    font-weight:100;
    color:#333;
    text-align:center;
}
.case-sort h4 {
    margin:0;
    padding:0;
    width:100%;
    height:44px;
    line-height:44px;
    font-size:30px;
    font-weight:100;
    color:#333;
}
.case-sort h4 span {
    color:#dd4250;
}
.sbtngroup {
    position:absolute;
    right:10px;
    top:0px;
}
.sbtngroup a {
    display:block;
    float:left;
    text-indent:-9999px;
    width:44px;
    height:44px;
    border:1px solid #ddd;
    background-color:#fff;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.sbtngroup a:hover {
    background-color:#f8f8f8;
}
.sbtngroup a.all {
    background-image:url("../images/sbtn_bg.png")/*tpa=http://www.yunss.com/skin/images/sbtn_bg.png*/;
    background-position:0px 0px;
}
.sbtngroup a:hover.all {
    background-position:-44px 0;
}
.sbtngroup a[rel~="prev"] {
    background-image:url("../images/sbtn_bg.png")/*tpa=http://www.yunss.com/skin/images/sbtn_bg.png*/;
    background-position:0px -88px;
}
.sbtngroup a:hover[rel~="prev"] {
    background-position:-44px -88px;
}
.sbtngroup a[rel~="next"] {
    background-image:url("../images/sbtn_bg.png")/*tpa=http://www.yunss.com/skin/images/sbtn_bg.png*/;
    background-position:0px -44px;
}
.sbtngroup a:hover[rel~="next"] {
    background-position:-44px -44px;
}
.case-content {
    min-width:960px;
    max-width:1180px;
}
.case-content p {
    margin:0 0 20px 0;
    font-size:1.2em;
    line-height:2em;
    text-align:center;
    color:#565656;
}
.case-content img {
    display:block;
    margin:20px auto;
    max-width:100%;
    height:auto;
}
.service-bg {
    background-image:url("../images/parallax-bg.png")/*tpa=http://www.yunss.com/skin/images/parallax-bg.png*/;
    background-position:center center;
    background-size:cover;
    Background-attachment:fixed;
}
.Title-group h2.title-sub {
    font-size:44px;
    color:#fff;
    height:90px;
    font-weight:100;
}
.Title-group h2.c-black {
    color:#121212;
}
.Title-group h2.title-sub span {
    display:block;
    font-size:22px;
    opacity:0.87;
}
.Title-group p.sub-tit {
    font-size:22px;
    color:#fff;
}
.service-item {
    overflow:hidden;
    width:100%;
}
.sitem {
    float:left;
    width:29%;
    margin:2%;
    background:#dd4250;
    background:rgba(221,66,80,0.87);
}
.sitem h4 {
    margin:20px auto;
    font-size:30px;
    font-weight:100;
    color:#fff;
    text-align:center;
}
.sitem h4 span {
    display:block;
    font-size:16px;
}
.sitem h4 em {
    display:block;
    margin:0 auto;
    width:100px;
    height:100px;
}
.sitem p {
    padding:5px 20px 10px;
    text-align:center;
    font-size:16px;
    line-height:30px;
    color:#fff;
    height:140px;
}
.sitem p span {
    display:inline-block;
    margin:0 10px;
}
.sitem-des {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0 -300px;
}
.sitem-del {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0 -400px;
}
.sitem-mar {
    background:url("../images/icons_service.png")/*tpa=http://www.yunss.com/skin/images/icons_service.png*/ no-repeat 0 -500px;
}
.ser-sort {
    z-index:1010;
    width:100%;
    border-bottom:1px solid #ddd;
    padding:20px 0;
    background:#f4f4f4;
}
.ser-sort ul {
    margin:0 auto;
    height:44px;
    width:558px;
    background:#fff;
}
.ser-sort ul li {
    float:left;
}
.ser-sort ul li a {
    display:block;
    text-align:center;
    color:#888888;
    border:1px solid #ddd;
    background:rgba(50,50,50,0);
    width:186px;
    height:44px;
    line-height:44px;
    font-size:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.ser-sort ul li a:hover {
    background:rgba(50,50,50,0.08);
    color:#333;
}
.ser-sort ul li a.active {
    padding:0;
    text-align:center;
    background:#f8f8f8;
    color:#DD4250;
    font-weight:600;
}
.sabt {
    min-height:380px;
    border-bottom:1px solid #ddd;
}
.service-item-abt {
    width:50%;
}
.service-item-abt h4 {
    margin:0;
    padding:0;
    font-size:40px;
    line-height:50px;
    font-weight:100;
}
.service-item-abt h5 {
    margin:0 0 20px 0;
    padding:0;
    font-size:18px;
    line-height:30px;
    font-weight:100;
}
.service-item-abt p {
    margin:0 0 20px 0;
    font-size:14px;
    line-height:24px;
    color:#666;
}
.service-item-abt .see-btn {
    margin:40px 0 0 0;
}
.sitembg1 {
    background:url("../images/sitem_bg1.png")/*tpa=http://www.yunss.com/skin/images/sitem_bg1.png*/ no-repeat right bottom;
}
.sitembg2 {
    background:url("../images/sitem_bg2.png")/*tpa=http://www.yunss.com/skin/images/sitem_bg2.png*/ no-repeat left center;
}
.sitembg3 {
    background:url("../images/sitem_bg3.png")/*tpa=http://www.yunss.com/skin/images/sitem_bg3.png*/ no-repeat right center;
}
.sitembg4 {
    background:url("../images/sitem_bg4.png")/*tpa=http://www.yunss.com/skin/images/sitem_bg4.png*/ no-repeat left center;
}
.sitembg5 {
    background:url("../images/sitem_bg5.png")/*tpa=http://www.yunss.com/skin/images/sitem_bg5.png*/ no-repeat right center;
}
.process-map {
    padding:60px 0;
}
.process-map {
    min-height:200px;
    background:url("../images/process_map.png")/*tpa=http://www.yunss.com/skin/images/process_map.png*/ no-repeat center;
}
.see-btn-center {
    padding:60px 0;
    text-align:center;
}
.see-btn-center .contact-btn1 {
    padding:5px 50px;
    font-size:30px;
}
.see-btn-center2 {
    padding:20px 0;
    text-align:center;
}
.see-btn-center2 .contact-btn1 {
    padding:5px 60px;
    font-size:26px;
}
.tip-txt {
    text-align:center;
    padding:40px 20px;
    font-size:18px;
    line-height:30px;
    color:#666;
    background:url("../images/dot_tip.png")/*tpa=http://www.yunss.com/skin/images/dot_tip.png*/ no-repeat center top;
}
.abt-bg {
    background-image:url("../images/abt-bg.png")/*tpa=http://www.yunss.com/skin/images/abt-bg.png*/;
    background-position:center center;
    background-size:cover;
    Background-attachment:fixed;
}
.abt-content {
    margin:0 auto;
    max-width:720px;
    padding:20px;
    font-size:16px;
    line-height:30px;
    color:#fff;
}
.abt-content header, .project-form header {
    display:none;
}
.abt-content p {
    margin:0 0 20px 0;
}
.contact-bg {
    background-image:url("../images/cont-bg.jpg")/*tpa=http://www.yunss.com/skin/images/cont-bg.jpg*/;
    background-position:center center;
    background-size:cover;
    Background-attachment:fixed;
}
.contact-detail {
    width:100%;
    overflow:hidden;
}
.contact-detail li {
    float:left;
    width:24%;
    margin:0.5%;
    padding:40px 0 168px 0;
}
.contact-detail li a {
    display:block;
    margin-right:20px;
    text-indent:-9999px;
    float:left;
    width:90px;
    height:90px;
    border-radius:50%;
    box-shadow: 0 0 0 1px rgba(255,255,255,1);
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.contact-detail li a:hover {
    background-color: rgba(221,66,80,1);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.contact-detail li a.am-byqq {
    background-image:url("../images/c_bg.png")/*tpa=http://www.yunss.com/skin/images/c_bg.png*/;
    background-repeat:no-repeat;
    background-position:-90px 0px;
}
.contact-detail li a:hover.am-byqq {
    background-position:0px 0px;
}
.contact-detail li a.am-byemail {
    background-image:url("../images/c_bg.png")/*tpa=http://www.yunss.com/skin/images/c_bg.png*/;
    background-repeat:no-repeat;
    background-position:0px -90px;
}
.contact-detail li a.am-byweibo {
    background-image:url("../images/c_bg.png")/*tpa=http://www.yunss.com/skin/images/c_bg.png*/;
    background-repeat:no-repeat;
    background-position:0px -180px;
}
.contact-detail li a.am-byphone {
    background-image:url("../images/c_bg.png")/*tpa=http://www.yunss.com/skin/images/c_bg.png*/;
    background-repeat:no-repeat;
    background-position:0px -270px;
}
.contact-detail li span {
    display:block;
    font-size:12px;
    padding:25px 0 0 0;
    line-height:20px;
    color:#fff;
    overflow:hidden;
    text-overflow:hidden;
    white-space:nowrap;
}
.contact-detail li em {
    display:block;
    font-size:20px;
    line-height:30px;
    color:#dd4250;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.project-form {
    min-height:420px;
}
.project-form .entry-content p {
    font-size:30px;
    color:#666;
    text-align:center;
}
.project-form ul {
    margin:0 auto;
    overflow:hidden;
    width:960px;
}
.project-form ul li {
    float:left;
    width:460px;
    margin:10px;
}
.project-form ul li:last-child {
    width:960px;
}
.project-form ul li label {
    font-size:14px;
    line-height:26px;
    color:#666;
}
.project-form ul li label em {
    color:#dd4250;
}
.project-form ul li input[type="text"], .ctxt {
    display:block;
    border:1px solid #ccc;
    padding:10px;
    width:440px;
    height:30px;
    line-height:30px;
    font-size:16px;
    border-radius:4px;
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition:  box-shadow 0.30s ease-in-out;
    transition:  box-shadow 0.30s ease-in-out;
}
.project-form ul li input[type="text"]:focus, .ctxt:focus {
    border:#dd4250 1px solid;
    box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.project-form ul li textarea, .ctxtarea {
    display:block;
    border:1px solid #ccc;
    padding:10px;
    width:920px;
    height:120px;
    line-height:30px;
    border-radius:4px;
    font-size:16px;
    overflow:auto;
    x-overflow:hidden;
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition:  box-shadow 0.30s ease-in-out;
    transition:  box-shadow 0.30s ease-in-out;
}
.project-form ul li textarea:focus, .ctxtarea:focus {
    border:#dd4250 1px solid;
    box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.project-form input[type="submit"].submit {
    display:block;
    margin:10px auto;
    padding:10px 40px;
    font-size:18px;
}
.contacnt-address {
    padding:280px 0 0 0;
    margin:0 auto 60px;
    font-size:16px;
    color:#666;
    background:url("../images/map_nj.png")/*tpa=http://www.yunss.com/skin/images/map_nj.png*/ no-repeat center top;
    text-align:center;
}
.contacnt-address em {
    font-size:20px;
    line-height:50px;
    color:#333;
}
.us-team {
    background:url("../images/us_img.png")/*tpa=http://www.yunss.com/skin/images/us_img.png*/ no-repeat center top;
    padding:260px 0 40px 0;
    font-size:20px;
    color:#888;
    text-align:center;
}
.cbqq {
    display:block;
    margin:0 auto;
    text-indent:-9999px;
    width:152px;
    height:184px;
    background:url("../images/cbqq.png")/*tpa=http://www.yunss.com/skin/images/cbqq.png*/ no-repeat 0px 0px;
}
.cbqq:hover {
    background:url("../images/cbqq.png")/*tpa=http://www.yunss.com/skin/images/cbqq.png*/ no-repeat 0px -184px;
}
.mapbg {
    border-top:1px solid #ddd;
    background-image:url("../images/map_bg.jpg")/*tpa=http://www.yunss.com/skin/images/map_bg.jpg*/;
    background-repeat:no-repeat;
    background-position:center;
}
.skill-list dl {
    margin:20px 0;
    width:50%;
    padding-left:70px;
    height:50px;
    overflow:hidden;
}
.skill-list dl dt {
    height:30px;
    line-height:30px;
    font-size:16px;
    color:#666;
}
.skill-list dl dd {
    margin:2px 0;
    height:16px;
    background:#f0f0f0;
    border-radius:8px;
}
.skill-list dl dd span {
    display:block;
    height:16px;
    background-color:#dd4250;
    border-radius:8px;
}
.skill-list dl.sk-1 {
    background:url("../images/skill_bg.png")/*tpa=http://www.yunss.com/skin/images/skill_bg.png*/ no-repeat 0px 0px;
}
.skill-list dl.sk-2 {
    background:url("../images/skill_bg.png")/*tpa=http://www.yunss.com/skin/images/skill_bg.png*/ no-repeat 0px -50px;
}
.skill-list dl.sk-3 {
    background:url("../images/skill_bg.png")/*tpa=http://www.yunss.com/skin/images/skill_bg.png*/ no-repeat 0px -100px;
}
.skill-list dl.sk-4 {
    background:url("../images/skill_bg.png")/*tpa=http://www.yunss.com/skin/images/skill_bg.png*/ no-repeat 0px -150px;
}
.skill-bg {
    background:url("../images/skill_bg.png")/*tpa=http://www.yunss.com/skin/images/skill_bg.png*/ no-repeat right center;
}
/*new add style*/
.not-found {
    margin:0 auto;
    width:960px;
    min-height:600px;
}
.not-found h1 {
    font-size:40px;
    font-weight:100;
    line-height:40px;
    text-align:center;
    margin:20px 0;
}
.not-found p {
    font-size:16px;
    line-height:30px;
    color:#666;
    text-align:center;
}
.searchform {
    margin:0 auto;
    text-align:center;
}
.searchform .screen-reader-text {
    display:none;
}
.searchform #s {
    padding:6px;
    width:260px;
    border:1px solid #ccc;
    font-size:16px;
    border-radius:4px;
}
input[type="submit"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius:4px;
    cursor:pointer;
    padding:6px 20px;
    color:#fff;
    border:1px solid #dd4250;
    font-size:16px;
    background:#dd4250;
    box-shadow: 1px 1px 2px rgba(64, 64, 64, 0.3);
}
input[type="submit"]:hover {
    background:rgba(221,66,80,0.87);
}
.art-infor {
    height:44px;
    padding:20px 0;
    background:#f4f4f4;
}
.art-infor-con {
    text-align:right;
    overflow:hidden;
    height:30px;
    line-height:30px;
    padding:7px 0;
    font-size:14px;
    color:#999;
}
.art-infor-con em {
    display:inline-block;
    color:#dd4250;
    padding:0 12px;
    height:30px;
    background:#ededed;
    border:1px solid #ddd;
    margin-left:10px;
    color:#999;
}
.art-infor-con em label {
    color:#dd4250;
    margin-right:4px;
}
.art-infor-con span {
    display:block;
    float:left;
    width:auto;
    text-align:left;
    font-size:16px;
    line-height:30px;
    color:#666;
}
.art-infor-con a {
    display:block;
    color:#999;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.art-infor-con a:hover {
    color:#dd4250;
}
/*comments style*/
.comments-title {
    margin:0 0 10px;
    padding:0 0 10px;
    border-bottom:1px solid #ccc;
    font-size:16px;
    line-height:30px;
    color:#333;
}
.commentlist {
    margin:0 0 10px;
    overflow:hidden;
}
.commentlist li {
    margin:-1px 0 20px;
    padding:10px 0 0 0;
    border-top:1px dotted #ddd;
}
.comment-author {
    overflow:hidden;
    margin:0 0 10px;
}
.comment-author img {
    float:left;
    width:44px;
    height:44px;
}
.comment-author cite, .comment-author time {
    display:block;
    margin-left:60px;
    font-size:14px;
    line-height:22px;
    color:#666;
    text-decoration:none;
}
.comment-author a time {
    font-size:12px;
}
.comment-author a {
    color:#666;
    text-decoration:none;
}
.children {
    margin-left:60px;
    padding:10px;
    border:1px solid #ddd;
    background:#f8f8f8;
}
.comment-respond {
    margin:20px 0;
}
.comment-reply-title {
    margin:0 0 10px;
    padding:0 0 10px;
    border-bottom:1px solid #ccc;
    font-size:16px;
    line-height:30px;
    color:#333;
}
.comment-reply-title small {
    font-size:12px;
    font-weight:100;
}
.comment-form p {
    margin:0 0 2px;
    padding:0 0 2px;
}
.comment-form p.comment-notes {
    font-size:12px;
    color:#999;
    line-height:20px;
}
.comment-form p label {
    display:block;
    font-size:14px;
    line-height:24px;
    color:#666;
}
.comment-form input[type="text"] {
    display:block;
    border:1px solid #ccc;
    padding:2px 4px;
    margin:5px 0;
    width:90%;
    height:30px;
    line-height:30px;
    font-size:16px;
    border-radius:4px;
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition:  box-shadow 0.30s ease-in-out;
    transition:  box-shadow 0.30s ease-in-out;
}
.comment-form input[type="text"]:focus {
    border:#dd4250 1px solid;
    box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.comment-form textarea {
    display:block;
    border:1px solid #ccc;
    padding:2px 4px;
    margin:5px 0;
    width:90%;
    height:120px;
    line-height:30px;
    border-radius:4px;
    font-size:16px;
    overflow:auto;
    x-overflow:hidden;
    -webkit-transition: box-shadow 0.30s ease-in-out;
    -moz-transition:  box-shadow 0.30s ease-in-out;
    transition:  box-shadow 0.30s ease-in-out;
}
.comment-form textarea:hover {
    border:#dd4250 1px solid;
    box-shadow: 0 0 8px rgba(221,66,80,0.87);
}
.comment-form p.form-allowed-tags {
    display:none;
}
.comment-form p span.required {
    color:#dd4250;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    float:left;
    width:30%;
    padding-right:3%;
}
.comment-form-comment {
    clear:both;
}
/*search and list style*/
.sort-article {
    overflow:hidden;
    width:100%;
}
.sort-article dt {
    float:left;
    width:280px;
    height:180px;
    background:url("../images/dbg_img.png")/*tpa=http://www.yunss.com/skin/images/dbg_img.png*/ #efefef no-repeat center;
}
.sort-article dt img {
    display:block;
    width:280px;
    height:180px;
}
.sort-article dd {
    margin-left:300px;
}
.sort-article dd h4 {
    margin:0 0 6px 0;
    font:18px/40px "\5FAE\8F6F\96C5\9ED1";
    color:#121212;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.sort-article dd h4 a {
    color:#121212;
    text-decoration:none;
}
.sort-article dd h4 a:hover {
    color:#dd4250;
}
.sort-article dd p {
    font:14px/22px "\5FAE\8F6F\96C5\9ED1";
    color:#555;
}
.sort-article dd p.footer-infor {
    margin:5px 0;
    padding:10px 0 0;
    color:#666;
    font-size:12px;
    line-height:20px;
}
.sort-article dd p.footer-infor span {
    display:inline-block;
    padding:0 10px;
    color:#999;
}
.entry-meta {
    padding:10px 0;
}
.seacharea-positionright {
    position:absolute;
    right:0px;
    top:0px;
}
/*loading*/
#loading {
    display: none;
    z-index:999;
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    max-height:100%;
    text-align:center;
}
#loading .more-loading {
    margin-top:24%;
}
#loading p {
    margin:10px 0;
    font-size:12px;
    line-height:20px;
    color:#666;
}
/*loading by list*/
#nav-below {
    clear:all;
    margin:0 auto;
    min-width:960px;
    max-width:1180px;
    font-size:12px;
    line-height:20px;
    overflow:hidden;
}
#nav-below h3 {
    display:none;
}
.nav-previous {
    float:left;
}
.nav-next {
    float:right;
}
#nav-below a {
    display:inline-block;
    padding:4px 20px;
    color:#999;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
#nav-below a:hover {
    background:#dd4250;
    color:#fff;
}
#infscr-loading {
    clear:both;
    display:block;
    padding:10px;
    text-align:center;
    font-size:12px;
    line-height:20px;
    color:#999;
}
#infscr-loading img {
    margin:0 auto 15px;
    display:block;
    padding:10px 40px 0px 40px;
    background:#dd4250;
    border-radius: 4px;
}
.csort {
    height:84px;
    border-bottom:1px solid #ddd;
    margin: 0 auto;
    background:#f4f4f4;
}
.case-sort {
    z-index:999;
    margin:0 auto;
    width:1180px;
    height:44px;
    padding-top:20px;
    overflow:hidden;
}
.weizhi {
    float:left;
    width:1180px;
    heihgt:84px;
    font-size:16px;
    color:#565656;
}
.dqwz {
    float:left;
    width:1048px;
    padding-top:14px;
}
.dqwz a {
    color:#565656;
}
.dqwz a:hover {
    color:#da8600;
}
.xwdt {
    float:left;
    width:285px;
    font-size:16px;
    color:#868686;
    padding-top:12px;
    padding-left:15px;
}
.xwdt h1 {
    float:left;
    font-size:22px;
    color:#5c5c5c;
    font-weight:normal;
}
.xwdt span {
    float:left;
    padding-left:10px;
    padding-top:3px;
}
.dqwz1 {
    float:left;
    width:870px;
    padding-top:14px;
    padding-right:10px;
    font-size:14px;
    text-align:right;
    color:#868686;
}
.dqwz1 a {
    color:#868686;
}
.dqwz1 a:hover {
    color:#da8600;
}
.case-sort1 {
    z-index:999;
    overflow:hidden;
    width:100%;
    padding:20px 0;
    height:44px;
    background:#f4f4f4;
    box-shadow:0 0 3px #ddd;
}
.case-sort1 ul {
    margin:0 auto;
    height:44px;
    width:560px;
    background:url("../images/sort_bg1.png")/*tpa=http://www.yunss.com/skin/images/sort_bg1.png*/ #fff no-repeat;
}
.case-sort1 ul li {
    float:left;
}
.case-sort1 ul li a {
    display:block;
    color:#888888;
    border:1px solid #ddd;
    background:rgba(50,50,50,0);
    width:186px;
    height:44px;
    padding:0 0 0 75px;
    line-height:44px;
    font-size:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.case-sort1 ul li a:hover {
    background:rgba(50,50,50,0.08);
    color:#333;
}
.case-sort1 ul li.current-cat a {
    padding:0;
    text-align:center;
    background:#f8f8f8;
    color:#DD4250;
    font-weight:600;
}
.case-sort2 {
    z-index:999;
    overflow:hidden;
    width:100%;
    padding:20px 0;
    height:44px;
    background:#f4f4f4;
    box-shadow:0 0 3px #ddd;
}
.case-sort2 ul {
    margin:0 auto;
    height:44px;
    width:744px;
}
.case-sort2 ul li {
    float:left;
}
.case-sort2 ul li a {
    display:block;
    color:#888888;
    border:1px solid #ddd;
    background:rgba(50,50,50,0);
    width:186px;
    height:44px;
    padding:0 0 0 60px;
    line-height:44px;
    font-size:16px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    text-decoration:none;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.case-sort2 ul li a:hover {
    background:rgba(50,50,50,0.08);
    color:#333;
}
.case-sort2 ul li.current-cat a {
    padding:0;
    text-align:center;
    background:#f8f8f8;
    color:#DD42?0;
    font-weight:600;
}
/*文章列表页*/
.main1 {
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
}
.mainn {
    margin:0 auto;
    width:1180px;
}
.mleft {
    float:left;
    width:880px;
    border:1px solid #ebebeb;
    background-color:#FFF;
}
.artlist {
    float:left;
    width:850px;
    height:90px;
    border-bottom:1px dashed #ebebeb;
    padding-top:15px;
    padding-left:15px;
    padding-right:15px;
}
.times {
    float:left;
    width:128px;
    height:65px;
    font-size:18px;
    color:#FFF;
    background:url("../images/times.jpg")/*tpa=http://www.yunss.com/skin/images/times.jpg*/ no-repeat;
    text-align:center;
    padding-top:10px;
}
.ontimes {
    float:left;
    width:128px;
    height:65px;
    font-size:18px;
    color:#FFF;
    background:url("../images/times1.jpg")/*tpa=http://www.yunss.com/skin/images/times1.jpg*/ no-repeat;
    text-align:center;
    padding-top:10px;
}
.ontimes a {
    color:#fff;
}
.listt {
    float:left;
    width:712px;
    height:75px;
    padding-left:10px;
    overflow:hidden;
}
.listtbt {
    float:left;
    width:712px;
    height:20px;
    font-size:18px;
}
.listtbt a {
    color:#5c5c5c;
}
.listtbt a:hover {
    color:#dd4250;
}
.listtnr {
    float:left;
    width:712px;
    height:45px;
    font-size:12px;
    color:#868686;
    line-height:20px;
    padding-top:10px;
    overflow:hidden;
}
.fenye {
    float:left;
    width:850px;
}
.nextpage {
    float:left;
    width:850px;
    height:58px;
    text-align:center;
    font-size:14px;
    padding-top:36px;
}
.nextpage a {
    color:#5c5c5c;
    padding:4px 7px 2px 7px;
    border:1px solid #dddddd;
}
.nextpage a:hover {
    color:#da8600;
    text-decoration:none;
}
.mright {
    float:left;
    width:256px;
    border:1px solid #ebebeb;
    margin-left:20px;
    background-color:#FFF;
    padding:10px;
}
.part1 {
    float:left;
    width:256px;
}
.part1 .hdp {
    float:left;
    width:256px;
    height:236px;
}
.part1 .hdp .flash {
    float:left;
    width:256px;
    height:236px;
    overflow:hidden;
}
.part1 .hdp .flash img {
    width:256px;
    height:200px;
    border:none;
}
.part1 .hdp .flash .sub_nav {
    float:left;
    z-index: 200;
    width:256px;
    color: #999999;
    height: 20px;
    padding-top:10px;
    overflow:hidden;
}
.part1 .hdp .flash .sub_nav .sub_no {
    float:left;
    height:25px;
    font-weight:bolder;
}
.part1 .hdp .flash .sub_nav .sub_no ul {
    float:left;
    width:156px;
    height:20px;
    padding-left:100px;
}
.part1 .hdp .flash .sub_nav .sub_no ul li {
    display: block;
    background:url("../images/art_08.jpg")/*tpa=http://www.yunss.com/skin/images/art_08.jpg*/ no-repeat;
    FILTER: alpha(Opacity=70);
    float:left;
    vertical-align: middle;
    overflow: hidden;
    width:16px;
    cursor: pointer;
    color: #ffffff;
    line-height: 18px;
    height: 20px;
    Opacity: 0.7;
}
.part1 .hdp .flash .sub_nav .sub_no .show {
    float:left;
    background:url("../images/art_07.jpg")/*tpa=http://www.yunss.com/skin/images/art_07.jpg*/ no-repeat;
    color:#ff0000;
}
.part1 .hdp .flash .picbox {
    overflow:hidden;
    width:256px;
    position:relative;
    height:200px;
}
.part1 .hdp .flash .picbox div {
    margin-left: -4px;
    width: 100000px;
}
.part1 .hdp .flash .picbox dl {
    float:left;
    overflow: hidden;
    width:256px;
    position: relative;
    height:200px;
}
.part1 .hdp .flash .picbox dt {
    left: 0px;
    width:256px;
    position: absolute;
    top: 0px;
    height:200px
}
.part1 .mtbd {
    float:left;
    width:256px;
    height:322px;
    overflow:hidden;
}
.part2 {
    float:left;
    width:256px;
    height:32px;
    background:url("../images/part2bg.jpg")/*tpa=http://www.yunss.com/skin/images/part2bg.jpg*/ bottom no-repeat
}
.part2 span {
    float:left;
    width:239px;
    font-size:20px;
}
.part2 span a {
    color:#5c5c5c;
}
.part2 span a:hover {
    color:#da8600;
    text-decoration:none;
}
.part2 img {
    float:left;
    width:17px;
    height:17px;
    padding-top:5px;
}
.part3 {
    float:left;
    width:256px;
    padding-bottom:20px;
}
.part3 .zxal {
    float:left;
    width:120px;
    height:100px;
    text-align:center;
    overflow:hidden;
    padding:10px 4px 0px 4px;
}
.part3 .algg {
    float:left;
    width:16px;
    height:110px;
}
.part4 {
    float:left;
    width:256px;
    font-size:12px;
}
.part4 li {
    float:left;
    width:256px;
    height:14px;
    padding-top:15px;
    padding-bottom:5px;
    color:#868686;
}
.part4 span {
    float:left;
    width:100%;
}
.part4 span a {
    color:#5c5c5c;
}
.part4 span a:hover {
    color:#dd4250;
}
/*分页效果*/
.tg_pages {
    padding-top:20px;
    margin-bottom: 15px;
    text-align: center;
    clear: both
}
.tg_pages li {
    display: inline;
    line-height: 22px;
}
.tg_pages li a {
    margin-right: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 1px solid #CCC;
    background-color: #FFF;
}
.thisclass {
    font-weight: bold;
    color: #C00;
}
.leftnr {
    float:left;
    width:880;
    height:70px;
    background:url("../images/biaoqian.jpg")/*tpa=http://www.yunss.com/skin/images/biaoqian.jpg*/ no-repeat;
    margin-top:30px;
}
.leftnr .yuedu {
    float:left;
    width:53px;
    height:70px;
    color:#FFF;
    font-size:12px;
    padding-left:7px;
    padding-top:5px;
}
.leftnr .leftbt {
    float:left;
    width:820px;
    height:30px;
}
.leftnr .leftbt h1 {
    float:left;
    width:820px;
    height:30px;
    font-size:24px;
    text-align:center;
    color:#5c5c5c;
    font-weight:normal;
}
.leftnr .leftbt .zuozhe {
    float:left;
    width:820px;
    height:40px;
    font-size:12px;
    text-align:center;
    color:#5c5c5c;
}
.left_xx {
    float:left;
    width:830px;
    height:1px;
    margin-left:25px;
    margin-right:25px;
    border-bottom:1px dashed #ebebeb;
}
.left_content {
    float:left;
    width:830px;
    padding:0px 25px 20px 25px;
    line-height:26px;
    color:#5c5c5c;
    font-size:14px;
}
.left_content p {
    padding-top:20px;
}
.left_content .jianjie {
    float:left;
    font-size:12px;
    font-weight:bold;
    text-indent:2em;
    padding-top:20px;
}
.left_content .jianjie a {
    color:#5c5c5c;
}
.left_content .tag {
    float:left;
    font-size:12px;
    color:#868686;
}
.left_content .tag a {
    color:#5c5c5c;
}
.shangxiaye {
    float:left;
    width:830px;
    height:20px;
    padding:15px 25px 15px 25px;
    color:#5c5c5c;
}
.shangxiaye .pre {
    float:left;
    width:415px;
    height:20px;
}
.shangxiaye .pre span {
    font-weight:bold;
}
.shangxiaye .pre a {
    color:#5c5c5c;
}
.shangxiaye .pre a:hover {
    color:#da8600;
}
.shangxiaye .next {
    float:left;
    width:415px;
    height:20px;
}
.shangxiaye .next span {
    font-weight:bold;
}
.shangxiaye .next a {
    color:#5c5c5c;
}
.shangxiaye .next a:hover {
    color:#da8600;
}
.baidu {
    float:left;
    width:830px;
    padding:0px 25px 25px 25px;
}
/**首页下文章**/
.index_list{width:500px;float: left;height: auto;overflow:hidden;position: relative;padding-bottom: 20px;}
.index_list .more{position: absolute;right: 20px; bottom: 0;color: #dd4250;font-size: 16px;}
.index_list dt{text-align: center}
.index_list dd{margin: 0;
	       font-size: 26px;
	       font-weight: 100;
	       line-height: 40px;
	       height: 40px;
	       padding: 5px 0;
	       text-align: center;
	       color: #ccc;}
.index_line{height: 330px;border-left: 1px solid #ddd;float: left;margin:0 30px;}
.article_li{list-style: disc;color: #888888;}
.article_li li{padding: 0px;margin:20px; }
.article_li li a{color: #888888;font-size: 16px;font-weight: 100}
.article_li li span{float:right}

.logo_bottom{text-align: center;margin-top: 70px;margin-bottom: 82px;}
.nav_bottom{clear: both;overflow: hidden}
.nav_bottom ul{float: left;}

@media screen and  (min-width: 960px) {
    .nav_bottom ul{;margin: 0 50px 30px;}
    #web_link{width: 938px;}
}
/*右侧内容*/
@media screen and (min-width: 1180px) {
    .nav_bottom ul{;margin: 0 72px 30px;}
    #web_link{width: 1158px;}
}
*.nav_bottom ul{;margin: 0 65px 30px;}
*#web_link{width: 1158px;}
.nav_bottom ul:first-child{margin-left: 0}
.nav_bottom ul:last-child{margin-right: 0}

.nav_bottom ul li{line-height: 25px;font-weight: 100}
.nav_bottom ul li a{color:#888888;font-size: 14px;}
.nav_bottom ul li:first-child{color:#dd4250}

.copyright{text-align: center;font-size: 12px;color: #888888;line-height: 30px;}
#web_link{border: 1px solid #dbdbdb;line-height: 30px;margin: 20px 0;clear: both;height: 30px;font-size: 12px;font-weight: 100;padding-right: 20px;overflow: hidden}
#web_link ul{margin-left: -1px;overflow: hidden;}
#web_link li{padding: 0 10px;color: #888888;float: left;list-style: none;;margin-top: 8px;line-height: 13px;}
#web_link li.mylink{border-left: 1px solid #888888;	height: 14px;margin-top: 8px;line-height: 13px;margin-left: -1px;}
#web_link li a{color: #888888}
.bigwarp{
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 100px;
}
.title-index {
    font-size: 26px;
    font-weight: 100;
    text-align: center;
    color: #ccc;
}
.map_index_content {
    width: 1155px;
    /*padding: 0 5px;*/
    /*height: 1200px;*/
    text-align: center;
    margin: 0 auto;
}
.title-index {
    padding: 80px 0 60px;
}
.color-red {
    color: #dd4250;
}
.color-black {
    color: #000000;
}
.imgWarp {
    position: relative;
    width: 1145px;
    height: 1193px;
    margin: 0 auto;
    /*border: 1px solid red;*/
    background-image: url("../images/index_map.png")/*tpa=http://www.yunss.com/skin/images/index_map.png*/;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.imgWarp span {
    position: absolute;
    display: inline-block;
}
.imgWarp .fz16px {
    font-size: 16px;
}
.imgWarp .fz18{
    font-size: 18px;
    color: #000;
}
.imgWarp .fz12{
    font-size: 12px;
    color: #9a9a9a;
}
/* 成功案例菜单样式 */
.areas_ul {
    float: left;
}
/* 按列右对齐 2018年01月19日09:14:55 */
.areas_ul.success-menu {
    float: right;
    max-width: 150px;
    height: 210px;
    text-align: right;
}
.areas_ul.success-menu.first-success-menu {
    clear: both;
}
.areas_ul.success-menu li {
    float: none !important;
}
.areas_li {
    float: left !important;
}
.data-not-found {
    width: 100%;
    min-height: 500px;
    text-align: center;
    color: #ddd;
    line-height: 500px;
}
.omit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*
新增
 */
.animate-btn a.qq {
    background: url(../images/icons_40.png) no-repeat 0px 0px;
    box-shadow: 0 0 0 1px rgba(221,66,80,1);
}