@charset "UTF-8";

/* filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  */

body {
    /* font-size: 62.5%; 
    font-family: Microsoft YaHei;
    line-height: 1;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
}
a:focus,
a:hover {
    text-decoration: none;
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
#ztw {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#ztw .ztwBlue {
    color: #0e85bf !important;
}
.ztwWhite {
    position: relative;
    color: #ffffff !important;
}
#ztw .ztwGray {
    color: #8d8686 !important;
}
#ztw .ztwPrimary {
    color: rgb(96, 125, 139) !important;
}
#ztw .btn_ztwPrimary {
    color: #ffffff;
    background-color: rgb(96, 125, 139);
}
#ztw .ztwBgGray {
    background-color: #f1f1f1;
}
#ztw .ztwTextOver {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#ztw .btn {
    outline: none;
}
#ztw .noPadding {
    padding: 0 !important;
}
#ztw .noMargin {
    margin: 0 !important;
}
#ztw .myhidden {
    display: none;
}
.common_bgImg,
.common_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.common_bgImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.common_mask {
    background-color: #000000;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
}

/* 轮播图--下边小点--样式 */

.swiper-container img {
    width: 100%;
    height: 100%;
}
.swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-pagination .swiper-pagination-switch {
    display: inline-block;
    margin: 0 5px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    cursor: pointer;
    background: #ccc3c3;
    /* opacity: .2;
    filter: alpha(opacity=20); */
}
.swiper-pagination .swiper-active-switch {
    background-color: #0e85bf;
    opacity: 1;
    filter: alpha(opacity=100);
}
a.swiper-arrow {
    background-image: url(../images/arrows2.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 1;
}
a.swiper-arrow.arrow-left {
    background-position: left top;
    left: -30px;
}
a.swiper-arrow.arrow-right {
    background-position: left bottom;
    right: -30px;
}

/* header start */

#header {
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0px;
    width: 100%;
    transition: .4s;
    box-shadow: 0 4px 12px 0 rgba(52, 63, 75, .06), 0 10px 40px 0 rgba(52, 63, 75, .06), 0 0 0 1px rgba(52, 63, 75, .02);
}
#header .container {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar {
    margin-bottom: 0;
    background-color: #ffffff;
    border-color: transparent;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand>img {
    width: 90%;
    padding-top: 5px;
    margin: 0 auto;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
    font-size: 14px;
    text-align: center;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 15px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        /* color: #2a3541;手机下拉内部 */
        text-align: center;
    }
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #767d85;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    /* color: #767d85; 手机下拉头部*/
    background-color: transparent;
}
.nav>li.nav_btn a {
    width: 80px;
    margin: 8px auto;
    border: 1px solid #767d85;
    text-align: center;
    padding: 6px 10px;
    border-radius: 3px;
}
@media (min-width: 768px) and (max-width: 1023px) {
    #header .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width: 768px) {
    #header {
        position: fixed;
        padding: 10px 0;
        box-shadow: 0 0 0;
    }
    .navbar {
        background-color: transparent;
    }
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
    .navbar-brand>img {
        width: 100%;
    }
    .nav.navbar-nav {
        float: right !important;
    }
    .navbar-default .navbar-nav>li>a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.active>a:hover {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        color: #ffffff;
        background-color: transparent;
    }
    .navbar-nav>li>.dropdown-menu {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .nav.navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
    }
    .nav>li.nav_btn a.register {
        margin-left: 10px;
        margin-right: 20px;
        color: #ffffff;
        border-color: #ffffff;
    }
    /* 导航下拉去掉点击出来 */
    .navbar .open>.dropdown-menu {
        display: none;
    }
    /* 下拉固定上部 样式 */
    #header.active {
        background-color: #ffffff;
        box-shadow: 0 4px 12px 0 rgba(52, 63, 75, .06), 0 10px 40px 0 rgba(52, 63, 75, .06), 0 0 0 1px rgba(52, 63, 75, .02);
    }
    #header.active img.hidden-xs {
        display: none !important;
    }
    #header.active img.visible-xs-block {
        display: block !important;
    }
    #header.active .navbar-nav>li>a {
        color: #767d85;
    }
}

/* 处理登录注册按钮 */

.login_out {
    display: none;
}
.login_in,
.login_out {
    padding: 10px 15px;
}
.login_out a,
.login_in a {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    color: #777777;
    border: 1px solid #767d85;
    border-radius: 3px;
}
.login_out a.login {
    color: #ffffff;
    background-color: rgb(96, 125, 139);
    border-color: rgb(96, 125, 139);
}
.login_in .username {
    display: inline-block;
    margin-right: 10px;
    max-width: 60%;
    text-align: center;
    color: #0e85bf;
}
@media (min-width: 768px) and (max-width: 1200px) {
    #header .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    #header .navbar-default .navbar-collapse {
        padding: 0;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
        padding: 10px 6px;
    }
    .login_in,
    .login_out {
        padding: 0;
    }
    .login_out a,
    .login_in a {
        display: inline-block;
        padding: 10px 15px;
        margin: 2px 4px;
    }
    .login_out a.register,
    .login_in #userOut {
        color: #ffffff;
        border-color: #ffffff;
    }
    .login_in .username {
        width: 50px;
        margin-right: 0;
    }
    #header.active .login_out a,
    #header.active .login_in a {
        color: #767d85;
        border-color: #767d85;
    }
    #header.active .login_out a.login {
        color: #ffffff;
    }
}
@media (min-width: 1200px) {
    .login_in,
    .login_out {
        padding: 0;
    }
    .login_out a,
    .login_in a {
        margin: 7px 10px;
    }
    .login_out a.register,
    .login_in #userOut {
        color: #ffffff;
        border-color: #ffffff;
    }
    #header.active .login_out a.register {
        color: #767d85;
        border-color: #767d85;
    }
    /* .login_in #userOut {
        margin: 10px 0;
        padding: 5px 10px;
    } */
    .login_in .username {
        min-width: 50px;
        max-width: 80px;
    }
    #header.active .login_in a#userOut {
        color: #767d85;
        border-color: #767d85;
    }
}

/* header end */


/* footer start */

.footer {
    color: #ffffff;
    background-color: #373d41;
}
.footer a {
    color: #969696;
}
.footer .superiority_box {
    padding-top: 30px;
    padding-bottom: 50px;
}
.superiority_box .superiority a {
    padding-bottom: 4px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
}
.superiority_box .superiority span {
    display: inline-block;
    vertical-align: middle;
}
.superiority_box .superiority .footer_icon {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url(../images/footer.png);
}
.superiority_box .superiority .footer_icon.footer_icon_1 {
    background-position: 0 0;
}
.superiority_box .superiority .footer_icon.footer_icon_2 {
    background-position: 0 -100px;
}
.superiority_box .superiority .footer_icon.footer_icon_3 {
    background-position: 0 -200px;
}
.superiority_box .superiority .footer_icon.footer_icon_4 {
    background-position: 0 -300px;
}
.superiority_box .superiority .footer_icon.footer_icon_5 {
    background-position: 0 -400px;
}
.superiority_box .superiority .footer_txt {
    font-size: 16px;
    text-indent: 0.5em;
}
.footer .ztw_phone {
    font-size: 16px;
    text-align: center;
}
.footer .ztw_code {
    display: block;
    margin: 0 auto;
    width: 146px;
    height: auto;
}
.footer .column_list {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #8d8686;
}
.column_list dl {
    float: left;
    width: 33.33%;
    text-align: center;
}
.column_list dt {
    padding-bottom: 10px;
    font-size: 14px;
}
.column_list dd {
    font-size: 12px;
    line-height: 28px;
}
.footer .column_link {
    margin-top: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
    color: #969696;
    border-top: 1px solid #8d8686;
    border-bottom: 1px solid #8d8686;
}
.footer .column_link a {
    margin: 0 5px;
    font-size: 12px;
}
.footer .column_link a:hover {
    text-decoration: underline;
}
.footer .column_company {
    padding-top: 20px;
    padding-bottom: 40px;
    color: #969696;
}
.footer .column_company a {
    color: #009fd9;
}
@media (min-width: 768px) {
    .column_list dl {
        width: 16.6%;
    }
}
@media (min-width: 992px) {
    .footer .ztw_phone {
        text-align: left;
    }
    .footer .ztw_code {
        margin-left: 0;
    }
    .footer .column_list {
        margin-top: 0px;
        padding-top: 0px;
        border-top: none;
        border-left: 1px solid #8d8686;
    }
}
@media (min-width: 1200px) {
    .footer .column_company .column_company_left {
        float: left;
    }
    .footer .column_company .column_company_right {
        float: right;
    }
}

/* footer end */


/* sidebar strat */

