body {
    font-size: 14px;
    font-family: microsoft yahei, verdana, simsun, sans-serif;
    margin: 0;
    padding: 0;
    color: #666;
    text-align: center;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-family: microsoft yahei, Lucida Grande, Lucida Sans Unicode, arial, sans-serif;
    margin: 0;
    padding: 0;
}

ul,
ol,
dl,
dd,
dt,
div,
p,
input,
li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: microsoft yahei, verdana, simsun, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

header,
section,
article,
figure,
footer {
    display: block;
}

em {
    font-style: normal;
    text-decoration: none;
}

img {
    border: 0;
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.color-blue {
    color: #009ddc;
}

.img_bord {
    border: 1px solid #ccc;
}

.wrap {
    word-break: break-all;
}

.font-family {
    font-family: microsoft yahei, sans-serif;
}

.clear {
    clear: both;
}

.l {
    float: left;
}

.center {
    text-align: center;
}

.r {
    float: right;
}

.line_middle {
    vertical-align: sub;
}

.text_indent {
    text-indent: 2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.middle {
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-indent {
    letter-spacing: 12px;
}

.hidden {
    display: none;
}

.show {
    display: block;
}

.delete_line {
    text-decoration: line-through;
}

.underline {
    text-decoration: underline;
}

.arial {
    font-family: arial, helvetica, sans-serif;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
    z-index: 9;
}

.com-width,
.max-width {
    max-width: 1182px;
    margin: 0 auto;
    overflow: hidden;
}

.price {
    font-size: 36px;
    color: #f00;
    font-weight: 600;
    font-family: georgia, tahoma;
}

/* top css */

.top {
    background: #f4f4f4 url(../images/index/cloud_baidu.jpg) no-repeat top center;
    background-size: cover;
}

.s-box-divs {
    background: #eee none repeat scroll 0% 0%;
    padding-top: 40px;
}
/*header css*/

/* header {
    padding: 20px 0;
    height: 40px;
    margin-bottom: -1px;
}

.logo img {
    margin-right: 30px;
}

.nav {
    margin-left: 150px;
}

.nav li {
    padding-top: 10px;
    /* line-height: 20px; */
    float: left;
}

.nav li a {
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
}

.nav li a:hover {
    color: #00c7ff;
} */

/*banner css*/

.ban-cont {
    width: 100%;
    height: 380px;
}

.ban-cont .cont-header {
    max-width: 1182px;
    margin: 0 auto;
    color: #fff;
    position: relative;
    text-align: center;
    padding-top: 5%;
}

.ban-cont .cont-header .ban-txt1 {
    font-size: 26px;
    letter-spacing: 2em;
    border: 1px solid #fff;
    border-radius: 35px;
    padding: 7px 0;
    max-width: 600px;
    margin: 0 auto;
}

.ban-cont .ban-txt1 span {
    letter-spacing: normal;
}

.ban-cont .cont-header .ban-img {
    margin: 30px 0 20px 0;
}

.ban-cont .cont-header .ban-txt2 {
    font-size: 24px;
}

.ban-mainTxt {
    line-height: 2;
    font-size: 64px;
}

.ban-mainTxt span {
    font-size: 65px;
    padding: 0 6px;
}


/*锚链接*/

.baidu-nav {
    background: #191919;
    width: 100%;
    top: 0;
    z-index: 999;
}

.baidu-nav .com-width {
    position: relative;
    max-width: 1182px;
    margin: 0 auto;
    text-align: left;
}

.baidu-nav ul {
    display: inline-block;
}

.baidu-nav li {
    line-height: 4.2;
    display: inline-block;
    position: relative;
}

.baidu-nav li a {
    color: #fff;
    font-family: simsun;
    display: block;
    padding: 0 20px;
    text-decoration: none;
}

.baidu-nav li:hover a {
    color: #4a6aff;
}

.baidu-nav .baidu-nav-hot a:before {
    content: "";
    height: 2px;
    width: 25%;
    background: #4a6aff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.baidu-nav .baidu-nav-hot a {
    color: #4a6aff;
}

.baidu-nav .buy-button {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    border: 0;
    outline: none;
    background: #4a6aff;
    width: 140px;
    line-height: 2.4;
    font-size: 14px;
    color: #fff;
}

.baidu-nav .buy-button:hover {
    background-color: rgba(74, 106, 255, .5);
}


/*banner.css*/
.banner-main-box {
    display: none;
    height: 100%;
}

.banner-main-show {
    display: block;
}
.banner-bg {
    position: relative;
}
.banner-bg {
    position: relative;
    overflow: hidden;
}
.com-width {
    max-width: 1182px;
    margin: 0 auto;
    overflow: hidden;
}
.logo img {
    margin-right: 30px;
}
.l {
    float: left;
}
.r {
    float: right;
}
.banner-bg {
    position: relative;
    overflow: hidden;
}

.banner .banner01 {
    background: url(../images/display/banner01.jpg) center no-repeat;
    background-size: cover;
}
.banner .banner02 {
    background: url(../images/display/banner02.jpg) center no-repeat;
    background-size: cover;
}
.banner .banner03 {
    background: url(../images/display/banner03.jpg) center no-repeat;
    background-size: cover;
}
.banner .banner04 {
    background: url(../images/display/banner04.jpg) center no-repeat;
    background-size: cover;
}
.banner .banner05 {
    background: url(../images/display/banner05.jpg) center no-repeat;
    background-size: cover;
}

.banner {
    position: relative;
    display: none;
    overflow: hidden;
    height: 600px;
}
.banner-show {
    display: block;
}
.banner .banner-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    float: none;
    width: 100%;
    height: 100%;
}
.banner1182 {
    position: relative;
    z-index: 2;
    max-width: 1182px;
    height: calc(100% - 50px);
    margin: 50px auto 0;
}
.banner-ul {
    position: absolute;
    z-index: 3;
    top: 70px;
    right: 0;
    overflow: hidden;
}
.banner-box {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-ul ul {
    float: right;
    width: 48px;
}
.banner1182 .banner-ul li {
    height: 48px;
    margin-bottom: 2px;
    background-color: rgba(238 , 238 , 238 , .2);
    cursor: pointer;
}

.banner-ul .li01 {
    background: url(../images/display/li01.png) center no-repeat;
}
.banner-ul .li02 {
    background: url(../images/display/li02.png) center no-repeat;
}
.banner-ul .li03 {
    background: url(../images/display/li03.png) center no-repeat;
}
.banner-ul .li04 {
    background: url(../images/display/li04.png) center no-repeat;
}
.banner-ul .li05 {
    background: url(../images/display/li05.png) center no-repeat;
}
.banner-ul .li01.li-hot {
    background: #fff url(../images/display/li01Hot.png) center no-repeat;
}
.banner-ul .li02.li-hot {
    background: #fff url(../images/display/li02Hot.png) center no-repeat;
}
.banner-ul .li03.li-hot {
    background: #fff url(../images/display/li03Hot.png) center no-repeat;
}
.banner-ul .li04.li-hot {
    background: #fff url(../images/display/li04Hot.png) center no-repeat;
}
.banner-ul .li05.li-hot {
    background: #fff url(../images/display/li05Hot.png) center no-repeat;
}

.banner-ann {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.banner-pc {
    width: 880px;
    margin: 0 auto;
}
.banner-pcmain {
    overflow: hidden;
}
.banner-mobil {
    margin-bottom: -20px;
}
.banner-wechat {
    margin-bottom: -20px;
}
.banner-app {
    margin-bottom: -20px;
}
.banner-webapp {
    margin-bottom: -20px;
}
.banner-pc img {
    width: 100%;
}


.banner-main > img {
    display: block;
}
.banner {
    height: 642px;
}
.banner-box {
    top: 20px;
}
/*##############################################*/
#boxlist .l {
    font: 30px/2.2 microsoft yahei;
    color: #333;
    float: left;
}
.infoTable .r {
    background: #eee;
    text-indent: 10px;
}

/*##############################################*/
/* .nav {
    margin-left: 150px;
}

.nav li {
    padding-top: 10px;
    float: left;
}

.nav li a {
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
}

.nav li a:hover {
    color: #00c7ff;
}
.banner-pc .banner-main {
    position: relative;
}
.banner-pc .banner-main:hover .industry-link {
    opacity: 1;

    filter: Alpha(opacity=1);
} */
/*案例预览*/
.industry-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0 , 0 , 0 , .3);
    filter: Alpha(opacity=0);
}
.banner-pc .banner-main {
    position: relative;
}
.banner-pc .banner-main:hover .industry-link {
    opacity: 1;

    filter: Alpha(opacity=1);
}
.industry-link a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50% , -50%);
       -moz-transform: translate(-50% , -50%);
        -ms-transform: translate(-50% , -50%);
         -o-transform: translate(-50% , -50%);
            transform: translate(-50% , -50%);
}
.banner-mobil .banner-main,
.banner-wechat .banner-main,
.banner-app .banner-main,
.banner-webapp .banner-main {
    position: relative;
    display: table;
    margin: 0 auto;
}
.banner-mobil .banner-main .industry-link,
.banner-wechat .banner-main .industry-link,
.banner-app .banner-main .industry-link,
.banner-webapp .banner-main .industry-link {
    top: 87px;
    left: 50%;
    width: 306px;
    height: 450px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
.banner-mobil .banner-main:hover .industry-link,
.banner-wechat .banner-main:hover .industry-link,
.banner-app .banner-main:hover .industry-link,
.banner-webapp .banner-main:hover .industry-link {
    opacity: 1;

    filter: Alpha(opacity=1);
}
.industry-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% , -50%);
       -moz-transform: translateX(-50% , -50%);
        -ms-transform: translate(-50% , -50%);
         -o-transform: translate(-50% , -50%);
            transform: translate(-50% , -50%);
}
.banner-pc .industry-link img {
    position: static;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}


