body {
    font-size: 14px;
    font-family: microsoft yahei, verdana, simsun, sans-serif;
    margin: 0;
    padding: 0;
    color: #666;
	line-height: 1.5;
	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: 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/banner_02.jpg) no-repeat top center;
    background-size: cover;
    height: 600px;
	position: relative;
	text-align: center;
}
.top .title1{
	margin-top: 20px;
	animation:go-in 1s ease-in-out;
	
}
.top .title2{
	position: absolute;
	top: 400px;
	left: 36%;
	animation:go-in 1.2s ease-in-out;
}
.top .title3{
	position: absolute;
	top: 332px;
	left: 55.2%;
	animation:go-in 1.4s ease-in-out;
}


@-moz-keyframes go-in {
  0% {
	transform: translateY(-500px);
    opacity: 0;
  }
  100% {
	transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes go-in {
  0% {
	transform: translateY(-500px);
    opacity: 0;
  }
  100% {
	transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes go-in {
  0% {
	transform: translateY(-500px);
    opacity: 0;
  }
  100% {
	transform: translateY(0);
    opacity: 1;
  }
}
@keyframes go-in {
  0% {
	transform: translateY(-500px);
    opacity: 0;
  }
  100% {
	transform: translateY(0);
    opacity: 1;
  }
}

/*header css*/




/*锚链接*/

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

.baidu-nav .max-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;
}

.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);
}

/* design-type css*/

.design-type .type-item {
    width: 33.332%;
    float: left;
    text-align: center;
    padding-top: 40px;
}

.type-item .item-top {
    background: #ddd;
}

.type-item .item-top img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    transform: -o-translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.type-item .item-top span {
    position: relative;
    display: block;
    width: 100%;
    height: 94px;
}

.design-type .type-item .item-bottom {
    padding: 30px;
    background: #fff;
}

.type-item .item-bottom li {
    line-height: 2.2;
    font-size: 16px;
    color: #666;
}
.type-item .item-bottom ul li:nth-child(2){
	margin: 10px;
}


.type-item .item-bottom .item-price {
    color: #f00;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 10px;
}

.type-item .item-btn a {
    display: block;
    width: 80%;
    border: 1px solid transparent;
    margin: 0 auto;
    height: 45px;
    line-height: 2.5;
    color: #4c3ded;
    font-size: 18px;
}

.type-item .item-btn a:hover {
    color: #f00;
}

.design-type .type-item02 {
    padding-top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.design-type .type-item02 .item-top {
    background: url(../images/index/typeBanner.jpg) no-repeat center center;
    color: #fff;
    background-size: cover;
}



/* 说明 */

.design-txt {
    clear: both;
    text-align: center;
}

.design-txt .com-width {
    padding: 60px 0;
    background: url(../images/index/designTxt.png) no-repeat center center;
}

.design-txt h1 {
    font-size: 32px;
    color: #333;
    font-weight: 600;
    line-height: 2;
}

.design-txt p {
    font-size: 18px;
    color: #333;
    line-height: 2;
}

/* 购买流程 */

.process-buy .com-width {
    overflow: hidden;
    padding: 50px 0;
    text-align: center;
    color: #333;
}

.process-buy h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.process-buy p {
    font-size: 16px;
    line-height: 1.8;
}

.process-step {
    margin-top: 40px;
}

.process-step ul li {
    width: 33%;
    float: left;
}

.process-step .step-img {
    max-width: 110px;
    margin: 0 auto;
    height: 110px;
    border: 6px solid #764be7;
    border-radius: 50%;
    position: relative;
}

.process-step .step-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%);
    text-align: center;
}

.process-step .step-txt {
    line-height: 3;
    font-size: 18px;
    margin-top: 10px;
}

.process-step .step-txt span {
    color: #333;
    background: url(../images/index/step.png) no-repeat;
    padding-left: 78px;
    cursor: pointer;
}

.process-step .step-txt span:hover {
    color: #f00;
}

.process-step li:nth-of-type(2) span {
    color: #f00;
    background-position: 0 -26px;
}

.process-step li:nth-of-type(3) span {
    background-position: 0 -52px;
}

/* 您要建什么样的网站 */