.sidebar {
    position: fixed;
    right: 30px;
    bottom: 60px;
    width: 50px;
    z-index: 91;
}
.sidebar li {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}
.sidebar li a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    background-repeat: no-repeat;
    background-color: #0e85bf;
    transition: .35s;
    border-radius: 50%;
}
.sidebar li a span.iconfont {
    display: inline-block;
    /* padding-top: 6px; */
    /* padding-bottom: 2px; */
    width: 100%;
    color: #ffffff;
    font-size: 24px;
}
.sidebar li a span.hint_box {
    /* display: none; */
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 220px;
    height: 100%;
    font-size: 16px;
    line-height: 50px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #ffffff;
    opacity: 0;
    transition: .35s;
}
.sidebar li a span.hint_box .hint_box_triangle {
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    right: -19px;
    bottom: 14px;
    z-index: 10
}
.sidebar li a span.hint_box .hint_box_triangle_border {
    border: 11px solid transparent;
    border-left: 11px solid #ddd;
    position: absolute;
    right: -22px;
    bottom: 13px;
    z-index: -1;
}
.sidebar li a:hover {
    background-color: #f76c35;
    background-color: #009fd9;
}
.sidebar li a:hover .hint_box {
    /* display: block; */
    left: -240px;
    opacity: 1;
}
@media (max-width: 768px) {
    .sidebar {
        /* display: none; */
        right: 10px;
    }
    .sidebar li a {
        background-color: rgba(14, 133, 191, .5);
    }
}

/* sidebar end */


/* 首页 start */


/* banner */

.banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
@media (min-width: 768px) {
    .banner {
        min-height: 660px !important;
    }
}
.banner>div {
    position: absolute;
    left: 0;
    width: 100%;
}
.banner .banner_bgImg {
    background-image: url(../images/banner.jpg);
}
.banner .banner_content {
    top: 50%;
    height: auto;
    /* line-height: 1; */
    color: #ffffff;
}
.banner_content h1 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 1.5em;
    letter-spacing: 0.2em;
}
.banner_content .wellcome {
    margin-bottom: 18px;
    font-size: 1.1em;
    letter-spacing: 0.2em;
    font-family: Acrom;
}
.banner_content .slogan {
    margin: 0;
    font-size: 46px;
    font-size: 1.2em;
    letter-spacing: 0.2em;
}
.banner_content .slogan span{ border:1px solid #fff;padding: 5px;}
.banner .banner_search {
    left: 50%;
    bottom: 40px;
    margin-left: -20%;
    width: 40%;
    height: auto;
}
.banner_search .search_title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 16px;
    color: #ffffff;
}
.banner_search .search_box {
    overflow: hidden;
    background-color: rgb(51, 51, 51);
    background-color: rgba(51, 51, 51, .77);
    border: 2px solid;
    border-color: rgb(255, 255, 255);
    border-color: rgba(255, 255, 255, .77);
    border-radius: 8px;
}
.banner_search .search_box.row,
.banner_search .search_box.row .col_no_padding {
    padding-left: 0;
    padding-right: 0;
}
.banner_search .search_box input {
    margin: 0px;
    padding: 4px 8px;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, .7);
}
.banner_search:focus {
    outline-color: transparent;
}
.banner_search input::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, .55);
}
.banner_search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, .55);
}
.banner_search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .55);
}
.banner_search #keyword_btn {
    padding: 0;
    width: 100%;
    height: 32px;
    background-color: #000000;
    border: none;
}
.banner_search #keyword_btn .iconfont {
    font-size: 16px;
    line-height: 1;
    color: #ffffff;
}
@media (min-width: 768px) {
    .banner_content h1 {
        margin-bottom: 32px;
        font-size: 36px;
        letter-spacing: 8.2px;
    }
    .banner_content .wellcome {
        margin-bottom: 36px;
        font-size: 25px;
        font-family: Acrom;
        letter-spacing: 8.2px;
    }
    .banner_content .slogan {
        font-size: 36px;
        letter-spacing: 8.2px;
        padding: 5px;
    }
	.banner_content .slogan span{border: 1px solid #fff;padding: 5px;}
    .banner .banner_search {
        bottom: 50px;
    }
    .banner_search .search_title {
        font-size: 28px;
    }
    .banner_search .search_box input {
        margin: 8px 0px 8px 10px;
        padding: 0px 8px;
        height: 30px;
        line-height: 30px;
        border-bottom: none;
        border-left: 1px solid;
        border-color: #ffffff;
        border-color: rgba(255, 255, 255, .7);
    }
    .banner_search #keyword_btn {
        display: block;
        margin: 3px auto;
        width: 96%;
        height: 40px;
        border-radius: 10px;
    }
    .banner_search #keyword_btn .iconfont {
        font-size: 24px;
    }
}

/* index-content */

.content .content_relative {
    position: relative;
}
.content>div {
    padding: 50px 0;
}
@media (min-width: 768px) {
    .content>div {
        padding: 80px 0;
    }
    .content .platform {
        padding-bottom: 50px;
    }
}
.content .content_title1 {
    padding: 60px 0;
    text-align: center;
}
.content .content_title1 h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 26px;
}
.content .content_title1 p {
    margin: 0;
    font-size: 16px;
    color: #969696;
}
.content .content_title1.ztwWhite p {
    color: rgba(255, 255, 255, 0.8);
}

/* 服务项目 service */