.baidu-nav {
    background: #191919;
    width: 100%;
    top: 0;
    z-index: 999;
}

.baidu-nav .com-width {
    position: relative;
}

.baidu-nav ul {
    display: inline-block;
}

.baidu-nav li {
    display: inline-block;
    position: relative;
}

.baidu-nav li a {
    color: #fff;
    font-family: simsun;
    display: block;
    padding: 0 20px;
}

.baidu-nav li:hover a {
    color: #4a6aff;
}

.baidu-nav .baidu-nav-hot a:before {
    content: "";
    height: 2px;
    width: 25%;
    background: #4a6aff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.baidu-nav .baidu-nav-hot a {
    color: #4a6aff;
}

.baidu-nav .buy-button {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline-block;
    border: 0;
    outline: none;
    background: #4a6aff;
    width: 140px;
    font: 14px/34px simsun;
    color: #fff;
}

.baidu-nav .buy-button:hover {
    background-color: rgba(74, 106, 255, .5);
}
.baidu-nav .com-width {
    text-align: left;
}
.com-width {
    max-width: 1182px;
    margin: 0 auto;
}



/*共用*/

.s-package {
    overflow: hidden;
    max-width: 1182px;
    margin: 40px auto;
    background: #fff none repeat scroll 0% 0%;
}