.section {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

.section .sec {
    position: absolute;
}

.wow {
    width: 100%;
    height: 100%;
}

.sec img {
    width: 100%;
}

.sec_div {
    max-width: 1182px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}

.l-r {
    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.t-b {
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
         -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.cen {
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/*百度云建站*/

.baidu-bulid {
    color: #fff;
    height: 200px;
    text-align: center;
    background: url(../images/index/baidu-bulid_background.jpg);
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, -moz-linear-gradient(right, #4293ff 0%, #5240ff 100%);
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, -webkit-gradient(linear, right top, left bottom, color-stop(0%, #4293ff), color-stop(100%, #5240ff));
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, -webkit-linear-gradient(right, #4293ff 0%, #5240ff 100%);
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, -o-linear-gradient(right, #4293ff 0%, #5240ff 100%);
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, -ms-linear-gradient(right, #4293ff 0%, #5240ff 100%);
    background: url(../images/index/baidu_bulid_bg.png) no-repeat, linear-gradient(to left, #4293ff 0%, #5240ff 100%);
    background-size: cover;
}

.baidu-bulid h2 {
    font-size: 48px;
    font-weight: 600;
    padding: 40px 0 12px 0;
}

.baidu-bulid p {
    font-size: 24px;
    font-weight: 400;
}

/*百度云建站的优势*/

.baidu-advantage ul {
    text-align: center;
    margin-top: 36px;
    padding-bottom: 93px;
}

.baidu-advantage ul li {
    margin: 0 10px;
    vertical-align: middle;
    height: 211px;
    box-sizing: border-box;
    padding: 0 14px;
    border: 1px solid #4a6aff;
    display: inline-block;
    position: relative;
    width: calc((100% - 100px)/5);
}

.baidu-advantage ul li:nth-of-type(2n) {
    margin-top: 99px;
}

.baidu-advantage li div {
    position: absolute;
    width: 40%;
    background: #fff;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.baidu-advantage li h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin: 60px 0 20px;
}

.baidu-advantage li p {
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.baidu-advantage ul li:first-child {
    margin-left: 0;
}

.baidu-advantage ul li:last-child {
    margin-right: 0;
}

/*百度云建站的特点*/

.baidu-characteristic ul {
    width: 100%;
    margin: 55px 0 0;
    clear: both;
    overflow: hidden;
}

.baidu-characteristic ul li {
    float: left;
    overflow: hidden;
    margin-right: 15px;
    width: calc((100% - 45px)/3);
    margin-bottom: 15px;
    background: #fff;
    position: relative;
    cursor: pointer;
    padding: 30px 15px;
    box-sizing: border-box;
}

.baidu-characteristic ul li:nth-of-type(3n) {
    margin-right: 0;
}

.baidu-characteristic li .mk-icon {
    width: 100px;
    float: left;
    position: absolute;

}

.baidu-characteristic li .mk-content {
    width: calc(100% - 100px);
    float: right;
    text-align: left;
}

.baidu-characteristic .mk-content h3 {
    font-size: 20px;
    font-family: "Microsoft YaHei", "verdana";
    font-weight: 400;
		color: #333;
}

.baidu-characteristic .mk-content p {
    color: #666;
    margin-top: 10px;
}

/* 百度云六站合一建站系统 */
.sixweb{position: relative;padding-bottom: 50px;}
.sixweb h1{font-size: 30px;color: #333;padding: 85px 0 70px;text-align: center;} 
.sixweb .sections{position: relative;line-height: 1.8;}
.sixweb .sections .detailed{text-align: left;font-size: 14px;color: #666;position: relative;z-index: 2;}
.sixweb .sections .detailed h2{font-size: 20px;color: #000;}
.sixweb .sections .phone{position: absolute;}
.sixweb .sections .phone p{font-size: 20px;color: #0a72d9;margin-bottom: 25px;}

.sixweb .sections:nth-of-type(1){height: 400px;}
.sixweb .sections:nth-of-type(1) div:first-child{margin-top: 50px;margin-left: 150px;}
.sixweb .sections:nth-of-type(1) div:last-child{top: -45px;right: 0;}

.sixweb .sections:nth-of-type(2){height: 210px;}
.sixweb .sections:nth-of-type(2) div:first-child{margin-top: 30px;margin-left: 400px;}
.sixweb .sections:nth-of-type(2) div:last-child{top: -200px;left: -80px;}

.sixweb .sections:nth-of-type(3){height: 270px;}
.sixweb .sections:nth-of-type(3) div:first-child{margin-top: 80px;margin-left: 500px;}
.sixweb .sections:nth-of-type(3) div:last-child{top: -225px;right: -90px;}

.sixweb .sections:nth-of-type(4){height: 215px;}
.sixweb .sections:nth-of-type(4) div:first-child{margin-top: 30px;margin-left: 400px;}
.sixweb .sections:nth-of-type(4) div:last-child{top: -200px;left: -80px;}

.sixweb .sections:nth-of-type(5){height: 250px;}
.sixweb .sections:nth-of-type(5) div:first-child{margin-top: 80px;margin-left: 500px;}
.sixweb .sections:nth-of-type(5) div:last-child{top: -225px;right: -90px;}

.sixweb .sections:nth-of-type(6){height: 235px;}
.sixweb .sections:nth-of-type(6) div:first-child{margin-top: 30px;margin-left: 400px;}
.sixweb .sections:nth-of-type(6) div:last-child{top: -130px;left: 76px;}

/*百度云建站的本领*/

.baidu-ability {
    background: url(../images/index/baidu_ability_bg.jpg) no-repeat;
    background-size: cover;
}

.baidu-ability ul {
    text-align: center;
    padding: 40px 0 67px;
}

.baidu-bg li:nth-of-type(1) {
    background: url(../images/index/ability_bg_1.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(2) {
    background: url(../images/index/ability_bg_2.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(3) {
    background: url(../images/index/ability_bg_3.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(4) {
    background: url(../images/index/ability_bg_4.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(5) {
    background: url(../images/index/ability_bg_5.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(6) {
    background: url(../images/index/ability_bg_6.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(7) {
    background: url(../images/index/ability_bg_7.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(8) {
    background: url(../images/index/ability_bg_8.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(9) {
    background: url(../images/index/ability_bg_9.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(10) {
    background: url(../images/index/ability_bg_10.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(11) {
    background: url(../images/index/ability_bg_11.jpg) no-repeat;
}

.baidu-bg li:nth-of-type(12) {
    background: url(../images/index/ability_bg_12.jpg) no-repeat;
}

.baidu-ability li div {
    height: 100%;
}

.baidu-ability li:hover div {
    -webkit-transform: rotateY(360deg);
       -moz-transform: rotateY(360deg);
         -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
    background: url(../images/index/baidu-bulid_background.jpg);
    background: -moz-linear-gradient(135deg, rgba(66, 147, 255, 0.8) 0%, rgba(82, 64, 255, 0.8) 100%);
    background: -webkit-gradient(linear, right bottom, left top,
                color-stop(0%, rgba(66, 147, 255, 0.8)),
                color-stop(100%, rgba(82, 64, 255, 0.8)));
    background: -webkit-linear-gradient(135deg, rgba(66, 147, 255, 0.8) 0%, rgba(82, 64, 255, 0.8) 100%);
    background: -o-linear-gradient(135deg, rgba(66, 147, 255, 0.8) 0%, rgba(82, 64, 255, 0.8) 100%);
    background: -ms-linear-gradient(135deg, rgba(66, 147, 255, 0.8) 0%, rgba(82, 64, 255, 0.8) 100%);
    background: linear-gradient(-45deg, rgba(66, 147, 255, 0.8) 0%, rgba(82, 64, 255, 0.8) 100%);
}

.baidu-ability li {
    width: calc((100% - 65px)/6);
    height: 243px;
    background-size: cover;
    float: left;
    margin: 0 13px 13px 0;
}

.baidu-ability li:nth-of-type(6n) {
    margin-right: 0;
}

.baidu-ability li h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.baidu-ability li span {
    height: 68%;
    display: block;
    position: relative;
}

.baidu-ability li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

/*建站产品*/

.t-item {
    overflow: hidden;
}
.design-type {
    background: #f5f5f5;
    overflow: hidden;
}

.design-type .type-item {
    width: 33.3%;
    width: calc(100% / 3);
    vertical-align: bottom;
    box-sizing: border-box;
    
}

.design-type .type-item:last-child {
    border-left: none;
}

.design-type .type-item .item-bottom {
    padding: 30px 5px 42px;
    border: 2px solid #fff;
    border-right: 2px solid #f5f5f5;
}

.item-bottom .yuming-zhuji-jianzhan-title a {
    font-size: 14px;
}

.type-item .item-bottom .yuming-zhuji-jianzhan-title {
    font-size: 16px;
}

.type-item .item-bottom li {
    line-height: 1.7;
    letter-spacing: -0.5px;
}

.price {
    font-size: 26px;
}

.item-bottom ul {
    height: 297px;
}

.item-price {
    margin: 10px auto 25px;
    font-size: 14px;
}

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

.item-bottom .item-btn a {
    width: 40%;
    line-height: 2.7;
    font-size: 14px;
    text-align: center;
    height: auto;
    color: #666;
    border: 1px solid #ddd;
    display: inline-block;
}

.item-btn a:last-of-type {
    color: #fff;
    border: 1px solid #4a6aff;
    margin-left: 5%;
    background: #4a6aff;
}

.design-type .type-item .item-top {
    height: 170px;
    box-sizing: border-box;
    padding-top: 14px;
    border-right: 2px solid #f5f5f5;
}

.item-btn a:last-of-type:hover,
.industry-buy:hover,
.virtualhost-buy:hover {
    background: rgba(74, 106, 255, .8);
    color: #fff;
}

.type-item .item-top h3 {
    font-size: 24px;
    line-height: 1;
}

.t-item {
    margin: 50px 0 60px;
}

.type-item .item-top img:nth-of-type(2) {
    display: none;
}

.type-item02 .item-top img {
    display: none;
}

.type-item02 .item-top img:nth-of-type(2) {
    display: inline;
}

.design-type .type-item02 .item-top {
    border-right: 0;
    padding-top: 54px;
    height: 210px;
    background: url(../images/index/package_hover_bg.jpg) no-repeat center center;
    background-size: cover;
}

/* 海量模板 */
.newtitle>h2{font-size: 30px;color: #333;padding-top: 80px;text-align: center;}
.newtitle>p{font-size: 20px;color: #333;padding: 5px;text-align: center;}

.kuang{width: 100%;overflow: hidden;margin-top: 50px;background-color: #333;}
.moban { top: 190px; height: 530px; overflow: hidden;}
.moban_show li { width: 280px; height: 385px; overflow: hidden; float: left; margin: 60px 10px; padding: 10px; background:rgba(224, 224, 224, 1); -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s;}
.moban_show li:hover { box-shadow: 0 0 13px #000000; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2);}
.hImg { overflow: hidden; height: 100%; background: #fff;}
.showContent #left-content{text-align:center; margin-top:18px; float: none;}
.showContent #left-content .grayfont{width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:16px; color:#333; font-family:microsoft yahei;}


/* 案例效果 */
.flex{display: flex;flex-flow: wrap;justify-content: space-between;}
.case{background:-webkit-linear-gradient(135deg,rgb(146, 97, 237),rgb(101, 110, 255),rgb(135, 143, 248));color: #fff;}
.case_wuheyi {text-align:left;-webkit-size-text-adjust:none;padding: 50px 0;}
.case_wuheyi li{position:relative;border-top-left-radius: 5px;border-top-right-radius: 5px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-bottom:30px;display:inline-block;width:374px;width:-webkit-calc((100% - 100px) / 3);width:-moz-calc((100% - 100px) / 3);width:calc((100% - 100px) / 3);margin-right:50px;background:#fff;}
.case_wuheyi li:nth-of-type(3n){margin-right:0;}
.case_wuheyi .moban_image{position:relative;}
.case_wuheyi .moban_image .moban_pc{height:243px;border-bottom:1px solid #eeeeee;overflow:hidden;}
.case_wuheyi .moban_pc>img{width:100%;height:auto;}
.case_wuheyi .moban_phone{position:absolute;bottom:-21px;right:10px;z-index:2;padding-bottom: 10px;background: url(../images/customization/moban_shadow.png) no-repeat 50% 100%;background-size:100% auto;}
.case_wuheyi span{font-size:12px;display:block;line-height: 24px;}
.case_wuheyi .case_top span{width:4px;height:4px;border-radius:100%;background:#fff;display: inline-block;vertical-align: middle;margin-right:3px;margin-top: 8px;}
.case_wuheyi .case_top{padding-left:12px;background:#e4e4e4;height:20px;line-height:18px;}
.case_wuheyi .moban_price{color:#ff0000;font-family:Georgia;float:right;}
.case_wuheyi .moban_content span{width:100%;display:block;color:#888888;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:14px;font-family:"Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_wuheyi .moban_content .moban_name{color:#333333;font-size:16px;}
.case_wuheyi .moban_edition{float:right;}
.case_wuheyi .moban_sales font{color:#b57c5b;}
.case_wuheyi .moban_sales{text-align:center;line-height:35px;width:-moz-calc(100% - 184px);width:-webkit-calc(100% - 184px);width:calc(100% - 184px);float:left;}
.case_wuheyi .moban_content{float:left;padding:32px 10px 23px 20px;box-sizing:border-box;width:-moz-calc(100% - 102px);width:-webkit-calc(100% - 102px);width:calc(100% - 102px);}
.case_wuheyi .moban_content_mobile{display: none;}
.case_wuheyi .moban_use{-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s;line-height:35px;width:184px;border-left: 1px solid #eeeeee;font-size:12px;display:block;box-sizing:border-box;text-align:center;float:left;}
.case_wuheyi .moban_use:hover{background:rgba(255, 0, 0, 1);color:#fff;border-color:rgba(255, 0, 0, 1);}
.case_wuheyi .moban_buy{width:102px;float:right;padding: 45px 10px 0 0;box-sizing: border-box;text-align: right;}
.case_wuheyi .moban_buy a{display:inline-block;width:35px;height:35px;border:1px solid #d5d8e1;-o-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.case_wuheyi .moban_buy .case_preview{background:url(../images/customization/case_preview.png) no-repeat 50% 50%;}
.case_wuheyi .moban_buy .case_code{background:url(../images/customization/case_code.png) no-repeat 49% 49%;margin-left:10px;}
.case_wuheyi .moban_buy .case_preview:hover{background:#e83632 url(../images/customization/case_preview_hover.png) no-repeat 50% 50%;border:1px solid #eeeeee;}
.case_wuheyi .moban_buy .case_code:hover{background:#e83632 url(../images/customization/case_code_hover.png) no-repeat 49% 49%;border:1px solid #eeeeee;}
.case_wuheyi .moban_buy .case_code:hover .code_mask{z-index: 5;filter:alpha(opacity=100);opacity:1;}
.case_wuheyi .moban_buy .code_mask{-o-transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;filter:alpha(opacity=0);opacity:0;z-index:-1;box-sizing: border-box;padding-top:40px;clear:both;position: absolute;width: 100%;left: 0;top: 20px;height:270px;background:rgba(24,24,24,0.9);}
.case_wuheyi .moban_buy .code_mask:after{content:"";width:0;height:0;border-width:8px;border-color:rgba(24,24,24,0.9) transparent transparent transparent;position:absolute;bottom:-16px;border-style:solid;right: 22px;}
.case_wuheyi .moban_buy .code_mask img{width:130px;height:130px;display:inline-block;margin:15px 0;}
.case_wuheyi .code_mask div{text-align:center;float:left;width:50%;}
.case_wuheyi .code_mask h4,.case_wuheyi .code_mask p{font-weight: normal;font-size: 14px;color: #fff;font-family: "Noto Sans CJK SC Light","Source Han Sans CN Light","Microsoft Yahei";}
.case_wuheyi .code_mask h4 font{display:none;}
.case_wuheyi .moban_image:hover .preview_pc{filter:alpha(opacity=100);opacity: 1;}
.case_wuheyi .moban_image:hover .preview_phone{filter:alpha(opacity=100);opacity: 1;}
.case_wuheyi .preview_pc,.case_wuheyi .preview_phone{display: block;position: absolute;width:100%;height:100%;z-index:1;top:0;left:0;background: rgba(0,0,0,.6);filter:alpha(opacity=0);opacity: 0;-webkit-transition: all ease-in .2s;-moz-transition: all ease-in .2s;-o-transition: all ease-in .2s;transition: all ease-in .2s;}
.case_wuheyi .preview_pc img{left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.case_wuheyi .moban_icon{z-index:3;display:table;position:absolute;top:0;right:0;}
.case_wuheyi .moban_icon span{font-family:"Microsoft Yahei";font-size:12px;color:#f5f5fa;line-height:20px;padding:0 10px;display:block;float:left;}
.case_wuheyi .discount_icon{background:#ff5722;}
.case_wuheyi .wuheyi_icon{background:#2593ff;}
.case_wuheyi .industry_icon{background:#00b262;}

.case_wuheyi .viewPhone {overflow: hidden;border: 1px solid #bbb;border-radius: 12px;background: #f5f5f5;width: 95px;box-sizing: border-box;}
.case_wuheyi .viewTitle {text-align: center;}
.case_wuheyi .dian {height: 10px;overflow: hidden;}
.case_wuheyi .heng{text-align:center;margin-bottom:7px;}
.case_wuheyi .heng span {display:inline-block;height:1px;background:#d4d4d4;width:16px;}
.case_wuheyi .viewMain{width:82px;height:135px;border:1px solid #d4d4d4;margin:0 auto;position:relative;overflow:hidden;}
.case_wuheyi .viewMain img{width: 100%;height: auto;}
.case_wuheyi .quan {width: 14px;height: 14px;border: 1px solid #bbb;margin: 4px auto 5px;border-radius: 100%;}
.case_wuheyi .viewMain .preview_phone img{width:auto;left:50%;top:50%;position:absolute;-o-transform:translate(-50%,-50%);  -webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/* 实力保障 */
.shili{background-color: #f0eff4;padding-bottom: 120px;text-align: center;}
.shili ul{margin-top: 35px;}
.shili ul li{position: relative;width: 280px;height: 276px;}
.shili ul li p{font-size: 18px;color: #fff;padding: 15px 0;transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;
    width: 100%;background-color: rgba(0,0,0,0.5);
		}


/*购买流程*/

.process-step .step-img {
    border-color: #4a6aff;
}
.process-step li{
	position: relative;
}
.process-step .jian:after{
	content: '';
	background: url(../images/index/jian.png) no-repeat center;
	position: absolute;
	top: 43px;
  left: 304px;
  width: 152px;
  height: 24px;
}




.process-buy .com-width {
    padding: 22px 0 87px;
}

/*模板列表*/

.templatelist-bg {
    background: #f5f5f5;
    padding: 18px 0 58px;
}

#templatelist .changeColor {
    text-align: center;
    overflow: hidden;
    margin: 30px auto;
    margin-bottom: 0;
}

#templatelist .changeColor a {
    display: inline-block;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    margin: 0 10px;
    opacity: .8;
    filter: Alpha(opacity=80);
}

#templatelist .changeColor .a1 {
    background: #f00;
}

#templatelist .changeColor .a2 {
    background: #f90;
}

#templatelist .changeColor .a3 {
    background: #fc0;
}

#templatelist .changeColor .a4 {
    background: #060;
}

#templatelist .changeColor .a5 {
    background: #0cf;
}

#templatelist .changeColor .a6 {
    background: #000;
}

#templatelist .changeColor .a7 {
    background: #999;
}

#templatelist .changeColor .a8 {
    background: url(../images/index/c.png) no-repeat center;
}

#templatelist .changeColor a:hover {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.showall-btn {
    display: block;
    width: 460px;
    height: 56px;
    background: #fff;
    color: #333;
    border: 1px solid #999;
    box-sizing: border-box;
    margin: 0 auto;
    font: 16px/3.5 microsoft yahei;
    text-align: center;
}

.showall-btn:hover {
    background: #c00;
    color: #fff;
    border: 1px solid #c00;
}

.moban {
    top: 190px;
    height: 530px;
    overflow: hidden;
}

.moban-show li {
    width: 280px;
    height: 385px;
    overflow: hidden;
    float: left;
    margin: 60px 10px;
    padding: 10px;
    background: rgba(224, 224, 224, 1);
    -webkit-transition: scale .3s linear 0s;
       -moz-transition: scale .3s linear 0s;
         -o-transition: scale .3s linear 0s;
            transition: scale .3s linear 0s;
}

.moban-show li:hover {
    box-shadow: 0 0 13px #000;
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}

.h-img {
    overflow: hidden;
    height: 100%;
    background: #fff;
}

.show-content #left-content {
    text-align: center;
    margin-top: 18px;
    float: none;
}

.show-content #left-content .grayfont {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
    font-family: microsoft yahei;
}

#owl-demo {
    display: none;
}

.section2 {
    height: 690px;
    width: 100%;
    background: #ff6571 url(/design/h5custom/images/sec2_bg.jpg) center top no-repeat;
    background-size: cover;
}

.sec2_img01 {
    left: 50%;
    top: 35px;
}

.sec2_txt01 {
    font-size: 32px;
    color: #fff;
    width: 100%;
    top: 65px;
    line-height: 1.2;
}

.sec2_txt02 {
    font-size: 16px;
    color: #fff;
    width: 100%;
    top: 146px;
}

.sec2_txt03 {
    font-size: 16px;
    color: #fff000;
    width: 100%;
    top: 175px;
    font-weight: 700;
}

.sec2_div {
    max-width: 1180px;
    height: 425px;
    margin: 0 auto;
    position: relative;
    top: 228px;
}

.sec2_div00 {
    height: 200px;
    background: #fff;
    /* -webkit-transition: all .2s linear;
            transition: all .2s linear; */
}

.sec2_div00:hover {
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
}

.sec2_div01 {
    left: 0;
    top: 0;
    width: 32%;
}

.sec2_div02 {
    left: 50%;
    top: 0;
    width: 32%;
}

.sec2_div03 {
    right: 0;
    top: 0;
    width: 32%;
}

.sec2_div04 {
    left: 0;
    bottom: 0;
    width: 32%;
}

.sec2_div05 {
    left: 50%;
    bottom: 0;
    width: 32%;
}

.sec2_div06 {
    right: 0;
    bottom: 0;
    width: 32%;
}

.sec2_left {
    float: left;
    width: 35%;
    height: 100%;
    position: relative;
}

.sec2_right {
    float: right;
    width: 60%;
    margin-right: 5%;
    margin-top: 40px;
    text-align: left;
    line-height: 1.8;
}

.sec2_left {
    float: left;
    width: 35%;
    height: 100%;
    position: relative;
}

.sec2_title {
    font-size: 24px;
}

.sec2_introduce {
    font-size: 16px;
    color: #666;
    line-height: 1.4;
}

.sec2_div00_color {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
}

.sec2_div01_color {
    background: #41c2bd;
}

.sec2_div02_color {
    background: #28aae1;
}

.sec2_div03_color {
    background: #e25050;
}

.sec2_div04_color {
    background: #e8783e;
}

.sec2_div05_color {
    background: #884ec3;
}

.sec2_div06_color {
    background: #3ea957;
}

.section3 {
    height: 120px;
    width: 100%;
    background: #333;
}

.sec3_img01 {
    left: 50%;
    top: 10px;
    width: 90%;
}

.sec3_txt {
    font-size: 32px;
    color: #fff;
    width: 100%;
    left: 50%;
    top: 32px;
}

.sec3_div {
    width: 175px;
    height: 40px;
    /* line-height: 40px; */
    left: 50%;
    bottom: 32px;
}

.sec3_div a {
    background: #c00;
    color: #fff;
    display: block;
    font-size: 16px;
}

.sec3_div a:hover {
    color: #fff;
}

.section4 {
    height: 660px;
    width: 100%;
    background: url(/design/h5custom/images/sec4_bg.jpg) center top no-repeat;
    background-size: cover;
}

.sec4_img01 {
    left: 50%;
    top: 35px;
}

.sec4_txt01 {
    font-size: 32px;
    color: #fff;
    left: 50%;
    top: 65px;
    line-height: 1.2;
}

.sec4_txt02 {
    color: #fff000;
    font-size: 16px;
    max-width: 500px;
    left: 50%;
    top: 140px;
}

.sec4_txt03 {
    max-width: 850px;
    text-align: left;
    left: 50%;
    top: 205px;
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

.sec4_img02 {
    right: 20%;
    bottom: 185px;
}

.sec4_img03 {
    bottom: 65px;
    left: 23%;
}

.section5 {
    height: 700px;
    width: 100%;
    background: url(/design/h5custom/images/sec5_bg.jpg) center top no-repeat;
    background-size: cover;
}

.sec5_img01 {
    left: 50%;
    top: 35px;
}

.sec5_txt01 {
    left: 50%;
    top: 68px;
    font-size: 32px;
    color: #fff;
    line-height: 1.2;
}

.sec5_img02 {
    left: 100px;
    top: 160px;
}

.sec5_div {
    right: 80px;
    top: 175px;
    max-width: 660px;
    text-align: left;
}

.sec5_li {
    margin-bottom: 10px;
}

.sec5_title {
    background: #fff;
    height: 40px;
    line-height: 2.85;
    color: #666;
    font-size: 14px;
    padding-left: 30px;
    cursor: pointer;
}

.sec5_introduce {
    background: #e5e5e5;
    height: 275px;
    display: none;
}

.sec5_main {
    width: 95%;
    margin: 0 auto;
}

.sec5_main01 {
    float: left;
    width: 50%;
    margin: 13px auto;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    text-align: center;
    margin-top: 43px;
}

.sec5_main01 p {
    color: #c76c6c;
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
}

.sec5_main01 img {
    width: 60%;
}

.sec5_main02 {
    float: left;
    width: 50%;
    margin: 13px auto;
    text-align: center;
    padding-top: 43px;
}

.sec5_main02 p {
    color: #58a4b2;
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
}

.sec5_main02 img {
    width: 60%;
}

.sec5_main03 {
    width: 100%;
    margin: 0 auto;
}

.sec5_main04 {
    width: 89%;
    padding-top: 3px;
    margin: 0 auto;
}

.sec5_main05 {
    width: 90%;
    padding-top: 3px;
    margin: 0 auto;
}

.section6 {
    height: 2175px;
    width: 100%;
    background: #f35c6e;
}

.sec6_img01 {
    left: 50%;
    top: 35px;
}

.sec6_txt01 {
    left: 50%;
    top: 68px;
    font-size: 32px;
    color: #fff;
    line-height: 1.2;
}

.sec6_img02_1 {
    top: 180px;
}

.sec6_img03_1 {
    top: 424px;
}

.sec6_img02_2 {
    top: 669px;
}

.sec6_img03_2 {
    top: 913px;
}

.sec6_img02_3 {
    top: 1158px;
}

.sec6_img03_3 {
    top: 1402px;
}

.sec6_img02_4 {
    top: 1647px;
}

.sec6_img03_4 {
    top: 1891px;
}

.sec6_img04 {
    top: 235px;
    left: 70px;
}

.sec6_img05 {
    top: 470px;
    right: 170px;
}

.sec6_img06 {
    top: 690px;
    left: 125px;
}

.sec6_img07 {
    top: 900px;
    right: 120px;
}

.sec6_img08 {
    top: 1170px;
    left: 80px;
}

.sec6_img09 {
    top: 1415px;
    right: 50px;
}

.sec6_img10 {
    top: 1690px;
    left: 50px;
}

.sec6_img11 {
    top: 1925px;
    right: 50px;
}

.sec6_text00 {
    max-width: 660px;
    height: 180px;
}

.sec6_left {
    float: left;
    width: 20%;
    height: 180px;
}

.sec_number {
    font-size: 110px;
    float: right;
    margin-right: 10px;
    line-height: 1;
    font: "Arial";
    font-weight: 700;
    color: #f35c6e;
}

.sec6_right {
    float: left;
    text-align: left;
    width: 80%;
    margin-top: 35px;
}

.sec6_title {
    font-size: 24px;
    color: #fff000;
    line-height: 2;
}

.sec6_introduce {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
}

.sec6_text01 {
    top: 230px;
    right: 50px;
}

.sec6_text02 {
    top: 470px;
    left: 0;
}

.sec6_text03 {
    top: 705px;
    right: 50px;
}

.sec6_text04 {
    top: 950px;
    left: 0;
}

.sec6_text05 {
    top: 1200px;
    right: 30px;
}

.sec6_text06 {
    top: 1440px;
    left: 0;
}

.sec6_text07 {
    top: 1690px;
    right: 35px;
}

.sec6_text08 {
    top: 1925px;
    left: 0;
}

/* 常见问题解答 */

.advantage .questions {
    overflow: hidden;
    padding: 5px 0 45px;
}

.advantage h2 {
    font-size: 36px;
    font-weight: 200;
    padding-bottom: 30px;
    color: #333;
}

.advantage .question-cont li {
    overflow: hidden;
    padding-bottom: 15px;
    text-align: left;
}

.advantage .question-cont h5 {
    font-size: 18px;
    line-height: 1.9;
    color: #333;
    padding-left: 38px;
}

.advantage .question-cont p {
    font-size: 18px;
    color: #666;
    padding: 10px 0 10px 40px;
    line-height: 1.6;
}



/*20171212*/

.max-width {
    max-width: 1182px;
    margin: 0 auto;
}

/*你需要建什么样的网站？*/

.baiducloud-title {
    text-align: center;
    overflow: visible;
    display: table;
    width: 1182px;
    margin-left: auto;
    margin-right: auto;
}

.baiducloud-title > h2 {
    font-size: 30px;
    color: #333;
    padding-top: 50px;
}

.baiducloud-title-color > h2 {
    color: #fff;
}

.baiducloud-title > p {
    color: #666;
    font-size: 16px;
    margin: 22px 0 7px;
}

.baiducloud-title > span {
    color: #ff4800;
    font-size: 16px;
}

.what-web .baiducloud-content {
    text-align: center;
    padding: 60px 0 57px;
}

.what-web .baiducloud-content > div {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    z-index: -1;
}

.baiducloud-content > div p {
    color: #333;
    font-size: 30px;
    position: absolute;
    width: 100%;
    top: 45px;
    margin-left: -10px;
}

.what-web .baiducloud-content ul {
    float: right;
    width: calc((100% - 600px)/2);
}

.what-web .baiducloud-content ul:first-child {
    float: left;
}

.what-web .baiducloud-content li {
    clear: both;
    overflow: hidden;
    height: 90px;
}

.what-web .baiducloud-content li:nth-of-type(2) {
    margin: 40px 0;
}

.baiducloud-content li h3 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.95;
}

.baiducloud-content li p {
    max-width: 182px;
    font: 14px/1.8 simsun;
    color: #666;
}

.baiducloud-content li span {
    display: block;
    width: 70px;
    height: 100%;
    float: left;
    position: relative;
}

.baiducloud-content li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.baiducloud-content li div {
    float: left;
    width: calc(100% - 70px);
}

.what-web-left {
    text-align: right;
}

.what-web-left p {
    float: right;
}

.what-web-right {
    text-align: left;
}

.what-web-right p {
    text-align: left;
}



/*百度云虚拟主机+建站宝盒 行业预约版*/

.baidu-industry h2 {
    padding-bottom: 66px;
    /* line-height: 45px; */
    padding-bottom: 45px;
    color: #fff;
}

.industry-package {
    width: 390px;
    background: #fff;
    text-align: center;
    padding: 40px 10px 30px 30px;
    box-sizing: border-box;
    float: right;
}

.industry-select {
    width: -webkit-calc(100% - 410px);
    width: -moz-calc(100% - 410px);
    width: calc(100% - 410px);
    background: #fff;
    text-align: left;
    padding: 40px 30px 25px 30px;
    box-sizing: border-box;
    float: left;
}

.baidu-industry h3 {
    color: #333;
    font: 24px/1 microsoft yahei;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.industry-package p {
    line-height: 2.5;
    color: #666;
    font-size: 16px;
}

.industry-package p font {
    color: #1766cc;
    font-size: 16px;
}

.industry-package font a {
    color: inherit;
    font-size: inherit;
}

.industry-package span {
    display: block;
    color: #666;
    font-size: 14px;
    margin: 5px 0 20px;
}

.industry-package span font {
    color: #ff0508;
    font: 600 36px Georgia;
}

.industry-package span .original-price {
    text-decoration: line-through;
    color: #999;
    margin-left: 15px;
    font: 400 14px microsoft yahei;
}

.industry-package > a {
    font-size: 14px;
    display: inline-block;
    width: 114px;
    line-height: 2.85;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #ddd;
}

.industry-buy {
    color: #fff;
    background: #4a6aff;
    border: 1px solid transparent;
    margin-left: 10px;
}

.industry_datail {
    color: #666;
    border: 1px solid #ddd;
}

.industry-select ul {
    float: left;
    text-align: left;
    padding: 20px 0;
}

.industry-select li {
    background: none;
    margin: 0 20px 20px 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: calc((100% - 40px)/3);
    height: 78px;
}

.industry-select li:nth-of-type(3n) {
    margin-right: 0;
}

.industry-select li:hover {
    border: 1px solid #108cee;
}

.industry-select li:hover span {
    color: #108cee;
}

.industry-select .hot span {
    color: #108cee;
}

.industry-select .hot {
    border: 1px solid #108cee;
}

.industry-select li div {
    height: 100%;
    width: 65px;
    float: left;
    /* -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s; */
}

.industry-select li span {
    text-align: center;
    font-size: 14px;
    /* -webkit-transition: all .3s;
       -moz-transition: all .3s; 
         -o-transition: all .3s;
            transition: all .3s; */
    line-height: 5.4;
    width: calc(100% - 65px);
    height: auto;
    float: left;
}

.industry-select li:hover div {
    -webkit-transition: rotateY 0s;
       -moz-transition: rotateY 0s;
         -o-transition: rotateY 0s;
            transition: rotateY 0s;
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.industry-select li:nth-of-type(1) div {
    background: url(../images/index/industry_1.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(2) div {
    background: url(../images/index/industry_2.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(3) div {
    background: url(../images/index/industry_3.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(4) div {
    background: url(../images/index/industry_4.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(5) div {
    background: url(../images/index/industry_5.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(6) div {
    background: url(../images/index/industry_6.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(7) div {
    background: url(../images/index/industry_7.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(8) div {
    background: url(../images/index/industry_8.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(9) div {
    background: url(../images/index/industry_9.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(10) div {
    background: url(../images/index/industry_10.png) no-repeat 100% 50%;
}

/* 
.industry-select li:nth-of-type(1):hover div {
    background: url(../images/index/industry_hover_1.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(2):hover div {
    background: url(../images/index/industry_hover_2.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(3):hover div {
    background: url(../images/index/industry_hover_3.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(4):hover div {
    background: url(../images/index/industry_hover_4.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(5):hover div {
    background: url(../images/index/industry_hover_5.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(6):hover div {
    background: url(../images/index/industry_hover_6.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(7):hover div {
    background: url(../images/index/industry_hover_7.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(8):hover div {
    background: url(../images/index/industry_hover_8.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(9):hover div {
    background: url(../images/index/industry_hover_9.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(10):hover div {
    background: url(../images/index/industry_hover_10.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(1).hot div {
    background: url(../images/index/industry_hover_1.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(2).hot div {
    background: url(../images/index/industry_hover_2.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(3).hot div {
    background: url(../images/index/industry_hover_3.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(4).hot div {
    background: url(../images/index/industry_hover_4.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(5).hot div {
    background: url(../images/index/industry_hover_5.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(6).hot div {
    background: url(../images/index/industry_hover_6.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(7).hot div {
    background: url(../images/index/industry_hover_7.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(8).hot div {
    background: url(../images/index/industry_hover_8.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(9).hot div {
    background: url(../images/index/industry_hover_9.png) no-repeat 100% 50%;
}

.industry-select li:nth-of-type(10).hot div {
    background: url(../images/index/industry_hover_10.png) no-repeat 100% 50%;
} */

.baidu-industry {
    padding-bottom: 87px;
}

/*百度云虚拟主机*/

.virtualhost {
    background: #f5f5f5;
}

.virtualhost ul {
    padding: 62px 0 87px;
    text-align: center;
}

.virtualhost li {
    margin-right: 22px;
    padding-bottom: 50px;
    background: #fff;
    display: inline-block;
    width: calc((100% - 55px)/3);
}

.virtualhost li:nth-of-type(3) {
    margin-right: 0;
}

.virtualhost li div {
    /* -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s; */
    height: 123px;
    background: #ddd;
    text-align: center;
}

.virtualhost div h3 {
    color: #666;
    font-size: 24px;
    line-height: 1;
    padding: 40px 0 15px;
}

.virtualhost div p {
    color: #666;
    font: 14px/1 microsoft yahei;
}

.virtualhost p span {
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    font-family: simsun;
    display: block;
}

.virtualhost span font {
    margin-bottom: 7px;
    color: #000;
    font-size: 18px;
    font-family: microsoft yahei;
    display: block;
}

.virtualhost a {
    font-size: 14px;
    display: inline-block;
    width: 114px;
    line-height: 2.85;
    box-sizing: border-box;
    text-align: center;
}

.virtualhost-buy {
    color: #fff;
    background: #4a6aff;
    border: 1px solid transparent;
    margin-left: 10px;
}

.virtualhost-datail {
    color: #666;
    border: 1px solid #ddd;
}

.virtualhost li > span {
    margin-top: 30px;
    display: block;
    color: #666;
    font-size: 14px;
    margin-bottom: 30px;
}

.virtualhost .hot div {
    background: url(../images/index/virtualhost_hover.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.virtualhost .hot h3 {
    color: #fff;
}

.virtualhost .hot p {
    color: #fff;
}

.baidu-industry h2 font {
    display: none;
}

.virtualhost .priceshow font {
    display: initial;
    color: #ff0508;
    font: 600 30px Georgia;
}

.design-type .type-item02 .item-bottom {
    border: 2px solid #108cee;
}

/*定制建站*/

.customization ul {
    clear: both;
    overflow: hidden;
}

.customization li {
    vertical-align: top;
}

.customization li div {
    height: auto;
}

.customization div h3 {
    padding: 0;
    line-height: 4.5;
}

.customization li p {
    color: #666;
    font: 14px/2 simsun;
}

.customization li .customization-text {
    height: 252px;
    background: #fff;
    margin-top: 40px;
}

.customization .hot p {
    color: #666;
}

.virtualhost li > span {
    margin-top: 18px;
}

@media screen and (max-width:1680px) {
	.top .title2{left: 34%;}
	.top .title3{left: 56%;}
}
@media screen and (max-width:1440px) {
	.top .title2{left: 31.5%;}
	.top .title3{left: 57%;}
}




@media screen and (max-width:1182px) {
    .baiducloud-title {
        width: 94%;
        margin: 0 auto;
    }
    .sec4_img02 {
        display: none;
    }
    .advantage .questions {
        margin: auto 15px;
    }
    .footer-list li {
        line-height: 1.8;
    }
    .footer {
        padding-top: 0;
    }
    .footer-list {
        margin: auto 15px;
    }
    .footer .center,
    .footer .center a {
        line-height: 1.6;
    }
    /*20171213*/
    .max-width {
        width: 94%;
    }
    .com-width {
        width: 94%;
    }
    .baidu-characteristic .mk-icon {
        width: 70px;
    }
    .baidu-characteristic .mk-content {
        width: calc(100% - 70px);
    }
    .baidu-characteristic ul li {
        padding: 30px 15px 30px 0;
    }

    /*20171215*/
    .design-type .type-item {
        padding: 0;
    }
    .item-bottom ul {
        height: 360px;
    }
    .industry-select li div {
        width: 45px;
    }
    .industry-select li span {
        width: calc(100% - 45px);
    }
    .virtualhost li {
        width: 31%;
        margin-right: 2%;
    }
    .virtualhost li:nth-of-type(3) {
        margin-right: 0;
    }
}

@media screen and (max-width:1024px) {
    .sec4_img02 {
        display: none;
    }
    .advantage .questions {
        margin: auto 15px;
    }
    .footer-list li {
        line-height: 1.8;
    }
    .footer {
        padding-top: 0;
    }
    .footer-list {
        margin: auto 15px;
    }
    .footer .center,
    .footer .center a {
        line-height: 1.6;
    }
    /*20171213*/
    .what-web .baiducloud-content > div {
        width: 50%;
    }
    .baiducloud-content > div img {
        width: 100%;
    }
    .baiducloud-content > div p {
        top: 30px;
        font-size: 22px;
    }
    .what-web .baiducloud-content {
        position: relative;
    }
    .what-web .baiducloud-content ul {
        position: absolute;
        width: 30%;
        right: 0;
    }
    .what-web .baiducloud-content ul:first-child {
        left: 0;
    }
    .what-web .baiducloud-content li:nth-of-type(2) {
        margin: 20px 0;
    }
    .what-web .baiducloud-content {
        margin-top: 20px;
        padding: 20px 0 20px;
    }
    .what-web .baiducloud-content > div {
        margin: 50px 50px;
    }
    .baidu-advantage ul {
        margin-top: 10px;
        padding-bottom: 50px;
    }
    .baidu-advantage ul li {
        height: 190px;
        width: calc((100% - 40px)/5);
        margin: 0 5px;
        padding: 0 10px;
    }
    .baidu-advantage ul h3 {
        margin: 45px 0 10px;
        font-size: 14px;
    }
    .baidu-advantage ul p {
        font-size: 12px;
    }
    .baidu-ability li {
        width: 15.5%;
        margin: 0 1.4% 1.4% 0;
        height: 200px;
    }
    .baidu-ability li h3 {
        font-size: 15px;
    }
    .baidu-characteristic ul .mk-icon {
        height: 45%;
        width: 100%;
        position: relative;
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
             -o-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    .baidu-characteristic .mk-icon img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .baidu-characteristic ul .mk-content {
        width: 100%;
        text-align: center;
    }
    .baidu-characteristic ul li {
        padding: 10px;
        height: 170px;
    }
    .baidu-promotion {
        height: 150px;
    }
    .ban-cont {
        height: 310px;
    }
    .ban-maintxt {
        font-size: 44px;
    }
    .ban-cont .cont-header .ban-txt2 {
        font-size: 22px;
    }
    .baidu-nav {
        display: none;
    }
    .design-type .type-item .item-top {
        padding: 20px 0;
    }
    .type-item .item-top h3 {
        font-size: 14px;
        line-height: 1.7;
    }
    .type-item .item-bottom ul {
        height: 430px;
    }
    .design-type .type-item .item-bottom {
        padding: 20px 5px 20px;
    }
    .item-btn a {
        width: 46%;
        font-size: 12px;
    }
    .owl-carousel .owl-wrapper:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    /* display none until init*/
    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }
    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    .owl-carousel .owl-wrapper-outer.autoHeight {
        -webkit-transition: height 500ms ease-in-out;
           -moz-transition: height 500ms ease-in-out;
             -o-transition: height 500ms ease-in-out;
                transition: height 500ms ease-in-out;
    }
    .owl-carousel .owl-item {
        float: left;
    }
    .owl-controls .owl-page,
    .owl-controls .owl-buttons div {
        cursor: pointer;
    }
    .owl-controls {
        -webkit-user-select: none;
        -khtml-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    /* mouse grab icon*/
    .grabbing {
        cursor: url(../images/index/grabbing.png) 8 8, move;
    }
    /* fix*/
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center;
    }
    /* Styling Next and Prev buttons*/
    .owl-theme .owl-buttons div {
        color: #fff;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver*/
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: .5;
    }
    /* Clickable class fix problem with hover on touch devices*/
    /* Use it for non-touch hover action*/
    .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }
    /* Styling Pagination*/
    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver*/
    }
    .owl-theme .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: .5;
        border-radius: 20px;
        background: #869791;
    }
    .owl-page.active span,
    .owl-controls.clickable .owl-page:hover span {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
    }
    /* If PaginationNumbers is true*/
    .owl-page .owl-numbers {
        height: auto;
        width: auto;
        color: #fff;
        padding: 2px 10px;
        font-size: 12px;
        border-radius: 30px;
    }
    /* preloading images*/
    .owl-item.loading {
        min-height: 150px;
        background: url(../images/index/AjaxLoader.gif) no-repeat center center;
    }
    #owl-demo .item {
        margin: 3px;
    }
    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    .moban {
        height: 370px;
        margin: 20px 0;
    }
    .moban div {
        height: 100%;
    }
    #owl-demo .item {
        width: 85%;
        padding: 10px;
        margin: 0 auto;
        box-sizing: border-box;
        background: rgba(224, 224, 224, 1);
    }
    .owl-item a {
        display: block;
        height: 100%;
        overflow: hidden;
    }
    .industry-package {
        width: 47%;
        margin-left: 2%;
    }
    .industry-select {
        width: 51%;
        padding: 40px 30px 21px 30px;
    }
    .industry-select ul {
        padding: 0;
    }
    .industry-select li {
        width: 49%;
        margin: 0 2% 2% 0;
        height: 74px;
    }
    .industry-select li span {
        line-height: 3.5;
    }
    .industry-select li:nth-of-type(3n) {
        margin-right: 2%;
    }
    .industry-select li:nth-of-type(2n) {
        margin-right: 0;
    }
    .virtualhost li h3 {
        font-size: 18px;
        padding: 35px 0 15px;
    }
    .virtualhost li p {
        font-size: 12px;
    }
    .virtualhost a {
        width: 40%;
    }
    .virtualhost-buy {
        margin-right: 2%;
    }
    .virtualhost li {
        padding-bottom: 30px;
        float: left;
    }
    .industry-package > a {
        width: 112px;
    }
    .industry-package p {
        font-size: 16px;
    }

    /*定制建站*/

    .customization li .customization-text {
        height: 216px;
    }
}

@media screen and (max-width:768px) {
    .design-type .type-item {
        overflow: hidden;
        padding-top: 0;
    }
    .type-item .item-top h3 {
        margin: 10px 5px;
        line-height: 1.8;
    }
    .type-item .item-bottom .item-price {
        font-size: 12px;
    }
    .top {
        background-size: cover;
    }
    .nav .l {
        display: none;
    }
    .ban-cont .cont-header .ban-txt1 {
        letter-spacing: 0;
        margin: 0 20px;
    }
    .ban-maintxt {
        line-height: 2;
        font-size: 18px;
    }
    .ban-maintxt span {
        font-size: 22px;
        padding: 0 6px;
    }
    .ban-cont .cont-header .ban-txt2 {
        font-size: 12px;
    }
    .ban-cont {
        width: 100%;
        height: auto;
        margin-bottom: 50px;
    }
    .design-type .item-top h3 {
        font-size: 12px;
    }
    .design-type .type-item .item-bottom {
        padding: 15px 5px;
        float: left;
    }
    .price {
        font-size: 22px;
        font: 600 22px Georgia, Tahoma;
    }
    .oldPrice {
        font-size: 12px;
        color: #666;
        padding-left: 5px;
    }
    .item-bottom .item-btn a:last-child {
        display: none;
    }
    .design-type .type-item .item-top {
        float: left;
        padding: 0;
        width: 30%;
        height: 208px;
    }
    .design-type .type-item .item-bottom {
        width: 70%;
        height: 208px;
        padding: 0;
    }
    .type-item .item-bottom ul {
        margin: 15px;
        text-align: left;
    }
    .item-bottom .item-btn a {
        height: 35px;
        line-height: 2.5;
        color: #4c3ded;
        font-size: 14px;
        text-align: center;
    }
    .design-type .type-item02 .item-bottom {
        box-sizing: border-box;
    }
    .type-item02 .item-bottom ul {
        margin: 0;
        padding: 15px;
    }
    .item-bottom ul .item-price {
        line-height: 1.8;
    }
    .design-txt h1 {
        font-size: 22px;
    }
    .design-txt p {
        font-size: 14px;
    }
    .process-buy p {
        font-size: 14px;
    }
    .process-buy .com-width {
        background: none;
    }
    .process-step .step-txt {
        line-height: 2;
    }
    .process-buy .com-width {
        padding: 20px 0;
    }
    .process-buy h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .process-buy p {
        font-size: 12px;
        line-height: 1.8;
        margin: auto 15px;
    }
    .section2 {
        height: 1000px;
    }
    .sec2_img01 {
        width: 300px;
        top: 20px;
    }
    .sec2_txt01 {
        font-size: 22px;
        top: 42px;
    }
    .sec2_txt02 {
        font-size: 14px;
        top: 100px;
    }
    .sec2_txt03 {
        font-size: 14px;
        top: 145px;
        font-weight: 400;
    }
    .sec2_div {
        top: 200px;
        width: 95%;
        height: 765px;
    }
    .sec2_title {
        font-size: 20px;
    }
    .sec2_introduce {
        font-size: 14px;
    }
    .sec2_div01 {
        width: 100%;
    }
    .sec2_div00 {
        height: 115px;
    }
    .sec2_right {
        margin-top: 10px;
    }
    .sec2_div02 {
        left: 0%;
        top: 130px;
        width: 100%;
        -webkit-transform: translate(0%, 0);
           -moz-transform: translate(0%, 0);
             -o-transform: translate(0%, 0);
                transform: translate(0%, 0);
    }
    .sec2_div03 {
        right: 0;
        top: 260px;
        width: 100%;
    }
    .sec2_div04 {
        left: 0;
        bottom: 260px;
        width: 100%;
    }
    .sec2_div05 {
        left: 0%;
        bottom: 130px;
        width: 100%;
        -webkit-transform: translate(0%, 0);
           -moz-transform: translate(0%, 0);
             -o-transform: translate(0%, 0);
                transform: translate(0%, 0);
    }
    .sec2_div06 {
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .sec3_txt {
        font-size: 22px;
    }
    .sec4_img01 {
        left: 50%;
        width: 300px;
        top: 20px;
    }
    .sec4_txt01 {
        width: 90%;
        font-size: 22px;
        top: 46px;
    }
    .sec4_txt02 {
        color: #fff000;
        font-size: 14px;
        max-width: 500px;
        width: 95%;
        left: 50%;
        top: 105px;
    }
    .sec4_txt03 {
        max-width: 850px;
        width: 95%;
        left: 50%;
        top: 140px;
        color: #fff;
        font-size: 14px;
        line-height: 1.8;
    }
    .sec4_img02 {
        bottom: 165px;
        display: block;
        right: auto;
        left: 10px;
    }
    .section5 {
        height: 620px;
    }
    .sec5_img01 {
        left: 50%;
        width: 300px;
        top: 20px;
    }
    .sec5_txt01 {
        top: 45px;
        font-size: 22px;
        width: 98%;
    }
    .sec5_div {
        right: 0;
        top: 110px;
        max-width: 660px;
        width: 100%;
        text-align: left;
    }
    .sec5_img02 {
        display: none;
    }
    .sec5_title {
        line-height: 1.4;
    }
    .sec5_title {
        padding: 5px 10px;
    }
    .section6 {
        height: 2380px;
    }
    .sec6_img01 {
        left: 50%;
        width: 300px;
        top: 20px;
    }
    .sec6_txt01 {
        font-size: 22px;
        width: 98%;
        top: 40px;
    }
    .sec6_img02_1,
    .sec6_img03_1,
    .sec6_img02_2,
    .sec6_img03_2,
    .sec6_img02_3,
    .sec6_img03_3,
    .sec6_img02_4,
    .sec6_img03_4 {
        display: none;
    }
    .sec6_text00 {
        max-width: 660px;
        width: 94%;
        height: 180px;
        right: 0;
        left: 3%;
    }
    .sec6_left {
        display: none;
    }
    .sec6_right {
        width: 100%;
    }
    .sec6_title {
        font-size: 22px;
        line-height: 1.4;
    }
    .sec6_img04 {
        top: 110px;
        left: auto;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_text01 {
        top: 190px;
    }
    .sec6_img05 {
        top: 370px;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_text01 {
        top: 190px;
    }
    .sec6_text02 {
        top: 470px;
    }
    .sec6_text03 {
        top: 805px;
        right: 50px;
    }
    .sec6_text04 {
        top: 1160px;
    }
    .sec6_text05 {
        top: 1475px;
        right: 30px;
    }
    .sec6_text06 {
        top: 1740px;
    }
    .sec6_text07 {
        top: 1990px;
        right: 35px;
    }
    .sec6_text08 {
        top: 2225px;
    }
    .sec6_img06 {
        top: 655px;
        right: 0;
        left: auto;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_img07 {
        top: 990px;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_img08 {
        top: 1370px;
        left: auto;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_img09 {
        top: 1590px;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_img10 {
        top: 1900px;
        left: auto;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .sec6_img11 {
        top: 2147px;
        right: 0;
        transform: translate(-50%, 0);
        width: 185px;
    }
    .advantage h2 {
        font-size: 26px;
    }
    .advantage .question-cont p {
        font-size: 14px;
    }
    .advantage .questions {
        margin: auto 15px;
    }
    .footer-list li:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .footer-list li {
        line-height: 1.8;
    }
    .footer {
        padding-top: 0;
    }
    .footer-list {
        margin: auto 15px;
    }
    .footer .center,
    .footer .center a {
        line-height: 1.6;
    }
    .sec5_main02 {
        padding-top: 28px;
    }
    .logo img {
        margin-left: 15px;
    }
    /*20171213*/
    .what-web .baiducloud-content > div {
        margin: 60px 0 60px;
    }
    .what-web .baiducloud-content {
        margin-top: 0;
    }
    .baidu-advantage ul li {
        height: 180px;
        -moz-width: calc((100% - 60px)/3);
        -webkit-width: calc((100% - 60px)/3);
        width: calc((100% - 60px)/3);
        margin: 30px 10px;
        padding: 0 10px;
    }
    .baidu-advantage ul li:nth-of-type(2n) {
        margin-top: 30px;
    }
    .baidu-advantage ul li:nth-of-type(3n) {
        margin-right: 0;
    }
    .baidu-advantage ul {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .baidu-ability li {
        width: 23.5%;
        margin: 0 2% 2% 0;
        height: 200px;
    }
    .baidu-ability li:nth-of-type(6n) {
        margin-right: 2%;
    }
    .baidu-ability li:nth-of-type(4n) {
        margin-right: 0;
    }
    .baidu-ability li h3 {
        font-size: 15px;
    }
    .baidu-characteristic ul li {
        height: 165px;
        padding: 8px;
        width: -moz-calc((100% - 40px)/4);
        width: -webkit-calc((100% - 40px)/4);
        width: calc((100% - 40px)/4);
        margin: 0 10px 10px 0;
    }
    .baidu-characteristic .mk-content h3 {
        font-size: 14px;
    }
    .baidu-characteristic .mk-content p {
        font-size: 12px;
    }
    .design-type .type-item .item-top {
        width: 100%;
        height: auto;
    }
    .design-type .type-item .item-bottom {
        width: 100%;
        height: auto;
    }
    .item-top h3 {
        font-size: 18px;
        line-height: 2.2;
    }
    .type-item .yuming-zhuji-jianzhan-title a {
        font-size: 12px;
        line-height: 1.6;
    }
    .type-item .item-bottom .item-price {
        box-sizing: border-box;
        width: 50%;
        float: left;
    }
    .type-item01 .item-bottom .item-btn {
        width: 50%;
        float: left;
    }
    .design-type .type-item01 .price {
        font-size: 22px;
    }
    .item-bottom .item-btn a {
        box-sizing: borer-box;
        height: 30px;
        /* line-height: 30px; */
    }
    .type-item .item-btn a:last-child {
        display: inline-block;
        text-align: left;
    }
    .type-item01 .item-bottom .item-price {
        width: 40%;
        margin: 10px 0;
    }
    .type-item01 .item-bottom .item-btn {
        width: 60%;
        margin-top: 17px;
    }
    .type-item01 .item-bottom {
        padding-bottom: 20px;
    }
    .type-item01 .item-btn a:first-of-type {
        margin-right: 5%;
    }
    .type-item01 .item-btn a {
        font-size: 12px;
    }
    .price_div {
        padding: 10px 15px 10px;
    }
    .type-item01 .item-btn a:last-child {
        text-align: center;
    }
    .type-item .item-bottom ul {
        margin-top: 0;
    }
    .type-item01 .item-bottom ul {
        margin-top: 15px;
    }
    .type-item01 .item-bottom {
        padding-bottom: 15px;
    }
    .ban-cont {
        height: 220px;
        margin-bottom: 0;
    }
    .ban-maintxt {
        font-size: 44px;
    }
    .ban-cont .cont-header .ban-txt2 {
        font-size: 18px;
    }
    .baiducloud-content > div p {
        top: 25px;
        font-size: 18px;
        margin-left: -6px;
    }
    /*20171215*/
    .type-item .item-top h3 {
        margin: 0;
    }
    .type-item .item-top {
        padding: 25px 0 15px;
    }
    .type-item01 .item-bottom ul {
        margin: 0;
        padding: 15px;
    }
    .type-item .item-bottom li {
        letter-spacing: 0;
        text-align: center;
    }
    .type-item .item-bottom ul {
        height: 465px;
    }
    .item-btn a {
        width: 40%;
    }
    .type-item .item-bottom {
        box-sizing: border-box;
    }
    .industry-package {
        width: 42%;
    }
    .industry-select {
        width: 56%;
    }
    .industry-select ul {
        padding: 7px 0 0;
    }
    .industry-select li {
        width: 100%;
        margin: 0 0 2%;
        height: 48px;
    }
    .industry-package > a {
        width: 49%;
    }
    .industry-buy {
        margin-left: 2%;
    }
    .industry-package span {
        margin: 30px 0 45px;
    }
    .industry-package,
    .industry-select {
        padding: 30px 20px;
    }
    .industry-select li span {
        line-height: 4;
    }
    .baidu-industry h2 {
        padding-bottom: 40px;
    }
    .baidu-industry {
        padding-bottom: 60px;
    }
    .virtualhost h3 font {
        display: inline;
    }
    .virtualhost p font {
        display: inline;
    }
    .virtualhost li h3 {
        /* line-height: 30px; */
        padding-top: 0;
    }
    .virtualhost li p {
        line-height: 1.6;
        font-size: 14px;
    }
    .virtualhost li div {
        height: auto;
        padding: 20px 0;
    }
    .virtualhost p span {
        margin-top: 20px;
    }
    .virtualhost li > span {
        margin: 25px 0;
    }
    .virtualhost li .show {
        display: block;
    }
    .virtualhost li {
        padding-bottom: 20px;
    }
    .virtualhost ul {
        padding: 40px 0 50px;
    }

    /*定制建站*/

    .customization li .customization-text {
        margin-top: 0;
        height: 171px;
    }

    .customization li > span {
        margin-top: 0;
    }

    .customization li p {
        font-size: 12px;
    }
}

/*20171213*/

@media screen and (max-width:640px) {
    .what-web .baiducloud-content {
        text-align: center;
    }
    .what-web .baiducloud-content ul {
        position: static;
        /* float: none !important; */
        width: 48%;
    }
    .what-web .baiducloud-content > div {
        width: 70%;
        margin: 20px 0 0;
    }
    .baidu-bulid h2 {
        font-size: 30px;
        padding: 30px 0 12px 0;
    }
    .baidu-bulid p {
        font-size: 18px;
    }
    .baidu-bulid {
        height: 140px;
    }
    .baidu-advantage ul li {
        height: 190px;
        width: 46%;
        margin: 2% 2% 2% 0;
        padding: 0 10px;
    }
    .baidu-advantage ul li:nth-of-type(2n) {
        margin-top: 2%;
    }
    .baidu-advantage ul li:nth-of-type(2) {
        margin-right: 0;
    }
    .baidu-advantage ul li:nth-of-type(3) {
        width: 55%;
        margin: 45px 0;
    }
    .baidu-advantage ul {
        margin-top: 45px;
    }
    .baidu-ability li {
        width: 32%;
        margin: 0 2% 2% 0;
        height: 180px;
    }
    .baidu-ability li:nth-of-type(6n) {
        margin-right: 2%;
    }
    .baidu-ability li:nth-of-type(4n) {
        margin-right: 2%;
    }
    .baidu-ability li:nth-of-type(3n) {
        margin-right: 0;
    }
    .baidu-ability li h3 {
        font-size: 14px;
    }
    .baidu-characteristic ul li {
        width: 49%;
        margin: 0 2% 2% 0;
        padding: 15px 10px 15px 0;
        height: 110px;
    }
    .baidu-characteristic ul li:nth-of-type(2n) {
        margin-right: 0%;
    }
    .baidu-characteristic .mk-icon {
        height: 100%;
        width: 33%;
    }
    .baidu-characteristic .mk-content {
        width: 67%;
        text-align: left;
    }
    .baidu-characteristic .mk-content h3 {
        font-size: 14px;
    }
    .baidu-characteristic .mk-content p {
        font-size: 12px;
        line-height: 2;
    }
    .design-type .type-item {
        width: 100%;
        margin-bottom: 2%;
    }
    .baidu-promotion {
        height: 100px;
    }
    .process-step .step-txt-1 span {
        background: url(../images/index/step_1.png) no-repeat;
        background-position: 35% 25px;
    }
    .process-step .step-txt-2 span {
        background: url(../images/index/step_2.png) no-repeat;
        background-position: 35% 25px;
    }
    .process-step .step-txt-3 span {
        background: url(../images/index/step_3.png) no-repeat;
        background-position: 35% 25px;
    }
    .process-step .step-txt span {
        font-size: 14px;
    }
    .process-step .step-img {
        max-width: 90px;
        height: 90px;
    }
    .process-step .step-txt span {
        padding: 55px 0 0;
    }
    .process-step .step-txt {
        margin: 30px 0 0;
    }
    .baiducloud-title > h2 {
        padding-top: 30px;
        font-size: 24px;
    }
    .baiducloud-title > p {
        font-size: 14px;
        margin: 15px 0 7px;
    }
    .baiducloud-title > span {
        font-size: 14px;
    }
    .process-buy p {
        font-size: 14px;
        margin: 15px 0 7px;
    }
    .baidu-characteristic ul {
        margin: 25px 0 30px;
    }
    .design_content {
        padding: 25px 0 30px;
    }
    .process-buy .com-width {
        padding: 0 0 30px;
    }
    .advantage h2 {
        padding-bottom: 20px;
    }
    .advantage .questions {
        padding: 5px 0 20px;
    }
    .baidu-ability ul {
        padding: 25px 0 30px;
    }
    .ban-cont {
        height: 160px;
    }
    .ban-maintxt {
        font-size: 28px;
        line-height: 2.5;
    }
    .ban-cont .cont-header .ban-txt2 {
        font-size: 16px;
    }
    .ban-cont .cont-header {
        padding-top: 2%;
    }
    .showall-btn {
        width: 85%;
    }
    #templatelist .changeColor a {
        margin: 5px 10px;
    }
    #templatelist .changeColor {
        margin: 20px 50px;
    }
    .templatelist-bg {
        padding-bottom: 40px;
    }
    .showall-btn {
        margin-top: 25px;
    }
    #owl-demo .item {
        width: 70%;
    }
    .type-item01 .item-bottom ul {
        height: auto;
    }
    .baiducloud-content > div p {
        font-size: 16px;
    }
    .design-type .type-item {
        box-shadow: none;
        margin-bottom: 3%;
    }
    /*20171215*/
    .type-item .item-bottom ul {
        height: auto;
    }
    .item-price {
        margin: 0 auto 25px;
    }
    .t-item {
        margin: 35px 0 30px;
    }
    .industry-package {
        width: 100%;
        text-align: center;
        margin-top: 2%;
    }
    .baidu-industry h3 {
        text-align: center;
    }
    .industry-select {
        width: 100%;
    }
    .industry-select ul {
        padding: 0;
    }
    .industry-select li {
        width: 49%;
        margin: 0 2% 2% 0;
        height: 60px;
    }
    .industry-select li:nth-of-type(3n) {
        margin-right: 2%;
    }
    .industry-select li:nth-of-type(2n) {
        margin-right: 0;
    }
    .industry-select li span {
        line-height: 4;
        font-size: 14px;
    }
    .industry-package > a {
        width: 40%;
    }
    .baiducloud-title > h2 {
        font-size: 20px;
        line-height: 1.75;
    }
    .baidu-industry h2 font {
        display: inline;
    }
    .baidu-industry h2 span {
        display: none;
    }
    .baidu-industry h3 {
        font-size: 18px;
    }
    .virtualhost li {
        width: 100%;
        margin: 0 0 2% 0;
    }
    .virtualhost h3 font {
        display: none;
    }
    .virtualhost p font {
        display: none;
    }
    .virtualhost ul {
        padding: 25px 0 30px;
    }
    .virtualhost div h3 {
        padding-bottom: 10px;
    }

    /*定制建站*/

    .customization li .customization-text {
        height: auto;
    }

    .customization li p {
        font-size: 14px;
        line-height: 2;
    }
}

@media screen and (max-width:413px) {
    .baiducloud-content li h3 {
        line-height: 1.8;
        font-size: 14px;
    }
    .baiducloud-content li p {
        font-size: 12px;
        line-height: 1.6;
    }
    .baiducloud-content li span {
        width: 60px;
    }
    .baiducloud-content li div {
        width: calc(100% - 60px);
    }
    .baidu-bulid h2 {
        font-size: 20px;
        padding: 25px 0 12px 0;
    }
    .baidu-bulid p {
        font-size: 14px;
    }
    .baidu-bulid {
        height: 105px;
    }
    .baidu-characteristic .mk-icon {
        height: 40%;
        width: 100%;
    }
    .baidu-characteristic .mk-content {
        width: 100%;
        text-align: center;
    }
    .baidu-characteristic ul li {
        padding: 10px;
        height: 170px;
    }
    .baidu-characteristic .mk-content h3 {
        font-size: 14px;
        margin-top: 5%;
    }
    .baidu-characteristic .mk-content p {
        font-size: 12px;
    }
    .baidu-promotion {
        height: 80px;
    }
    .process-step .step-img {
        max-width: 70px;
        height: 70px;
    }
    .process-step .step-img img {
        width: 50%;
    }
    .process-step .step-txt span {
        font-size: 12px;
    }
    .process-step .step-txt span {
        padding: 52px 0 0;
    }
    .process-step .step-txt {
        margin: 25px 0 0;
    }
    .ban-cont {
        height: 130px;
    }
    .ban-maintxt {
        font-size: 24px;
        line-height: 2.5;
    }
    .ban-cont .cont-header .ban-txt2 {
        font-size: 14px;
    }
    .ban-cont .cont-header {
        padding-top: 0;
    }
    .baiducloud-content > div p {
        top: 15px;
        font-size: 14px;
        margin-left: -5px;
    }
    .design-type .type-item {
        margin-bottom: 3%;
    }
}

@media screen and (max-width:320px) {
    .design-type .type-item {
        width: 94%;
        margin-left: 3%;
        margin-bottom: 5px;
        overflow: hidden;
    }
    .type-item .item-top h3 {
        font-size: 12px;
        margin: 10px 5px;
        line-height: 1.8;
    }
    .type-item .item-bottom .item-price {
        font-size: 12px;
    }
    .price {
        font-size: 20px;
    }
    .oldPrice {
        font-size: 12px;
        padding-left: 5px;
    }
    .type-item .yuming-zhuji-jianzhan-title a,
    .type-item .yuming-zhuji-jianzhan-title {
        font-size: 12px;
    }
    .type-item .item-top h3 {
        font-size: 16px;
    }
    .design-type .type-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 3%;
    }
    .industry-select li span {
        width: calc(100% - 35px);
    }
    .industry-select li div {
        width: 35px;
    }
    .industry-package,
    .industry-select {
        padding: 20px 10px;
    }
}