.service .service_list .service_list_box {
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 4px solid transparent;
    cursor: pointer;
}
.service .service_list .service_list_box.active {
    color: #0e85bf;
    border-color: #0e85bf;
}
.service_list .service_list_box>span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.service_list .service_list_icon {
    padding-bottom: 24px;
    font-size: 36px;
}
.service_list .service_list_title {
    font-size: 12px;
    /*    color: #554e4e;*/
}
.service_item {
    position: relative;
    z-index: 1;
    background-color: #f1f1f1;
}
.service_item .service_item_l {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}
.service_item .service_item_l_title {
    font-size: 18px;
    font-weight: bold;
    color: #373d41;
}
.service_item .service_item_l_describe {
    font-size: 12px;
    color: #797e81;
}
.service_item .service_item_l_btn {
    padding-left: 20px;
    padding-right: 20px;
    color: #373d41;
    border-color: #171918;
    border-radius: 0;
}
.service_item .service_item_r {
    margin-bottom: 20px;
}
.service_item .service_item_r_title {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    color: #373d41;
}
.service_item .service_item_r_txt {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #797e81;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.service_item_center_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
}
@media (min-width: 768px) {
    .content .service {
        padding-bottom: 0;
    }
    .service .service_list .service_list_box {
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .service .service_list .service_list_box {
        border-right: none;
        border-bottom: 4px solid transparent;
    }
    .service_item {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .service_item .service_item_l {
        padding-top: 46px;
        padding-bottom: 46px;
        text-align: left;
    }
    .service_item .service_item_padding {
        padding-top: 20px;
    }
    .service_item .service_item_r_title {
        padding: 0 30px;
        text-align: left;
    }
    .service_item .service_item_r_txt {
        margin-bottom: 0;
        padding: 0 30px;
        height: 48px;
        line-height: 24px;
        text-align: left;
        white-space: normal;
    }
    .service_item_l_mask,
    .service_item_r_mask {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #f1f1f1;
    }
    .service_item_l_mask {
        left: -100%;
    }
    .service_item_r_mask {
        right: -100%;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .service_list .service_list_icon {
        font-size: 46px;
    }
    .service_list .service_list_title {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    .service_list .service_list_icon {
        font-size: 56px;
    }
    .service_list .service_list_title {
        font-size: 16px;
    }
}



.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:after, .row:before {
	display: table;
	content: " ";
}
.row:after {
	clear: both;
}

.col-md-3{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	}
.col-xs-6{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 50%;
	}
@media (min-width:992px) {
	.col-md-3{
		float: left;
	}
	.col-md-3 {
	width: 25%;
	}
	}

.main-product {
	padding-top: 75px;
	padding-bottom: 35px
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.main-product-list {
	margin-top: 40px;
}
.container {
	
}
.main-product-list .main-product-item {
	display: block;
	padding: 50px 0 25px;
	text-align: center;
	background: #f4f6f8;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.main-product-list .main-product-item .icon {
	margin-bottom: 30px
}
.main-product-list .main-product-item .icon img {
	max-width: 140px
}
.main-product-list .main-product-item h2 {
	font-size: 18px;
	color: #323232;
	font-weight: 400;
	margin: 20px 0 15px;
	line-height: 1
}
.main-product-list .main-product-item p {
	font-size: 14px;
	line-height: 2;
	color: #5a5a5a;
	height: 90px;
	overflow: hidden
}
@media (max-width:420px) {
.main-product-list .main-product-item p br {
	display: none
}
}
.main-product-list .main-product-item:hover {
	-webkit-box-shadow: .521px 2.954px 10px 0 rgba(0,0,0,.16);
	box-shadow: .521px 2.954px 10px 0 rgba(0,0,0,.16);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}
.index-title {
	text-align: center;
	margin-bottom: 4.16666667%;
	font-weight: 200
}
.index-bottom{margin-bottom: 10px;}
.index-title h3 {
	font-size: 30px;
	font-weight: 200;
	color: #000;
	line-height: 1.5;
	margin: 0 0 1.66666667%
}
.index-title P {
	font-size: 15px;
	color: #666
}
.index-title.white h3, .index-title.white p {
	color: #fff
}
@media (max-width:640px) {
.index-title {
	padding: 0 10%
}
}
@media (max-width:990px) {
.main-product {
	padding: 30px 0
}
.main-product-list .main-product-item {
	padding: 20px 0
}
.main-product-list .main-product-item .iconfont {
	font-size: 50px
}
.main-product-list .main-product-item h2 {
	font-size: 16px;
	margin: 10px 0 5px
}
.main-product-list .main-product-item p {
	font-size: 14px;
	height: 84px
}
.index-title h3 {
	font-size: 20px;
	margin-bottom: 10px
}
.index-title P {
	font-size: 14px
}
}


/* data-table seo优化申请记录 */

.data_table .table_bgImg {
    background-image: url(../images/table.jpg);
}
.data_table .container {
    position: relative;
}
.table_cont .data_table_title {
    font-size: 16px;
    color: #ffffff;
}
.table_cont .data_table_title a {
    float: right;
    margin-top: 2px;
    font-size: 12px;
    color: #ffffff;
}
.table_cont .table {
    width: 100%;
    font-size: 12px;
    color: #ffffff;
}
.table_cont .fixed-table-container {
    border-color: transparent;
}
.table_cont .fixed-table-loading {
    display: none;
    font-size: 0;
    background-color: transparent;
}
.table_cont .bootstrap-table .table>thead>tr>th {
    border-color: rgba(0, 0, 0, .4);
    background-color: rgba(255, 255, 255, .4);
}
.table_cont .bootstrap-table .table {
    border-color: transparent;
}
.table_cont .table>tbody>tr>td,
.table_cont .table>tbody>tr>th,
.table_cont .table>tfoot>tr>td,
.table_cont .table>tfoot>tr>th,
.table_cont .table>thead>tr>td,
.table_cont .table>thead>tr>th {
    background-color: #9c9c9c;
    border-color: rgba(0, 0, 0, .4);
    background-color: rgba(255, 255, 255, .4);
}
.table_cont .pagination>li>a,
.table_cont .pagination>li>span {
    background-color: #9c9c9c;
    background-color: rgba(255, 255, 255, 0);
    border-color: transparent;
    color: #ffffff;
}
.table_cont .pagination>.active>a,
.table_cont .pagination>.active>a:focus,
.table_cont .pagination>.active>a:hover,
.table_cont .pagination>.active>span,
.table_cont .pagination>.active>span:focus,
.table_cont .pagination>.active>span:hover {
    background-color: rgba(255, 255, 255, .4);
    border-color: transparent;
}
.table_cont .pull-left.pagination-detail {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    font-size: 0;
}

/* 团队展示 */

.team_cont .swiper-container {
    height: 300px;
    overflow: hidden;
}
.team_box {
    height: 270px;
    overflow: hidden;
}
.team_people {
    margin-bottom: 15px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f1f1f1;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, .04), 2px 4px 14px rgba(0, 0, 0, .12);
}
.team_people .team_people_img {
    position: relative;
    margin: 5px auto;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.team_people .team_people_cont .team_people_name {
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 14px;
}
.team_people .team_people_cont .team_people_name i {
    margin-left: 10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #999;
}
.team_people .team_people_cont .team_people_info {
    margin: 0;
    font-size: 12px;
    line-height: 24px;
}
.team_people .team_people_cont .team_people_btn {
    display: none;
    margin: 0;
}
.team_people .team_people_cont .team_people_btn .btn {
    display: none;
    padding: 0;
    margin-right: 0;
    width: 70px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    border-radius: 4px;
    background-color: #ccc;
}
.team_people .team_people_cont .team_people_btn .btn.buy_none {
    display: inline-block;
}
.team_online .common_mask {
    display: none;
}
.team_online .team_people_cont .team_people_name i {
    background-color: #33D172;
}
.team_online .team_people_cont .team_people_btn .btn.buy_online {
    display: inline-block;
    background-color: #0e85bf;
}
.team_online .team_people_cont .team_people_btn .btn.buy_none {
    display: none;
}
@media (min-width: 768px) {
    .team_cont .swiper-container {
        height: 464px;
    }
    .team_box {
        height: 430px;
    }
    .team_people {
        height: 200px;
    }
    .team_people .team_people_img {
        width: 100px;
        height: 100px;
    }
    .team_people .team_people_cont .team_people_name {
        font-size: 18px;
    }
    .team_people .team_people_cont .team_people_name i {
        width: 15px;
        height: 15px;
    }
    .team_people .team_people_cont .team_people_info {
        line-height: 30px;
    }
    .team_people .team_people_cont .team_people_btn {
        display: block;
    }
}

/* 走势图 */

.data_trend .trend_bgImg {
    background-image: url(../images/trend.jpg);
}
.data_trend #trend_cont {
    width: 100%;
    height: 400px;
}
.data_trend .trend_txt {
    margin: 0;
    padding: 10px;
}
@media (min-width: 768px) {
    .data_trend #trend_cont {
        height: 580px;
    }
    .data_trend .trend_txt {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 1024px) {
    .data_trend .trend_txt {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* 合作流程 */

.process_cont .swiper-container {
    margin-bottom: 20px;
    width: 100%;
    height: 280px;
}
.process_cont .swiper-container .swiper-wrapper {
    width: 100%;
}
.process_cont .process_box {
    width: 1170px;
    zoom: 1;
}
.process_cont .process_box:after {
    content: "";
    display: block;
    clear: both;
}
.process_item {
    float: left;
    width: 10%;
}
.process_item .process_icon {
    margin: 0 auto;
    margin-bottom: 28px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #a49a9a;
    background-color: #eeeff1;
    transition: .35s;
}
.process_item .process_icon .iconfont {
    font-size: 18px;
}
.process_item .process_line {
    border-bottom: 1px dashed #817a7a;
}
.process_item .process_dot {
    position: relative;
    top: -5px;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border: 4px solid #bbbbbb;
    transition: .35s;
}
.process_item .process_txt {
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 12px;
    color: #554e4e;
    transition: .35s;
}
.process_item .process_txt dt {
    line-height: 24px;
}
.process_item .process_txt dd {
    line-height: 20px;
}
.process_item.process_item_line {
    width: 10%;
    margin: 0 2px;
}
.process_item_line .process_icon {
    background-color: transparent;
}
.process_item_hover:hover .process_icon,
.process_item_hover.active .process_icon {
    color: #ffffff;
    background-color: #0e85bf;
}
.process_item_hover:hover .process_dot,
.process_item_hover.active .process_dot {
    border-color: #0e85bf;
    background-color: #ffffff;
}
.process_item_hover:hover .process_txt,
.process_item_hover.active .process_txt {
    padding-top: 10px;
}
.consultSEO_cont .seoConsult_title {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
}
.consultSEO_cont .seoConsult_title span {
    font-size: 20px;
    color: #000000;
}
.consultSEO_cont .seoConsult_title span a {
    font-size: 20px;
    color: #000000;
}
.consultSEO_cont .seoConsult_title a {
    font-size: 12px;
    color: #666666;
}
.consultSEO_cont .ieqmk_pic {
    width: 100%;
    height: 90px;
    position: relative;
}
.consultSEO_cont .ieqmk_pic .qa_url:hover {
    font-weight: bold;
}
.consultSEO_cont .ieqmk_pic .qa_url {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    line-height: 90px;
    font-size: 18px;
}
.consultSEO_cont .ieqmk_pic .qa_aurl {
    color: #56c686;
    color: #fff;
    text-align: center;
    left: 50%;
}
.consultSEO_cont .ieqmk_pic .qa_qurl {
    color: #ffedb2;
    color: #fff;
    text-align: center;
    left: 0;
}
.consultSEO_cont .seoConsult_list {
    padding: 10px 0px;
    width: 100%;
    max-height: 350px;
    overflow: hidden;
}
.consultSEO_cont .seoConsult_list li {
    font-size: 12px;
    line-height: 30px;
}
.seoConsult_list .seoConsult_list_title {
    display: inline-block;
    width: 74%;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}
.consultSEO_cont .seoConsult_list_time {
    display: inline-block;
    width: 24%;
    text-align: right;
    vertical-align: middle;
}

/* 平台展示 */

.platform .platform_bgImg {
    background-image: url(../images/platform.jpg);
}
.platform .platform_cont {
    width: 100%;
    height: 450px;
}
.platform_cont .swiper-container {
    width: 100%;
    height: 100%;
}

/* .platform_cont .animated{
    animation-duration: 1s;
    animation-delay:0.1s;
-webkit-animation-delay:0.1s;
} */

.platform_cont .platform_img {
    width: 100%;
}
.platform_cont .platform_img img {
    width: 80%;
}
.platform_cont .platform_text {
    text-align: center;
    width: 100%;
    color: #ffffff;
}
.platform_text .platform_text_title {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 46px;
}
.platform_text .platform_text_list {
    font-size: 12px;
    line-height: 22px;
}
.platform_text .platform_text_link {
    display: inline-block;
    padding-top: 12px;
    font-size: 14px;
    color: #4bb6ea;
}
@media (min-width: 768px) {
    .platform .platform_cont {
        height: 350px;
    }
    .platform_cont .platform_img {
        width: 60%;
    }
    .platform_cont .platform_text {
        width: 40%;
    }
    .platform_text .platform_text_title {
        font-size: 18px;
    }
}
@media (min-width: 1200px) {
    .platform .platform_cont {
        height: 450px;
    }
    .platform_cont .platform_img {
        width: 70%;
    }
    .platform_cont .platform_img img {
        margin-left: 30px;
    }
    .platform_cont .platform_text {
        padding-left: 50px;
        width: 30%;
        text-align: left;
    }
    .platform_text .platform_text_title {
        padding-top: 100px;
        font-size: 22px;
    }
    .platform_text .platform_text_list {
        font-size: 12px;
        line-height: 26px;
    }
    .platform_text .platform_text_link {
        padding-top: 20px;
        font-size: 16px;
    }
}

/* 为什么选择我们 */

.content .choose .content_title p {
    line-height: 30px;
}
.choose .choose_item {
    margin-bottom: 30px;
    text-align: center;
}
.choose_item .reason_img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 90px;
    height: 102px;
    background-image: url(../images/advantage.jpg);
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    transition: all .7s ease;
}
.choose_item .reason_img_1 {
    background-position: 0 0;
}
.choose_item .reason_img_2 {
    background-position: -202px 0;
}
.choose_item .reason_img_3 {
    background-position: -404px 0;
}
.choose_item .reason_img_4 {
    background-position: -606px 0;
}
.choose_item .reason_img_5 {
    background-position: -808px 0;
}
.choose_item .reason_img_6 {
    background-position: -1010px 0;
}
.choose_item.hover .reason_img_1,
.choose_item .reason_img_1:hover {
    background-position: 0 -215px;
}
.choose_item.hover .reason_img_2,
.choose_item .reason_img_2:hover {
    background-position: -202px -215px;
}
.choose_item.hover .reason_img_3,
.choose_item .reason_img_3:hover {
    background-position: -404px -215px;
}
.choose_item.hover .reason_img_4,
.choose_item .reason_img_4:hover {
    background-position: -606px -215px;
}
.choose_item.hover .reason_img_5,
.choose_item .reason_img_5:hover {
    background-position: -808px -215px;
}
.choose_item.hover .reason_img_6,
.choose_item .reason_img_6:hover {
    background-position: -1010px -215px;
}
.choose_item .ad_right {
    padding-top: 20px;
    line-height: 30px;
}
.choose_item .ad_right .choose_cont_title {
    margin-bottom: 20px;
    font-size: 18px;
}
.choose_item .ad_right .choose_cont_txt {
    font-size: 14px;
    line-height: 24px;
    color: #787b80;
}

/* seo案例 */

.seocase .seocase_bgImg {
    background-image: url(../images/seocase.jpg);
}
.seocase .content .content_title {
    padding-bottom: 30px;
}
@media (min-width: 1200px) {
    .seocase .container {
        width: 1400px;
    }
}
a.seocase_item {
    margin-bottom: 30px;
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 16px rgba(255, 255, 255, .12);
}
a.seocase_item .seocase_item_img {
    height: 180px;
    overflow: hidden;
}
a.seocase_item .seocase_item_img img {
    width: 100%;
    transition: .35s;
}
a.seocase_item .seocase_item_txt {
    display: block;
    width: 100%;
    padding: 10px 15px 0px 10px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
a.seocase_item:hover .seocase_item_img img {
    transform: scale(1.2);
}

/* 服务承诺 */

.commitment .commitment_bgImg {
    background-image: url(../images/commitment.jpg);
}
@media (min-width: 768px) {
    .content>div {
        padding: 20px 0;
    }
}
.content .commitment .content_title {
    padding-bottom: 0px;
}
.commitment_cont .commitment_item {
    margin: 0 auto;
    margin-top: 10px;
    padding: 15px;
    width: 80%;
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, .4);
}
.commitment_item .commitment_item_title {
    margin: 0 0 5px 0;
    font-size: 14px;
}
.commitment_item .commitment_item_txt {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
}

/* 免费注册 */

.content .cont_register {
    padding-bottom: 0px;
}
.cont_register .cont_register_bgImg {
    background-image: url(../images/cont_register.jpg);
}
.cont_register .common_mask {
    background-color: rgba(0, 0, 0, .27);
}

/* index-content end */


/* 首页 end */

.demo_banner {
    position: relative;
    width: 100%;
    height: 260px;
    overflow: hidden;
}
.demo_banner>div {
    position: absolute;
    left: 0;
    width: 100%;
    color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1200px) {
    .demo_banner {
        height: 400px;
    }
}
@media (min-width: 1200px) {
    .demo_banner {
        height: 600px;
    }
}

/* 查询页面  start */

.query_banner .common_bgImg {
    background-image: url(../images/query.jpg);
}
.query {
    padding: 50px 0;
    width: 100%;
}
.query .container {
    position: relative;
}
.query .container .loading {
    display: none;
    z-index: 89;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.loading .load_img {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: auto;
}
.query .hint {
    color: #797e81;
    line-height: 20px;
}
.query_box {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}
.query_box>div {
    margin-bottom: 30px;
}
.query_demo {
    margin-bottom: 30px;
    border: 1px solid #acacac;
    border-radius: 5px;
}
.query_demo_title {
    width: 100%;
    background-color: #595b5c;
    border-radius: 5px 5px 0 0;
}
.query_demo_title>.pull-left {
    padding: 10px 12px;
    color: #ffffff;
    line-height: 1.42857143;
}
.query_demo_title>.pull-right {
    padding: 10px 12px;
    color: #ffffff;
    border: none;
}
.query_demo_cont {
    padding: 15px;
    min-height: 120px;
}
#query_history {
    max-height: 240px;
    overflow-y: auto;
}
.query_demo_cont.query_table_cont {
    padding: 0;
}
.query_demo_cont.query_table_cont .table-responsive {
    min-height: 300px;
    max-height: 489px;
    overflow-y: auto;
    color: #747474;
    border: none;
}
.query_demo_cont #query_history .btn {
    /* position: relative;
    padding-right: 21px; */
    margin: 5px;
    max-width: 80px;
}

/* .query_demo_cont>.btn>.iconfont {
    position: absolute;
    right: 5px;
    top: 8px;
    margin-left: 5px;
} */

.query_demo_cont .table tbody td {
    line-height: 32px;
}
.query_demo_cont .table td .btn {
    border: none;
}
.query_box .table.text-center th {
    text-align: center;
}
.query_demo_btn {
    padding: 10px 20px;
    width: 100%;
}
.query .nav-tabs a {
    color: rgba(51, 51, 51, .7);
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #333333;
}
.query_search {
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}
.query_search .query_search_keyword {
    padding: 5px 10px;
    width: 80%;
    border: 2px solid #979797;
    border-radius: 8px;
}
.query_search .keyword_style {
    padding-left: 10px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border: none;
    outline: none;
    border-left: 1px solid #6e6e6e;
}
.query_search .keyword_btn_style {
    padding: 8px 12px;
    width: 18%;
    font-size: 24px;
    line-height: 1;
    border-radius: 8px;
}
.query_search .keywords {
    padding: 0;
    border: none;
}
.query_search .keywords .keyword_style {
    padding: 5px 10px;
    min-height: 140px;
    border: 2px solid #979797;
    border-radius: 8px;
    line-height: 20px;
}
.query_search_cont {
    padding-top: 40px;
}
.query_search_cont .table th {
    background-color: #eeeeee;
}
.query_search_cont .table tr>td[data-engine] {
    cursor: pointer;
    overflow: hidden;
}
.query_search_cont .table tr>td[data-engine]:hover {
    background-color: #eff2f3;
}
.query_search_cont .table td.active {
    background-color: #eff2f3;
}
.query_search_result {
    margin-bottom: 10px;
    line-height: 22px;
    color: #797e81;
}
.query_search_result>div {
    margin-bottom: 10px;
}
.query_search_result span,
.query_search_result strong {
    display: inline-block;
    line-height: 28px;
}
.query_search_cont_url input:disabled {
    width: 50%;
    color: #0e85bf;
    border: none;
    background-color: transparent;
}
.query_search_cont_rank .rankTxt {
    padding: 0 5px;
    width: 28%;
    color: #0e85bf;
}
.query_search_cont .query_search_btn span.hint {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 34px;
}
.query .table {
    caption-side: bottom;
}
.query .table caption {
    border: 1px solid #dddddd;
}
#buy_table .buy_keyword_name {
    max-width: 100px;
    width: 100px;
}
.pull-right.agentUser {
    display: none;
    padding: 3px 0px;
    height: 40px;
}
.pull-right.agentUser .dropdown-menu {
    z-index: 88;
}
.query .btn_add {
    padding: 6px 30px;
    color: #ffffff;
    background-color: rgb(96, 125, 139);
}
.query .btn_add.keyword_add {
    transition: .5s;
}
.query .btn_add.keyword_add.active_add {
    width: 50%;
    background-color: #ec971f;
    border-color: #d58512;
}
@media (min-width: 768px) {
    .loading .load_img {
        left: 50%;
        top: 50%;
        width: 500px;
        height: 250px;
        margin-left: -250px;
        margin-top: -125px;
    }
    .query_search_result>div {
        margin-right: 20px;
        float: left;
    }
    .query_search_cont_url input:disabled {
        width: 120px;
    }
    .query_search_cont_rank .rankTxt {
        width: auto;
    }
    .query_search_cont .query_search_btn span.hint {
        float: right;
        width: auto;
    }
    .query .btn_add.keyword_add.active_add {
        width: 30%;
    }
}

/* 查询页面  end */


/* 其他栏目 1 start */

.content .content_nav {
    padding: 22px 0;
    border-bottom: 1px solid #d6d6d6;
}

/* .content .content_nav .container .content_nav_breadcrumb{} */

.content .content_nav .container a {
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    color: #000000;
}
.content .content_nav .container a.active {
    color: #607d8b;
}
.content .content_description {
    padding: 20px 0;
}
.content .content_description .description_title {
    padding-bottom: 22px;
    font-size: 24px;
}
.content .content_description .description_subtitle {
    padding-bottom: 10px;
    font-size: 18px;
}
.content .content_description .description_content {
    padding-bottom: 20px;
    font-size: 14px;
    text-indent: 2em;
    line-height: 28px;
    color: #969696;
    border-bottom: 1px solid #d6d6d6;
}
.content .demo_content {
    padding: 20px 0;
    color: #141a24;
}
.content>div.demo_content:nth-child(2n-1) {
    background-color: #f1f1f1;
}
.demo_content .demo_content_box {
    padding: 20px 0;
}
.demo_content .demo_content_title {
    margin: 20px 0;
    padding-left: 14px;
    font-size: 24px;
    color: #141a24;
    border-left: 4px solid #0e85bf;
}
.demo_content .demo_content_box_img {
    margin: 0 auto;
    display: block;
    width: 60px;
    height: 60px;
}
.demo_content .demo_content_box_txt h4 {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 16px;
}
.demo_content .demo_content_box_txt p {
    margin: 0;
    min-height: 48px;
    max-height: 48px;
    line-height: 24px;
    text-align: justify;
    color: #666;
    overflow: hidden;
}
.scenario.demo_content .demo_content_box {
    margin-bottom: 20px;
    padding: 30px 20px;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
}
.scenario.demo_content .demo_content_box_img {
    margin-top: 20px;
    margin-bottom: 40px;
}
.scenario.demo_content .demo_content_box_txt p {
    max-height: 140px;
    height: 140px;
    overflow: hidden;
    line-height: 20px;
}
.client_case.demo_content .case_box {
    margin-bottom: 20px;
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
    color: #141a24;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}
.client_case.demo_content .demo_content_box {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    transition: .5s;
}
.client_case.demo_content .case_box_top,
.client_case.demo_content .demo_content_box_txt {
    padding: 20px;
    height: 200px;
    overflow: hidden;
}
.client_case.demo_content .demo_content_box_img {
    margin: 20px auto;
    width: auto;
    height: auto;
}
.client_case.demo_content .case_box_title {
    margin: 0;
    font-size: 16px;
    line-height: 30px;
}
.client_case.demo_content .demo_content_box_txt {
    background-color: #f1f1f1;
}
.client_case.demo_content .demo_content_box_txt h4 {
    padding-top: 20px;
    margin: 0;
    line-height: 40px;
    font-size: 16px;
}
.client_case.demo_content .demo_content_box_txt p {
    color: #999;
}
.client_case.demo_content .case_box:hover .demo_content_box {
    top: -200px;
}
@media (min-width: 768px) {
    .content .demo_content {
        padding: 40px 0;
    }
    .content .content_nav .container a {
        padding: 0 10px;
    }
    .content .content_description {
        padding: 40px 0 0 0;
    }
    .content .content_description .description_title {
        font-size: 26px;
    }
    .content .content_description .description_content {
        padding-bottom: 40px;
        font-size: 16px;
        line-height: 30px;
    }
}

/* 区别处 */

.seoyyh_banner .common_bgImg {
    background-image: url(../images/seoyyh_banner.jpg);
}
.seoyjz_banner .common_bgImg {
    background-image: url(../images/seoyjz_banner.jpg);
}
.seoysc_banner .common_bgImg {
    background-image: url(../images/seoysc_banner.jpg);
}
.keywordprice_banner .common_bgImg {
    background-image: url(../images/keywordprice_banner.jpg);
}
.keywordindex_banner .common_bgImg {
    background-image: url(../images/keywordindex_banner.jpg);
}
.siteindex_banner .common_bgImg {
    background-image: url(../images/siteindex_banner.jpg);
}
.siterank_banner .common_bgImg {
    background-image: url(../images/siterank_banner.jpg);
}
.keywordrank_banner .common_bgImg {
    background-image: url(../images/keywordrank_banner.jpg);
}
.urlinclude_banner .common_bgImg {
    background-image: url(../images/urlinclude_banner.jpg);
}
.domainseo_banner .common_bgImg {
    background-image: url(../images/domainseo_banner.jpg);
}
.domainbeian_banner .common_bgImg {
    background-image: url(../images/domainbeian_banner.jpg);
}




/* 云套餐 */


/* 公用 */

.newkpCombo .common_bgImg,
.companyCombo .common_bgImg,
.moreCombo .common_bgImg {
    background-position: center bottom;
    background-image: url(../images/seoytcbg.jpg);
}
.content .combo_box {
    background-color: #f1f1f1;
}
.combo_box .container {
    position: relative;
    padding-top: 30px;
    background-color: #ffffff;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.combo_box .common_bgImg {
    display: none;
}
.combo_box .combo_box_img {
    max-width: 100%;
}
.combo_box .combo_box_title {
    padding-left: 14px;
    font-size: 16px;
    color: #333;
    border-left: 4px solid #0e85bf;
}
.combo_box .combo_box_info {
    display: inline-block;
    padding: 5px 10px;
    margin: 5px 0;
    margin-right: 10px;
    color: #555555;
    border: 1px solid #0e85bf;
    border-radius: 3px;
}
.combo_box .combo_box_info_p {
    margin: 0;
    padding: 5px 0;
    font-weight: 400;
    color: #555555;
}
.combo_box .combo_box_list {
    padding-top: 5px;
    line-height: 20px;
}
.combo_box .combo_box_list span {
    display: inline-block;
    width: 100px;
}
.combo_box .combo_box_btn {
    width: 130px;
    height: 40px;
    line-height: 26px;
    color: #FFF;
    background: #0e85bf;
    border-radius: 0;
}
.combo_box .combo_box_btn:hover {
    background: #009fd9;
}
.combo_box .combo_box_table {
    margin-bottom: 10px;
}
.combo_box .combo_box_table caption {
    color: #555555;
}
.combo_box .combo_box_error {
    display: block;
    margin-left: 0;
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
    line-height: 26px;
    color: #F44336;
}
.customer {
    height: 60px;
    margin: 20px 20px 0 20px;
    border-top: 1px solid #EDEDED;
    overflow: hidden;
}
.customer span {
    display: block;
    width: 17px;
    height: 18px;
    float: left;
    margin-top: 21px;
}
.customer a {
    margin-left: 10px;
    line-height: 57px;
    font-size: 14px;
    color: #0091ff;
}

/* 小模块区别 */

.content .newkpCombo {
    padding-top: 50px;
}
.content .smeCombo .table>tbody>tr>td,
.content .companyCombo .table>tbody>tr>td {
    border-top: none;
}
@media (min-width: 768px) {
    .content .newkpCombo {
        padding-top: 152px;
    }
    .combo_box .common_bgImg {
        display: block;
    }
    .combo_box .container {
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0;
    }
    .content .combo_box:nth-child(2n) .container {
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .combo_box .combo_box_error {
        display: inline-block;
        margin-left: 20px;
        padding: 6px 12px;
    }
}

/* 其他栏目 1 end */


/* 应用场景 start */


/* banner-movie */

.movie_banner .common_movie .bannerVideo {
    position: absolute;
    left: 0;
    width: 100%;
}
.movie_banner .common_movie {
    top: 0;
    height: 100%;
    background-color: #000000;
}
.movie_banner .common_movie .bannerVideo,
.movie_banner .ourInfo {
    bottom: 0;
}
.movie_banner .movie_content {
    top: 0;
    height: 100%;
    padding-top: 80px;
    text-align: center;
}
.movie_banner .movie_content .btn {
    margin: 5px 10px;
    color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
}
.movie_banner .ourInfo {
    padding: 10px 0px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.2);
}
.movie_banner .ourInfo .ourInfo_icon {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(../images/yycj.png);
    background-repeat: no-repeat;
}
.movie_banner .ourInfo .ourInfo_left {
    line-height: 80px;
}
.movie_banner .ourInfo .ourInfo_left strong {
    font-size: 18px;
}
.movie_banner .ourInfo .ourInfo_left .ourInfo_icon {
    background-position: 0 0;
}
.movie_banner .ourInfo .ourInfo_right li {
    line-height: 40px;
}
.movie_banner .ourInfo .ourInfo_right .ourInfo_icon {
    width: 23px;
    height: 23px;
}
.movie_banner .ourInfo .ourInfo_right li:nth-child(1) .ourInfo_icon {
    background-position: -48px -2px;
}
.movie_banner .ourInfo .ourInfo_right li:nth-child(2) .ourInfo_icon {
    background-position: -25px -2px;
}
@media (max-width: 1200px) and (min-width: 768px) {
    .movie_banner .movie_content {
        padding-top: 150px;
    }
    .movie_banner .movie_content p {
        line-height: 30px;
    }
}
@media (min-width: 1200px) {
    .movie_banner {
        height: 650px;
    }
    .movie_banner .common_movie .bannerVideo {
        top: 50%;
        margin-top: -25%;
    }
    .movie_banner .movie_content {
        padding-top: 220px;
        text-align: right;
    }
    .movie_banner .movie_content.other {
        text-align: left;
    }
    .movie_banner .movie_content h2 {
        margin: 0;
        font-size: 42px;
    }
    .movie_banner .movie_content p {
        line-height: 42px;
    }
    .movie_banner .movie_content.other p {
        line-height: 26px;
        padding: 30px 0;
    }
    .movie_banner .movie_content .btn {
        margin: 0 0 0 20px;
    }
    .movie_banner .movie_content.other .btn {
        margin: 0 20px 0 0;
    }
}

/* 应用场景 end */


/* 新闻资讯+关于我们 start */

.news_banner {
    overflow: visible;
}
.news_banner .common_bgImg {
    background-image: url(../images/news.jpg);
}
.news_banner .news_banner_content {
    top: 40%;
}
.news_banner .news_banner_content .container h2 {
    font-size: 42px;
}
.news_banner .newsInfo {
    bottom: 0;
    text-align: right;
    background-color: rgba(8, 15, 32, .4);
}
.news_banner .newsInfo .newsInfo_nav .btn {
    padding: 6px 22px;
    line-height: 34px;
    color: #ffffff;
    border-radius: 0;
}
.news_banner .newsInfo .newsInfo_nav .btn.active,
.news_banner .newsInfo .newsInfo_nav .btn:hover {
    background-color: #009fd9;
}
.news_banner .newsInfo .dropdown-toggle {
    background-color: transparent;
}
.news_banner .newsInfo .btn.focus,
.news_banner .newsInfo .btn:focus,
.news_banner .newsInfo .btn:hover {
    color: #ffffff;
}
.news_banner .newsInfo .dropdown-menu {
    left: -50%;
}
@media (min-width: 768px) {
    .news_banner .newsInfo {
        text-align: center;
    }
}
.news_content .newsInfo {
    text-align: center;
}
.news_content .newsInfo .btn-group {
    float: right;
}
.news_content .newsInfo .dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    font-weight: 400;
    text-align: left;
    color: #333;
}
.news_content .newsInfo .dropdown-toggle {
    background-color: transparent;
}
.news_content .newsInfo .dropdown-menu {
    left: -50%;
}
.news_content .newsInfo .btn.focus,
.news_content .newsInfo .btn:focus,
.news_content .newsInfo .btn:hover {
    color: #333;
}
.news_content>.container {
    padding-top: 20px;
	font-size: 14px;
}
.news_content .news_breadcrumb {
    background-color: #ffffff;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news_content .news_breadcrumb a {
    line-height: 30px;
    color: #607d8b;
}
.news_content .news_box {
    padding: 8px 15px;
    color: #333333;
}
.news_content .news_list a {
    color: #333333;
}
.news_content .news_list_left li.active a,
.news_content .news_list_left a:hover {
    color: #607d8b;
}
.news_content .news_box>div {
    width: 100%;
}
.news_content .news_box .news_list {
    width: 100%;
}
.news_box .news_list_left li {
    float: left;
    width: 33.333333%;
    text-align: center;
    line-height: 32px;
    border: 1px solid #d6d6d6;
}
.news_box .news_list>li>a {
    display: block;
    width: 100%;
}
.news_box .news_list_left li .news_left_link .iconfont {
    margin-right: 10px;
}
.news_box>.pull-right {
    padding-top: 20px;
}
.news_box .news_list_right li {
    margin-bottom: 20px;
}
.news_box .news_list_right li .news_right_link {
    padding: 5px 10px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
}
.news_right_link .news_right_img {
    width: 30%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
}
.news_right_link .img-rounded {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.news_right_link .news_right_space {
    margin: 0 4%;
    width: 1px;
    height: 100px;
    background-color: #e6e6e6;
    vertical-align: middle;
}
.news_right_link .news_right_cont {
    width: 61%;
    vertical-align: middle;
}
.news_right_link .news_right_cont>strong {
    display: inline-block;
    width: 100%;
}
.news_right_link .news_right_title {
    line-height: 24px;
}
.news_right_link .news_right_text {
    margin: 10px 0;
    max-height: 34px;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    overflow: hidden;
}
.news_right_link .news_right_time {
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    line-height: 16px;
}
.news_right_link .news_right_time.question_time {
    text-align: left;
}
.news_right_link .news_right_time.question_time b {
    float: right;
    color: #0e85bf;
}
.news_box .news_list_right li .news_right_link:hover {
    transition: box-shadow .25s;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.11);
}
@media (min-width: 768px) {
    .news_content .news_box {
        padding: 0;
        margin: 8px 15px;
        border: 1px solid #d6d6d6;
    }
    .news_content .news_box>.pull-left {
        width: 33.3333%;
    }
    .news_box .news_list_left li {
        position: relative;
        float: none;
        padding: 6px 12px;
        width: 100%;
        text-align: left;
        border: none;
        border-bottom: 1px solid #d6d6d6;
    }
    .news_box .news_list_left li::before {
        content: '';
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        border-left: solid 3px transparent;
        -webkit-transition: .2s;
        transition: .2s;
    }
    .news_content .news_list_left li.active::before {
        border-color: #607d8b;
    }
    .news_content .news_list_left a {
        transition: .25s;
    }
    .news_content .news_list_left li.active a,
    .news_content .news_list_left a:hover {
        transform: translateX(10px);
    }
    .news_content .news_box>.pull-right {
        padding: 20px;
        width: 66.6667%;
        border-left: 1px solid #d6d6d6;
    }
    .news_box .news_list_right li .news_right_link {
        padding: 10px;
    }
}
@media (min-width: 1024px) {
    .news_content .news_box>.pull-left {
        width: 25%;
    }
    .news_content .news_box>.pull-right {
        width: 75%;
        min-height: 500px;
    }
}
@media (min-width: 1200px) {
    .news_content .news_box>.pull-left {
        width: 20%;
    }
    .news_content .news_box>.pull-right {
        width: 80%;
    }
    .news_box .news_list_right li .news_right_link {
        padding: 18px 20px;
    }
    .news_right_link .news_right_img {
        width: 14%;
    }
    .news_right_link .news_right_cont {
        width: 76%;
    }
    .news_right_link .news_right_title {
        font-size: 16px;
        line-height: 30px;
    }
    .news_right_link .news_right_text {
        margin: 0;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 20px;
        max-height: 42px;
    }
}

/* 详情页 */

.news_content .news_box .detail_title {
    margin: 0 0 30px 0;
    width: 100%;
    color: #33495e;
    font-size: 22px;
    line-height: 40px;
}
.news_content .news_box .detail_time {
    line-height: 30px;
}
.news_content .news_box .detail_time span {
    margin: 0 10px;
}
.news_content .news_box .detail_content {
	line-height: 2;
    padding: 30px 10px 10px;
    min-height: 400px;
}
.news_content .news_box .detail_content p {
	margin: 0 0 10px;
}
.reply .news_box .detail_content {
    min-height: 100px;
}
.news_content .news_box .detail_content img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.news_content .news_box .detail_hr {
    border-color: #4d6173;
}
.answer .news_box .lable_title {
    font-size: 20px;
    line-height: 34px;
    color: #607d8b;
}
.reply .news_box .detail_hr {
    border-color: #eee;
}
.reply #submit_btn,
.answer #submit_btn {
    margin-top: 20px;
    padding: 5px 20px;
    font-size: 16px;
    background-color: #0e85bf;
    border-color: #0e85bf;
}
.answer #submit_btn {
    padding-top: 8px;
    padding-bottom: 8px;
}
.reply .reply_cont .reply_text {
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
}

/* 新闻资讯+关于我们 end */


/* 公司简介 start */

.demo_content .about_top_icon {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
}
.demo_content .about_top_icon:nth-child(2) {
    background-image: url(../images/about_icon1.png);
}
.demo_content .about_top_icon:nth-child(3) {
    background-image: url(../images/about_icon2.png);
}
.demo_content .about_top_icon:nth-child(4) {
    background-image: url(../images/about_icon3.png);
}
.demo_content .about_top_icon:nth-child(5) {
    background-image: url(../images/about_icon4.png);
}
.demo_content .about_top_icon:nth-child(6) {
    background-image: url(../images/about_icon5.png);
}
.demo_content .about_top_icon p {
    color: #333;
}
.demo_content .about_top_icon .about_top_icon_title {
    margin: 28px 0 6px 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 46px;
}
.demo_content .about_top_text {
    margin-bottom: 30px;
    text-indent: 2em;
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}
.demo_content .privacy_content .small_title {
    display: block;
    text-align: left;
    text-indent: 2em;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #009fd9;
}
.demo_content .privacy_content p {
    margin: 0;
    text-align: left;
    text-indent: 2em;
    line-height: 25px;
    font-size: 14px;
    color: #666;
}
@media (min-width: 1200px) {
    .demo_content .about_top_icon .about_top_icon_title {
        font-size: 40px;
    }
    .demo_content .about_top_icon .about_top_icon_txt {
        font-size: 16px;
    }
}

/* 公司简介 end */


/* 发展历程 start */

.demo_content .VivaTimeline dl dd .events .events-body .row {
    display: block;
}
.demo_content .VivaTimeline dl:before {
    background-color: #607d8b;
}
.demo_content .VivaTimeline dl dt {
    background-color: #607d8b;
}
.demo_content .VivaTimeline dl dd .circ {
    background-color: #607d8b;
}
.demo_content .VivaTimeline dl dd .time {
    color: #000000;
}
.demo_content .VivaTimeline dl dd .events {
    background-color: #fafafa;
    border: 1px solid #607d8b;
}
.demo_content .VivaTimeline dl dd .events .events-body {
    background-color: #fafafa;
}
.demo_content .VivaTimeline dl dd.pos-left .events:before {
    border-left-color: #607d8b;
}
.demo_content .VivaTimeline dl dd.pos-right .events:before {
    border-right-color: #607d8b;
}

/* 发展历程 end */


/* 招纳贤士 start */

.content_description .join_imgBox {
    padding-top: 20px;
}
.content_description .join_imgBox .col {
    margin-bottom: 20px;
}
.content_description .join_imgBox img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.content_description .welfare .col {
    text-align: center;
}
.content_description .welfare .col a {
    display: block;
    padding: 30px 20px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}
.content_description .welfare .col a:hover {
    color: #009fd9;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}
.content_description .welfare .col a span {
    display: block;
}
.content_description .welfare .col .iconfont {
    margin: 10px auto;
    font-size: 40px;
    line-height: 40px;
}
.content_description .welfare .col .welfare_title {
    padding-top: 10px;
    font-size: 18px;
    color: #333;
}
.content_description .job_position .panel-heading {
    padding: 15px;
}
.content_description .job_position .panel-default>.panel-heading {
    background-color: #ffffff;
}
.content_description .job_position .panel-default>.panel-heading a {
    display: inline-block;
    width: 80%;
}
.content_description .job_position .panel-default>.panel-heading .iconfont {
    margin-left: 10px;
    color: #009fd9;
}
.content_description .job_position .job_position_title {
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #1696c5;
}
.content_description .job_position .job_position_list li {
    list-style: decimal;
    list-style-position: inside;
    line-height: 2;
}
@media (max-width: 768px) {
    .content_description .job_position .panel-title {
        font-size: 14px;
    }
    .content_description .job_position .panel-default>.panel-heading a {
        width: 60%;
    }
}

/* 招纳贤士 end */


/* 联系我们 start */

.paddingContent .content_description {
    padding-bottom: 40px;
}
.content_description .contactBox .contactBox_item {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f7f9fa;
}
.content_description .contactBox .contactBox_title {
    display: inline-block;
    padding: 35px 10px 30px 10px;
    height: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 2px solid #ddddd5;
}
.content_description .contactBox .contactBox_desc {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 14px;
    color: #666;
}
.content_description .contactBox .contactBox_phone,
.content_description .contactBox .contactBox_qq {
    margin-bottom: 10px;
    font-size: 14px;
    color: #999;
}
.content_description .contactBox .contactBox_item:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .12);
}
.content_description .contactBox .contactBox_item:hover .contactBox_title {
    border-color: #0e85bf;
}
.content_description .contactBox .contactBox_item:hover .contactBox_phone,
.content_description .contactBox .contactBox_item:hover .contactBox_qq {
    color: #0e85bf;
}