.s-pk-title {
    margin-top: 30px;
    padding: 0 30px;
    font-size: 18px;
    text-align: left;
}

.s-pkul {
    overflow: hidden;
    padding: 0 30px;
}

.s-pkul li {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 23%;
    height: 122px;
    margin: 10px 20px 10px 0;
    padding: 20px 5px 20px 50px;
    border: 1px solid #ccc;
    text-align: left;
}

.s-pkul li .s-pkul-y1 {
    position: absolute;
    top: 25px;
    left: 15px;
    width: 20px;
    height: 17px;
    background: url(../images/y1.png) no-repeat scroll center center;
}

.s-pkul li .s-pkul-y2 {
    position: absolute;
    top: 25px;
    left: 15px;
    width: 17px;
    height: 17px;
    background: url(../images/y2.png) no-repeat scroll center center;
}

.s-pkul li .s-pkul-y3 {
    position: absolute;
    top: 25px;
    left: 15px;
    width: 20px;
    height: 18px;
    background: url(../images/y3.png) no-repeat scroll center center;
}

.s-pkul li .s-pkul-y4 {
    position: absolute;
    top: 25px;
    left: 15px;
    width: 20px;
    height: 18px;
    background: url(../images/y4.png) no-repeat scroll center center;
}

.s-pkul li:last-child {
    margin-right: 0;
}

