/* Main Page Public */

/* 关于我们 */
#about { padding-top: 30px;}
    .about-content { padding: 30px 0 30px 0; width: 100%; margin: 0 auto;}
    .about-content img { max-width: 100%;}
    .about-content .about-content-left { width: 70%; float: left; text-align: left; margin-top: 10px;}

    .about-content .about-content-right { width: 30%; float: right; text-align: left;}
    .about-content .about-content-right img { margin-top: 18%;}

    .about-content .about-content-left .box { margin-bottom: 20px;}
    .about-content .about-content-left .box .title { font-size: 1.6em; color: #00a95f; font-weight: bold;}
    .about-content .about-content-left .box .intro { font-size: 1.0em;  margin-top: 4px;  color: #8a8a8a; font-weight: lighter;}
    .about-content .about-content-left .box .content { font-size: 1.1em; margin-top: 15px; color: #707070;}

    .about-content .about-content-left .box-list { margin-bottom: 20px;}
    .about-content .about-content-left .box-list .title { font-size: 1.3em; color: #00a95f; font-weight: bold;}
    .about-content .about-content-left .box-list .intro { font-size: 1.0em;  margin-top: 4px;  color: #8a8a8a; font-weight: lighter;}
    .about-content .about-content-left .box-list .content { font-size: 1.1em; margin-top: 15px; color: #707070;}

/* 企业文化 */
#culture { background: url('../images/culture_bg.jpg') bottom center no-repeat; padding: 60px 0;}
    #culture .culture-title-en { color: rgba(51,48,54,1); font-weight: 700; font-size: 3.0em;}
    #culture .culture-title-en span{ color: rgba(74,72,77,1); font-weight: 700;}
    #culture .culture-title-cn { color: rgba(254,254,254,1); font-size: 3.0em; font-weight: 700; margin-bottom: 50px;}
    #culture .culture-intro { letter-spacing: 0.4em; font-size: 2.0em; color: rgba(166,166,166,1); margin-bottom: 50px;}
    #culture .culture-intro img { max-width: 100%;}

/*新闻资讯*/
#news { padding: 40px 0;}
    #news .news-container {  margin: 0 0 0 0; }
    #news .news-wrap { text-align: left; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); transition: 0.3s; }
    #news .news-wrap:hover {  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  border-radius: 0 0 3px 3px;  }
    #news .news-item { position: relative; height: 412px; overflow: hidden;  }
    #news .news-item figure {  background: #000;  overflow: hidden;  height: 164px;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0; }
    #news .news-item figure:hover img {  opacity: 0.4;  transition: 0.3s;  }
    #news .news-item .news-info {  background: #FFF; color: #4b4848; height: 222px; padding: 10px;  border-radius: 0 0 3px 3px; }
    #news .news-item .news-info>h1 { color: #4b4848; font-size: 1.2em; margin: 12px 0; font-weight: lighter;}
    #news .news-item .news-info>h2 { color: #00a95f; font-size: 1.0em; margin: 10px 0; font-weight: lighter;}
    #news .news-item .news-info>h2::after { content: ''; display: block; width: 132px; padding-bottom: 5px; border-bottom:solid 2px #00a95f; background: #FFF;}
    #news .news-item .news-info>.intro { font-size: 1.0em; overflow: hidden; font-weight: lighter;}

/*联系我们*/
#contact { }
    #contact .contact-left { float: left; width: 50%; min-height: 460px; background-color: #f4f4f4;}

    #contact .contact-left dl { margin: 50px 50px 0 0; text-align: right; }
    #contact .contact-left dl dt { font-weight: 700; color: #00a95f; margin: 0 0 10px 0; font-size: 1.4em;}
    #contact .contact-left dl dd { font-size: 1.1em; line-height: 165%;}
    #contact .contact-left dl dd i { color: #00a95f; margin-left: 10px; width: 12px; text-align:center; height: 12px;}
    #contact .contact-left dl dd span { float: right;}

    #contact .contact-right { float: right; width: 50%; min-height: 460px;}


/*内页BANNER*/
#mainBanner { background-size: 100%; width: 100%; height: 280px; background-position: center 0; display: block; position: relative;}

/*域名注册*/
.domainBanner { background: url('../images/domainbanner.jpg') no-repeat; text-align: center;}
    .domainBanner h2 { color: #333; font-size: 30px; font-weight: 700; padding: 80px 0 10px 0;}
    .domainBanner h2 span { color: #F60; font-weight: 700;}
    .domainBanner p { color: #57585a; font-size: 14px; margin-bottom: 30px;}
    .domainBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .domainBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .domainBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 10px 20px; font-size: 16px;}
    .domainBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 10px 20px; font-size: 16px;}


#domain-type { margin: 30px 0;}
    .domain-type { border: solid 1px #f0f0f0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
    .domain-type ul li { float: left; width: 20%; text-align: left; padding: 20px 30px; cursor:pointer; border-bottom: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0;}

    .domain-type ul li:nth-child(5n) { border-right: none;}
    .domain-type ul li.no-bottom { border-bottom: none;}

    .domain-type ul li h1 { font-size: 17px; margin: 0 0 10px 0; font-weight: 700; color: #00a95f;}
    .domain-type ul li:hover { background: #00a95f; color: #FFF;}
    .domain-type ul li:hover h1 { color: #FFF;}
    .domain-type ul li:hover i { color: #FFF;}

    .domain-type ul li:nth-child(1):hover { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
    .domain-type ul li:nth-child(5):hover { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
    .domain-type ul li:nth-child(11):hover { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;}
    .domain-type ul li:nth-child(15):hover { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0;}


#domain-brand { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #domain-brand .domain-brand-box { margin-top: 30px;}
    #domain-brand ul li { min-height: 242px; width: 25%; float: left; border-right: dotted 1px #dedede;}
    #domain-brand ul li:last-child { border-right: none;}
    #domain-brand ul li .domain-brand-item { margin: 0 20px;}
    #domain-brand ul li .domain-brand-item .brand-item-ico { margin: 0 auto; text-align: center;}
    #domain-brand ul li .domain-brand-item .brand-item-ico i { color: #00a95f; display: inline-table;}
    #domain-brand ul li .domain-brand-item .brand-item-ico:hover i { color: #00c26d;}
    #domain-brand ul li .domain-brand-item h2 { font-size: 18px; color: #00a95f; font-weight: 500; margin: 10px 0;}
    #domain-brand ul li .domain-brand-item .name { font-size: 16px; color: #585858; margin: 10px 0; font-weight: 500;}
    #domain-brand ul li .domain-brand-item .intro { font-size: 13px; text-align: left;}


#domain-info { width: 100%; padding: 40px 0;}
    #domain-info .domain-info { margin: 20px 0 0 0;}
    #domain-info .domain-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}
    #domain-info .domain-info ul li span { color: #999; margin-left: 10px;}


/*主机与服务器*/
.hostBanner { background: url('../images/domainbanner.jpg') no-repeat; text-align: center;}
    .hostBanner h2 { color: #333; font-size: 30px; font-weight: 700; padding: 80px 0 10px 0;}
    .hostBanner h2 span { color: #F60; font-weight: 700;}
    .hostBanner p { color: #57585a; font-size: 14px; margin-bottom: 30px;}
    .hostBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .hostBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .hostBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 10px 20px; font-size: 16px;}
    .hostBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 10px 20px; font-size: 16px;}

#host-advantage { width: 100%; padding: 40px 0;}
    #host-advantage .host-advantage { margin: 30px 0 0 0;}
    #host-advantage .host-advantage ul li { margin-bottom: 20px;}
    #host-advantage .host-advantage ul li img { max-width: 60px;}
    #host-advantage .host-advantage ul li h2 { margin: 10px 0;}

#host-type { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #host-type .host-type { margin: 30px 0 0 0;}
    #host-type .host-type table tr td { padding: 10px 20px; }
    #host-type .host-type table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}

#host-info { width: 100%; padding: 40px 0;}
    #host-info .host-info { margin: 20px 0 0 0;}
    #host-info .host-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*400电话*/
#phone-function { width: 100%; padding: 40px 0;}
    #phone-function .phone-function { margin: 30px 0 0 0;}
    #phone-function .phone-function ul li { margin-bottom: 20px;}
    #phone-function .phone-function ul li img { max-width: 68px;}
    #phone-function .phone-function ul li h2 { margin: 10px 0;}
    #phone-function .phone-function ul li p { text-align: left; padding-left: 80px;}

#phone-base { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #phone-base .phone-base { margin: 30px 0 0 0;}
    #phone-base .phone-base ul li { margin-bottom: 20px; width: 20%; float: left;}
    #phone-base .phone-base ul li img { max-width: 46px;}
    #phone-base .phone-base ul li h2 { margin: 10px 0; font-size: 16px;}

#phone-info { width: 100%; padding: 40px 0;}
    #phone-info .phone-info { margin: 20px 0 0 0;}
    #phone-info .phone-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*企业邮箱*/
#mail-advantage { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #mail-advantage .mail-advantage { margin: 30px 0 0 0;}
    #mail-advantage .mail-advantage ul li { margin-bottom: 20px;}
    #mail-advantage .mail-advantage ul li i { color: #00a95f;}
    #mail-advantage .mail-advantage ul li h2 { margin: 10px 0;}
    #mail-advantage .mail-advantage ul li p { text-align: center;}

#mail-core { width: 100%; padding: 40px 0;}
    #mail-core .mail-core { margin: 30px 0 0 0;}
    #mail-core .mail-core ul li { margin-bottom: 30px; text-align: left; height: 26px; line-height: 26px;}
    #mail-core .mail-core ul li span { background: #00a95f; color: #FFF; width: 32px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 16px; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}


#mail-fee { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #mail-fee .mail-fee { margin: 30px 0 0 0;}
    #mail-fee .mail-fee table tr td { padding: 10px 20px; }
    #mail-fee .mail-fee table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}


#mail-info { width: 100%; padding: 40px 0;}
    #mail-info .mail-info { margin: 20px 0 0 0;}
    #mail-info .mail-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*网站维护*/
.weihu-item-title { font-size: 16px; font-weight: 500; border-bottom: solid 1px #f9f9f9; border-top: solid 1px #f9f9f9; padding: 8px 0;}
    .weihu-item-title i { margin-right: 10px; color: #00a95f;}
    .weihu-item-title span { margin-left: 10px;}
    .weihu-item-title span label { color:#00a95f; font-weight: 700;}

#weihu-package { width: 100%; padding: 40px 0;}
    #weihu-package .weihu-package { margin: 30px 0 0 0;}
    #weihu-package .weihu-package ul li { text-align: left;}

    .weihu-item-box { margin: 20px 30px;}
    .weihu-item-box .weihu-item-left { float: left; height: 100px;}
    .weihu-item-box .weihu-item-left img { max-height: 100px; margin-top: 8px;}
    .weihu-item-box .weihu-item-right { float: left; margin-left: 30px; font-size: 14px; line-height: 180%;}


#weihu-single { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #weihu-single .weihu-single { margin: 30px 0 0 0;}


    .weihu-single-title { text-align: left; border-bottom: solid 1px #FFF; font-size: 16px; padding: 10px 0; font-weight: 500;}
    .weihu-single-title>i { margin-right: 8px; color: #00a95f;}
    .weihu-single-title span { float: right;}
    .weihu-single-title span i { color: #DDD;}

    .fwqwh-box { text-align: left; margin: 20px 0;}
    .fwqwh-box .fwqwh-left { float: left;}
    .fwqwh-box .fwqwh-left img { max-height: 300px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }
    .fwqwh-box .fwqwh-right { float: left; margin-left: 30px; margin-top: 30px; line-height: 180%;}

.weihu-single-table { margin: 30px 0;}
    .weihu-single-table table tr td { padding: 10px 20px; }
    .weihu-single-table table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}


#weihu-info { width: 100%; padding: 40px 0;}
    #weihu-info .weihu-info { margin: 20px 0 0 0;}
    #weihu-info .weihu-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


/*淘宝装修*/
#taobao-list { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #taobao-list .taobao-list { margin: 30px 0 0 0;}
    #taobao-list .taobao-list ul li { margin-bottom: 30px; text-align: left; height: 26px; line-height: 26px;}
    #taobao-list .taobao-list ul li span { background: #00a95f; color: #FFF; width: 32px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 16px; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

#taobao-info { width: 100%; padding: 40px 0;}
    #taobao-info .taobao-info { margin: 20px 0 0 0;}
    #taobao-info .taobao-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*响应式微网站*/
.responseBanner { background: url('../images/responsebanner.jpg') no-repeat; text-align: center;}
    .responseBanner h2 { color: #cdcecf; font-size: 30px; font-weight: 700; padding: 80px 0 10px 0;}
    .responseBanner h2 span { color: #F60; font-weight: 700;}
    .responseBanner p { color: #cdcecf; font-size: 14px; margin-bottom: 30px;}
    .responseBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .responseBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .responseBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 10px 20px; font-size: 16px;}
    .responseBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 10px 20px; font-size: 16px;}


#response-define { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #response-define .response-define { margin: 30px 0 0 0; line-height: 180%;}


#response-advantage { width: 100%; padding: 40px 0; }
    #response-advantage .response-advantage { margin: 50px 0 0 0;}
    #response-advantage .response-advantage ul li { margin-bottom: 30px; text-align: left; }
    #response-advantage .response-advantage ul li .advantage-item-box { padding: 50px 30px; min-height: 380px; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #response-advantage .response-advantage ul li .itemBgOne { background: url("../images/responseimg1.png") right bottom no-repeat #fbfbfb; }
    #response-advantage .response-advantage ul li .itemBgTwo { background: url("../images/responseimg2.png") right bottom no-repeat #fbfbfb;}
    #response-advantage .response-advantage ul li .itemBgThree { background: url("../images/responseimg3.png") right bottom no-repeat #fbfbfb;}

    .advantage-item-title { font-size: 22px; font-weight: 700; color: #00a95f; height: 50px; line-height: 50px;}
    .advantage-item-title:after{ display: block; content: ""; width: 50px; height: 2px; background: #00a95f; transition: all .3s ease;}
    .advantage-item-intro { font-size: 14px; line-height: 180%; padding: 50px 0 0 0;}


#response-characteristic { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #response-characteristic .response-characteristic { margin: 30px 0 0 0; text-align: center;}
    #response-characteristic .response-characteristic ul li { text-align: center;}
    #response-characteristic .response-characteristic ul li .characteristic-box { cursor:pointer; padding: 40px 0 0 0; width: 200px; height: 200px; margin: 0 auto; border: solid 1px #d9d9d9; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;}
    #response-characteristic .response-characteristic ul li .characteristic-box h2 { font-weight: 700; font-size: 18px;}
    #response-characteristic .response-characteristic ul li .characteristic-box i { margin: 10px 0;}
    #response-characteristic .response-characteristic ul li .characteristic-box:hover { border: solid 1px #00a95f; background: #00a95f; color: #FFF;}

#response-info { width: 100%; padding: 40px 0;}
    #response-info .response-info { margin: 20px 0 0 0;}
    #response-info .response-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


/*小程序*/
#miniprogram-define { width: 100%; padding: 40px 0;}
    #miniprogram-define .miniprogram-define { margin: 30px 0 0 0; line-height: 180%;}

    #miniprogram-define .miniprogram-define ul li { }
    #miniprogram-define .miniprogram-define ul li .imgs{ overflow:hidden; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #miniprogram-define .miniprogram-define ul li img { max-width: 100%; -webkit-transition: all 0.8s ease-out;  -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;}
    #miniprogram-define .miniprogram-define ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
    #miniprogram-define .miniprogram-define ul li p { text-align: left; margin: 10px 10px 0 10px; font-size: 14px;}

#miniprogram-flow { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #miniprogram-flow .miniprogram-flow { margin: 30px 0 0 0; text-align: center;}
    #miniprogram-flow .miniprogram-flow ul li img { max-width: 100%; transition: all 0.6s;}
    #miniprogram-flow .miniprogram-flow ul li h2 { font-weight: 700; font-size: 16px; margin:10px 0;}
    #miniprogram-flow .miniprogram-flow ul li:hover img { transform: rotateY(-180deg);  -ms-transform: rotateY(180deg);  -moz-transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg);  -o-transform: rotateY(-180deg);}

#miniprogram-can { width: 100%; padding: 40px 0; }
    #miniprogram-can .miniprogram-can { margin: 30px 0 0 0; text-align: center;}

    #miniprogram-can .miniprogram-can ul li { text-align: center;}
    #miniprogram-can .miniprogram-can ul li .can-box { cursor:pointer; padding: 40px 0 0 0; width: 200px; height: 200px; margin: 0 auto; border: solid 1px #00a95f; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;}
    #miniprogram-can .miniprogram-can ul li .can-box h2 { font-weight: 700; font-size: 18px; color: #00a95f;}
    #miniprogram-can .miniprogram-can ul li .can-box i { margin: 10px 0; color: #00a95f;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover { background: #00a95f; color: #FFF;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover h2 { color: #FFF;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover i { color: #FFF;}


/*微信公众号*/
#wechat-development { width: 100%; padding: 40px 0;}
    #wechat-development .wechat-development { margin: 30px 0 0 0; line-height: 180%;}


#wechat-application { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #wechat-application .wechat-application { margin: 30px 0 0 0; line-height: 180%;}


#wechat-info { width: 100%; padding: 40px 0;}
    #wechat-info .wechat-info { margin: 20px 0 0 0;}
    #wechat-info .wechat-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*微商城*/
#ecshop-development { width: 100%; padding: 40px 0;}
    #ecshop-development .ecshop-development { margin: 30px 0 0 0; line-height: 180%;}


#ecshop-application { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #ecshop-application .ecshop-application { margin: 30px 0 0 0; line-height: 180%;}


#ecshop-info { width: 100%; padding: 40px 0;}
    #ecshop-info .ecshop-info { margin: 20px 0 0 0;}
    #ecshop-info .ecshop-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


/*品牌网站建设*/
#construction-website { width: 100%; padding: 40px 0;}
    #construction-website .construction-website { margin: 50px 0 0 0;}
    #construction-website .construction-website ul li { float: left; width: 20%; margin-bottom: 20px;}
    #construction-website .construction-website ul li img { max-width: 128px; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */}
    #construction-website .construction-website ul li:hover img { transform: translate3d(0,-10px,0) rotate(360deg);  -ms-transform: translate3d(0,-10px,0) rotate(360deg);  -moz-transform: translate3d(0,-10px,0) rotate(360deg);  -webkit-transform: translate3d(0,-10px,0) rotate(360deg);  -o-transform: translate3d(0,-10px,0) rotate(360deg);}
    #construction-website .construction-website ul li h2 { font-size: 16px; margin: 20px 0 0 0;}


#construction-design { width: 100%; padding: 40px 0; margin-bottom: 30px; background: url("../images/websitebrandimg1.jpg") top right no-repeat #f5f5f5;}
    #construction-design .construction-design { margin: 50px 0 0 0; text-align: left;}
    #construction-design .construction-design h2 { font-size: 48px; font-weight: 700;}
    #construction-design .construction-design h2::after { content: ''; display: block; width: 82px; padding-top: 10px; padding-bottom: 5px; border-bottom:solid 3px #00a95f;}
    #construction-design .construction-design p { font-size: 26px; color: #333; margin: 30px 0 30px 0; font-weight: normal;}

#construction-navigation { width: 100%; padding: 40px 0; background: url("../images/websitebrandimg2.jpg") right no-repeat;}
    #construction-navigation .construction-navigation { margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
    #construction-navigation .construction-navigation ul li { cursor: pointer; width:25%; float:left; text-align:center; overflow:hidden;position:relative;}
    #construction-navigation .construction-navigation ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
    #construction-navigation .construction-navigation ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
    #construction-navigation .construction-navigation ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
    #construction-navigation .construction-navigation ul li .cons{ overflow:hidden; background:#00a95f; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
    #construction-navigation .construction-navigation ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px; height:147px; }
    #construction-navigation .construction-navigation ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
    #construction-navigation .construction-navigation ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#f5f5f5; font-size:16px;}
    #construction-navigation .construction-navigation ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}


#construction-info { width: 100%; padding: 40px 0;}
    #construction-info .construction-info { margin: 20px 0 0 0;}
    #construction-info .construction-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px; overflow: hidden;}

/*营销网站建设*/
#marketing-website { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #marketing-website .marketing-website { margin: 50px 0 0 0; text-align: left;}
    #marketing-website .marketing-website ul li { text-align: center; cursor: pointer;}
    #marketing-website .marketing-website ul li h2 { color:#686868; font-size: 16px; font-weight: 700;}
    #marketing-website .marketing-website ul li i { color:#00a95f; margin: 30px 0; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */}
    #marketing-website .marketing-website ul li:hover i { transform: translate3d(0,-10px,0);  -ms-transform: translate3d(0,-10px,0);  -moz-transform: translate3d(0,-10px,0);  -webkit-transform: translate3d(0,-10px,0);  -o-transform: translate3d(0,-10px,0);}

#marketing-data { width: 100%; padding: 40px 0;}
    #marketing-data .marketing-data { margin: 50px 0 0 0; text-align: left;}
    #marketing-data .marketing-data ul li { text-align: center; cursor: pointer;}
    #marketing-data .marketing-data ul li h2 { color:#686868; font-size: 16px; font-weight: 700;}
    #marketing-data .marketing-data ul li h3 { color:#00a95f; font-size: 38px; font-weight: 700; margin: 10px 0; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */}
    #marketing-data .marketing-data ul li:hover h3 { transform: translate3d(0,-10px,0);  -ms-transform: translate3d(0,-10px,0);  -moz-transform: translate3d(0,-10px,0);  -webkit-transform: translate3d(0,-10px,0);  -o-transform: translate3d(0,-10px,0);}

/*标准定制官网*/
#standard-website { width: 100%; padding: 40px 0; margin-bottom: 30px; background: #f9f9f9;}
    #standard-website .standard-website { margin: 50px 0 0 0; text-align: left;}
    #standard-website .standard-website ul li { text-align: center;}
    #standard-website .standard-website ul li .imgs { overflow:hidden; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #standard-website .standard-website ul li img { max-width: 100%; -webkit-transition: all 0.8s ease-out;  -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;}
    #standard-website .standard-website ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
    #standard-website .standard-website ul li h2 { margin: 20px 0 10px 0;}
    #standard-website .standard-website ul li p { margin: 10px 10px 0 10px; font-size: 14px;}

/*电子商务网站建设*/
#mall-navigation { width: 100%; padding: 40px 0; margin-bottom: 30px; background: url("../images/mallimg1.jpg") center no-repeat;}
    #mall-navigation .mall-navigation { margin: 50px 0 0 0; overflow:hidden; border-top:1px solid #3a3a3a; border-left:1px solid #3a3a3a;}
    #mall-navigation .mall-navigation ul li{ width:33.33%; float:left; text-align:left; overflow:hidden;position:relative;}
    #mall-navigation .mall-navigation ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;/* padding-bottom:32px;*/ height:218px;transition:all 0.3s;}
    #mall-navigation .mall-navigation ul li:hover .txts{ background:#00a95f;}
    #mall-navigation .mall-navigation ul li .txts .img1{ float:left;width:100px; height:100px; overflow:hidden;margin-top:58px; margin-left:30px; background-repeat:no-repeat; background-size:100%  100%; position:relative;}
    #mall-navigation .mall-navigation ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100%  100%; z-index:2;opacity:0;filter:Alpha(opacity=0);}
    #mall-navigation .mall-navigation ul li:nth-child(1) .txts .img1:after{background-image:url("../images/mallico1_on.png");}
    #mall-navigation .mall-navigation ul li:nth-child(2) .txts .img1:after{background-image:url("../images/mallico2_on.png");}
    #mall-navigation .mall-navigation ul li:nth-child(3) .txts .img1:after{background-image:url("../images/mallico3_on.png");}
    #mall-navigation .mall-navigation ul li:nth-child(4) .txts .img1:after{background-image:url("../images/mallico4_on.png");}
    #mall-navigation .mall-navigation ul li:nth-child(5) .txts .img1:after{background-image:url("../images/mallico5_on.png");}
    #mall-navigation .mall-navigation ul li:nth-child(6) .txts .img1:after{background-image:url("../images/mallico6_on.png");}
    #mall-navigation .mall-navigation ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);}
    #mall-navigation .mall-navigation ul li:nth-child(1) .txts .img1{ background-image:url("../images/mallico1.png");}
    #mall-navigation .mall-navigation ul li:nth-child(2) .txts .img1{ background-image:url("../images/mallico2.png");}
    #mall-navigation .mall-navigation ul li:nth-child(3) .txts .img1{ background-image:url("../images/mallico3.png");}
    #mall-navigation .mall-navigation ul li:nth-child(4) .txts .img1{ background-image:url("../images/mallico4.png");}
    #mall-navigation .mall-navigation ul li:nth-child(5) .txts .img1{ background-image:url("../images/mallico5.png");}
    #mall-navigation .mall-navigation ul li:nth-child(6) .txts .img1{ background-image:url("../images/mallico6.png");}
    #mall-navigation .mall-navigation ul li .txts .divs{ width:306px; margin-top:42px; float:left; margin-left:18px;}
    #mall-navigation .mall-navigation ul li .txts .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;color:#fff;}
    #mall-navigation .mall-navigation ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px;}
    #mall-navigation .mall-navigation ul li:hover .txts .divs .p{ color:#fff;}

/*行业门户网站建设*/
#portal-website { width: 100%; padding: 40px 0; margin-bottom: 30px; background: #f9f9f9;}
    #portal-website .portal-website { margin: 50px 0 0 0; text-align: left;}
    #portal-website .portal-website ul li { text-align: center;}
    #portal-website .portal-website ul li .imgs { overflow:hidden; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #portal-website .portal-website ul li img { max-width: 100%; -webkit-transition: all 0.8s ease-out;  -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;}
    #portal-website .portal-website ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
    #portal-website .portal-website ul li h2 { margin: 20px 0 10px 0;}
    #portal-website .portal-website ul li p { margin: 10px 10px 0 10px; font-size: 14px;}


/*服务流程*/
#cooperate-process { width: 100%; padding: 40px 0; margin-bottom: 30px; background: #f9f9f9;}
    #cooperate-process .cooperate-process { margin: 50px 0 0 0; text-align: center;}
    #cooperate-process .cooperate-process img { max-width: 100%;}

/*成功案例*/
#website-case { width: 100%; padding: 50px 0 20px 0; }
    #website-case .website-case { margin: 30px 0 0 0; text-align: center;}

    #website-case .website-case ul.caseList { -moz-border-radius: 6px 6px 0 0;  -webkit-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; overflow: hidden;}
    #website-case .website-case ul.caseList li{float: left; margin-left: 4px; width: calc(25% - 3px);position: relative; margin-bottom: 4px;}
    #website-case .website-case ul.caseList li:nth-child(4n+1){ margin-left: 0;}

    #website-case .website-case ul.caseList li .imgs{ background: #000000;}
    #website-case .website-case ul.caseList li .imgs img{ opacity: 0.5; transition:.7s; -webkit-transition:.7s; -moz-transition:.7s; -ms-transition:.7s; -o-transition:.7s;}
    #website-case .website-case ul.caseList li:hover .imgs img{ opacity: 1;}
    #website-case .website-case ul.caseList li .txt{ background: #313333; -moz-border-radius: 6px 6px 0 0;  -webkit-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; position: absolute; bottom: 0; width: 80%; text-align: center; left: 10%; padding: 20px 5%;}
    /*
    #website-case .website-case ul.caseL li:nth-child(5n+1) .txt{background: #418bca;}
    #website-case .website-case ul.caseL li:nth-child(5n+2) .txt{background: #5bb85f;}
    #website-case .website-case ul.caseL li:nth-child(5n+3) .txt{background: #5bc0de;}
    #website-case .website-case ul.caseL li:nth-child(5n+4) .txt{background: #d9544f;}
    #website-case .website-case ul.caseL li:nth-child(5n) .txt{background: #efad4d;}
    */
    #website-case .website-case ul.caseList li .txt h3 {font-size: 16px; padding-bottom: 0.3em; color: #fff;}
    #website-case .website-case ul.caseList li .txt .bq {}
    #website-case .website-case ul.caseList li .txt .bq a.website{ background: url("../images/website-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.wechat{ background: url("../images/wechat-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.app{ background: url("../images/app-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.game{ background: url("../images/game-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.h5{ background: url("../images/h5-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.sem{ background: url("../images/sem-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.seo{ background: url("../images/seo-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.small{ background: url("../images/small-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.toutiao{ background: url("../images/toutiao-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.video{ background: url("../images/video-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.weibo{ background: url("../images/weibo-ico.png") no-repeat center;}
    #website-case .website-case ul.caseList li .txt .bq a.zhibo{ background: url("../images/zhibo-ico.png") no-repeat center;}

    #website-case .website-case ul.caseList li .txt .bq a{ display: inline-block; width: 24px; line-height: 24px; height: 24px; font-size: 0; opacity: 0.5; vertical-align: middle; margin-top: 5px; margin-left: 3px; margin-right: 3px; overflow: hidden;}
    #website-case .website-case ul.caseList li .txt .bq a span{width: 5em; display: block; opacity: 0;}
    #website-case .website-case ul.caseList li .txt .bq a:hover{width:5em; background: #fff !important; opacity: 1; font-size: 12px; border-radius: 3px; color: #000000;}
    #website-case .website-case ul.caseList li .txt .bq a:hover span{opacity: 1;}

    #website-case .case-more { background: #f0f0f0; color: #00a95f; text-align: center; padding: 12px 0 10px 0; -moz-border-radius: 0 0 6px 6px;  -webkit-border-radius: 0 0 6px 6px;  border-radius: 0 0 6px 6px;}
    #website-case .case-more a { color: #00a95f; font-size: 14px;}
    #website-case .case-more:hover a { color:#00a95f; }
    #website-case .case-more i { height: 15px; line-height: 15px; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */ vertical-align: middle; display: block; color: #00a95f;}
    #website-case .case-more:hover i{ transform: translate3d(0,3px,0);  -ms-transform: translate3d(0,3px,0);  -moz-transform: translate3d(0,3px,0);  -webkit-transform: translate3d(0,3px,0);  -o-transform: translate3d(0,3px,0);}


.menuBox { width:100%;}
    .menuBox ul{ display: table; margin:30px auto 0 auto; text-align: center; padding:0;}
    .menuBox ul li { -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; background-color: #F9F9F9; float: left; margin-right:10px; padding: 10px 30px; font-size:16px; list-style-type:none; color:#393939;}
    .menuBox ul li:last-child { margin-right:0px;}
    .menuBox ul li:hover { color:#fff; background-color: #00a95f; text-decoration:none;}
    .menuBox ul li.active { background-color: #00a95f;}
    .menuBox ul li.active a { color:#FFF;}
    .menuBox ul li:hover a { color: #FFF;}
    .menuBox ul li a { color:#000; }




    /*网站SEO优化*/
#seo-intro { width: 100%; padding: 40px 0; }
    #seo-intro .seo-intro { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}


#seo-advantage { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #seo-advantage .seo-advantage { margin: 50px 0 0 0;}
    #seo-advantage .seo-advantage ul.advantage-content { overflow: hidden; }
    #seo-advantage .seo-advantage ul.advantage-content li { float: left;width: 25%;padding:0 30px; }
    #seo-advantage .seo-advantage ul.advantage-content li div.icon { text-align: center; }
    #seo-advantage .seo-advantage ul.advantage-content li div.icon i.iconfont { font-size: 60px;color: #222; transition: all .3s ease; }
    #seo-advantage .seo-advantage ul.advantage-content li p.title { line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #seo-advantage .seo-advantage ul.advantage-content li p.intro { font-size: 16px;line-height: 28px; color: #666; text-align: center;}
    #seo-advantage .seo-advantage ul.advantage-content li:hover div.icon i.iconfont { font-size: 42px;color: #00a95f; }
    #seo-advantage .seo-advantage ul.advantage-content li:hover p.title { color: #00a95f; }



#seo-cases { width: 100%; padding: 40px 0; }
    #seo-cases .seo-cases { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}

    .con_box03 { padding: 90px 0; background: #fafafa;}
    .con_box03_qh { overflow: hidden; width:100%; margin:auto; -moz-border-radius: 6px 6px 0 0;  -webkit-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0;}
    .con_box03_qh .hd {  width: 100%; height: 64px;overflow: hidden; border-bottom: 2px solid #fafafa;}
    .con_box03_qh .hd ul {}
    .con_box03_qh .hd ul li {cursor:pointer;  width: 20%;  height: 64px; line-height:64px; background: #3a3a3a; text-align:center; font-size: 22px; float: left; transition: all .3s ease; color: #fff; font-weight: bold;}
    .con_box03_qh .hd ul li:hover,.con_box03_qh .hd ul li.on { background: #00a95f; color: #fff; }
    .con_box03_con { width: 100%; background: #fff; padding: 30px 0; border-left: solid 1px #f9f9f9; border-right: solid 1px #f9f9f9; border-bottom: solid 1px #f9f9f9;}
    .con_box03_qh .bd { width:100%;  font-size: 14px;   margin:15px;  zoom:1; float: left;   }
    .con_box03_qh_nr { width:100%; overflow:hidden; position:relative; padding: 0 30px;}
    .con_box03_qh_nr .hd2 { height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .con_box03_qh_nr .hd2 ul { overflow:hidden; zoom:1; float:left;  }
    .con_box03_qh_nr .hd2 ul li {float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
    .con_box03_qh_nr .hd2 ul li.on { background:#f00; color:#fff; }
    .con_box03_qh_nr .bd2 { position:relative; height:100%; z-index:0;   }
    .con_box03_qh_nr .bd2 li { width: 33.3%;  float: left;zoom:1; vertical-align:middle; position: relative; }
    .con_box03_qh_nr .bd2 li p { position: absolute; bottom: 6px; left: 0; background: rgba(38,29,29,0.8); width: 348px; height: 45px; line-height: 45px; font-size: 13px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .con_box03_qh_nr .bd2 img {display:block;  }
    .con_box03_qh_nr .next2,.con_box03_qh_nr .prev2 { position: absolute; top: 50%; margin-top: -30px; display: block; width: 30px; height: 60px; line-height: 60px; text-align: center; background: #3a3a3a; color: #fff; font-size: 30px;}

    .con_box03_qh_nr .prev2 { left: 0; -moz-border-radius: 0 6px 6px 0;  -webkit-border-radius: 0 6px 6px 0;  border-radius: 0 6px 6px 0;}
    .con_box03_qh_nr .next2 { right: 0; -moz-border-radius: 6px 0 0 6px;  -webkit-border-radius: 6px 0 0 6px;  border-radius: 6px 0 0 6px;}
    .con_box03_qh_nr .next2:hover,.con_box03_qh_nr .prev2:hover{background: #00a95f;}
    .con_box03_qh_nr .nextStop{ display:none;  }
    .con_box03_qh_nr .bd2 ul li table {float: left;width: 100%;height: 210px;margin-right: 36px; }
    .con_box03_qh_nr .bd2 ul li table tbody tr {width: 100%; }
    .con_box03_qh_nr .bd2 ul li table tbody tr td {border: 1px solid #d8d8d8;color: #a5a5a5;padding: 0 10px; }
    .con_box03_qh_nr .bd2 ul li table tbody tr td.keyword {text-align: center; font-size: 18px; font-weight: bold; }
    .con_box03_qh_nr .bd2 ul li table tbody tr td.keyword a {  color: #555; }

    .m_l_r_20{ margin:0 20px;}
    .h210{ height:210px!important;}

#seo-process { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #seo-process .seo-process { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}
    #seo-process .seo-process img { max-width: 100%;}
    #seo-process .seo-process ul { width: 80%; margin: 20px auto;}
    #seo-process .seo-process ul li h2 { font-size: 16px; font-weight: 700;}
    #seo-process .seo-process ul li p { font-size: 13px;}

#seo-info { width: 100%; padding: 40px 0;}
    #seo-info .seo-info { margin: 20px 0 0 0;}
    #seo-info .seo-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


/* SEM全网营销 */
#sem-marketing { width: 100%; padding: 40px 0;}
    #sem-marketing .sem-marketing { margin: 30px 0 0 0;}

    #sem-marketing .sem-marketing ul {overflow: hidden; }
    #sem-marketing .sem-marketing ul li {float: left;width: 25%;padding:0 30px;margin: 15px 0; }
    #sem-marketing .sem-marketing ul li div.icon {text-align: center; border: 1px solid #3a3a3a; width: 110px; height: 110px; padding-top: 4px; margin: auto;}
    #sem-marketing .sem-marketing ul li div.icon i.iconfont { -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px; font-size: 40px; color: #fff;display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: auto; background: #3a3a3a; transition: all .3s ease; }
    #sem-marketing .sem-marketing ul li p.title {line-height: 30px; margin-top: 14px; font-size: 20px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #sem-marketing .sem-marketing ul li p.txt {line-height: 22px; margin-top: 14px; font-size: 14px; text-align: center;color: #666; margin-bottom: 20px; }
    #sem-marketing .sem-marketing ul li:hover div.icon{ border-color:#00a95f; }
    #sem-marketing .sem-marketing ul li:hover div.icon i.iconfont {font-size: 30px;color: #fff; background: #00a95f; }

#sem-process { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #sem-process .sem-process { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}
    #sem-process .sem-process img { max-width: 100%;}
    #sem-process .sem-process ul { width: 80%; margin: 20px auto;}
    #sem-process .sem-process ul li h2 { font-size: 16px; font-weight: 700;}
    #sem-process .sem-process ul li p { font-size: 13px;}


#sem-info { width: 100%; padding: 40px 0;}
    #sem-info .sem-info { margin: 20px 0 0 0;}
    #sem-info .sem-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


/* 霸屏推广 */
#baping-marketing { width: 100%; padding: 40px 0;}
    #baping-marketing .baping-marketing { margin: 30px 0 0 0;}

    #baping-marketing .baping-marketing ul.content {overflow: hidden; }
    #baping-marketing .baping-marketing ul.content li {float: left;width: 25%;padding:0 30px; }
    #baping-marketing .baping-marketing ul.content li div.icon { height: 124px; line-height: 124px; text-align: center; background: url('../images/baping-wbx.png') no-repeat center;}
    #baping-marketing .baping-marketing ul.content li div.icon i.iconfont {font-size: 60px;color: #fff; transition: all .3s ease; vertical-align: middle; }
    #baping-marketing .baping-marketing ul.content li p.title {line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #baping-marketing .baping-marketing ul.content li p.intro {font-size: 16px;line-height: 28px; color: #666; text-align: center;}
    #baping-marketing .baping-marketing ul.content li:hover div.icon {background: url('../images/baping-wbx-hover.png') no-repeat center; }
    #baping-marketing .baping-marketing ul.content li:hover div.icon i.iconfont {font-size: 40px;color: #fff; }
    #baping-marketing .baping-marketing ul.content li:hover p.title {color: #00a95f; }


#baping-process { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #baping-process .baping-process { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}
    #baping-process .baping-process img { max-width: 100%;}
    #baping-process .baping-process ul { width: 80%; margin: 20px auto;}
    #baping-process .baping-process ul li h2 { font-size: 16px; font-weight: 700;}
    #baping-process .baping-process ul li p { font-size: 13px;}

#baping-info { width: 100%; padding: 40px 0;}
    #baping-info .baping-info { margin: 20px 0 0 0;}
    #baping-info .baping-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

/*竞价托管*/
    #bidding-advantage { width: 100%; padding: 40px 0; }
    #bidding-advantage .bidding-advantage { margin: 50px 0 0 0;}
    #bidding-advantage .bidding-advantage ul.advantage-content { overflow: hidden; }
    #bidding-advantage .bidding-advantage ul.advantage-content li { float: left;width: 20%;padding:0 30px; }
    #bidding-advantage .bidding-advantage ul.advantage-content li div.icon { text-align: center; }
    #bidding-advantage .bidding-advantage ul.advantage-content li div.icon i.iconfont { font-size: 60px;color: #222; transition: all .3s ease; }
    #bidding-advantage .bidding-advantage ul.advantage-content li p.title { line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #bidding-advantage .bidding-advantage ul.advantage-content li p.intro { font-size: 16px;line-height: 28px; color: #666; text-align: center;}
    #bidding-advantage .bidding-advantage ul.advantage-content li:hover div.icon i.iconfont { font-size: 42px;color: #00a95f; }
    #bidding-advantage .bidding-advantage ul.advantage-content li:hover p.title { color: #00a95f; }



/*当前位置*/
#current-position { }
    .current-position { text-align: left; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e6e6e6; margin: 0 auto; /*font-weight: bold;*/}
    .current-position font { font-family: simsun; padding: 0 8px;}
    .current-position span { color: #00a95f; font-weight: bold;}


/*案例详细*/
#case-detail-intro { margin: 30px auto 10px auto;}
    .case-detail-intro { text-align: left; background-color: #FFF; padding: 50px;}
    .case-detail-intro .case-title { margin-bottom: 20px;}
    .case-detail-intro .case-title h1 { float: left; font-size: 40px;}
    .case-detail-intro .case-title .right { float: right; margin: 20px 0 0 0;}
    .case-detail-intro .case-title .right span { -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; background-color: #f3f3f3; padding: 5px 15px; margin-left: 10px;}
    .case-detail-intro .case-text { line-height: 165%; font-size: 14px;}

#case-detail-content { margin: 0px auto 10px auto;}
    .case-detail-content { font-size: 14px; text-align: left; background-color: #FFF; padding: 50px;}
    .case-detail-content img { max-width: 100%;}


/*信息详细*/
#info-detail-title { margin: 30px auto 10px auto;}
    .info-detail-title { text-align: left; background-color: #FFF; padding: 50px;}
    .info-detail-title h1 { text-align: center; font-size: 26px;}
    .info-detail-title h2 { font-size: 14px; text-align: center; margin: 10px 0;}
    .info-detail-title h2 span { color: #ca1911; font-weight: 700; margin: 0 5px;}
    .info-detail-title .baidu-share { width: 190px; margin: 0 auto;}

#info-detail-content { margin: 0px auto 10px auto;}
    .info-detail-content { font-size: 14px; text-align: left; background-color: #FFF; padding: 50px;}
    .info-detail-content img { max-width: 100%;}

/*信息列表*/
#info-content { width: 100%; padding: 40px 0 50px 0;}
    .info-content { text-align: left;}

    .quick-search { }
    .quick-search .left { float: left;}

    .quick-search .left ul { text-align: center; padding:0;}
    .quick-search .left ul li { -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; background-color: #dfdfdf; float: left; margin-right:10px; padding: 10px 25px; font-size:16px; list-style-type:none; color:#393939;}
    .quick-search .left ul li:last-child { margin-right:0px;}
    .quick-search .left ul li:hover { color:#fff; background-color: #00a95f; text-decoration:none;}
    .quick-search .left ul li.active { background-color: #00a95f;}
    .quick-search .left ul li.active a { color:#FFF;}
    .quick-search .left ul li:hover a { color: #FFF;}
    .quick-search .left ul li a { color:#000; display: inline-block;}


    .quick-search .right { float: right;}

    .quick-search .right .keywords { float: left; height: 32px; line-height: 32px; border-left: solid 1px #d3d3d3; border-top: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; border-right: none; padding-left: 10px;}
    .quick-search .right .btn-info-search { cursor:pointer; float: left; height: 32px; line-height: 32px; padding: 0 10px; background-color: #f36100; color: #FFF; -moz-border-radius: 0 3px 3px 0;  -webkit-border-radius: 0 3px 3px 0;  border-radius: 0 3px 3px 0;}
    .quick-search .right .btn-info-search:hover { background-color:#f60;}



    .info-list { margin: 50px 0 0 0;}
    .info-list ul li { float:left; width:32%; overflow:hidden; margin-right:2%; background:#fff; transition:all 0.5s; margin-bottom:2%;}
    .info-list ul li:nth-child(3n+0) { margin-right:0;}
    .info-list ul li .txts { width:92%; margin:0 auto; max-width:400px;}
    .info-list ul li .txts .h2 { color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}
    .info-list ul li .txts .p a { font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
    .info-list ul li .txts .dates { margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url("../images/arrow-info.png") right 50px no-repeat;transition:all 0.3s;}
    .info-list ul li .txts .dates span { display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
    .info-list ul li .txts .tags { overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
    .info-list ul li .txts .tags span { float:left; margin-right:6px;font-size:14px;}
    .info-list ul li .txts .tags a { float:left; margin-right:5px;font-size:14px; color:#999;}
    .info-list ul li:hover .txts .dates { background:url("../images/arrow-info-on.png") right 50px no-repeat; color:#fff; border-top:1px solid #F1F1F1;}
    .info-list ul li:hover .txts .dates span { color:#fff;}
    .info-list ul li:hover .txts .h2 { color:#fff; overflow:hidden}
    .info-list ul li:hover .txts .p { color:#fff;}
    .info-list ul li:hover { -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#00a95f; }
    .info-list ul li:hover .tags span { color:#fff;}
    .info-list ul li:hover .tags a { color:#fff;}
    .info-list ul li:hover .txts .p a { color: #FFF;}


    .faq-list { margin: 50px 0 0 0;}
    .faq-list ul li { float:left; width:32%; overflow:hidden; margin-right:2%; background:#fff; transition:all 0.5s; margin-bottom:2%;}
    .faq-list ul li:nth-child(3n+0) { margin-right:0;}
    .faq-list ul li .txts { width:92%; margin:0 auto; max-width:400px;}
    .faq-list ul li .txts .h2 { color:#000000; font-size:18px; font-weight:normal; height:48px; line-height:48px; margin-top:24px;transition:all 0.3s;overflow:hidden;}
    .faq-list ul li .txts .p a { font-size:16px; color:#666666; line-height:24px; height:48px; overflow:hidden;transition:all 0.3s;}
    .faq-list ul li .txts .dates { margin-top:16px; padding-top:24px; border-top:1px solid #f5f5f5; overflow:hidden; font-size:14px; color:#666666; line-height:22px; margin-bottom:26px;background:url("../images/arrow-info.png") right 50px no-repeat;transition:all 0.3s;}
    .faq-list ul li .txts .dates span { display:block; color:#000000; font-size:48px; line-height:46px; height:46px;transition:all 0.3s; margin-bottom:2px;}
    .faq-list ul li .txts .tags { overflow:hidden; height:22px; line-height:22px; color:#999; margin-top:10px;}
    .faq-list ul li .txts .tags span { float:left; margin-right:6px;font-size:14px;}
    .faq-list ul li .txts .tags a { float:left; margin-right:5px;font-size:14px; color:#999;}
    .faq-list ul li:hover .txts .dates { background:url("../images/arrow-info-on.png") right 50px no-repeat; color:#fff; border-top:1px solid #F1F1F1;}
    .faq-list ul li:hover .txts .dates span { color:#fff;}
    .faq-list ul li:hover .txts .h2 { color:#fff; overflow:hidden}
    .faq-list ul li:hover .txts .p { color:#fff;}
    .faq-list ul li:hover { -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#00a95f; }
    .faq-list ul li:hover .tags span { color:#fff;}
    .faq-list ul li:hover .tags a { color:#fff;}
    .faq-list ul li:hover .txts .p a { color: #FFF;}




.back-list { color: #333; margin: 30px auto 0 auto; text-align: center;}
    .back-list a { font-size: 16px; background-color: #f3f3f3; padding: 15px 40px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }
    .back-list a:hover { color: #FFF; background-color: #00a95f;}

.more-list {margin: 10px auto 0 auto; text-align: center;}
    .more-list a {  color: #00a95f; font-size: 16px; background-color: #dfdfdf; padding: 15px 40px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }
    .more-list a:hover { color: #FFF; background-color: #00a95f;}


#page-turning { margin: 0px auto 50px auto;}
    .page-turning { font-size: 14px; text-align: left; background-color: #FFF; padding: 15px 50px;}
    .page-turning i { color: #00a95f; vertical-align: middle;}
    .page-turning .left { float: left;}
    .page-turning .right { float: right;}

@media (max-width: 768px) {

    /*内页BANNER*/
    #mainBanner { background-size: 100%; width: 100%; height: 72px; background-position: center 0; display: block; position: relative;}

    /* 关于我们 */
    #about { }
    .about-content { padding: 30px 0 30px 0; width: 100%; margin: 0 auto;}
        .about-content .about-content-left { float: none; text-align: left; margin-bottom: 20px; width: 100%;}
        .about-content .about-content-right { float: none; text-align: center; width: 100%;}
        .about-content .about-content-right img { margin-top: 0;}


    /* 企业文化 */
    #culture .culture-title-en { font-size: 2.2em;}
    #culture .culture-title-cn { font-size: 2.2em; margin-bottom: 20px;}
    #culture .culture-intro { letter-spacing: 0.1em; font-size: 1.4em; margin-bottom: 20px;}


    /*品牌网站建设*/
    #construction-website { width: 100%; padding: 40px 0;}
        #construction-website .construction-website { margin: 50px 0 0 0;}
        #construction-website .construction-website ul li { float: left; width: 50%; margin-bottom: 20px;}
        #construction-website .construction-website ul li img { max-width: 128px; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */}
        #construction-website .construction-website ul li:hover img { transform: translate3d(0,-10px,0) rotate(360deg);  -ms-transform: translate3d(0,-10px,0) rotate(360deg);  -moz-transform: translate3d(0,-10px,0) rotate(360deg);  -webkit-transform: translate3d(0,-10px,0) rotate(360deg);  -o-transform: translate3d(0,-10px,0) rotate(360deg);}
        #construction-website .construction-website ul li h2 { font-size: 16px; margin: 20px 0 0 0;}

    #construction-design { width: 100%; padding: 40px 0; margin-bottom: 30px; background: url("../images/websitebrandimg1.jpg") center no-repeat #f5f5f5;}
        #construction-design .construction-design { margin: 50px 0 0 0; text-align: left;}
        #construction-design .construction-design h2 { font-size: 26px; font-weight: 700;}
        #construction-design .construction-design h2::after { content: ''; display: block; width: 82px; padding-top: 10px; padding-bottom: 5px; border-bottom:solid 3px #00a95f;}
        #construction-design .construction-design p { font-size: 14px; color: #333; margin: 30px 0 30px 0; font-weight: normal;}

    #construction-navigation { width: 100%; padding: 40px 0; background: url("../images/websitebrandimg2.jpg") right repeat-y;}
        #construction-navigation .construction-navigation { margin-top:35px; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;}
        #construction-navigation .construction-navigation ul li { cursor: pointer; width:50%; float:left; text-align:center; overflow:hidden;position:relative;}
        #construction-navigation .construction-navigation ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a; padding-bottom:32px;}
        #construction-navigation .construction-navigation ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;}
        #construction-navigation .construction-navigation ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;}
        #construction-navigation .construction-navigation ul li .cons{ overflow:hidden; background:#00a95f; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;}
        #construction-navigation .construction-navigation ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px; height:147px; }
        #construction-navigation .construction-navigation ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;}
        #construction-navigation .construction-navigation ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#f5f5f5; font-size:16px;}
        #construction-navigation .construction-navigation ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);}


    #construction-info { width: 100%; padding: 40px 0;}
        #construction-info .construction-info { margin: 20px 0 0 0;}
        #construction-info .construction-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px; overflow: hidden;}

    /*电子商务网站建设*/
    #mall-navigation { width: 100%; padding: 40px 0; margin-bottom: 30px; background: url("../images/mallimg1.jpg") center repeat-y;}
        #mall-navigation .mall-navigation { margin: 50px 0 0 0; overflow:hidden; border-top:1px solid #3a3a3a; border-left:1px solid #3a3a3a;}
        #mall-navigation .mall-navigation ul li{ width:50%; float:left; text-align:left; overflow:hidden;position:relative;}
        #mall-navigation .mall-navigation ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;/* padding-bottom:32px;*/ height:218px;transition:all 0.3s;}
        #mall-navigation .mall-navigation ul li:hover .txts{ background:#00a95f;}
        #mall-navigation .mall-navigation ul li .txts .img1{ display: none;}
        #mall-navigation .mall-navigation ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100%  100%; z-index:2;opacity:0;filter:Alpha(opacity=0);}
        #mall-navigation .mall-navigation ul li:nth-child(1) .txts .img1:after{background-image:url("../images/mallico1_on.png");}
        #mall-navigation .mall-navigation ul li:nth-child(2) .txts .img1:after{background-image:url("../images/mallico2_on.png");}
        #mall-navigation .mall-navigation ul li:nth-child(3) .txts .img1:after{background-image:url("../images/mallico3_on.png");}
        #mall-navigation .mall-navigation ul li:nth-child(4) .txts .img1:after{background-image:url("../images/mallico4_on.png");}
        #mall-navigation .mall-navigation ul li:nth-child(5) .txts .img1:after{background-image:url("../images/mallico5_on.png");}
        #mall-navigation .mall-navigation ul li:nth-child(6) .txts .img1:after{background-image:url("../images/mallico6_on.png");}
        #mall-navigation .mall-navigation ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);}
        #mall-navigation .mall-navigation ul li:nth-child(1) .txts .img1{ background-image:url("../images/mallico1.png");}
        #mall-navigation .mall-navigation ul li:nth-child(2) .txts .img1{ background-image:url("../images/mallico2.png");}
        #mall-navigation .mall-navigation ul li:nth-child(3) .txts .img1{ background-image:url("../images/mallico3.png");}
        #mall-navigation .mall-navigation ul li:nth-child(4) .txts .img1{ background-image:url("../images/mallico4.png");}
        #mall-navigation .mall-navigation ul li:nth-child(5) .txts .img1{ background-image:url("../images/mallico5.png");}
        #mall-navigation .mall-navigation ul li:nth-child(6) .txts .img1{ background-image:url("../images/mallico6.png");}
        #mall-navigation .mall-navigation ul li .txts .divs{ width:100%; padding: 10px; float:none; margin: 0px;}
        #mall-navigation .mall-navigation ul li .txts .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;color:#fff;}
        #mall-navigation .mall-navigation ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px;}
        #mall-navigation .mall-navigation ul li:hover .txts .divs .p{ color:#fff;}

    /*行业门户网站建设*/
    #portal-website { width: 100%; padding: 40px 0; margin-bottom: 30px; background: #f9f9f9;}
        #portal-website .portal-website { margin: 50px 0 0 0; text-align: left;}
        #portal-website .portal-website ul li { text-align: center; margin-bottom: 20px;}
        #portal-website .portal-website ul li .imgs { overflow:hidden; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
        #portal-website .portal-website ul li img { max-width: 100%; -webkit-transition: all 0.8s ease-out;  -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;}
        #portal-website .portal-website ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
        #portal-website .portal-website ul li h2 { margin: 20px 0 10px 0;}
        #portal-website .portal-website ul li p { margin: 10px 10px 0 10px; font-size: 14px;}


    /*成功案例*/
    #website-case { width: 100%; padding: 50px 0 20px 0; }
        #website-case .website-case { margin: 30px 0 0 0; text-align: center;}

        #website-case .website-case ul.caseList { -moz-border-radius: 6px 6px 0 0;  -webkit-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; overflow: hidden;}
        #website-case .website-case ul.caseList li{float: left; margin-left: 4px; width: 100%; position: relative; margin-bottom: 4px;}
        #website-case .website-case ul.caseList li:nth-child(4n+1){ margin-left: 0;}

        #website-case .website-case ul.caseList li .imgs{ background: #000000;}
        #website-case .website-case ul.caseList li .imgs img{ opacity: 0.5; transition:.7s; -webkit-transition:.7s; -moz-transition:.7s; -ms-transition:.7s; -o-transition:.7s;}
        #website-case .website-case ul.caseList li:hover .imgs img{ opacity: 1;}
        #website-case .website-case ul.caseList li .txt{ background: #313333; -moz-border-radius: 6px 6px 0 0;  -webkit-border-radius: 6px 6px 0 0;  border-radius: 6px 6px 0 0; position: absolute; bottom: 0; width: 80%; text-align: center; left: 10%; padding: 20px 5%;}
        /*
        #website-case .website-case ul.caseL li:nth-child(5n+1) .txt{background: #418bca;}
        #website-case .website-case ul.caseL li:nth-child(5n+2) .txt{background: #5bb85f;}
        #website-case .website-case ul.caseL li:nth-child(5n+3) .txt{background: #5bc0de;}
        #website-case .website-case ul.caseL li:nth-child(5n+4) .txt{background: #d9544f;}
        #website-case .website-case ul.caseL li:nth-child(5n) .txt{background: #efad4d;}
        */
        #website-case .website-case ul.caseList li .txt h3 {font-size: 16px; padding-bottom: 0.3em; color: #fff;}
        #website-case .website-case ul.caseList li .txt .bq {}
        #website-case .website-case ul.caseList li .txt .bq a.website{ background: url("../images/website-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.wechat{ background: url("../images/wechat-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.app{ background: url("../images/app-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.game{ background: url("../images/game-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.h5{ background: url("../images/h5-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.sem{ background: url("../images/sem-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.seo{ background: url("../images/seo-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.small{ background: url("../images/small-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.toutiao{ background: url("../images/toutiao-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.video{ background: url("../images/video-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.weibo{ background: url("../images/weibo-ico.png") no-repeat center;}
        #website-case .website-case ul.caseList li .txt .bq a.zhibo{ background: url("../images/zhibo-ico.png") no-repeat center;}

        #website-case .website-case ul.caseList li .txt .bq a{ display: inline-block; width: 24px; line-height: 24px; height: 24px; font-size: 0; opacity: 0.5; vertical-align: middle; margin-top: 5px; margin-left: 3px; margin-right: 3px; overflow: hidden;}
        #website-case .website-case ul.caseList li .txt .bq a span{width: 5em; display: block; opacity: 0;}
        #website-case .website-case ul.caseList li .txt .bq a:hover{width:5em; background: #fff !important; opacity: 1; font-size: 12px; border-radius: 3px; color: #000000;}
        #website-case .website-case ul.caseList li .txt .bq a:hover span{opacity: 1;}

        #website-case .case-more { background: #f0f0f0; color: #00a95f; text-align: center; padding: 12px 0 10px 0; -moz-border-radius: 0 0 6px 6px;  -webkit-border-radius: 0 0 6px 6px;  border-radius: 0 0 6px 6px;}
        #website-case .case-more a { color: #00a95f; font-size: 14px;}
        #website-case .case-more:hover a { color:#00a95f; }
        #website-case .case-more i { height: 15px; line-height: 15px; -moz-transition: all 0.6s; /* Firefox 4 */ -webkit-transition: all 0.6s; /* Safari and Chrome */ -o-transition: all 0.6s; /* Opera */ vertical-align: middle; display: block; color: #00a95f;}
        #website-case .case-more:hover i{ transform: translate3d(0,3px,0);  -ms-transform: translate3d(0,3px,0);  -moz-transform: translate3d(0,3px,0);  -webkit-transform: translate3d(0,3px,0);  -o-transform: translate3d(0,3px,0);}

    .menuBox { display: none;}

    /*上一页 下一页*/
    #page-turning { margin: 0px auto 50px auto;}
    .page-turning { font-size: 14px; text-align: center; background-color: #FFF; padding: 15px 50px;}
    .page-turning i { color: #00a95f; vertical-align: middle;}
    .page-turning .left { float: none; margin-bottom: 20px;}
    .page-turning .right { float: none;}

    /*案例详细*/
    #case-detail-intro { margin: 30px auto 10px auto;}
    .case-detail-intro { text-align: left; background-color: #FFF; padding: 20px;}
    .case-detail-intro .case-title { margin-bottom: 20px;}
    .case-detail-intro .case-title h1 { float: left; font-size: 26px;}
    .case-detail-intro .case-title .right { float: right; margin: 20px 0 0 0;}
    .case-detail-intro .case-title .right span { -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; background-color: #f3f3f3; padding: 5px 8px; margin-left: 2px;}
    .case-detail-intro .case-text { line-height: 165%; font-size: 14px;}

    #case-detail-content { margin: 0px auto 10px auto;}
    .case-detail-content { font-size: 14px; text-align: left; background-color: #FFF; padding: 20px;}
    .case-detail-content img { max-width: 100%;}


    #seo-advantage { width: 100%; padding: 40px 0; background: #f9f9f9;}
        #seo-advantage .seo-advantage { margin: 50px 0 0 0;}
        #seo-advantage .seo-advantage ul.advantage-content { overflow: hidden; }
        #seo-advantage .seo-advantage ul.advantage-content li { float: none; width: 100%; padding:0 30px; margin-bottom: 20px;}
        #seo-advantage .seo-advantage ul.advantage-content li div.icon { text-align: center; }
        #seo-advantage .seo-advantage ul.advantage-content li div.icon i.iconfont { font-size: 60px;color: #222; transition: all .3s ease; }
        #seo-advantage .seo-advantage ul.advantage-content li p.title { line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
        #seo-advantage .seo-advantage ul.advantage-content li p.intro { font-size: 16px;line-height: 28px; color: #666; text-align: center;}
        #seo-advantage .seo-advantage ul.advantage-content li:hover div.icon i.iconfont { font-size: 42px;color: #00a95f; }
        #seo-advantage .seo-advantage ul.advantage-content li:hover p.title { color: #00a95f; }


    #seo-cases { display: none; }



    /* SEM全网营销 */
    #sem-marketing { width: 100%; padding: 40px 0;}
    #sem-marketing .sem-marketing { margin: 30px 0 0 0;}

    #sem-marketing .sem-marketing ul {overflow: hidden; }
    #sem-marketing .sem-marketing ul li {float: left;width: 100%;padding:0px;margin: 15px 0; }
    #sem-marketing .sem-marketing ul li div.icon {text-align: center; border: 1px solid #3a3a3a; width: 110px; height: 110px; padding-top: 4px; margin: auto;}
    #sem-marketing .sem-marketing ul li div.icon i.iconfont { -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px; font-size: 40px; color: #fff;display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: auto; background: #3a3a3a; transition: all .3s ease; }
    #sem-marketing .sem-marketing ul li p.title {line-height: 30px; margin-top: 14px; font-size: 20px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #sem-marketing .sem-marketing ul li p.txt {line-height: 22px; margin-top: 14px; font-size: 14px; text-align: center;color: #666; margin-bottom: 20px; }
    #sem-marketing .sem-marketing ul li:hover div.icon{ border-color:#00a95f; }
    #sem-marketing .sem-marketing ul li:hover div.icon i.iconfont {font-size: 30px;color: #fff; background: #00a95f; }

    #sem-process { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #sem-process .sem-process { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}
    #sem-process .sem-process img { max-width: 100%;}
    #sem-process .sem-process ul { width: 80%; margin: 20px auto;}
    #sem-process .sem-process ul li h2 { font-size: 16px; font-weight: 700;}
    #sem-process .sem-process ul li p { font-size: 13px;}


    #sem-info { width: 100%; padding: 40px 0;}
    #sem-info .sem-info { margin: 20px 0 0 0;}
    #sem-info .sem-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


    /* 霸屏推广 */
    #baping-marketing { width: 100%; padding: 40px 0;}
    #baping-marketing .baping-marketing { margin: 30px 0 0 0;}

    #baping-marketing .baping-marketing ul.content {overflow: hidden; }
    #baping-marketing .baping-marketing ul.content li {float: left;width: 100%;padding:0px; margin-bottom: 20px;}
    #baping-marketing .baping-marketing ul.content li div.icon { height: 124px; line-height: 124px; text-align: center; background: url('../images/baping-wbx.png') no-repeat center;}
    #baping-marketing .baping-marketing ul.content li div.icon i.iconfont {font-size: 60px;color: #fff; transition: all .3s ease; vertical-align: middle; }
    #baping-marketing .baping-marketing ul.content li p.title {line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #baping-marketing .baping-marketing ul.content li p.intro {font-size: 16px;line-height: 28px; color: #666; text-align: center;}
    #baping-marketing .baping-marketing ul.content li:hover div.icon {background: url('../images/baping-wbx-hover.png') no-repeat center; }
    #baping-marketing .baping-marketing ul.content li:hover div.icon i.iconfont {font-size: 40px;color: #fff; }
    #baping-marketing .baping-marketing ul.content li:hover p.title {color: #00a95f; }


    #baping-process { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #baping-process .baping-process { margin: 30px 0 0 0; line-height: 180%; font-size: 16px;}
    #baping-process .baping-process img { max-width: 100%;}
    #baping-process .baping-process ul { width: 80%; margin: 20px auto;}
    #baping-process .baping-process ul li h2 { font-size: 16px; font-weight: 700;}
    #baping-process .baping-process ul li p { font-size: 13px;}

    #baping-info { width: 100%; padding: 40px 0;}
    #baping-info .baping-info { margin: 20px 0 0 0;}
    #baping-info .baping-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

    /*竞价托管*/
    #bidding-advantage { width: 100%; padding: 40px 0; }
    #bidding-advantage .bidding-advantage { margin: 50px 0 0 0;}
    #bidding-advantage .bidding-advantage ul.advantage-content { overflow: hidden; }
    #bidding-advantage .bidding-advantage ul.advantage-content li { float: left;width: 100%;padding:0px; margin-bottom: 20px; }
    #bidding-advantage .bidding-advantage ul.advantage-content li div.icon { text-align: center; }
    #bidding-advantage .bidding-advantage ul.advantage-content li div.icon i.iconfont { font-size: 60px;color: #222; transition: all .3s ease; }
    #bidding-advantage .bidding-advantage ul.advantage-content li p.title { line-height: 80px;font-size: 22px; font-weight: bold;text-align: center;color: #252525; transition: all .3s ease;}
    #bidding-advantage .bidding-advantage ul.advantage-content li p.intro { font-size: 16px;line-height: 28px; color: #666; text-align: center;}
    #bidding-advantage .bidding-advantage ul.advantage-content li:hover div.icon i.iconfont { font-size: 42px;color: #00a95f; }
    #bidding-advantage .bidding-advantage ul.advantage-content li:hover p.title { color: #00a95f; }


    /*响应式微网站*/
    .responseBanner { background: url('../images/responsebanner.jpg') no-repeat; text-align: center;}
    .responseBanner h2 { color: #cdcecf; font-size: 16px; font-weight: 700; padding: 10px 0 10px 0;}
    .responseBanner h2 span { color: #F60; font-weight: 700;}
    .responseBanner p { display: none; color: #cdcecf; font-size: 14px; margin-bottom: 30px;}
    .responseBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .responseBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .responseBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 5px 10px; font-size: 13px;}
    .responseBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 5px 10px; font-size: 13px;}

    #response-define { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #response-define .response-define { margin: 30px 0 0 0; line-height: 180%;}

    #response-advantage { width: 100%; padding: 40px 0; }
    #response-advantage .response-advantage { margin: 50px 0 0 0;}
    #response-advantage .response-advantage ul li { margin-bottom: 30px; text-align: left; }
    #response-advantage .response-advantage ul li .advantage-item-box { padding: 50px 30px; min-height: 380px; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #response-advantage .response-advantage ul li .itemBgOne { background: url("../images/responseimg1.png") right bottom no-repeat #fbfbfb; }
    #response-advantage .response-advantage ul li .itemBgTwo { background: url("../images/responseimg2.png") right bottom no-repeat #fbfbfb;}
    #response-advantage .response-advantage ul li .itemBgThree { background: url("../images/responseimg3.png") right bottom no-repeat #fbfbfb;}

    .advantage-item-title { font-size: 22px; font-weight: 700; color: #00a95f; height: 50px; line-height: 50px;}
    .advantage-item-title:after{ display: block; content: ""; width: 50px; height: 2px; background: #00a95f; transition: all .3s ease;}
    .advantage-item-intro { font-size: 14px; line-height: 180%; padding: 50px 0 0 0;}


    #response-characteristic { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #response-characteristic .response-characteristic { margin: 30px 0 0 0; text-align: center;}
    #response-characteristic .response-characteristic ul li { text-align: center; margin-bottom: 20px;}
    #response-characteristic .response-characteristic ul li .characteristic-box { cursor:pointer; padding: 40px 0 0 0; width: 200px; height: 200px; margin: 0 auto; border: solid 1px #d9d9d9; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;}
    #response-characteristic .response-characteristic ul li .characteristic-box h2 { font-weight: 700; font-size: 18px;}
    #response-characteristic .response-characteristic ul li .characteristic-box i { margin: 10px 0;}
    #response-characteristic .response-characteristic ul li .characteristic-box:hover { border: solid 1px #00a95f; background: #00a95f; color: #FFF;}

    #response-info { width: 100%; padding: 40px 0;}
    #response-info .response-info { margin: 20px 0 0 0;}
    #response-info .response-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

    /*小程序*/
    #miniprogram-define { width: 100%; padding: 40px 0;}
    #miniprogram-define .miniprogram-define { margin: 30px 0 0 0; line-height: 180%;}

    #miniprogram-define .miniprogram-define ul li { margin-bottom: 20px;}
    #miniprogram-define .miniprogram-define ul li .imgs{ overflow:hidden; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    #miniprogram-define .miniprogram-define ul li img { max-width: 100%; -webkit-transition: all 0.8s ease-out;  -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;  transition: all 0.8s ease-out;}
    #miniprogram-define .miniprogram-define ul li:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
    #miniprogram-define .miniprogram-define ul li p { text-align: left; margin: 10px 10px 0 10px; font-size: 14px;}

    #miniprogram-flow { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #miniprogram-flow .miniprogram-flow { margin: 30px 0 0 0; text-align: center;}
    #miniprogram-flow .miniprogram-flow ul li { margin-bottom: 20px;}
    #miniprogram-flow .miniprogram-flow ul li img { max-width: 100%; transition: all 0.6s;}
    #miniprogram-flow .miniprogram-flow ul li h2 { font-weight: 700; font-size: 16px; margin:10px 0;}
    #miniprogram-flow .miniprogram-flow ul li:hover img { transform: rotateY(-180deg);  -ms-transform: rotateY(180deg);  -moz-transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg);  -o-transform: rotateY(-180deg);}

    #miniprogram-can { width: 100%; padding: 40px 0; }
    #miniprogram-can .miniprogram-can { margin: 30px 0 0 0; text-align: center;}

    #miniprogram-can .miniprogram-can ul li { text-align: center; margin-bottom: 20px;}
    #miniprogram-can .miniprogram-can ul li .can-box { cursor:pointer; padding: 40px 0 0 0; width: 200px; height: 200px; margin: 0 auto; border: solid 1px #00a95f; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;}
    #miniprogram-can .miniprogram-can ul li .can-box h2 { font-weight: 700; font-size: 18px; color: #00a95f;}
    #miniprogram-can .miniprogram-can ul li .can-box i { margin: 10px 0; color: #00a95f;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover { background: #00a95f; color: #FFF;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover h2 { color: #FFF;}
    #miniprogram-can .miniprogram-can ul li .can-box:hover i { color: #FFF;}


    /*微信公众号*/
    #wechat-development { width: 100%; padding: 40px 0;}
    #wechat-development .wechat-development { margin: 30px 0 0 0; line-height: 180%;}


    #wechat-application { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #wechat-application .wechat-application { margin: 30px 0 0 0; line-height: 180%;}


    #wechat-info { width: 100%; padding: 40px 0;}
    #wechat-info .wechat-info { margin: 20px 0 0 0;}
    #wechat-info .wechat-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

    /*微商城*/
    #ecshop-development { width: 100%; padding: 40px 0;}
    #ecshop-development .ecshop-development { margin: 30px 0 0 0; line-height: 180%;}


    #ecshop-application { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #ecshop-application .ecshop-application { margin: 30px 0 0 0; line-height: 180%;}


    #ecshop-info { width: 100%; padding: 40px 0;}
    #ecshop-info .ecshop-info { margin: 20px 0 0 0;}
    #ecshop-info .ecshop-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


    /*域名注册*/
    .domainBanner { background: url('../images/domainbanner.jpg') no-repeat; text-align: center;}
    .domainBanner h2 { color: #333; font-size: 16px; font-weight: 700; padding: 10px 0 10px 0;}
    .domainBanner h2 span { color: #F60; font-weight: 700;}
    .domainBanner p { display: none; color: #57585a; font-size: 14px; margin-bottom: 30px;}
    .domainBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .domainBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .domainBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 5px 10px; font-size: 13px;}
    .domainBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 5px 10px; font-size: 13px;}


    #domain-type { margin: 30px 0;}
    .domain-type { border: solid 1px #f0f0f0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
    .domain-type ul li { float: left; width: 100%; text-align: left; padding: 20px 30px; cursor:pointer; border-bottom: solid 1px #f0f0f0; border-right:none;}

    .domain-type ul li:nth-child(5n) { border-right: none;}
    .domain-type ul li.no-bottom { border-bottom: solid 1px #f0f0f0;}
    .domain-type ul li:last-child { border-bottom:none;}

    .domain-type ul li h1 { font-size: 17px; margin: 0 0 10px 0; font-weight: 700; color: #00a95f;}
    .domain-type ul li:hover { background: #00a95f; color: #FFF;}
    .domain-type ul li:hover h1 { color: #FFF;}
    .domain-type ul li:hover i { color: #FFF;}

    .domain-type ul li:nth-child(1):hover { -moz-border-radius: 8px 0 0 0; -webkit-border-radius: 8px 0 0 0; border-radius: 8px 0 0 0;}
    .domain-type ul li:nth-child(5):hover { -moz-border-radius: 0 8px 0 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;}
    .domain-type ul li:nth-child(11):hover { -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;}
    .domain-type ul li:nth-child(15):hover { -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; border-radius: 0 0 8px 0;}


    #domain-brand { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #domain-brand .domain-brand-box { margin-top: 30px;}
    #domain-brand ul li { min-height: 242px; width: 100%; float: left; border-right: dotted 1px #dedede;}
    #domain-brand ul li:last-child { border-right: none;}
    #domain-brand ul li .domain-brand-item { margin: 0 20px;}
    #domain-brand ul li .domain-brand-item .brand-item-ico { margin: 0 auto; text-align: center;}
    #domain-brand ul li .domain-brand-item .brand-item-ico i { color: #00a95f; display: inline-table;}
    #domain-brand ul li .domain-brand-item .brand-item-ico:hover i { color: #00c26d;}
    #domain-brand ul li .domain-brand-item h2 { font-size: 18px; color: #00a95f; font-weight: 500; margin: 10px 0;}
    #domain-brand ul li .domain-brand-item .name { font-size: 16px; color: #585858; margin: 10px 0; font-weight: 500;}
    #domain-brand ul li .domain-brand-item .intro { font-size: 13px; text-align: left;}


    #domain-info { width: 100%; padding: 40px 0;}
    #domain-info .domain-info { margin: 20px 0 0 0;}
    #domain-info .domain-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}
    #domain-info .domain-info ul li span { color: #999; margin-left: 10px;}


    /*主机与服务器*/
    .hostBanner { background: url('../images/domainbanner.jpg') no-repeat; text-align: center;}
    .hostBanner h2 { color: #333; font-size: 16px; font-weight: 700; padding: 10px 0 10px 0;}
    .hostBanner h2 span { color: #F60; font-weight: 700;}
    .hostBanner p { display: none; color: #57585a; font-size: 14px; margin-bottom: 30px;}
    .hostBanner a { margin: 10px 5px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
    .hostBanner a:hover { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
    .hostBanner a.wzjsBtn { color: #FFF; background: #565656; padding: 5px 10px; font-size: 13px;}
    .hostBanner a.lxkfBtn { color: #FFF; background: #F60; padding: 5px 10px; font-size: 13px;}

    #host-advantage { width: 100%; padding: 40px 0;}
    #host-advantage .host-advantage { margin: 30px 0 0 0;}
    #host-advantage .host-advantage ul li { margin-bottom: 20px;}
    #host-advantage .host-advantage ul li img { max-width: 60px;}
    #host-advantage .host-advantage ul li h2 { margin: 10px 0;}

    #host-type { width: 100%; padding: 40px 0; background: #f9f9f9; }
    #host-type .host-type { margin: 30px 0 0 0; overflow:auto;}
    #host-type .host-type table tr td { padding: 10px 20px; }
    #host-type .host-type table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}

    #host-info { width: 100%; padding: 40px 0;}
    #host-info .host-info { margin: 20px 0 0 0;}
    #host-info .host-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

    /*400电话*/
    #phone-function { width: 100%; padding: 40px 0;}
    #phone-function .phone-function { margin: 30px 0 0 0;}
    #phone-function .phone-function ul li { margin-bottom: 20px;}
    #phone-function .phone-function ul li img { max-width: 68px;}
    #phone-function .phone-function ul li h2 { margin: 10px 0;}
    #phone-function .phone-function ul li p { text-align: left; padding-left: 80px;}

    #phone-base { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #phone-base .phone-base { margin: 30px 0 0 0;}
    #phone-base .phone-base ul li { margin-bottom: 20px; width: 33.333333%; float: left;}
    #phone-base .phone-base ul li img { max-width: 46px;}
    #phone-base .phone-base ul li h2 { margin: 10px 0; font-size: 16px;}

    #phone-info { width: 100%; padding: 40px 0;}
    #phone-info .phone-info { margin: 20px 0 0 0;}
    #phone-info .phone-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}

    /*企业邮箱*/
    #mail-advantage { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #mail-advantage .mail-advantage { margin: 30px 0 0 0;}
    #mail-advantage .mail-advantage ul li { margin-bottom: 20px;}
    #mail-advantage .mail-advantage ul li i { color: #00a95f;}
    #mail-advantage .mail-advantage ul li h2 { margin: 10px 0;}
    #mail-advantage .mail-advantage ul li p { text-align: center;}

    #mail-core { width: 100%; padding: 40px 0;}
    #mail-core .mail-core { margin: 30px 0 0 0;}
    #mail-core .mail-core ul li { margin-bottom: 30px; text-align: left; height: 26px; line-height: 26px;}
    #mail-core .mail-core ul li span { background: #00a95f; color: #FFF; width: 32px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 16px; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}


    #mail-fee { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #mail-fee .mail-fee { margin: 30px 0 0 0;}
    #mail-fee .mail-fee table tr td { padding: 10px 20px; }
    #mail-fee .mail-fee table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}


    #mail-info { width: 100%; padding: 40px 0;}
    #mail-info .mail-info { margin: 20px 0 0 0;}
    #mail-info .mail-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; height: 24px;}

    /*网站维护*/
    .weihu-item-title { font-size: 16px; font-weight: 500; border-bottom: solid 1px #f9f9f9; border-top: solid 1px #f9f9f9; padding: 8px 0;}
    .weihu-item-title i { margin-right: 10px; color: #00a95f;}
    .weihu-item-title span { margin-left: 10px;}
    .weihu-item-title span label { color:#00a95f; font-weight: 700;}

    #weihu-package { width: 100%; padding: 40px 0;}
    #weihu-package .weihu-package { margin: 30px 0 0 0;}
    #weihu-package .weihu-package ul li { text-align: left;}

    .weihu-item-box { margin: 20px 0px;}
    .weihu-item-box .weihu-item-left { float: none; width: 100%; height: 100px; text-align: center; margin-bottom: 20px;}
    .weihu-item-box .weihu-item-left img { max-height: 100px; margin-top: 8px;}
    .weihu-item-box .weihu-item-right { float: none; width: 100%; margin-left: 0px; font-size: 14px; line-height: 180%;}


    #weihu-single { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #weihu-single .weihu-single { margin: 30px 0 0 0;}


    .weihu-single-title { text-align: left; border-bottom: solid 1px #FFF; font-size: 16px; padding: 10px 0; font-weight: 500;}
    .weihu-single-title>i { margin-right: 8px; color: #00a95f;}
    .weihu-single-title span { float: right;}
    .weihu-single-title span i { color: #DDD;}

    .fwqwh-box { text-align: left; margin: 20px 0;}
    .fwqwh-box .fwqwh-left { float: none;}
    .fwqwh-box .fwqwh-left img { max-height:100%; max-width: 100%; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; }
    .fwqwh-box .fwqwh-right { float: none; margin-left: 0px; margin-top: 30px; line-height: 180%;}

    .weihu-single-table { margin: 30px 0;}
    .weihu-single-table table tr td { padding: 10px 20px; }
    .weihu-single-table table tr.title>td { height: 30px; line-height: 30px; font-weight: 700; white-space:nowrap;}


    #weihu-info { width: 100%; padding: 40px 0;}
    #weihu-info .weihu-info { margin: 20px 0 0 0;}
    #weihu-info .weihu-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


    /*淘宝装修*/
    #taobao-list { width: 100%; padding: 40px 0; background: #f9f9f9;}
    #taobao-list .taobao-list { margin: 30px 0 0 0;}
    #taobao-list .taobao-list ul li { margin-bottom: 30px; text-align: left; height: 26px; line-height: 26px;}
    #taobao-list .taobao-list ul li span { background: #00a95f; color: #FFF; width: 32px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 16px; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

    #taobao-info { width: 100%; padding: 40px 0;}
    #taobao-info .taobao-info { margin: 20px 0 0 0;}
    #taobao-info .taobao-info ul li { text-align: left; font-size: 13px; padding-top: 5px; padding-bottom: 5px;}


    /*联系我们*/
    #contact { }
    #contact .contact-left { float: none; width: 100%; min-height: 100%; background-color: #f4f4f4; padding: 20px 0;}

    #contact .contact-left dl { margin: 0px 15px 0 15px; text-align: right; }
    #contact .contact-left dl dt { font-weight: 700; color: #00a95f; margin: 0 0 10px 0; font-size: 1.4em;}
    #contact .contact-left dl dd { font-size: 1.1em; line-height: 165%;}
    #contact .contact-left dl dd i { color: #00a95f; margin-left: 10px; width: 12px; text-align:center; height: 12px;}
    #contact .contact-left dl dd span { float: right;}

    #contact .contact-right { float: none; width: 100%; min-height: 460px;}

}

@media (min-width: 768px) {
    /* 关于我们 */
    #about { }
}

@media (min-width: 992px) {
    /* 关于我们 */
    #about { }
}

@media (min-width: 1200px) {
    /* 关于我们 */
    #about { }
}

@media (min-width: 1366px) {
    /* 关于我们 */
    #about { }
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #33b76e;
    border-color: #337ab7;
    cursor: default; }