/* 联系我们 end */


/* 法律声明 start */

.content .demo_content.content_description {
    padding-bottom: 40px;
}

/* 法律声明 end */


/* 服务协议 start */

.agreementContent .demo_content .about_top_text {
    margin-bottom: 10px;
}
.agreementContent.content>div.demo_content:nth-child(2n-1) {
    background-color: #ffffff;
}

/* 服务协议 end */


/* 加盟合作 start */

.cooperation_banner {
    min-height: 700px !important;
}
.cooperation_banner .common_bgImg {
    background-image: url(../images/cooperation.jpg);
}
.cooperation_banner .cooperation_banner_cont {
    top: 50%;
    color: #ffffff;
}
.cooperation_banner_cont .title {
    margin: 0;
    margin-bottom: 16px;
    font-size: 32px;
    font-weight: bold;
}
.cooperation_banner_cont .small_title {
    margin-bottom: 20px;
    font-size: 18px;
}
.cooperation_banner_cont .info {
    margin-bottom: 16px;
    font-size: 12px;
}
.cooperation_banner_cont .cooperation_btn {
    margin-bottom: 45px;
}
.cooperation_banner_cont .cooperation_item {
    margin-bottom: 50px;
    padding: 22px 0;
    background-color: rgba(255, 255, 255, .3);
}
.cooperation_banner_cont .cooperation_item .subtitle {
    margin: 0 10px 16px 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}