.s-pkul li h31 {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.s-pkul li p1 {
    font-size: 14px;
    color: #666;
}

.s-pirce ul {
    overflow: hidden;
}

.s-pirce .s-pirce-first {
    font-size: 16px;
}

.s-pirce li {
    position: relative;
    float: left;
    margin-right: 30px;
}

.s-pirce label span {
    padding-left: 10px;
}

.s-pirce label font {
    font-size: 20px;
}

.s-pirce ul {
    overflow: hidden;
    padding: 0 30px;
}

.s-pirce li {
    position: relative;
    float: left;
    margin-right: 30px;
    padding: 45px 0;
}

.s-pirce .s-pirce-first {
    font-size: 18px;
}

.s-pirce label span {
    padding-left: 10px;
}

.s-pirce label font {
    font-size: 20px;
}

.s-pirce .s-pirce-last {
    float: right;
    width: 240px;
    margin-top: 35px;
    margin-right: 0;
    padding: 0;
}

.s-pirce .s-pirce-last .s-btn {
    display: block;
    width: 100%;
    padding: 10px 0;
    border: medium none;
    font-size: 16px;
    color: #fff;
}

.s-pirce label .original-price {
    margin-left: 15px;
    font-size: 14px;
    text-decoration: line-through;
    color: #999;
}

.s-box-divs {
    padding-top: 40px;
}

.s-pkul li .y1 {
    background: url(../images/display/y1.png) no-repeat scroll center center;
}

.s-pkul li .y2 {
    background: url(../images/display/y2.png) no-repeat scroll center center;
}

.s-pkul li .y3 {
    background: url(../images/display/y3.png) no-repeat scroll center center;
}

.s-pkul li .y4 {
    background: url(../images/display/y4.png) no-repeat scroll center center;
}
.s-pirce .s-pirce-last .s-btn {
    padding: 0;
    line-height: 2.6;
    outline: medium none;
    background: #108cee none repeat scroll 0% 0%;
}

.s-pirce .s-pirce-last .s-btn:hover {
    background: #108cee none repeat scroll 0% 0%;
}


/********/
.introduce-div {
    overflow: hidden;
    max-width: 1182px;
    margin: 60px auto;
    padding-bottom: 60px;
}

.intr-top {
    overflow: hidden;
}

.intr-top ul {
    float: left;
    overflow: hidden;
    border-left: 1px solid #ddd;
}

.intr-top .intr-hot {
    border-top: 2px solid #108cee;
    background: #fff none repeat scroll 0% 0%;
}

.intr-top li {
    float: left;
    box-sizing: border-box;
    width: 120px;
    height: 40px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 2.8;
    background: #f7f7f7 none repeat scroll 0% 0%;
}

.intr-box {
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
}

.intr-main {
    display: none;
    text-align: left;
}

.intr-main:nth-child(4) {
    padding: 30px;
}

.intr-main:nth-child(5) {
    padding: 30px;
}

.show {
    display: block;
}

.industry-tab > li {
    margin: 0 5px 10px;
}



/* 底部 */

/* footer,
.footer {
    overflow: hidden;
    background: #131a2c;
}

.footer {
    padding-top: 30px;
}

.footer-list {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #656973;
}

.footer-list li {
    float: left;
    color: #a6a7aa;
    margin-right: 42px;
}

.footer-list2 li {
    margin-right: 40px;
}

.footer-list li a {
    color: #a6a7aa;
}

.footer-list li a:hover,
.footer .center a:hover {
    text-decoration: underline;
}

.footer .center,
.footer .center a {
    color: #d6d6d6;
    padding: 30px 0;
}

.type-item .yuming-zhuji-jianzhan-title {
    font-weight: 600;
    
    color: #06c;
}

.type-item .yuming-zhuji-jianzhan-title a {
    color: #666;
    font-weight: 400;
}

.type-item02 .yuming-zhuji-jianzhan-title a {
    font-weight: 600;
   
    color: #06c;
}

.old-price {
    font-size: 16px;
    color: #666;
} */



/*选项卡下的模板*/

.model-list {
    clear: both;
    position: relative;
    margin-top: 34px;
}

#model-list ul {
    overflow: hidden;
    clear: both;
    width: 1182px;
}

