/* 首页 */

.headers {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 70px;
    z-index: 100;
}

.logo a {
    display: block;
    background: url(../images/logo.png) no-repeat 100% 100%;
    background-size: cover;
    width: 200px;
    height: 40px;
    margin-top: 20px;
}


/*.menu{*/


/*padding-left:85px;*/


/*}*/

.menu li {
    float: left;
    display: inline-block;
    font-size: 14px;
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
}

.menu li.product-dropdown #dropdownId,
#dropdownId2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative;
    z-index: 200;
    font-size: 14px;
    padding: 0 25px;
    cursor: pointer;
}

.menu li.product-dropdown .creat,
.menu li.product-dropdown2 .creat {
    background: url(../images/icon_1.jpg) no-repeat center center;
    height: 5px;
    width: 10px;
    position: relative;
    display: inline-block;
    left: 5px;
}

.menu li.product-dropdown .dropdown-menus,
.menu li.product-dropdown2 .dropdown-menus2 {
    display: none;
    position: absolute;
    width: 116px;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    z-index: 200;
    left: 0;
}

.menu li.product-dropdown .dropdown-menus li,
.menu li.product-dropdown2 .dropdown-menus2 li {
    display: block;
    width: 100%;
    padding: 0;
    height: 34px;
}

.menu li.product-dropdown .dropdown-menus li a,
.menu li.product-dropdown2 .dropdown-menus2 li a {
    text-align: left;
    display: block;
    color: #666666;
    line-height: 34px;
    font-size: 14px;
    /* padding-left: 24px; */
    text-align: center;
}

.menu li.product-dropdown .dropdown-menus li a:hover,
.menu li.product-dropdown2 .dropdown-menus2 li a:hover {
    color: #e00;
}

.menu li a {
    text-decoration: none;
    color: #2c3a46;
}

.menu li a:hover {
    color: #e00;
}

.menu>li.active>a,
.dropdown-menus li.active>a,
.product-dropdown.active>div>a,
.dropdown-menus2 li.active>a,
.product-dropdown2.active>div>a {
    color: #e00 !important;
}