.cooperation_banner_cont .cooperation_item .subtitle span {
    display: block;
}
.cooperation_banner_cont .cooperation_item .subinfo {
    font-size: 14px;
    line-height: 24px;
}
.cooperation_banner_cont .cooperation_phone {
    font-size: 20px;
    font-weight: bold;
}
.cooperation_banner .cooperation_banner_nav {
    bottom: 0;
    font-size: 0;
    background-color: rgba(0, 0, 0, .5);
}
.cooperation_banner .cooperation_banner_nav a {
    display: inline-block;
    padding: 20px;
    font-size: 14px;
    color: #ffffff;
}
.cooperation_banner .cooperation_banner_nav a:hover {
    background-color: rgba(255, 255, 255, .2);
}
.cooperation_content .content_description .description_content {
    padding-bottom: 30px;
    text-align: center;
    border: none;
}
.cooperationDemo1 {
    background: url(../images/cooperationdemo1.jpg) no-repeat left center;
    background-size: cover;
}
.cooperationDemo1_left {
    float: left;
    color: #ffffff;
}
.cooperationDemo1_right {
    float: right;
    color: #ffffff;
    border-color: #ffffff;
}
.cooperationDemo1_right:hover {
    color: #ffffff;
    border-color: #009fd9;
    background-color: #009fd9;
}
.cooperation_content.content>div.demo_content:nth-child(2n-1) {
    background-color: #ffffff;
}
.cooperation_content .profit_box {
    margin-top: 30px;
    margin-bottom: 30px;
}
.cooperation_content .profit_box img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.cooperation_content .profit_box h3 {
    font-size: 18px;
    text-align: center;
}
.cooperation_content .profit_box h3.info {
    color: #009fd9;
}
.cooperationDemo2 .common_bgImg {
    background-image: url(../images/cooperationdemo2.jpg);
}
.cooperation_content .cooperationDemo2 .content_title {
    padding-bottom: 0px;
}
.cooperationDemo2 .cooperationDemo2_cont {
    text-align: center;
    font-size: 18px;
    line-height: 36px;
}
.cooperation_content .previewZTW .swiper-container img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
}
.cooperation_content .support {
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 20px;
    height: 200px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cooperation_content .support .iconfont {
    font-size: 30px;
}
.cooperation_content .support .title {
    font-size: 24px;
    padding-top: 10px;
}
.cooperation_content .support .title:after {
    content: '';
    display: block;
    width: 63px;
    height: 1px;
    background-color: #fff;
    margin-top: 13px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}
.cooperation_content .support .text {
    line-height: 2;
}
.cooperation_content .support.support_bg1 {
    background-image: url(../images/cdemo1.jpg);
}
.cooperation_content .support.support_bg2 {
    background-image: url(../images/cdemo2.jpg);
}
.cooperation_content .support.support_bg3 {
    background-image: url(../images/cdemo3.jpg);
}
.cooperation_content .support.support_bg4 {
    background-image: url(../images/cdemo4.jpg);
}
.cooperation_content .previewZTW .swiper-container {
    width: 100%;
    height: 260px;
}
.cooperation_content .cooperation_brand img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.cooperation_content .previewZTW .swiper-slide {
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.cooperation_content .previewZTW .swiper-slide-visible {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.cooperation_content .previewZTW .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
@media (min-width:768px) {
    .cooperation_banner_cont .title {
        font-size: 54px;
    }
    .cooperation_banner_cont .small_title {
        font-size: 24px;
    }
    .cooperation_banner_cont .info {
        font-size: 14px;
    }
    .cooperation_banner_cont .cooperation_item .subtitle {
        font-size: 24px;
        line-height: 44px;
    }
    .cooperation_banner_cont .cooperation_item .subtitle span {
        display: inline-block;
    }
    .cooperation_banner_cont .cooperation_item .subinfo {
        font-size: 18px;
        line-height: 34px;
    }
    .cooperation_banner_cont .cooperation_phone {
        font-size: 36px;
    }
    .cooperation_content .cooperationDemo1 {
        padding: 40px 0;
    }
    .cooperationDemo1_left p:first-child {
        font-size: 22px;
        font-weight: bold;
    }
    .cooperationDemo1_left p:last-child {
        font-size: 16px;
    }
    .cooperationDemo1_right {
        padding: 8px 20px;
    }
    .cooperation_content .support {
        padding: 40px 20px;
        height: 265px;
    }
    .cooperation_content .previewZTW .swiper-container {
        height: 500px;
    }
}
@media (min-width:1200px) {
    .cooperation_banner .cooperation_banner_nav a {
        padding: 30px 55px;
    }
    .cooperationDemo1_left p:first-child {
        margin-bottom: 20px;
        font-size: 26px;
    }
    .cooperationDemo1_left p:last-child {
        font-size: 18px;
    }
    .cooperationDemo1_right {
        padding: 10px 30px;
    }

}

/* 加盟合作 end */


/* 视频 start */

.banner_btn {
    margin: 0 10px;
    display: inline-block;
    width: 162px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.movie_btn .movie_icon {
    display: inline-block;
    margin-right: 6px;
    width: 21px;
    height: 28px;
    vertical-align: top;
    background: url(../images/movie.png) no-repeat center center;
}
.banner_btn:hover,
.banner_btn:focus {
    color: #ffffff;
}
.ztw_movie {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
}
.ztw_movie .movie_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.ztw_movie .movie_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 4px solid #000000;
}
.ztw_movie .movie_box #videoZTW {
    width: 100%;
    height: 100%;
}
.ztw_movie .movie_box #closevideo {
    position: absolute;
    right: 2px;
    top: 4px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
@media (min-width:768px) {
    .ztw_movie .movie_box {
        left: 50%;
        top: 50%;
        margin-left: -350px;
        margin-top: -200px;
        width: 700px;
        height: 397px;
    }
}

/* 视频 end */


/* 套餐 start */

.ytc2_banner {
    min-height: 600px !important;
}
.ytc2_banner .common_bgImg {
    background-image: url(../images/ytc_banner.jpg);
}
.ytc2_banner .ytc2_banner_cont {
    top: 50%;
    color: #ffffff;
}
.ytc2_banner_cont .title {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}
.ytc2_banner_cont .title span {
    color: #ff5438;
}
.ytc2_banner_cont .info {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 72px;
    background-color: #ff5438;
}
.ytc2_banner_cont .info span {
    display: inline-block;
    margin: 0 10px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .6);
}
.ytc2_banner_cont .subInfo .p1 {
    margin: 0;
    padding-top: 10px;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 20px;
}
.ytc2_banner_cont .subInfo .p2 {
    font-size: 12px;
    letter-spacing: 2px;
}
.why_cont {
    border: none;
}
.why_cont .item {
    margin: 20px 5%;
    padding: 6px 12px;
    width: 90%;
    border: 1px solid #fead4e;
    border-radius: 8px;
    background-color: #ffffff;
}
.why_cont .item .title {
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 5px;
    font-size: 14px;
}
.why_cont .item .txt {
    font-size: 12px;
}
.ytc_form .common_bgImg {
    background-image: url(../images/ytc_bg1.jpg);
}
.ytc_form .item {
    float: left;
    padding: 20px;
    width: 49%;
    margin: 0 0.5% 10px;
    background-color: #ffffff;
}
.ytc_form .item img.center-block.img-responsive {
    width: 60%;
}
.ytc_form .item>* {
    color: #333333;
}
.ytc_form .item .title {
    margin-top: 0;
    line-height: 28px;
}
.ytc_form .item .title2 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}
.ytc_form .item p.txt {
    margin: 0;
    height: 66px;
    color: #666;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
}
.ytc_price .common_bgImg {
    background-image: url(../images/ytc_bg2.jpg);
}
#ztw .ytc_price .ztwWhite {
    color: #333333 !important;
}
#ztw .ytc_price table thead th {
    color: #ffffff !important;
    border: none;
    text-align: center;
}
.ytc_price .table {
    text-align: center;
    background-color: #ffffff;
}
.ytc_price table thead tr.hot {
    font-size: 22px;
    font-weight: 700;
}
.ytc_price table thead tr {
    background: url(../images/ytc_bg4.jpg) no-repeat left top;
    background-size: cover;
}
.ytc_price table tbody tr.w-50 td {
    width: 10%;
}
.ytc_price table tbody tr td .hot {
    font-weight: 700;
    font-size: 32px;
    color: #e8565c;
}
.ytc_price table tbody tr td.letterSpacing {
    letter-spacing: 3px;
}
.ytc_price table tbody.left-center tr.w-50 td span {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.ytc_partner .common_bgImg {
    background-image: url(../images/ytc_bg3.jpg);
}
.ytc_partner .ytc_partner_cont {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background: url(../images/ytc_bg4.jpg) no-repeat center center;
    background-size: cover;
}
.ytc_partner .ytc_partner_cont .row.ztwWhite .col .item {
    margin-bottom: 20px;
    width: 100%;
    height: 130px;
    line-height: 130px;
    text-align: center;
    background-color: #ffffff;
}
.ytc_partner .ytc_partner_cont .row.ztwWhite .col .item img {
    max-width: 100%;
}
.ytc_case {
    position: relative;
}
.ytc_case .swiper-container {
    width: 100%;
    height: 440px;
}
.ytc_case .swiper-container .item {
    margin: 10px;
    padding: 15px;
    min-height: 320px;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.ytc_case .swiper-container .item .title {
    margin: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}
.ytc_case .swiper-container .item .word {
    min-height: 100px;
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #333333;
}
.ytc_case .swiper-container .item .word .badge {
    margin: 0 2px 4px;
    padding: 6px 10px;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    background-color: #fff;
    border: 1px solid #ff5438;
    border-radius: 28px;
}
.ytc_case .swiper-container .item .dbl strong {
    font-weight: 700;
    font-size: 20px;
    color: #ff5438;
}
@media (min-width:768px) {
    .ytc2_banner_cont .title {
        padding-bottom: 30px;
        font-size: 54px;
    }
    .ytc2_banner_cont .info {
        font-size: 38px;
    }
    .ytc2_banner_cont .info span {
        margin: 0 30px;
        width: 12px;
        height: 12px;
    }
    .ytc2_banner_cont .subInfo .p1 {
        font-size: 28px;
    }
    .ytc2_banner_cont .subInfo .p2 {
        font-size: 14px
    }
    .why_cont {
        position: relative;
    }
    .why_cont .center-block.img-responsive {
        padding: 20px 0;
    }
    .why_cont>div.item {
        position: absolute;
    }
    .why_cont .item {
        width: 220px;
        margin: 20px 0;
    }
    .why_cont .item:nth-child(2) {
        top: 0;
        left: 0;
    }
    .why_cont .item:nth-child(3) {
        top: 0;
        right: 0;
    }
    .why_cont .item:nth-child(4) {
        top: 50%;
        left: 0;
    }
    .why_cont .item:nth-child(5) {
        top: 50%;
        right: 0;
    }
    .ytc_form .item {
        width: 19.6%;
        margin: 0 0.2% 10px;
    }
    .ytc_form .item .title {
        font-size: 16px;
    }
    .ytc_form .item .title2 {
        font-size: 22px;
    }
    .ytc_price table tbody.left-center tr.w-50 td span {
        width: 42%;
    }
}
@media (min-width:1024px) {
    .why_cont .item {
        width: 300px;
    }
}
@media (min-width:1200px) {
    .why_cont .item {
        width: 360px;
    }
    .why_cont .item .title {
        font-size: 18px;
    }
    .why_cont .item .txt {
        font-size: 14px;
        line-height: 20px;
    }
    .why_cont .item span {
        position: absolute;
        top: 3px;
        width: 1px;
        height: 1px;
        border: 10px solid transparent;
    }
    .why_cont .item:nth-child(3) span,
    .why_cont .item:nth-child(5) span {
        left: -20px;
        border-right-color: #fead4e;
    }
    .why_cont .item:nth-child(2) span,
    .why_cont .item:nth-child(4) span {
        right: -20px;
        border-left-color: #fead4e;
    }
}
/* 套餐 end */