#model-list ul li {
    display: block;
    float: left;
    width: 273px;
    margin-right: 30px;
    text-align: center;
}

#model-list li .show-model {
    overflow: hidden;
    clear: both;
    margin: 15px 0 10px;
    position: relative;
}

.show-img {
    clear: both;
    position: relative;

}

.show-img {
    clear: both;
    position: relative;

}

.show-img .myshow img {
    display: block;
    width: 260px;
}

.show-content {
    overflow: hidden;
    margin-top: 20px;
    text-align: center;
}

.show-img {
    overflow: visible ;
}

#model-list .pc-show {
    background: url(/design/images/V6_0827/boxshow_t260.png) no-repeat scroll left top;
    padding-top: 22px;
    height: 180px;
    overflow: hidden;
}

#temp_container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
}

.price {
    color: #c00;
    font-size: 16px;
}

#model-list ul {
    overflow: hidden;
    clear: both;
    width: 100%;
    max-width: 1182px;
}

#model-list ul li {
    display: block;
    float: left;
    width: 25%;
    text-align: center;
    margin: 0;
}

#model-list .show-model {
    overflow: hidden;
    clear: both;
    margin: 15px auto 10px;
    width: 91%;
}

#model-list .show-model .show-img {
    height: 270px;
    overflow: hidden ;
    border: 0 none;
    background: #f5f5f5 none repeat scroll 0% 0%;
}

.show-content .package-name {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 10px;
    color: #666;
}

.show-content .package-name span {
    color: #666;
}

.show-content .package-name .p-id {
    float: right;
}

.show-img a .mask {
    position: absolute;
    z-index: 2;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:  none repeat scroll 0% 0%;
    opacity: 0;
}

.myshow-k {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.show-img .mask img {
    width: auto;
    margin-top: 120px;
}

.show-img:hover .mask {
    opacity: 1;
    background: rgba(0, 0, 0, .3);
}

#model-list .wzhy {
    position: absolute;
    bottom: 122px;
    right: 0;
}

.show-img {
    border: 0 none;
    clear: both;
    position: relative;
    height: auto;
}

.show-img .myshow img {
    display: block;
    width: 100%;
}

.show-content {
    overflow: hidden;
    text-align: center;
    background: #fff none repeat scroll 0% 0%;
    margin: 0;
}

.show-content .right-content .btn_pre:hover {
    background: #222 none repeat scroll 0% 0%;
}

.package-price {
    clear: both;
    padding: 0 10px;
    height: 20px;
    margin: 5px 0;
}

.package-price .p_level {
    float: right;
}

.package-price .right-font {
    color: #f00;
    font-family: "verdana";
    font-weight: 400;
    font-size: 12px;
}

.show-img {
    overflow: visible ;
}

#model-list .pc-show {
    background: none repeat scroll 0% 0%;
    padding-top: 0;
    height: 270px;
    overflow: hidden;
}

#model-list {
    margin-top: 20px;
}

#model-list ul {
    overflow: hidden;
    clear: both;
}

.show-img {
    overflow: hidden;
    clear: both;
    position: relative;
    text-align: left;
    border: 1px solid #ddd;
    height: 300px;
}

.db-box {
    text-align: center;
}

.show-img .myshow {
    display: block;
    float: left;
    width: 100%;
}

.show-img .myshow img {
    display: block;
    min-height: 300px;
    border: 0 none;
}

.pageage-info {
    padding: 0 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    clear: both;
}

.package-button {
    overflow: hidden;
    padding-top: 10px;
}

.show-model .package-button a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    box-shadow: 0 0 0 0;
    opacity: .7;
}

.boxv6-button {
    font-size: 14px;
    color: #fff;
    border: 0 none;
    cursor: pointer;
    background: #cc0 none repeat scroll 0% 0%;
}

.show-model:hover .package-button a {
    color: #fff;
    opacity: 1;
}