.btn-login {
    width: 80px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #2B90ED;
    color: #2B90ED!important;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

.btn-login:hover {
    background: #2B90ED;
    color: #fff!important;
}

.btn-register {
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #2B90ED;
    color: #ffffff!important;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

.btn-register:hover {
    background: #5cb0fd;
}

.menu_login,
.menu_register {
    padding-right: 0!important;
    padding-left: 10px!important;
}

.loaded_common {
    width: 163px;
    position: relative;
    padding: 0!important;
    z-index: 200;
    padding-left: 15px!important;
    margin-right: -11px;
}

.loaded_common .member_img {
    background: url(../images/avatar.png) no-repeat left center;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 16px;
    border-radius: 50%;
    margin-right: 3px;
    vertical-align: text-bottom;
}

#mobile_common {
    color: #2B90ED;
}

.loaded_common .creat {
    background: url(../images/member_01.png) no-repeat right center;
    width: 10px;
    height: 5px;
    display: inline-block;
}

.loaded-menu {
    display: none;
    width: 163px;
    height: 72px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-top: 0;
}

.loaded-menu li {
    height: 35px;
    width: 161px;
    padding: 0;
}

.loaded-menu li a {
    height: 35px;
    width: 161px;
    display: block;
    line-height: 35px;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #666666;
}

.section-product {
    padding-top: 120px;
}

.banner {
    height: 480px;
}

.banner .hd {
    height: 480px;
    position: absolute;
    left: 50%;
    margin-left: -550px;
}

.banner .hd .swiper-nav {
    width: 190px;
    height: 480px;
    background-color: rgba(36, 36, 36, .8);
    position: absolute;
    z-index: 2;
}

.banner .hd ul {
    padding: 15px 0;
}

.banner .hd ul li {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}

.banner .hd ul li.on {
    background-color: hsla(0, 0%, 100%, .15);
}

.banner .hd ul li a {
    color: #fff;
    opacity: 1;
    padding-left: 32px;
    margin-right: 10px;
    text-align: left;
    display: block;
}

.banner .hd ul li a span {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
    margin-right: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.banner .hd ul li a span.icon-pinpai {
    background: url(../images/index_pinpai.png);
}

.banner .hd ul li a span.icon-scxt {
    background: url(../images/index_sp.png);
}

.banner .hd ul li a span.icon-menhu {
    background: url(../images/index_menhu.png);
}

.banner .hd ul li a span.icon-app {
    background: url(../images/index_app.png);
}

.banner .hd ul li a span.icon-weixin {
    background: url(../images/index_weixin.png);
}

.banner .hd ul li a span.icon-3D {
    background: url(../images/index_3d.png);
}

.banner .hd ul li a span.icon-qiye {
    background: url(../images/index_qiye.png);
}

.banner .hd ul li a span.icon-lvshi {
    background: url(../images/icon-lvshi.png);
}

.banner .hd ul li a span.icon-marketing {
    background: url(../images/icon-marketing.png);
}

.banner .hd ul li a span.icon-pdmd {
    background: url(../images/index_pdmd.png);
}

.banner .hd ul li a span.icon-mdgl {
    background: url(../images/index_mdgl.png);
}

.banner .hd ul li a span.icon-hlw {
    background: url(../images/index_hlw.png);
}

.banner .bd ul {
    position: relative;
    height: 480px;
    min-width: 1100px;
    overflow: hidden;
}


/*.slide-one-bg{*/


/*background: url(../images/index_banner_1.jpg) no-repeat center center #df4c18;*/


/*}*/

.slide-one-bg .button-free-use {
    color: #df4c18!important;
}


/*.slide-two-bg{*/


/*background: url(../images/index_banner_2.jpg) no-repeat center center #ea3838;*/


/*}*/

.slide-two-bg .button-free-use {
    color: #ea3838!important;
}


/*.slide-three-bg{*/


/*background: url(../images/index_banner_3.jpg) no-repeat center center #1189c6;*/


/*}*/

.slide-three-bg .button-free-use {
    color: #1189c6!important;
}


/*.slide-four-bg{*/


/*background: url(../images/index_banner_4.jpg) no-repeat center center #1bc972;*/


/*}*/

.slide-four-bg .button-free-use {
    color: #1bc972!important;
}


/*.slide-five-bg{*/


/*background: url(../images/index_banner_5.jpg) no-repeat center center #818ac3;*/


/*}*/

.slide-five-bg .button-free-use {
    color: #818ac3!important;
}


/*.slide-six-bg{*/


/*background: url(../images/index_banner_6.jpg) no-repeat center center #fe1447;*/


/*}*/

.slide-six-bg .button-free-use {
    color: #fe1447!important;
}


/*.slide-seven-bg{*/


/*background: url(../images/index_banner_7.jpg) no-repeat center center #0e8aca;*/


/*}*/

.slide-seven-bg .button-free-use {
    color: #0e8aca!important;
}


/*.slide-eight-bg{*/


/*background: url(../images/index_banner_8.jpg) no-repeat center center #ffa507;*/


/*}*/

.slide-eight-bg .button-free-use {
    color: #ffa507!important;
}


/*.slide-nine-bg{*/


/*background: url(../images/index_banner_9.jpg) no-repeat center center #0053dd;*/


/*}*/

.slide-nine-bg .button-free-use {
    color: #0053dd!important;
}

.slide-container {
    width: 290px;
    height: 365px;
    position: relative;
    padding: 115px 0 0 260px;
    text-align: left;
    color: #fff;
}

.slide-container .slide-title {
    margin-bottom: 26px;
    text-align: left;
    padding-top: 0;
}

.slide-title {
    padding-top: 50px;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
}

.slide-detail {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
}

.slide-action {
    margin-top: 40px;
    position: absolute;
    bottom: 126px;
}

.button-free-use {
    text-align: center;
    width: 90px;
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    color: #ea3838;
}

.learn-detail {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    height: 32px;
    line-height: 30px;
    display: inline-block;
    width: 90px;
    text-align: center;
    box-sizing: border-box;
    margin-left: 11px;
}

.four-year-act #topBar {
    height: 60px;
    border-bottom: 1px solid #ededed;
    text-align: center;
    font-size: 16px;
    color: #333;
    box-sizing: border-box;
    padding: 19px 0;
    letter-spacing: 0;
    background-color: #fff;
}

.four-year-act #topBar span.acti_orange {
    width: 62px;
    height: 22px;
    display: inline-block;
    background: #df4c18;
    border-radius: 2px;
    color: #fff;
    margin-top: -3px;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
    margin-right: 10px;
}

.four-year-act #topBar a.acti-detail {
    display: inline-block;
    font-size: 16px;
    color: #df4c18;
    margin-left: 30px;
}

.solution {
    min-width: 1100px;
    text-align: center;
}

.slide-description {
    padding-top: 10px;
    margin: 0;
    padding-bottom: 50px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.content-slide {
    text-align: center;
    width: calc((100% - 17px * 3) / 4);
    height: 380px;
    margin-right: 12px;
    float: left;
}

.dmd {
    height: 380px;
    background-color: #f7ffee;
    background-size: 262px 380px;
    background-image: url(../images/index_case_1.png);
}

.content-slide .slide-title {
    font-size: 20px;
    color: #333;
    padding-top: 65px;
    letter-spacing: 0;
}

.content-slide .slide-description {
    padding: 10px 16px 27px;
    margin: 0;
    opacity: .9;
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    line-height: 22px;
}

.dmd .show-details-link {
    border: 1px solid #4b0;
}

.content-slide .show-details-link {
    margin: auto;
    height: 30px;
    width: 80px;
    border-radius: 2px;
}

.dmd .show-details-link .show-details {
    color: #4b0;
}

.content-slide .show-details-link .show-details {
    display: inline-block;
    width: 80px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.piaowu {
    height: 380px;
    background-color: #f1fffc;
    background-size: 262px 380px;
    background-image: url(../images/index_case_2.png);
}

.piaowu .show-details-link {
    border: 1px solid #45babc;
}

.piaowu .show-details-link .show-details {
    color: #45babc;
}

.media {
    height: 380px;
    background-color: #fff6f6;
    background-size: 262px 380px;
    background-image: url(../images/index_case_3.png);
}

.media .show-details-link {
    border: 1px solid #ff6262;
}

.media .show-details-link .show-details {
    color: #ff6262;
}

.app-master {
    height: 380px;
    margin-right: 0;
    background-color: #f3f9ff;
    background-size: 262px 380px;
    background-image: url(../images/index_case_4.png);
}

.app-master .show-details-link {
    border: 1px solid #3672bc;
}

.app-master .show-details-link .show-details {
    color: #3672bc;
}

.kehu-case ul li {
    float: left;
    width: 135px;
    height: 60px;
    background: #fff;
    margin-right: 48px;
    margin-bottom: 70px;
}

.kehu-case ul li img {
    width: 135px;
    height: 60px;
}

.kehu-case .more-case a {
    margin: auto;
    display: block;
    width: 200px;
    height: 44px;
    border: 1px solid #2b90ed;
    border-radius: 2px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
}

.section-news .section-intro {
    padding: 24px 0;
}

.section-news .service-block {
    overflow: hidden;
    text-align: left;
    font-size: 12px;
}

.section-news .new-wrap {
    display: inline-block;
    float: left;
    width: 290px;
    padding: 0 80px 10px 0;
}

.section-news .new-wrap h4 {
    padding: 20px 0;
    font-weight: 700;
}

.section-news .new-wrap p {
    line-height: 29px;
    color: #6e6e6e;
    text-align: left;
}

.section-news .new-wrap .news-line {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 8px;
    line-height: 1.9em;
}

.section-news .new-wrap .news-line a {
    color: #6e6e6e;
}

.section-news .new-wrap .news-line a:hover {
    color: #e8121d;
}

.section-news .new-wrap.media-adjust {
    width: 360px;
    padding: 0;
}

.section-news .new-wrap h4 {
    padding: 20px 0;
    font-weight: 700;
    font-size: 16px;
}

.section-news .new-wrap .media-wrap {
    overflow: hidden;
}

.section-news .new-wrap .media-wrap li {
    float: left;
    width: 108px;
    height: 45px;
    margin-right: 10px;
    margin-bottom: 16px;
}

.link-list {
    overflow: hidden;
    padding: 20px 0;
}

.link-list li {
    float: left;
    margin-right: 18px;
    line-height: 2.5em;
}

.link-list li a {
    color: #6e6e6e;
}

.link-list li a:hover {
    color: #e8121d;
}


/* 新闻列表 */

.main {
    padding-top: 60px;
    padding-bottom: 100px;
}

.News-list {
    width: 700px;
    padding-right: 73px;
    border-right: 1px solid #e5e5e5;
}

.nav-title {
    font-size: 20px;
    color: #333;
    padding-bottom: 46px;
    text-align: left;
}

.News-title {
    font-size: 14px;
    color: #333;
    line-height: 32px;
    padding-bottom: 11px;
    text-align: left;
}

.News-description {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    padding-bottom: 30px;
    text-align: left;
}

.News-description img {
    max-width: 700px;
}

.contact-right {
    width: 267px;
    padding-left: 59px;
}

.contact-right-detail {
    height: 188px;
}

.contact-right-title {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    text-align: left;
}

.contact-tel-time {
    text-align: right;
}

.contact-tel-time .tel {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    padding-bottom: 10px;
}

.online-consult {
    height: 80px;
}

.ly-wechat #qr-code {
    width: 104px;
    height: 104px;
    background-size: 104px 104px;
    background-image: url(../images/ruanduo_wecodes.png);
    background-repeat: no-repeat;
    float: right;
}

.ly-wechat .qr-code-title {
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    padding-top: 8px;
}

.part2 {
    width: 270px;
    height: 32px;
    background: url(../images/part2bg.jpg) bottom no-repeat;
    background-size: contain;
    margin-bottom: 10px;
}

.part2 span {
    float: left;
    width: 250px;
    font-size: 20px;
}

.part2 span a {
    color: #5c5c5c;
}

.part2 span a:hover {
    color: #da8600;
    text-decoration: none;
}

.part2 img {
    width: 17px;
    height: 17px;
}

.part4 {
    width: 270px;
    font-size: 12px;
}

.part4 li {
    width: 270px;
    font-size: 14px;
    color: #868686;
}

.part4 span {
    float: left;
    width: 100%;
    padding-top: 16px;
}

.part4 .symbol {
    font-family: '宋体';
    margin-right: 5px;
}

.part4 span a {
    color: #5c5c5c;
}

.part4 span a:hover {
    color: #dd4250;
}

.NextPrev {
    padding: 20px 0;
}

.NextPrev p {
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 30px;
}

.NextPrev p a {
    color: #666;
}

.NextPrev p a:hover {
    color: #e00;
}

.page-main {
    background: #f8f8f8;
}

.page-block-head {
    margin-bottom: 18px;
    line-height: 30px;
    padding-top: 50px;
    text-align: left;
}

.page-block-head h3 {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 700;
}

.page-big-case {
    margin-bottom: 20px;
}

.page-big-case li {
    height: auto;
}

#index_case .widget-big-case li {
    width: 260px;
    height: auto;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    background: #f8f8f8;
    position: relative;
}

.widget-big-case-image {
    width: 260px;
    height: 162px;
    z-index: 22;
    overflow: hidden;
    position: relative;
}

.widget-big-case-image img {
    width: 260px;
    height: auto;
}

.widget-big-case-up {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -ms-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.widget-big-case-image:hover .widget-big-case-up {
    background-color: rgba(255, 255, 255, 0.87);
    background-image: url(../images/see_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#thumb {
    position: absolute;
    z-index: 0;
    left: 0;
    width: 100%;
    height: auto;
}

#ewm {
    display: none;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0
}

a:hover {
    text-decoration: none !important;
}

.widget-big-case-content {
    background-color: #fff;
    padding: 12px 20px;
    position: relative;
    z-index: 20;
    background: #f8f8f8;
    text-align: left;
}

.widget-big-case-title {
    font-size: 16px;
    line-height: 40px;
    display: block;
    color: #333;
}

.widget-big-case-title:hover {
    color: #dd4250;
}

.widget-big-case-intro {
    height: 80px;
    font-size: 12px;
    color: #666;
    margin-bottom: 7px;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
}

.widget-big-case-em {
    float: right;
    color: #999;
    font-size: 12px;
    font-style: normal;
}

.widget-big-case-web {
    font-size: 12px;
    color: #666;
}

.widget-big-case-web-title {
    float: left;
}

.widget-big-case-web-title a {
    color: #07d;
}

.Company-history-detail img {
    width: 1100px;
    max-width: 1100px;
}

.team .team-member {
    padding-top: 54px;
}

.team .team-member h1 {
    text-align: center;
    font-size: 28px;
    color: #333;
}

.team .team-member .slogan {
    text-align: center;
    margin: 15px auto;
    font-size: 16px;
    color: #666;
}

.team .compose {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.team .compose li:first-child {
    margin-left: 0;
}

.team .compose li {
    width: 346px;
    margin-left: 41px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.team .compose .hd {
    font-family: Arial Black, Arial;
    font-size: 50px;
    font-weight: bolder;
    padding: 35px 0;
    color: #e00;
    display: block;
    position: relative;
}

.team .compose .hd:after {
    content: "";
    border: 1px solid #e00;
    width: 30px;
    height: 0;
    display: block;
    position: absolute;
    top: 115px;
    left: 138px;
}

.team .compose .detail {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    padding: 0 40px 30px;
}

.team .welfare {
    margin-top: 80px;
}

.team .welfare>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.team .welfare>div>div {
    width: 482px;
    background: #f3f3f3;
}

.team .welfare>div>div h2 {
    padding: 40px 30px 20px;
    color: #333;
    font-size: 26px;
}

.team .welfare>div>div>div,
.team .welfare>div>div p {
    padding: 0 30px;
    color: #666;
    font-size: 14px;
    line-height: 21px;
    text-align: left;
}

.team .welfare>div>div>div ul {
    font-size: 12px;
    padding-left: 20px;
    padding-bottom: 8px;
}

.team .welfare>div>div>div ul li {
    line-height: 23px;
    list-style-type: disc;
}

.langyan-ren {
    margin: 80px 0;
}

.team .langyan-ren h1 {
    text-align: center;
    font-size: 28px;
    color: #333;
    margin-bottom: 50px;
}

.team .langyan-ren>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team .langyan-ren .renren {
    display: inline-block;
    width: 275px;
    height: 275px;
    position: relative;
}

.team .langyan-ren .renren img {
    display: inline-block;
    width: 275px;
    height: 275px;
}

.team .langyan-ren .renren div {
    display: none;
    opacity: .8;
    background: #c41212;
    height: 235px;
    padding: 20px;
    bottom: 0px;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.team .langyan-ren .renren div h3 {
    font-size: 18px;
    color: #fff;
    padding: 6px 0;
    margin: 0;
    text-align: left;
}

.team .langyan-ren .renren div p {
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    text-align: left;
}

.main-contact .info {
    height: 360px;
}

.main-contact,
.contentstyle {
    padding: 50px 0;
    width: 1100px;
}

.main-contact .info div {
    display: inline-block;
    text-align: left;
}

.left-intro .word,
.right-intro .word {
    font-size: 20px;
    font-weight: 600;
    padding-left: 26px;
    background: url(../images/phone.png) left center no-repeat;
    display: block;
}

.left-intro {
    border-right: 1px solid #ececec;
    width: 549px;
}

.left-intro ul {
    margin-top: 50px;
    font-size: 16px;
}

.left-intro ul li {
    display: block;
    margin-bottom: 20px;
}

.left-intro ul li .name {
    margin-right: 30px;
    width: 64px;
    display: inline-block;
}

.right-intro .intro-address {
    background: url(../images/address.png) no-repeat left center;
}

.right-intro {
    padding-left: 80px;
    width: 470px;
}

.right-intro-d {
    margin-top: 50px;
}

.right-intro-d p {
    font-size: 16px;
    margin-bottom: 20px;
}

.Current_Location {
    height: 40px;
    float: right;
    line-height: 40px;
    font-family: 宋体;
    color: #333;
    padding-right: 10px;
}

.Single_user {
    width: 1098px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    overflow: hidden;
}

.Single_user_left {
    float: left;
    width: 336px;
    overflow: hidden;
    background: #f4f4f4;
    border-right: 1px solid #e4e4e4;
    min-height: 1042px;
}

.Single_user_left_title {
    background: url(../images/single_pic01.png) no-repeat 60px center;
    height: 80px;
}

.Single_title {
    text-align: left;
    height: 60px;
    font-size: 19px;
    font-weight: bold;
    color: #666666;
    padding-left: 105px;
    padding-top: 15px;
    font-family: "Microsoft YaHei";
    border: 1px solid #e8e8e8;
}

.Single_user_left_one {
    padding: 10px 0;
    width: 336px;
}

.Single_user_left_one li.on {
    background: url(../images/single_pic02.jpg) no-repeat left center;
}

.Single_user_left_one li {
    text-align: left;
    line-height: 38px;
    height: 38px;
    background: url(../images/single_pic03.png) no-repeat 70px center;
}

.Single_user_left_one li a {
    padding-left: 85px;
    line-height: 38px;
    height: 38px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    text-decoration: none;
    color: #6d6b6b;
}

.Single_tel {
    width: 236px;
    overflow: hidden;
    margin: 70px 0 70px 70px;
}

.Single_tel img {
    width: 236px;
    height: 76px;
}

.Single_tel_bot {
    width: 224px;
    overflow: hidden;
    margin-left: 70px;
}

.Single_tel_bot img {
    width: 224px;
    height: 148px;
}

.Single_user_right {
    width: 726px;
    float: right;
    overflow: hidden;
}

.ProductCount {
    overflow: hidden;
    padding: 15px 15px 15px 0;
}

.Product-dl {
    overflow: hidden;
    padding: 15px 0;
}

.Product-dl dt {
    float: left;
    width: 135px;
    height: 117px;
    padding: 10px;
    border: 1px #dae4f2 solid;
}

.Product-dl dt img {
    width: 135px;
    height: 117px;
}

.Product-dl dd {
    width: 350px;
    overflow: hidden;
    float: left;
    text-align: left;
    padding-left: 15px;
    font-family: "Microsoft Yahei";
}

.Product-dl dd h3 {
    color: #23272d;
    font-size: 20px;
    font-weight: 500px;
    line-height: 40px;
}

.Product-dl dd p {
    overflow: hidden;
    padding-top: 10px;
    font-size: 13px;
}

.ProductHref {
    display: inline-block;
    width: 114px;
    line-height: 26px;
    color: #fff;
    background: #fd4c00;
    border-radius: 5px;
    text-align: center;
}

.ProductResume {
    overflow: hidden;
    min-height: 96px;
    text-align: left;
    padding: 10px;
    background: #eee;
    line-height: 24px;
    color: #23272d;
    font-size: 14px;
}

.ProductTitles {
    overflow: hidden;
    border-bottom: 2px #fd4c00 solid;
    margin-top: 15px;
}

.ProductTitles span {
    float: left;
    font-size: 14px;
    width: 80px;
    line-height: 30px;
    font-family: "Microsoft Yahei";
    color: #fff;
    background: #fd4c00;
}

.ProductNeirong {
    overflow: hidden;
    padding: 10px;
    text-align: left;
    line-height: 24px;
    color: #464646;
    font-size: 14px;
}

.ProductNeirong img {
    max-width: 700px;
}


/*app*/

.box1 {
    padding-top: 40px;
}

.box1 .title p {
    height: 30px;
    line-height: 30px;
    color: #242424;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}

.box1 .title span {
    height: 40px;
    line-height: 40px;
    color: #545454;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.AppForm-text {
    padding-bottom: 22px;
    border-bottom: 1px solid #e8e8e8
}

.AppForm .left {
    width: 760px;
}

.requirement-item-title {
    height: 60px;
    line-height: 60px;
    color: #6a62ad;
    font-size: 18px;
    text-align: left;
}

.AppForm p {
    overflow: hidden;
    margin-bottom: 24px;
}

.AppForm p .inptext {
    height: 44px;
    font-size: 14px;
    line-height: 32px;
    width: 748px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
}

.AppForm p .select {
    width: 468px;
    height: 44px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
    color: #666;
}

.AppForm p .select option {
    line-height: 32px;
}

.AppForm p .inptext02 {
    width: 252px;
    height: 44px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
}

.AppForm p.kaiqishijan {
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
}

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

.AppForm p label {
    margin-right: 70px;
    font-size: 14px;
    color: #999;
    float: left;
}

.AppForm p .inpradio {
    margin-right: 5px;
    text-align: left;
    float: left;
    margin-top: 4px;
}

.AppForm .textarea {
    font-size: 14px;
    line-height: 32px;
    width: 748px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
    height: 100px;
    color: #666;
    font-family: "微软雅黑"
}

.AppForm .right {
    width: 310px;
}

.AppForm .inptext03 {
    width: 298px;
    height: 44px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
}

.AppForm .yzm-img {
    width: 110px;
    height: 44px;
}

.AppForm .inptext04 {
    width: 160px;
    height: 44px;
    font-size: 14px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
}

.AppForm .huoyazm {
    width: 110px;
    height: 44px;
    background-color: #f1f1f3;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.AppForm .inpsub {
    margin: 0 auto;
    display: block;
    padding: 15px 70px;
    border-radius: 4px;
    background-color: #ccc;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-top: 22px;
}

.box2 {
    background: url(../images/bg-2.jpg) no-repeat center center;
    padding-top: 40px;
    height: 541px;
    position: relative;
    margin-top: 40px;
}

.box2 .title {
    width: 100%;
    line-height: 34px;
    text-align: center;
    color: #8c5ac0;
    font-size: 30px;
}

.box2 .item-box {
    height: 26px;
    line-height: 26px;
    position: absolute;
    float: left;
    width: ;
}

.box2 .item-box .num {
    color: #8c5ac0;
    font-size: 12px;
}

.box2 .item-box .icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin: 0 14px 0 3px;
    background: url(../images/icon_03.png) no-repeat;
}

.box2 .item-2 .icon {
    margin: 0 14px 0 4px;
}

.box2 .item-3 .icon {
    margin: 0 14px 0 5px;
}

.box2 .item-4 .icon {
    margin: 0 14px 0 7px;
}

.box2 .item-5 .icon {
    margin: 0 14px 0 8px;
}

.box2 .item-6 .icon {
    margin: 0 14px 0 9px;
}

.box2 .item-7 .icon {
    margin: 0 14px 0 12px;
}

.box2 .item-box span {
    display: inline-block;
    vertical-align: middle;
    color: #343434;
    font-size: 14px;
}

.box2 .item-box .item-info {
    width: 170px;
    padding: 15px;
    position: absolute;
    bottom: 36px;
    left: -46%;
    color: #767fc8;
    background-color: #f3f4fb;
    box-shadow: 0 4px 6px 0 #e7e8f3;
    display: none;
    text-align: left;
}

.box2 .item-box .item-info .arrow {
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    left: 45%;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f3f4fb;
}

.app_custom {
    position: relative;
    width: 1200px;
    height: 507px;
    margin: 0 auto;
}

.box2 .item-1 {
    top: 180px;
    left: 6px;
}

.box2 .item-2 {
    top: 235px;
    left: 213px;
}

.box2 .item-3 {
    top: 170px;
    left: 393px;
}

.box2 .item-4 {
    top: 132px;
    left: 562px;
}

.box2 .item-5 {
    top: 250px;
    right: 325px;
}

.box2 .item-6 {
    top: 230px;
    right: 197px;
}

.box2 .item-7 {
    top: 160px;
    right: 38px;
}

.box2 .item-2 .item-info,
.box2 .item-4 .item-info {
    left: -43%;
}

.box2 .item-3 .item-info {
    left: -56%;
}

.box2 .item-5 .item-info {
    left: -38%;
}

.box2 .item-7 .item-info {
    left: -38%;
}

.box3 {
    height: 386px;
    padding-top: 73px;
}

.box3 ul {
    margin: 0 auto;
    height: 240px;
    text-align: center;
}

.box3 ul li {
    width: 254px;
    height: 240px;
    border: 1px solid #e7e3ec;
    border-radius: 4px;
    margin-right: 20px;
    display: inline-block;
    background-color: #fff;
    padding-top: 50px;
    text-align: center;
    vertical-align: middle;
}

.box3 ul li .icon-box {
    width: 96px;
    height: 96px;
    display: block;
    border: 1px solid #e4d9f9;
    border-radius: 48px;
    margin: 0 auto;
}

.box3 ul li .icon-box .icon-evaluate {
    width: 36px;
    height: 36px;
    background-position: -10px -152px;
}

.box3 ul li .name {
    font-size: 16px;
    padding-top: 20px;
    display: inline-block;
    color: #343434;
}

.box3 .icon {
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
}

.box3 ul li .icon-box i {
    margin-top: 30px;
}

.box3 ul li .icon-box .icon-conference {
    width: 30px;
    height: 37px;
    background-position: -58px -152px;
}

.box3 ul li .icon-box .icon-supervise {
    width: 28px;
    height: 36px;
    background-position: -98px -152px;
}

.box3 ul li .icon-box .icon-delivery {
    width: 35px;
    height: 32px;
    margin-top: 33px;
    background-position: -142px -152px;
}


/* 网站托管 */

.wztg_banner {
    background: url(../images/wztg_banner.jpg) no-repeat center center;
    height: 530px;
    background-size: 100%;
}

.wztg01 {
    background: url(../images/wztg_01.png) no-repeat center top;
    height: 560px;
    position: relative;
    margin-top: 124px;
    margin-bottom: 124px;
}

.wztg01 div {
    width: 264px;
    float: left;
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding: 16px;
    line-height: 26px;
    border-radius: 5px;
}

.wztg01 .why01 {
    position: absolute;
    background-color: #43b087;
    left: 65px;
}

.wztg01 .why02 {
    position: absolute;
    background-color: #ea3258;
    left: 20px;
    top: 270px;
}

.wztg01 .why03 {
    position: absolute;
    background-color: #4590b0;
    left: 452px;
    top: 445px;
}

.wztg01 .why04 {
    position: absolute;
    background-color: #9b55c7;
    left: 888px;
    top: 290px;
}

.wztg01 .why05 {
    position: absolute;
    background-color: #f86c17;
    left: 850px;
    top: 0px;
}

.wztg02 {
    background: url(../images/wztg02_bg.jpg) no-repeat center center;
    height: 460px;
    padding: 120px 0;
}

.wztg02-con {
    background-color: rgba(255, 255, 255, 0.8);
    width: 460px;
    padding: 98px 50px;
    text-align: left;
}

.wztg02-con-t {
    font-size: 40px;
    line-height: 56px;
}

.wztg02-con-r {
    padding-top: 40px;
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.wztg03-t {
    font-size: 40px;
    line-height: 56px;
    padding: 50px 0;
}

.wztg03 .service {
    float: left;
    width: 308px;
    height: 294px;
    padding: 56px 36px 0 36px;
    margin: 10px;
    border-radius: 15px;
}

.wztg03 .service .service-t {
    font-size: 30px;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    margin-left: 88px;
}

.wztg03 .service .service-t p {
    padding-top: 20px;
}

.wztg03 .service .service-c {
    font-size: 18px;
    color: #666;
    text-align: left;
    line-height: 35px;
    margin-top: 15px;
}

.wztg03 .service01 {
    background-color: #f5f9fc;
}

.wztg03 .service01 .service-t {
    background-color: #52a4fd;
}

.wztg03 .service02 {
    background-color: #fef0e7;
}

.wztg03 .service02 .service-t {
    background-color: #f86c17;
}

.wztg03 .service03 {
    background-color: #e5f9f0;
}

.wztg03 .service03 .service-t {
    background-color: #00c76c;
}

.wztg03 .service04 {
    background-color: #f5eef9;
}

.wztg03 .service04 .service-t {
    background-color: #9b55c7;
}

.wztg03 .service05 {
    background-color: #eaf2f0;
}

.wztg03 .service05 .service-t {
    background-color: #328070;
}

.wztg03 .service06 {
    background-color: #fdeaee;
}

.wztg03 .service06 .service-t {
    background-color: #ea3258;
}

.wztg04 {
    background: url(../images/wztg04_bg.jpg) no-repeat center center;
    height: 460px;
    margin-top: 80px;
    padding-top: 120px;
}

.wztg04 .wztg04-con {
    background-color: rgba(255, 255, 255, 0.8);
    width: 600px;
    padding: 80px 40px;
    float: right;
    text-align: left;
}

.wztg05-l {
    width: 698px;
    border: 1px solid #cccccc;
    border-right: 0;
    border-bottom: 0;
}

.wztg05-l li {
    height: 98px;
    line-height: 98px;
}

.wztg05-l li.li01 {
    font-size: 24px;
    color: #4c4c4c;
}

.wztg05-l li.li02 {
    font-size: 18px;
    color: #666666
}

.wztg05-l li span {
    display: inline-block;
    width: 348px;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.wztg05-l li:nth-child(even) {
    background-color: #e6e6e6;
}

.wztg05-r {
    width: 500px;
    border: 1px solid #ccc;
    border-left: 0;
    background-color: #00b1fd;
    height: 588px;
}

.wztg05-r-t {
    height: 98px;
    line-height: 98px;
    border-bottom: 1px solid #ccc;
    font-size: 30px;
    color: #fff;
}

.wztg05-r-c {
    font-size: 30px;
    color: #fff;
    padding-top: 170px;
    text-align: left;
    padding-left: 135px;
}

.wztg05-r-c p {
    line-height: 70px;
}

.wztg06 {
    background: url(../images/wztg06_bg.jpg) no-repeat center center;
    height: 560px;
    padding-top: 40px;
    margin-top: 90px;
}

.wztg06-con {
    background-color: rgba(255, 255, 255, 0.8);
    width: 480px;
    padding: 50px;
    text-align: left;
}

.wztg06-con-c01 {
    padding-top: 30px;
}

.wztg06-con-c01-title {
    font-size: 24px;
    color: #4c4c4c;
    line-height: 30px;
}

.wztg06-con-c01-c {
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.UI img {
    max-width: 1200px;
}


/* 案例详情 */

.demo_wap {
    width: 100%;
    height: 250px;
    min-width: 980px;
    background: url(/static/index/images/al_ban.jpg) no-repeat;
}

.wap_div {
    width: 800px;
    margin: 0 auto;
    padding: 34px 0;
}

.wlf {
    float: left;
}

.wrg {
    float: right;
    text-align: left;
}
.wrg h3 {
    color: #fff;
    font-size: 20px;
}
.wrg p {
    color: #fff;
    margin: 20px 0 40px;
    height: 52px;
    font-size: 13px;
    word-wrap: break-word;
}

.wrg a {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    background: #dd4250;
    background-color: rgba(221, 66, 80, 0.87);
    border-radius: 40px;
}

.case_detail h3 {
    font-size: 30px;
    font-weight: 100;
    padding: 25px 0;
}

.case_detail img {
    width: 100%;
    vertical-align: middle;
    margin: 20px 0;
}

.case_detail p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
    color: #000;
}

.case_see {
    background: #f4f4f4;
    padding: 30px 0;
}

.case_see p {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
}

.case_see p:first-child {
    float: left;
}

.case_see p:last-child {
    float: right;
    padding: 0 12px;
    height: 30px;
    background: #ededed;
    border: 1px solid #ddd;
    margin-left: 10px;
    color: #999;
    font-size: 14px;
}

.case_see p:last-child span {
    color: #dd4250;
    margin-right: 4px;
}

.case_other {
    padding-bottom: 50px;
}

.case_other h3 {
    font-size: 26px;
    font-weight: 100;
    margin: 40px 0;
}